@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'),
  url('/static/eiop/fonts/rubik/Rubik-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'),
  url('/static/eiop/fonts/rubik/Rubik-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('/static/eiop/fonts/rubik/Rubik-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'),
  url('/static/eiop/fonts/rubik/Rubik-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'),
  url('/static/eiop/fonts/rubik/Rubik-Black.ttf') format('truetype');
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.h1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 42px;
  line-height: 44px;
}
.h2 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
.h2_bold {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.h2_roboto {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.subhead {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.subhead2 {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.7px;
}
.button-text1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.button-text2 {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.default-text {
  font-family: 'Rubik';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.caption {
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.more-info-block {
  margin: 20px 0;
  padding: 33px;
  font-size: 16px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #edeff3;
}
.more-info-block__link {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
}
.esia-wrapper {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.bold {
  font-weight: 700;
}
.gray {
  color: #4e5056;
}
.ps {
  font-size: 13px;
  line-height: 130%;
  color: #000;
  opacity: 0.4;
}
.link-blue {
  color: #007bff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px;
}
.text-center {
  text-align: center;
}
.useful-title-content {
  font-weight: 600;
  margin: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.useful-text-content {
  margin: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-button-useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ol-list {
  list-style-type: disc;
}
.useful-table_list {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.useful-table_list > li {
  counter-increment: item;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
.useful-table_list > li:before {
  content: counters(item, '.') '. ';
  margin-right: 15px;
}
.attention {
  width: 62px;
  height: 55px;
  background: url(/static/eiop/icons/info/attention.svg) no-repeat;
  background-size: contain;
  margin-right: 30px;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal {
  position: fixed;
  z-index: 1040;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.modal__backdrop {
    position: fixed;
    z-index: 1039;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.5;
  }
.modal__dialog-wrapper {
    height: 100vh;
    overflow-y: auto;
    outline: none;
    position: relative;
  }
.modal__dialog {
    position: relative;
    width: 720px;
    max-width: 96vw;
    margin: 50px auto;
    border-radius: 10px;
    background-color: #fff;
    outline: none;
  }
.modal__body {
    padding: 50px;
  }
.modal__title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 28px;
    margin-bottom: 25px;
    color: #2e2f30;
  }
.modal__close-button {
    position: absolute;
    top: -25px;
    right: -25px;
    cursor: pointer;
  }
.modal__close-button-icon {
    width: 50px;
    height: 50px;
  }
.modal-dashboard .modal__title {
    font-weight: 500;
    line-height: 38px;
    font-size: 32px;
    margin-bottom: 32px;
    color: #000000;
  }
.modal-dashboard .modal__close-button {
    top: 18px;
    right: 20px;
    width: 20px;
    height: 20px;
  }
.modal-dashboard .modal__close-button-icon {
    color: #868686;
  }


@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'),
  url('/static/eiop/fonts/rubik/Rubik-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'),
  url('/static/eiop/fonts/rubik/Rubik-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('/static/eiop/fonts/rubik/Rubik-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'),
  url('/static/eiop/fonts/rubik/Rubik-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'),
  url('/static/eiop/fonts/rubik/Rubik-Black.ttf') format('truetype');
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.h1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 42px;
  line-height: 44px;
}
.h2 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
.h2_bold {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.h2_roboto {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.subhead {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.subhead2 {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.7px;
}
.button-text1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.button-text2 {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.default-text {
  font-family: 'Rubik';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.caption {
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.more-info-block {
  margin: 20px 0;
  padding: 33px;
  font-size: 16px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #edeff3;
}
.more-info-block__link {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
}
.esia-wrapper {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.bold {
  font-weight: 700;
}
.gray {
  color: #4e5056;
}
.ps {
  font-size: 13px;
  line-height: 130%;
  color: #000;
  opacity: 0.4;
}
.link-blue {
  color: #007bff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px;
}
.text-center {
  text-align: center;
}
.useful-title-content {
  font-weight: 600;
  margin: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.useful-text-content {
  margin: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-button-useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ol-list {
  list-style-type: disc;
}
.useful-table_list {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.useful-table_list > li {
  counter-increment: item;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
.useful-table_list > li:before {
  content: counters(item, '.') '. ';
  margin-right: 15px;
}
.attention {
  width: 62px;
  height: 55px;
  background: url(/static/eiop/icons/info/attention.svg) no-repeat;
  background-size: contain;
  margin-right: 30px;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  min-height: 50px;
  padding: 14px 25px;
  text-align: center;
  line-height: 18px;
  margin: 0;
  outline: none;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-transform: uppercase;
}
.button_block {
    display: block;
    width: 100%;
}
.button_inline-block {
    display: inline-block;
}
.button__transparent {
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
}
.button:disabled {
    opacity: 0.5;
}
.button_color_white {
      background-color: #fff;
      color: #2e2f30;
    }
.button_color_white-bordered {
      padding-top: 12px;
      padding-bottom: 12px;
      border: 2px solid #fff;
      background-color: transparent;
      color: #fff;
    }
.button_color_yellow {
      background-color: #fdd81d;
      color: #2e2f30;
    }
.button_color_blue {
      background-color: #749afb;
      color: #fff;
    }
.button_color_blue-main {
      background-color: #624EFF;
      color: #fff;
    }
.button_color_blue-bordered {
      padding-top: 12px;
      padding-bottom: 12px;
      border: 2px solid #19C4E1;
      background-color: transparent;
      color: #2e2f30;
    }
.button_color_green {
      background-color: #65C59B;
      color: #fff;
    }
.button_color_orange {
      background-color: #faa630;
      color: #fff;
    }
.button_color_purple {
      background-color: #0487E2
    }
.button_color_purple,
      .button_color_purple:hover {
        color: #fff;
      }
.button_color_purple-bordered {
      padding-top: 12px;
      padding-bottom: 12px;
      border: 2px solid #624eff;
      background-color: transparent;
      color: #624eff;
    }
.button_color_aqua {
      background-color: #19C4E1;
      color: #fff;
    }
.button_color_aqua2 {
      background-color: #149ADB;
      color: #fff;
    }
.button_color_gray {
      background-color: #efeff3;
      color: #2e2f30;
    }
.button_color_red-bordered {
      padding-top: 12px;
      padding-bottom: 12px;
      border: 2px solid #ff3e01;
      background-color: transparent;
      color: #ff3e01;
    }
.button_color_dark-red-bordered {
      padding-top: 12px;
      padding-bottom: 12px;
      border: 2px solid #760000;
      background-color: transparent;
      color: #760000;
    }
.button_size_small {
      font-family: 'Rubik';
      font-style: normal;
      font-weight: normal;
      line-height: 20px;
      font-size: 12px;
      padding-top: 4px;
      padding-bottom: 6px;
      min-height: 30px;
    }
.button_size_average {
      font-family: 'Rubik';
      font-style: normal;
      font-weight: normal;
      line-height: 20px;
      font-size: 14px;
      padding-top: 12px;
      padding-bottom: 11px;
      min-height: 43px;
    }


.checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  cursor: pointer;
  font-family: Rubik, 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #2e2f30;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

  .checkbox__image {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 16px;
    height: 16px;
    margin-top: 2px;
  }

  .checkbox__input {
    display: none;
  }

  .checkbox__title {
    margin-left: 15px;
  }


.form-errors {
  color: #fc4b7a;
}


.input {
  display: inline-block;
  position: relative;
  min-width: 100%;
}

  .input__field {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    padding: 13px 18px;
    width: 100%;
    border-radius: 4px;
    border: 2px solid #d8dadf;
    background-color: #fff;
    -webkit-transition: border-color, background-color 0.15s;
    transition: border-color, background-color 0.15s;
    outline: none
  }

  .input__field:-webkit-autofill,
    .input__field:-webkit-autofill:hover,
    .input__field:-webkit-autofill:focus,
    .input__field:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px #fff inset;
    }

  .input__field:hover,
    .input__field:focus {
      border-color: #749afb;
    }

  .input__field_disabled,
      .input__field_disabled:hover,
      .input__field_disabled:focus {
        background-color: #f2f2f2;
        border-color: #e0e0e0;
      }

  .input__field_has-error,
      .input__field_has-error:hover,
      .input__field_has-error:focus {
        border-color: #ff4677;
      }

  .input__field_center-placeholder {
      text-align: center;
    }

  .input__field_view-mode {
      border: none;
      background-color: unset;
      padding-left: 0;
      padding-bottom: 0
    }

  .input__field_view-mode:hover {
        background-color: unset;
      }

  .input__label {
    position: absolute;
    pointer-events: none;
    top: 15px;
    left: 20px;
    right: 32px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    color: #828282;
    -webkit-transition: top 0.15s;
    transition: top 0.15s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .input__label_center-placeholder {
      text-align: center;
    }

  .input__label_has-value {
      text-align: left;
      top: 2px;
      line-height: 12px;
      font-size: 12px;
      color: #bdbdbd;
    }

  .input__label_view-mode {
      left: 0;
      right: 0;
    }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.cell {
  min-height: 1px;
}
.cell_relative {
    position: relative;
  }
.cell_float_left {
      float: left;
    }
.cell_float_right {
      float: right;
    }
.cell_clearfix::after {
      display: block;
      content: '';
      clear: both;
    }
.cell_width_1 {
    display: inline-block;
    vertical-align: top;
    width: 50px;
  }
.cell_height_1 {
    height: 50px;
  }
.cell_width_2 {
    display: inline-block;
    vertical-align: top;
    width: 100px;
  }
.cell_height_2 {
    height: 100px;
  }
.cell_width_3 {
    display: inline-block;
    vertical-align: top;
    width: 150px;
  }
.cell_height_3 {
    height: 150px;
  }
.cell_width_4 {
    display: inline-block;
    vertical-align: top;
    width: 200px;
  }
.cell_height_4 {
    height: 200px;
  }
.cell_width_5 {
    display: inline-block;
    vertical-align: top;
    width: 250px;
  }
.cell_height_5 {
    height: 250px;
  }
.cell_width_6 {
    display: inline-block;
    vertical-align: top;
    width: 300px;
  }
.cell_height_6 {
    height: 300px;
  }
.cell_width_7 {
    display: inline-block;
    vertical-align: top;
    width: 350px;
  }
.cell_height_7 {
    height: 350px;
  }
.cell_width_8 {
    display: inline-block;
    vertical-align: top;
    width: 400px;
  }
.cell_height_8 {
    height: 400px;
  }
.cell_width_9 {
    display: inline-block;
    vertical-align: top;
    width: 450px;
  }
.cell_height_9 {
    height: 450px;
  }
.cell_width_10 {
    display: inline-block;
    vertical-align: top;
    width: 500px;
  }
.cell_height_10 {
    height: 500px;
  }
.cell_width_11 {
    display: inline-block;
    vertical-align: top;
    width: 550px;
  }
.cell_height_11 {
    height: 550px;
  }
.cell_width_12 {
    display: inline-block;
    vertical-align: top;
    width: 600px;
  }
.cell_height_12 {
    height: 600px;
  }
.cell_width_13 {
    display: inline-block;
    vertical-align: top;
    width: 650px;
  }
.cell_height_13 {
    height: 650px;
  }
.cell_width_14 {
    display: inline-block;
    vertical-align: top;
    width: 700px;
  }
.cell_height_14 {
    height: 700px;
  }
.cell_width_15 {
    display: inline-block;
    vertical-align: top;
    width: 750px;
  }
.cell_height_15 {
    height: 750px;
  }
.cell_width_16 {
    display: inline-block;
    vertical-align: top;
    width: 800px;
  }
.cell_height_16 {
    height: 800px;
  }
.cell_width_17 {
    display: inline-block;
    vertical-align: top;
    width: 850px;
  }
.cell_height_17 {
    height: 850px;
  }
.cell_width_18 {
    display: inline-block;
    vertical-align: top;
    width: 900px;
  }
.cell_height_18 {
    height: 900px;
  }
.cell_width_19 {
    display: inline-block;
    vertical-align: top;
    width: 950px;
  }
.cell_height_19 {
    height: 950px;
  }
.cell_width_20 {
    display: inline-block;
    vertical-align: top;
    width: 1000px;
  }
.cell_height_20 {
    height: 1000px;
  }
.cell_width_21 {
    display: inline-block;
    vertical-align: top;
    width: 1050px;
  }
.cell_height_21 {
    height: 1050px;
  }
.cell_width_22 {
    display: inline-block;
    vertical-align: top;
    width: 1100px;
  }
.cell_height_22 {
    height: 1100px;
  }
.cell_width_23 {
    display: inline-block;
    vertical-align: top;
    width: 1150px;
  }
.cell_height_23 {
    height: 1150px;
  }
.cell_width_24 {
    display: inline-block;
    vertical-align: top;
    width: 1200px;
  }
.cell_height_24 {
    height: 1200px;
  }
@media (max-width: 1200px) {
    .cell_width_1 {
      width: 34.75px;
    }

    .cell_height_1 {
      height: 34.75px;
    }
    .cell_width_2 {
      width: 69.5px;
    }

    .cell_height_2 {
      height: 69.5px;
    }
    .cell_width_3 {
      width: 104.25px;
    }

    .cell_height_3 {
      height: 104.25px;
    }
    .cell_width_4 {
      width: 139px;
    }

    .cell_height_4 {
      height: 139px;
    }
    .cell_width_5 {
      width: 173.75px;
    }

    .cell_height_5 {
      height: 173.75px;
    }
    .cell_width_6 {
      width: 208.5px;
    }

    .cell_height_6 {
      height: 208.5px;
    }
    .cell_width_7 {
      width: 243.25px;
    }

    .cell_height_7 {
      height: 243.25px;
    }
    .cell_width_8 {
      width: 278px;
    }

    .cell_height_8 {
      height: 278px;
    }
    .cell_width_9 {
      width: 312.75px;
    }

    .cell_height_9 {
      height: 312.75px;
    }
    .cell_width_10 {
      width: 347.5px;
    }

    .cell_height_10 {
      height: 347.5px;
    }
    .cell_width_11 {
      width: 382.25px;
    }

    .cell_height_11 {
      height: 382.25px;
    }
    .cell_width_12 {
      width: 417px;
    }

    .cell_height_12 {
      height: 417px;
    }
    .cell_width_13 {
      width: 451.75px;
    }

    .cell_height_13 {
      height: 451.75px;
    }
    .cell_width_14 {
      width: 486.5px;
    }

    .cell_height_14 {
      height: 486.5px;
    }
    .cell_width_15 {
      width: 521.25px;
    }

    .cell_height_15 {
      height: 521.25px;
    }
    .cell_width_16 {
      width: 556px;
    }

    .cell_height_16 {
      height: 556px;
    }
    .cell_width_17 {
      width: 590.75px;
    }

    .cell_height_17 {
      height: 590.75px;
    }
    .cell_width_18 {
      width: 625.5px;
    }

    .cell_height_18 {
      height: 625.5px;
    }
    .cell_width_19 {
      width: 660.25px;
    }

    .cell_height_19 {
      height: 660.25px;
    }
    .cell_width_20 {
      width: 695px;
    }

    .cell_height_20 {
      height: 695px;
    }
    .cell_width_21 {
      width: 729.75px;
    }

    .cell_height_21 {
      height: 729.75px;
    }
    .cell_width_22 {
      width: 764.5px;
    }

    .cell_height_22 {
      height: 764.5px;
    }
    .cell_width_23 {
      width: 799.25px;
    }

    .cell_height_23 {
      height: 799.25px;
    }
    .cell_width_24 {
      width: 834px;
    }

    .cell_height_24 {
      height: 834px;
    }
}
@media (max-width: 900px) {
  .list-container .cell {
    width: 100%;
  }
}


.required-star {
  position: absolute;
  top: 0;
  left: -20px;
  color: #FF4677;
}


.field-wrapper {
  position: relative;
}

  .field-wrapper + .field-wrapper {
    margin-top: 15px;
  }

  .field-wrapper__help-text {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    color: #2D2E30;
    margin-top: 10px;
  }

  .field-wrapper__hint {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    color: #2D2E30;
    margin-bottom: 10px;
  }

  .field-wrapper__errors {
    margin-top: 10px;
  }

  .field-wrapper__error {
    color: #fc4b7a;
  }

  .field-wrapper__annotation {
    white-space: pre-line;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 10px;
    font-family: 'Rubik';
    font-style: normal;
    max-width: 300px;
    font-weight: normal;
    font-size: 12px;
    width: 20vw;
    line-height: 18px;
    color: #2D2E30;
    padding: 13px 20px;
    position: absolute;
    left: calc(100% + 70px);
    top: 0;
  }

.field-wrapper textarea {
    resize: vertical;
  }


.login-form {
  padding: 80px 130px;
}

  .login-form__title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 42px;
    text-align: center;
    color: #2b2b31;
    margin-bottom: 40px;
  }

  .login-form__field {
    position: relative;
  }

  .login-form__field + .login-form__field {
      margin-top: 24px;
    }

  .login-form__buttons {
    margin-top: 30px;
    padding: 0 30px;
  }

  .login-form__button {
    text-align: center;
  }

  .login-form__button + .login-form__button {
      margin-top: 10px;
    }

  .login-form__errors {
    margin-top: 20px;
  }

  .login-form__show-password-button {
    width: 26px;
    position: absolute;
    height: 21px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0;
    background-size: cover;
    top: 17px;
    right: 27px
  }

  .login-form__show-password-button:focus {
      outline: none;
    }

  .login-form__helpers {
    margin-top: 26px;
  }

  .login-form__remember-me {
  }

  .login-form__restore-link {
    float: right;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 14px;
    color: #52535e;
    mix-blend-mode: normal;
    opacity: 0.4;
    text-decoration: none;
  }


.register-form {
  padding: 80px 130px;
}

  .register-form__title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 42px;
    text-align: center;
    color: #2b2b31;
    margin-bottom: 40px;
  }

  .register-form__field + .register-form__field {
      margin-top: 24px;
    }

  .register-form__buttons {
    margin-top: 30px;
    padding: 0 30px;
  }

  .register-form__button {
    text-align: center;
  }

  .register-form__button + .register-form__button {
      margin-top: 10px;
    }

  .register-form__errors {
    margin-top: 20px;
    color: #fc4b7a;
  }

.slick-track {
  min-width: 100%;
}
.slick-track,
.slick-slide > div > div {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.slick-slide {
  height: auto !important;
  float: none !important;
}
.slick-slide > div,
.slick-slide > div > div {
  height: 100%;
  min-height: 100%;
}
.slick-dots {
  bottom: 18px !important;
}
.slick-dots li button {
  width: 16px !important;
  height: 16px !important;
  background-color: white !important;
  border-radius: 16px;
}
.slick-dots li.slick-active button {
  background-color: #ffa000 !important;
}
.slick-dots li button::before {
  content: none !important;
}

.error-boundary-prod {
  margin: auto;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height:100%;
  width: 600px;
}

.error-boundary-prod__details {
  margin-left: 75px;
}

.error-boundary__link {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

.error-boundary-dev {
  margin: 100px auto; 
  text-align: center;
}

.error-boundary__error { 
  color: red;
}

.error-boundary__details {
  white-space: pre-wrap; 
  cursor: pointer;
  text-align: center;
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
body {
  min-width: 320px;
  font-family: 'Rubik', Helvetica, sans-serif;
  font-family: var(--base__text-font-family);
}
video {
  max-width: 100%;
}
.footer-brand .slick-dots {
  bottom: -30px !important;
}
.footer-brand .slick-dots li button {
  background-color: rgba(187, 187, 187) !important;
  background-color: var(--color-gray-200) !important;
}
.footer-brand .slick-dots li.slick-active button {
  background-color: #ffa000 !important;
}
a {
  text-decoration: none;
}
.layout {
  min-height: calc(100vh - 240px);
  min-height: calc(100vh - var(--headerHeight) - var(--footerHeight));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout__content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.layout__body {
  width: 100%;
  position: relative;
  z-index: 2;
}

.body_bg_white {
    background-color: #fff;
  }
  .body_bg_light-gray {
    background-color: #F9F9F9;
  }
  .body_bg_gray {
    background-color: #efeff0;
  }
  .body_bg_gray2 {
    background-color: #F3F5FB;
  }
  .body_bg_gray3 {
    background-color: #EDEFF3;
  }
  .body_bg_gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7FA), to(rgba(196, 196, 196, 0)));
    background: linear-gradient(to bottom, #F7F7FA 0%, rgba(196, 196, 196, 0) 100%);
  }


.header-map {
  font-family: 'Rubik';
  color: #2D2E30;
  padding-top: 40px;
  position: relative;
}

  .header-map__block {
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }

  .header-map__title-link,
  .header-map__icon-link {
    display: inline-block;
    vertical-align: middle;
  }

  .header-map__title-link {
    font-size: 12px;
    color: #191919;
    opacity: 0.4;
    margin-left: 25px;
  }

  .header-map__star-btn,
  .header-map__toggle-map-btn {
    display: inline-block;
    vertical-align: middle;
  }

  .header-map__toggle-map-btn {
    margin-left: 25px;
  }

  .header-map__map {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 60px;
  }

  .header-map-balloon {
    padding: 20px;
  }

  .header-map-balloon__title {
      font-size: 16px;
      font-weight: bold;
      color: #2e2f30;
      margin-bottom: 15px;
    }

  .header-map-balloon__content {
      font-size: 13px;
      margin-bottom: 15px;
      color: rgba(46, 47, 48, 0.95);
    }

  .header-map-balloon__button {
      display: inline-block;
      background: #749afb;
      border-radius: 4px;
      padding: 10px 20px;
      color: #fff;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;
    }

.error-page {
  text-align: center;
  padding: 100px 0;
}

  .error-page__status {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 56px;
    letter-spacing: 0.7px;
    font-size: 56px;
    line-height: 64px;
    color: #4a4a4a;
  }

  .error-page__message {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 32px;
    letter-spacing: 0.861539px;
    color: #4a4a4a;
  }
.favorites-star-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border: none;
  outline: none;
  padding: 5px;
  border: 1px solid transparent;
  border-width: 0;
  cursor: pointer;
  background-color: #fff;
}

  .favorites-star-button_size_default {
      width: 30px;
      height: 30px;
      border-radius: 15px;
    }

  .favorites-star-button_size_big {
      width: 50px;
      height: 50px;
      border-radius: 25px;
    }

  .favorites-star-button__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/static/eiop/icons/Star_2@3x_gray.svg");
  }

  .favorites-star-button__image_size_default {
        width: 20px;
        height: 20px;
      }

  .favorites-star-button__image_size_big {
        width: 26px;
        height: 26px;
      }

  .favorites-star-button_checked .favorites-star-button__image {
    background-image: url("/static/eiop/icons/Star_2@3x_red.svg");
  }

.favorites-star-button-bg {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  border: none;
  background-color: #fff;
  border-width: 0;
  cursor: pointer;
  width: 50px;
  height: 50px;
}

  .favorites-star-button-bg__image {
    width: 50px;
    height: 50px;
  }

.star-button-hovered-container {
  height: 100%;
  display: grid;
}
  .star-button-hovered-container .favorites-star-button {
    visibility: hidden;
  }
  .star-button-hovered-container .favorites-star-button_checked {
      visibility: visible;
      background: #fff !important;
    }
.star-button-hovered-container:hover .favorites-star-button {
      visibility: visible;
      background: #ecebf2 -webkit-gradient(linear, right top, left top, from(#ecebf2), to(#f7f7fa));
      background: #ecebf2 linear-gradient(to left, #ecebf2, #f7f7fa);
    }
.star-button-hovered-container .favorites-star-button:hover {
    background: #ff4677 !important;
  }
.star-button-hovered-container .favorites-star-button:hover .favorites-star-button__image {
      background-image: url('/static/eiop/icons/Star_2@3x_white.svg');
    }


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.favorite-label__button {
    border: none;
    outline: none;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    text-transform: uppercase;
    color: #2D2E30;
    font-weight: bold;
    font-size: 12px;
    padding: 0 30px 0 60px;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    background-image: url('/static/eiop/icons/Star_2@3x_red.svg');
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position-x: 20px;
    background-position-y: center;
    font-family: 'Rubik';
    cursor: pointer;
  }
.favorite-label__button_added {
      color: #fff;
      background-color: #F33C85;
      background-image: url('/static/eiop/icons/Star_2@3x_white.svg');
    }
.favorite-label__button_plan {
      background-image: url('/static/eiop/icons/Star_2@3x_green.svg');
    }
.favorite-label__button_plan-added {
        color: #fff;
        background-color: #65c59b;
        background-image: url('/static/eiop/icons/Star_2@3x_white.svg');
      }

.back-button {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  text-decoration: none;
  color: rgba(45, 46, 48, 0.4);
  background: transparent;
  outline: none;
}

  .back-button__icon {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    -webkit-box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    background-image: url('/static/eiop/icons/back_arrow.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }

  .back-button__label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
  }


.breadcrumbs {
  font-size: 12px;
  line-height: 14px;
  padding: 18px 0;
}

  .breadcrumbs__link,
  .breadcrumbs__separator {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 12px;

    color: #191919;
    mix-blend-mode: normal;
    opacity: 0.4;
  }

  .breadcrumbs__link {
    text-decoration: none;
  }

  .breadcrumbs__separator {
    margin: 0 5px;
  }

.navigation {
  margin: 36px 0;
}

  .navigation__back {
    float: left;
  }

  .navigation__breadcrumbs {
    margin-left: 75px;
  }

.label {
  display: inline-block;
  background-color: #624eff;
  color: #fff;
  padding: 3px 15px;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-transform: capitalize;
  line-height: 14px;
}

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.entity-detail-tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: #fff;
}
.entity-detail-tabs__tabs {
    display: block;
    position: relative;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
.entity-detail-tabs__link {
    display: inline-block;
    position: relative;
    font-size: 15px;
    padding: 18px !important;
    font-weight: bold;
    color: #2D2E30;
    text-transform: uppercase;
    text-decoration: none
  }
.entity-detail-tabs__link.active {
      -webkit-box-shadow: 0 4px 22px rgba(45, 46, 48, 0.15);
              box-shadow: 0 4px 22px rgba(45, 46, 48, 0.15)
    }
.entity-detail-tabs__link.active::after {
        content: '';
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 0 8px;
        border-color: #fff transparent transparent transparent;
        z-index: 1;
      }
.entity-detail-tabs__tabs__organisation > a {
        padding: 18px;
      }
.entity-detail-tabs__count {
    color: rgba(45, 46, 48, 0.5);
    font-weight: normal;
    margin-left: 12px;
  }
@media (min-width: 600px) {
  .entity-detail-tabs {
    overflow-x: visible;
    overflow-x: initial;
    overflow-y: visible;
    overflow-y: initial;
  }

    .entity-detail-tabs__link {
      font-size: 18px;
      padding: 18px 31px;
    }
}


.header-info-columns_without-title {
    margin-top: 45px;
  }
  .header-info-columns__title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 15px;
  }
  .header-info-columns__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
  }
  .header-info-columns__icon {
    width: 20px;
    height: 20px;
  }
  .header-info-columns__text {
    margin-left: 20px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
  }
  .header-info-columns__text_black {
      color: #000000;
    }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.organization-page-header .breadcrumbs__link,
  .organization-page-header .breadcrumbs__separator {
    color: #fff;
  }
.organization-page-header .label {
    background: #fecb17;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 12px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #2D2E30;
  }
.organization-page-header__counters {
    margin: 40px 0;
  }
.organization-page-header__counter + .organization-page-header__counter {
      margin-left: 90px;
    }
.organization-page-header__title {
    margin-bottom: 35px;
  }
.organization-page-header__share {
    position: absolute;
    bottom: calc(50% - 25px);
  }
.organization-page-header__connect-button {
    width: 170px;
  }
.organization-page-header__info {
    margin-bottom: 10px;
  }
@media (min-width: 600px) {
    .organization-page-header__info {
      margin-bottom: 60px;
    }
}
@media (min-width: 1200px) {
    .organization-page-header__connect-button {
      width: auto;
    }

    .organization-page-header__info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
    }

      .organization-page-header__info .header-info-columns {
        margin-left: 90px
      }

        .organization-page-header__info .header-info-columns:first-child {
          margin-left: 0;
        }
}


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.department-page {
  min-height: inherit;
  font-family: 'Rubik';
}
.department-page__title {
    font: bold 40px/47px 'Rubik', sans-serif;
    color: #2e2f30;
  }
.department-page__subtitle {
    font: bold 24px/28px 'Rubik', sans-serif;
    color: #2e2f30;
  }
.department-page .events-list {
    margin-bottom: 30px;
  }
.department-page .events-list__buttons {
      margin-bottom: 30px;
    }

.form-select-control {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #D8DADF;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 52px;
  outline: 0;
  position: relative;
  -webkit-transition: all 100ms;
  transition: all 100ms;
  background-color: #fff;
}

  .form-select-control_disabled {
    cursor: default;
    background-color: #F2F2F2;
  }

  .form-select-control_focused {
    border-color: #4A90E2;
  }

  .form-select-control_opened {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #4A90E2;
    border-bottom-color: transparent;
  }

  .form-select-control_has-error {
    border-color: #FF4677
  }

  .form-select-control_has-error.form-select-control_opened {
      border-bottom-color: transparent;
    }

  .form-select-control_view-mode {
    border: none;
   }

  .form-select-control_view-mode .form-select-value-container {
      padding-left: 0;
      padding-bottom: 0;
    }

  .form-select-control_view-mode .form-select-value-container .form-select-multi-value-container {
        background-color: unset;
        padding: 0;
      }

  .form-select-control_view-mode .form-select-value-container .form-select-multi-value-container .form-select-multi-value-label {
          padding-left: 0;
        }

  .form-select-control_view-mode ~ .form-select-container__placeholder {
      left: 0;
    }

.form-select-menu {
  margin-top: -2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  top: 100%;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  border-color: #4A90E2;
  border-radius: 0 0 4px 4px;
  position: absolute;
  width: 100%;
  z-index: 4;
}

  .form-select-menu_has-error {
    border-color: #FF4677;
  }

.form-select-multi-value-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 30px;
  line-height: 30px;
  border-radius: 4px;
  background: #F3F5FB;
  padding: 0 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.form-select-multi-value-label {
  overflow: hidden;
  padding-left: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.form-select-multi-value-remove {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin: 5px 0;
  background: url(/static/eiop/icons/times_gray.svg) no-repeat;
  background-size: cover;
}

.form-select-option {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: normal;
  line-height: 25px;
  font-size: 14px;
  width: 100%;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 6px 18px;
  text-align: left;
  outline: none;
  cursor: pointer;
}

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.form-select-container {
  position: relative;
}
.form-select-container_disabled {
    pointer-events: none;
  }
.form-select-container_one-value .form-select-value-container + div {
      display: none;
    }
.form-select-container__placeholder {
    color: #828282;
    position: absolute;
    pointer-events: none;
    top: 15px;
    left: 20px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    -webkit-transition: top 0.15s;
    transition: top 0.15s;
  }
.form-select-container__placeholder_has-value {
      top: 5px;
      line-height: 12px;
      font-size: 12px;
    }
@media (max-width: 1260px) {
    .form-select-container__placeholder {
      overflow: hidden;
      max-width: calc(100% - 55px);
      text-overflow: ellipsis;
      white-space: nowrap;
    }
}

.form-select-value-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px 8px 10px 16px;
  -webkit-overflow-scrolling: touch;
  position: relative;
  overflow: hidden;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: normal;
  color: #4A4A4A;
  font-size: 14px;
}

.search-input-select-container {
  position: relative;
  min-width: 180px;
  margin-right: -1px;
}

  .search-input-select-container_disabled {
    pointer-events: none;
  }

  .search-input-select-container__placeholder {
    color: #828282;
    position: absolute;
    pointer-events: none;
    top: 15px;
    left: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    -webkit-transition: top 0.15s;
    transition: top 0.15s;
  }

  .search-input-select-container__placeholder_has-value {
      top: 5px;
      line-height: 12px;
      font-size: 12px;
    }

.search-input-select-control {
  height: 50px;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;
  border: 1px solid #cccccc;
  border-radius: 25px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  outline: 0;
  -webkit-transition: all 100ms;
  transition: all 100ms;
}

  .search-input-select-control_disabled {
    cursor: default;
  }

  .search-input-select-control_opened {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: transparent;
    background: #ffffff;
  }

  .search-input-select-control_has-error {
    border-color: #FF4677
  }

  .search-input-select-control_has-error.form-select-control_opened {
      border-bottom-color: transparent;
    }

.search-input-select-value-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 16px;
  padding-right: 8px;
  -webkit-overflow-scrolling: touch;
  position: relative;
  overflow: hidden;
  font-style: normal;
  font-weight: normal;
  color: #4A4A4A;
  font-size: 14px;
}

.search-input-select-menu {
  margin-top: -2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  top: 100%;
  border: 1px solid #cccccc;
  border-top-width: 0;
  border-radius: 0 0 4px 4px;
  position: absolute;
  width: 100%;
  z-index: 2;
}

  .search-input-select-menu_has-error {
    border-color: #FF4677;
  }

.search-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #FFFFFF;
}

  .search-input_theme-rounded {
    border-radius: 25px;
  }

  .search-input__input {
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    color: #4A4A4A;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border: 0;
    background: transparent;
    border-radius: 0;
  }

  .search-input__input_without-button {
       padding-left: 20px;
    }

  .search-input__button {
    padding: 0 24px;
    width: 24px;
    height: 24px;
    border: none;
    outline: none;
    background-size: 24px;
    background: transparent url('/static/eiop/icons/search@3x_gray.svg') no-repeat center;
  }

.checkbox-field_footnote {
    font-size: 14px;
    line-height: 25px;
  }
    .checkbox-field_footnote .checkbox__title {
      color: #2B2B31;
    }
    .checkbox-field_footnote .checkbox-field-hint {
      color: #7A7B80;
    }

@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}


.datepicker {
  display: inline-block;
  position: relative;
  width: 100%;
}

  .datepicker .react-datepicker-wrapper {
    width: 100%;
  }

  .datepicker__field {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    padding: 13px 18px;
    width: 100%;
    border-radius: 4px;
    border: 2px solid #d8dadf;
    background-color: #fff;
    -webkit-transition: border-color, background-color 0.15s;
    transition: border-color, background-color 0.15s;
    outline: none
  }

  .datepicker__field:-webkit-autofill,
    .datepicker__field:-webkit-autofill:hover,
    .datepicker__field:-webkit-autofill:focus,
    .datepicker__field:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px #fff inset;
    }

  .datepicker__field:hover,
    .datepicker__field:focus {
      border-color: #749afb;
    }

  .datepicker__field_disabled,
      .datepicker__field_disabled:hover,
      .datepicker__field_disabled:focus {
        background-color: #f2f2f2;
        border-color: #e0e0e0;
      }

  .datepicker__field_has-error,
      .datepicker__field_has-error:hover,
      .datepicker__field_has-error:focus {
        border-color: #ff4677;
      }

  .datepicker__icon {
    position: absolute;
    top: 15px;
    right: 10px;
    pointer-events: none;
    width: 24px;
    height: 24px;
    background-position: contain;
    background-repeat: no-repeat;
  }

  .datepicker__label {
    position: absolute;
    pointer-events: none;
    top: 15px;
    left: 20px;
    right: 48px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    color: #828282;
    -webkit-transition: top 0.15s;
    transition: top 0.15s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .datepicker__label_has-value {
      top: 2px;
      line-height: 12px;
      font-size: 12px;
      color: #bdbdbd;
    }

.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon::before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after{box-sizing:content-box;position:absolute;border:8px solid rgba(0,0,0,0);height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:bold;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *::before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next::before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous::before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + (1.7rem / 2));overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:bold}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:rgba(0,0,0,0)}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:bold}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:rgba(0,0,0,0)}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid rgba(0,0,0,0);border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:rgba(0,0,0,0);border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon::after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:bold;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-0.125em}


.fieldset {
  position: relative;
}

  .fieldset + .fieldset {
    margin-top: 60px;
  }

  .fieldset__title {
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    font-size: 20px;
    color: #2D2E30;
    margin-bottom: 20px;
  }

  .fieldset__title_has-subtitle {
      margin-bottom: 0;
    }

  .fieldset__title_huge {
      font-size: 42px;
      line-height: 54px;
    }

  .fieldset__subtitle {
    line-height: 24px;
    font-size: 16px;
    color: #7a7b80;
    margin-bottom: 20px;
  }

  .fieldset__field {
    margin-bottom: 15px
  }

  .fieldset__field:last-child {
      margin-bottom: 0;
    }

.add-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: normal;
  line-height: 25px;
  font-size: 14px;
  color: #4A90E2;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
}

  .add-item_disabled {
    cursor: default;
  }

  .add-item__icon {
    vertical-align: bottom;
    margin-right: 7px;
  }

.remove-block {
  position: relative;
}

  .remove-block__remove {
    position: absolute;
    top: 30px;
    right: 20px;
    margin: -12px 0 0 24px;
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }

  .remove-block__remove_disabled {
      cursor: default;
    }

.file-block {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border: 2px solid #D8DADF;
  border-radius: 4px;
  padding: 8px;
  min-height: 80px;
}

  .file-block + .file-block {
    margin-top: 20px;
  }

  .file-block__image {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    width: 60px;
    height: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 2px solid #E0E0E0;
    border-radius: 4px;
  }

  .file-block__name {
    overflow: hidden;
    padding-left: 20px;
    padding-top: 18px;
    max-width: 425px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    color: #2D2E30;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.file-field__files {
    margin-bottom: 20px;
  }
  .file-field__input {
    display: none;
  }
  .file-field__title {
    font-size: 20px;
    font-weight: 600;
    color: #2D2E30;
  }
  .file-field__sub-title {
    font-size: 14px;
    font-weight: normal;
    color: #2C2C2F;
    margin-top: 10px;
  }

.margin-b-20 {
    margin-bottom: 20px;
}

.repeat-field__field + .repeat-field__field {
      margin-top: 15px;
    }
  .repeat-field__fields {
    margin-bottom: 20px;
  }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.n3__row {
  margin-left: -15px;
  margin-right: -15px
}
.n3__row:before,
  .n3__row:after {
    content: ' ';
    display: table;
  }
.n3__row::after {
    clear: both;
  }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.n3__col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 1px;
  width: 100%;
}
.n3__col_render_inline-block {
      display: inline-block;
      vertical-align: top;
      float: none;
    }
.n3__col_xs_1 {
      width: 8.33333%;
    }
.n3__col_xs_2 {
      width: 16.66667%;
    }
.n3__col_xs_3 {
      width: 25%;
    }
.n3__col_xs_4 {
      width: 33.33333%;
    }
.n3__col_xs_5 {
      width: 41.66667%;
    }
.n3__col_xs_6 {
      width: 50%;
    }
.n3__col_xs_7 {
      width: 58.33333%;
    }
.n3__col_xs_8 {
      width: 66.66667%;
    }
.n3__col_xs_9 {
      width: 75%;
    }
.n3__col_xs_10 {
      width: 83.33333%;
    }
.n3__col_xs_11 {
      width: 91.66667%;
    }
.n3__col_xs_12 {
      width: 100%;
    }
@media (min-width: 575.98px) {
      .n3__col_sm_1 {
        width: 8.33333%;
      }
      .n3__col_sm_2 {
        width: 16.66667%;
      }
      .n3__col_sm_3 {
        width: 25%;
      }
      .n3__col_sm_4 {
        width: 33.33333%;
      }
      .n3__col_sm_5 {
        width: 41.66667%;
      }
      .n3__col_sm_6 {
        width: 50%;
      }
      .n3__col_sm_7 {
        width: 58.33333%;
      }
      .n3__col_sm_8 {
        width: 66.66667%;
      }
      .n3__col_sm_9 {
        width: 75%;
      }
      .n3__col_sm_10 {
        width: 83.33333%;
      }
      .n3__col_sm_11 {
        width: 91.66667%;
      }
      .n3__col_sm_12 {
        width: 100%;
      }
}
@media (min-width: 767.98px) {
      .n3__col_md_1 {
        width: 8.33333%;
      }
      .n3__col_md_2 {
        width: 16.66667%;
      }
      .n3__col_md_3 {
        width: 25%;
      }
      .n3__col_md_4 {
        width: 33.33333%;
      }
      .n3__col_md_5 {
        width: 41.66667%;
      }
      .n3__col_md_6 {
        width: 50%;
      }
      .n3__col_md_7 {
        width: 58.33333%;
      }
      .n3__col_md_8 {
        width: 66.66667%;
      }
      .n3__col_md_9 {
        width: 75%;
      }
      .n3__col_md_10 {
        width: 83.33333%;
      }
      .n3__col_md_11 {
        width: 91.66667%;
      }
      .n3__col_md_12 {
        width: 100%;
      }
}
@media (min-width: 991.98px) {
      .n3__col_lg_1 {
        width: 8.33333%;
      }
      .n3__col_lg_2 {
        width: 16.66667%;
      }
      .n3__col_lg_3 {
        width: 25%;
      }
      .n3__col_lg_4 {
        width: 33.33333%;
      }
      .n3__col_lg_5 {
        width: 41.66667%;
      }
      .n3__col_lg_6 {
        width: 50%;
      }
      .n3__col_lg_7 {
        width: 58.33333%;
      }
      .n3__col_lg_8 {
        width: 66.66667%;
      }
      .n3__col_lg_9 {
        width: 75%;
      }
      .n3__col_lg_10 {
        width: 83.33333%;
      }
      .n3__col_lg_11 {
        width: 91.66667%;
      }
      .n3__col_lg_12 {
        width: 100%;
      }
}
@media (min-width: 1199.98px) {
      .n3__col_xl_1 {
        width: 8.33333%;
      }
      .n3__col_xl_2 {
        width: 16.66667%;
      }
      .n3__col_xl_3 {
        width: 25%;
      }
      .n3__col_xl_4 {
        width: 33.33333%;
      }
      .n3__col_xl_5 {
        width: 41.66667%;
      }
      .n3__col_xl_6 {
        width: 50%;
      }
      .n3__col_xl_7 {
        width: 58.33333%;
      }
      .n3__col_xl_8 {
        width: 66.66667%;
      }
      .n3__col_xl_9 {
        width: 75%;
      }
      .n3__col_xl_10 {
        width: 83.33333%;
      }
      .n3__col_xl_11 {
        width: 91.66667%;
      }
      .n3__col_xl_12 {
        width: 100%;
      }
}

.wysiwyg-field {
  --ck-border-radius: 4px;
  --ck-color-base-border: #D8DADF;
  --ck-color-toolbar-border: #D8DADF;
}

  .wysiwyg-field .ck-editor__editable {
    min-height: 260px;
  }

  .wysiwyg-field .ck.ck-toolbar,
    .wysiwyg-field .ck.ck-editor__editable_inline {
      border-width: 2px;
    }

  .wysiwyg-field_has-error{
    --ck-color-base-border: #FF4677;
    --ck-focus-ring: 2px solid var(--ck-color-base-border);
  }

  .wysiwyg-field_title {
     display: inline-block;
     font-size: 20px;
     font-weight: 600;
     color: #2D2E30;
     margin-bottom: 15px;
  }

.item-with-title {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

  .item-with-title__dash {
    margin: 0 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-top: 1px solid #CCCCCC;
  }

  .item-with-title__remove {
    background: none;
    border: 0;
    outline: 0;
    padding: 0;
    cursor: pointer
  }

  .item-with-title__remove:disabled {
      cursor: default;
    }

.form-separator {
  margin-top: 60px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E0E0E0;
}
  .form-separator_full-width {
   border-color: transparent
  }
  .form-separator_full-width:before {
      content: '';
      display: block;
      width: 100%;
      position: absolute;
      left: 0;
      height: 1px;
      background-color: #E0E0E0;
    }

.competence {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: #2D2E30;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.competence-level-item {
  display: inline-block;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  color: #BDBDBD;
  cursor: pointer
}
.competence-level-item:hover {
    color: #2D2E30;
  }
.competence-level-item + .competence-level-item {
    margin-left: 20px;
  }
.competence-level-item_selected, .competence-level-item_selected:hover {
      color: #009CE5;
    }

.competence-level {
  float: right;
  white-space: nowrap;
  padding-left: 20px;
}


.competence-with-level {
  margin-bottom: 10px;
}

  .competence-with-level_dragging {
    opacity: 0.15;
  }

  .competence-with-level__content {
    background-color: #f3f5fb;
    border-radius: 4px;
    padding: 6px;
  }

  .competence-with-level__content_has-error {
      background-color: #fbf3f5;
    }

  .competence-with-level__content:after {
      content: '';
      display: table;
      clear: both;
    }

  .competence-with-level__remove {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    float: right;
    margin-left: 40px;
    cursor: pointer;
  }

  .competence-with-level__drag-n-drop {
    cursor: -webkit-grab;
    cursor: grab;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    float: left;
    margin-right: 10px;
  }

  .competence-with-level__errors {
    margin-top: 5px;
  }

  .competence-with-level__error {
    color: #fc4b7a;
    font-size: 13px;
  }

.vacancy-competencies-add-competence {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  background-color: #fff;
  outline: none;
  border: 2px solid #D8DADF;
  width: 62px;
  height: 55px;
  border-radius: 0px 4px 4px 0px;
}

  .vacancy-competencies-add-competence_active {
    cursor: pointer;
    border-color: #749AFB;
    background-color: #749AFB;
  }

.vacancy-competencies-search__input:hover ~ .vacancy-competencies-add-competence, .vacancy-competencies-search__input:focus ~ .vacancy-competencies-add-competence {
      border-color: #749AFB;
    }
.vacancy-competencies-search-result {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  padding: 7px 30px 8px;
  outline: none;
  cursor: pointer;
  color: #2D2E30
}
.vacancy-competencies-search-result:hover {
    color: #009CE5;
  }

.vacancy-competencies-search-results {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 160px;
  background-color: #FDFDFD;
  border-width: 0 2px 2px;
  border-style: solid;
  border-color: #D8DADF;
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
}

  .vacancy-competencies-search-results__content {
    padding: 10px 0;
  }


.vacancy-competencies-search__input-wrapper {
    position: relative;
  }
  .vacancy-competencies-search__input-icon {
    position: absolute;
    pointer-events: none;
    top: 18px;
    left: 23px;
  }
  .vacancy-competencies-search__input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    padding: 13px 18px 13px 48px;
    width: 100%;
    border-radius: 4px;
    border: 2px solid #d8dadf;
    background-color: #fff;
    -webkit-transition: border-color, background-color 0.15s;
    transition: border-color, background-color 0.15s;
    outline: none
  }
  .vacancy-competencies-search__input:-webkit-autofill,
    .vacancy-competencies-search__input:-webkit-autofill:hover,
    .vacancy-competencies-search__input:-webkit-autofill:focus,
    .vacancy-competencies-search__input:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px #fff inset;
    }
  .vacancy-competencies-search__input:hover,
    .vacancy-competencies-search__input:focus {
      border-color: #749afb;
    }
  .vacancy-competencies-search__input_disabled,
      .vacancy-competencies-search__input_disabled:hover,
      .vacancy-competencies-search__input_disabled:focus {
        background-color: #f2f2f2;
        border-color: #e0e0e0;
      }
  .vacancy-competencies-search__input_has-error,
      .vacancy-competencies-search__input_has-error:hover,
      .vacancy-competencies-search__input_has-error:focus {
        border-color: #ff4677;
      }


.vacancy-competencies__label {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #000000;
    margin-bottom: 8px;
  }
  .vacancy-competencies__input-wrapper {
    position: relative;
  }
  .vacancy-competencies__input-icon {
    position: absolute;
    pointer-events: none;
    top: 18px;
    left: 23px;
  }
  .vacancy-competencies__input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    padding: 13px 18px 13px 48px;
    width: 100%;
    border-radius: 4px;
    border: 2px solid #d8dadf;
    background-color: #fff;
    -webkit-transition: border-color, background-color 0.15s;
    transition: border-color, background-color 0.15s;
    outline: none
  }
  .vacancy-competencies__input:-webkit-autofill,
    .vacancy-competencies__input:-webkit-autofill:hover,
    .vacancy-competencies__input:-webkit-autofill:focus,
    .vacancy-competencies__input:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px #fff inset;
    }
  .vacancy-competencies__input:hover,
    .vacancy-competencies__input:focus {
      border-color: #749afb;
    }
  .vacancy-competencies__input_disabled,
      .vacancy-competencies__input_disabled:hover,
      .vacancy-competencies__input_disabled:focus {
        background-color: #f2f2f2;
        border-color: #e0e0e0;
      }
  .vacancy-competencies__input_has-error,
      .vacancy-competencies__input_has-error:hover,
      .vacancy-competencies__input_has-error:focus {
        border-color: #ff4677;
      }

.item-type__document {
    margin-bottom: 20px;
}

.form-buttons {
  margin-top: 45px;
}

.form-errors-wrapper {
  margin: 20px 0;
}

.custom-tooltip {
  background-color: transparent;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.07843);
          box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.07843);
  border-radius: 15px;
  min-width: 270px;
}

.custom-tooltip .rc-tooltip-inner {
  border: none;
  padding: 0;
}


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.statistic__description {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
  }
.statistic__block-image-wrapper {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
  }
.statistic__block-level {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0
  }
.statistic__block-level:before {
      position: absolute;
      content: '';
      background: url('/static/eiop/icons/vector-icon.svg.svg') no-repeat;
      width: 100%;
      height: 15px;
      left: 0;
      margin-top: 1px;
    }
.statistic__block-level:after {
      position: absolute;
      content: '';
      background: #22c7e2;
      left: 0;
      right: 0;
      top: 15px;
      bottom: 0;
    }
.statistic__block-image {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%;
  }
@media (max-width: 1260px) {
    .statistic__block {
      width: 130px;
    }
}


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.programs-filters__filter {
    padding: 20px;
  }
.programs-filters__filter + .programs-filters__filter {
      border-top: 1px solid rgba(46, 47, 48, 0.1);
    }
.programs-filters__filter + .programs-filters__reset-button {
      padding-top: 0
    }
.programs-filters__filter + .programs-filters__reset-button::before,
      .programs-filters__filter + .programs-filters__reset-button::after {
        top: 7px;
      }
.programs-filters__title {
    font-family: 'Rubik';
    font-weight: bold;
    font-size: 20px;
  }
.programs-filters__field {
    margin-top: 20px;
  }
.programs-filters-search {
    border-radius: 25px;
  }
.programs-filters-search__field {
      position: relative;
    }
.programs-filters-search .input {
      min-width: 0;
    }
.programs-filters-search__input,
    .programs-filters-search .input__field {
      font-family: 'Rubik';
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 40px;
      width: 100%;
      padding-left: 40px;
      padding-right: 10px;
      background: rgba(82, 83, 94, 0.1);
      border: none;
      border-radius: 26px;
      outline: none;
    }
.programs-filters-search__button {
      position: absolute;
      left: 10px;
      height: 100%;
      background: transparent;
      border: none;
      outline: none;
      padding: 0;
      cursor: pointer;
    }
.programs-filters__actions {
    border-top: 1px solid rgba(46, 47, 48, 0.1);
  }
.programs-filters__reset-button {
    white-space: nowrap;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    color: #0487E2;
    margin-left: 25px;
    position: relative
  }
.programs-filters__reset-button::before,
    .programs-filters__reset-button::after {
      content: '';
      display: block;
      position: absolute;
      width: 2px;
      height: 20px;
      background-color: #0487E2;
      left: 3px;
      top: 14px;
    }
.programs-filters__reset-button::before {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
    }
.programs-filters__reset-button::after {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
    }
.programs-filters__reset-button:disabled {
      display: none;
    }
@media (max-width: 1260px) {
    .programs-filters__reset-button {
      margin-left: 11px;
      font-size: 9px;
      padding: 19px 0 19px 17px
    }

      .programs-filters__reset-button::before,
      .programs-filters__reset-button::after {
        left: 3px;
        top: 20px;
        height: 16px;
      }
}


.load-more {
  font-family: 'Rubik';
}

  .load-more_without-filter {
    margin-left: 0;
  }

  .load-more__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 40px;
  }
.load-more_column {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  display: grid;
  grid-template-columns: 48% 48%;
  grid-gap: 30px;
}
@media (max-width: 900px) {
  .load-more_column {
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 48% 48%;
  }
}
@media (max-width: 480px) {
  .load-more_column {
    grid-template-columns: 100%;
  }
}

.icon_inline {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 15px;
  }
  .icon_top .icon__image,
    .icon_top .icon__content {
      vertical-align: top;
    }
  .icon_middle .icon__image,
    .icon_middle .icon__content {
      vertical-align: middle;
    }
  .icon_bottom .icon__image,
    .icon_bottom .icon__content {
      vertical-align: bottom;
    }
  .icon__image {
    float: left;
    width: 25px;
    height: 25px;
  }
  .icon__content {
    margin-left: 16px;
    padding-top: 3px;
    white-space: normal;
  }

.linked-text {
  text-decoration: none;
}

  .linked-text_primary {
    color: #2D2E30;
    font-weight: 600;
    font-size: 20px;
  }

.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  line-height: 1.5;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1px;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #333333;
  text-align: left;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 3px;
  min-height: 34px;
  border: 1px solid #b1b1b1;
}
.rc-tooltip-arrow,
.rc-tooltip-arrow-inner {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: -5px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #b1b1b1;
}
.rc-tooltip-placement-top .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner {
  bottom: 1px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #ffffff;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: -5px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #b1b1b1;
}
.rc-tooltip-placement-right .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner {
  left: 1px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #ffffff;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: -5px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #b1b1b1;
}
.rc-tooltip-placement-left .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner {
  right: 1px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #ffffff;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: -5px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #b1b1b1;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner {
  top: 1px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #ffffff;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.children-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.rc-tooltip {
    opacity: unset;
}

.rc-tooltip-inner {
    padding: 5px 10px;
    border: 0.9px solid #000000;
    border-radius: 6px;
    min-height: unset;
}

.rc-tooltip-arrow {
    border-top-color: #000000 !important;
}


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.entity-card {
  display: block;
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  color: #2d2e30;
  border-radius: 12px;
  padding: 10px 20px 20px 20px;
  font-weight: 400;
  font-family: 'Rubik';

  background-color: #fff;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-size: cover
}
.entity-card:focus {
    outline: none;
  }
.entity-card:hover {
    -webkit-box-shadow: 0 10px 32px rgba(0, 0, 0, 0.137172);
            box-shadow: 0 10px 32px rgba(0, 0, 0, 0.137172);
  }
.entity-card:hover .entity-card__name {
      color: #4a90e2;
    }
.entity-card_black {
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(98, 78, 255, 0.12)),
      color-stop(81.77%, rgba(0, 0, 0, 0.8))
    );
    background: linear-gradient(
      180deg,
      rgba(98, 78, 255, 0.12) 0%,
      rgba(0, 0, 0, 0.8) 81.77%
    );
  }
.entity-card_black .entity-card__entity {
      color: #fff;
    }
.entity-card_black .entity-card__date {
      color: #fff;
    }
.entity-card_black .entity-card__calendar {
      background-image: url('/static/eiop/icons/calendar_white@3x.svg');
    }
.entity-card_black .entity-card__date {
      color: #fff;
      opacity: 1;
    }
.entity-card__calendar {
    background-image: url('/static/eiop/icons/calendar_purple@3x.svg');
    height: 23px;
    background-repeat: no-repeat;
    width: 44px;
    margin-right: 6px;
  }
.entity-card__date {
    line-height: 20px;
    font-size: 12px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    color: #2d2e30;
    opacity: 0.5;
  }
.entity-card + .entity-card {
    margin-top: 10px;
  }
.entity-card__crumbs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
.entity-card_size-sm {
      padding: 10px;
    }
.entity-card_size-sm .entity-card__icon {
        display: none;
      }
.entity-card_size-sm .entity-card__star-button {
        display: none;
      }
.entity-card_size-sm .entity-card__name {
        font-size: 12px;
        line-height: 20px;
      }
.entity-card_size-md {
    }
.entity-card_size-lg {
    }
.entity-card__entity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
.entity-card__label {
    background: #65C59B;
    color: #fff;
    border-radius: 12px;
    padding: 5px 10px;
    margin-bottom: 15px;
  }
.entity-card__label__subdivision {
      background: #65C59B;
      color: #000000;
    }
.entity-card__content {
    height: 100%;
  }
.entity-card__content_with-date {
    height: 100%;
  }
.entity-card__content_with-date .star-button-hovered-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
.entity-card__content_with-date .entity-card__entity {
      height: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
.entity-card__wrapper-date {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
.entity-card__name {
    font-family: 'Rubik';
    font-style: normal;
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
  }
.entity-card__name_with-bg {
      color: #fff;
    }
.entity-card__star-button {
    position: absolute;
    right: 5px;
    top: 5px;
  }
.entity-card__partial-compensation {
    position: absolute;
    right: 5px;
    bottom: 5px;
  }
.entity-card__icon {
    color: rgba(45, 46, 48, 0.5);
    margin-right: 50px
  }
.entity-card__icon:not(:last-child) {
      margin-bottom: 20px;
    }
.entity-card__icon_with-bg {
      color: rgba(255, 255, 255, 0.8);
    }
.entity-card__icon_block {
      display: block;
    }
.entity-card__icon_with-image {
      color: #fff;
    }
.entity-card__icon_with-image .entity-card__icon {
        color: #fff;
      }
.entity-card__logo-wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 120px;
    height: 114px;
    background-color: rgba(246, 246, 250, 0.8);
    padding: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
    border-radius: 12px;
  }
.entity-card__logo {
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
  }
.entity-card__content {
    position: relative;
    z-index: 2;
    width: 100%;
  }
.entity-card__backdrop {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 12px;
  }
.entity-card__one-row-container .entity-card__icon {
      margin-right: 50px
    }
.entity-card__one-row-container .entity-card__icon:first-child {
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
      }
.entity-card__desc-container {
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    margin-bottom: 15px;
    word-break: break-word
  }
.entity-card__desc-container > :first-child {
      margin-top: 0;
    }

.addresses {
  display: inline-block;
}

  .addresses__item_1 + .addresses__item_1 {
        margin-top: 5px;
      }

  .addresses__item_2 + .addresses__item_2 {
        margin-top: 20px;
      }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.departments {
  font-family: 'Rubik';
}
.departments-list__contact + .departments-list__contact {
      margin-top: 10px;
    }
.departments-list__contact-icon,
    .departments-list__contact-data {
      display: inline-block;
      vertical-align: middle;
    }
.departments-list__contact-icon {
      margin-right: 5px;
    }


.calendar-month {
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
  position: relative;
  height: 68px;
  line-height: 68px;
  width: 193px;
  padding: 0 15px;
  text-align: left;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb
}
.calendar-month:first-letter {
    text-transform: uppercase;
  }
.calendar-month_selected {
    font-weight: bold;
  }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.calendar-months {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  text-align: left;
  outline: none;
}
.calendar-months__month-button {
    padding: 0 15px;
    width: 147px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid transparent;
    text-align: center
  }
.calendar-months__month-button:hover {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1);
      background: #fff;
      -webkit-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.52);
              box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.52);
    }
.calendar-months__month-button:first-letter {
      text-transform: uppercase;
    }
.calendar-months__month-button,
  .calendar-months__arrow-button {
    border: none;
    background: transparent;
    padding: 0;
    outline: none;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    height: 68px;
    line-height: 68px;
    -webkit-transition: border 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
    transition: border 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
    transition: transform 0.2s, box-shadow 0.2s, border 0.2s;
    transition: transform 0.2s, box-shadow 0.2s, border 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  }
.calendar-months__month-button_selected, .calendar-months__arrow-button_selected {
      background-color: #0487E2;
      color: #fff
    }
.calendar-months__month-button_selected:hover, .calendar-months__arrow-button_selected:hover {
        background-color: #0487E2;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 0;
      }
.calendar-months__arrow-button {
    width: 46px;
    border-left: 1px solid transparent;
    border-right: 1px solid #ebebeb;
    text-align: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
  }
.calendar-months__arrow-button:hover {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1);
      background: #fff;
      border: 1px solid #ebebeb;
      -webkit-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.52);
              box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.52);
    }
.calendar-months__arrow-button_selected:hover {
        background-color: #0487E2;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 0;
      }
.calendar-months__label {
    font-weight: bold;
  }
.calendar-months__modal {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: -68px;
    z-index: 1;
    max-height: 340px;
    overflow: scroll;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
  }
.calendar-months__modal-wrapper {
    position: relative;
  }
.calendar-months__modal-arrow-image {
    position: absolute;
    bottom: 29px;
    z-index: 2;
    pointer-events: none;
    right: 17px;
  }
@media (max-width: 1260px) {
    .calendar-months__month-button {
      padding: 0 0 0 15px;
      width: 130px;
    }

    .calendar-months__arrow-button {
      width: 26px;
    }
}


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.calendar-day {
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  height: 68px;
  width: 120px;
  padding: 0 10px;
  vertical-align: middle;
  -webkit-transition: border 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: border 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, border 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, border 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s
}
.calendar-day:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    z-index: 2;
    background: #fff;
    -webkit-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.52);
            box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.52);
  }
.calendar-day_selected {
    background: #0487E2;
    color: #fff
  }
.calendar-day_selected:hover {
      z-index: 2;
      background-color: #0487E2;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 0;
    }
.calendar-day__number {
    font-size: 24px;
  }
.calendar-day__week {
    display: inline-block;
    font-size: 22px;
    opacity: 0.5;
    margin-left: 5px
  }
.calendar-day__week:first-letter {
      text-transform: uppercase;
    }
.calendar-day__event-number {
    font-size: 14px;
    opacity: 0.5;
  }
.calendar-day_excess {
    color: #fff;
    background: #8D8D8D
  }
.calendar-day_excess:hover {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      background: #8D8D8D;
      color: #fff;
      -webkit-box-shadow: none;
              box-shadow: none;
    }
@media (max-width: 1260px) {
  .calendar-day {
    height: 68px;
    width: 87px;
  }

    .calendar-day__number {
      font-size: 16px;
    }

    .calendar-day__week {
      font-size: 16px;
    }
}

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.calendar-days {
  display: inline-block;
  vertical-align: middle;
  height: 68px;
  position: relative;
}
.calendar-days__prev,
  .calendar-days__next {
    display: inline-block;
    border: none;
    padding: 0;
    outline: none;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    cursor: pointer;
    vertical-align: middle;
  }
.calendar-days__prev {
    background-image: url('/static/eiop/icons/arrow-left-red.svg')
  }
.calendar-days__prev:disabled {
      background-image: url('/static/eiop/icons/arrow-left-gray.svg');
    }
.calendar-days__next {
    background-image: url('/static/eiop/icons/arrow-right-red.svg')
  }
.calendar-days__next:disabled {
      background-image: url('/static/eiop/icons/arrow-right-gray.svg');
    }
.calendar-days__list {
    display: inline-block;
    white-space: nowrap;
    height: 100%;
    vertical-align: middle
  }
.calendar-days__list:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
    }
@media (min-width: 1260px) {
    .calendar-days__prev,
    .calendar-days__next {
      width: 50px;
      height: 50px;
    }
}

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.calendar-type {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  height: 68px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: border 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, border 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, border 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s
}
.calendar-type:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    z-index: 2;
    background: #fff;
    -webkit-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.52);
            box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.52);
  }
.calendar-type__button_selected:hover {
      z-index: 2;
      background-color: #0487E2;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 0;
    }
.calendar-type__shadow {
    position: absolute;
    top: 15px;
    left: 17px;
    right: 17px;
    bottom: -6px;
    -webkit-box-shadow: 0px 2px 22px #624eff;
            box-shadow: 0px 2px 22px #624eff;
  }
.calendar-type__button {
    position: relative;
    font-weight: bold;
    font-size: 16px;
    background-color: transparent;
    outline: none;
    height: 100%;
    cursor: pointer;
    border: none;
    width: 137px;
    padding: 0 0 0 8px;
    text-align: center;
  }
.calendar-type__button_selected {
      background-color: #0487E2;
      color: #fff;
    }
.calendar-type__button_selected .calendar-type__button {
        color: #fff;
      }
.calendar-type__button_selected.calendar-type__button_actual {
        background-color: #0487E2;
      }
.calendar-type__button-arrow {
    margin-top: 4px;
    float: right;
  }
.calendar-type__button-arrow-wrapper {
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 100%;
    padding: 0 20px 4px 0
  }
.calendar-type__button-arrow-wrapper:focus {
      outline: none;
    }
.calendar-type__options {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    background-color: #ffffff;
    border: 1px solid #dadada;
  }
.calendar-type__option {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 18px 26px 18px 21px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 13px;
    color: #545659;
    text-align: left;
  }
.calendar-type__checked {
    float: right;
  }
@media (max-width: 1260px) {
    .calendar-type__button {
      width: 130px;
    }

    .calendar-type__button-arrow-wrapper {
      padding: 0 10px 4px 10px;
    }
}


.calendar {
  font-family: 'Rubik';
  background-color: #fff;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

  .calendar__button {
    border: none;
    background: transparent;
    padding: 0;
    outline: none;
    cursor: pointer;
  }


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.event-entity-card-time__dates {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    font-size: 12px;
  }
.event-entity-card-time__spending {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
  }
.event-entity-card-place_online {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    font-size: 12px;
    color: #2c2c2f;
    opacity: 0.5;
  }


.events-list__topic-block {
    padding: 0 30px 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box
  }
  .events-list__topic-block:nth-child(1) {
      padding-left: 0;
    }
  .events-list__topic-block:nth-child(2) {
      padding-right: 0;
    }
  .events-list__block {
    margin-bottom: 60px;
  }
  .events-list__interaction-format {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px;

    color: #fff;
    background: #624eff;
    font: normal 12px 'Rubik', sans-serif;
    text-transform: uppercase;
  }
  .events-list__top-item,
  .events-list__item {
    display: block;
    position: relative;
    background: #ebebeb no-repeat;
    background-size: cover;
  }
  .events-list__top-item {
    height: 300px;
  }
  .events-list__item {
    height: 220px;
  }
  .events-list__link {
    display: block;
    height: 100%;
  }
  .events-list__title {
    font-family: 'Rubik';
    font-weight: bold;
    color: #2e2f30;
    text-decoration: none;
  }
  .events-list__title_topic {
      font-size: 32px;
    }
  .events-list__title_rest {
      font-size: 20px;
    }
  .events-list__icon {
    color: #636369;
    font-family: 'Rubik';
    font-size: 16px;
  }
  .events-list__star-icon {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .events-list__buttons {
    margin-top: 20px;
    margin-bottom: 60px;
  }

.events-list-date {
  margin: 30px 0 20px;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 32px;
  letter-spacing: 0.4px;
  color: #2D2E30;
}


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.entity-bar {
  font-family: 'Rubik';
  background: #EDEFF3;
  padding: 20px;
  margin-bottom: 25px;
}
.entity-bar__header {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 32px;
    line-height: 47px;
    color: #2e2f30;
  }
.entity-bar__item {
    display: inline-block;
    padding: 8px;
    width: 25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
.entity-bar__items {
    margin-left: -8px;
    margin-right: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
@media (max-width: 1260px) {
    .entity-bar__items {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
    }

    .entity-bar__item {
      width: 50%;
    }
      .entity-bar__header .pull-left {
        max-width: 50%;
      }
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.email {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #4e92e2;
  text-decoration: none;
  outline: none
}
.email:hover,
  .email:focus {
    opacity: 0.75;
  }
.email__black {
    color: #545659;
  }


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.department-detail-general {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 60px;
}
.department-detail-general__logo {
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    margin-bottom: 10px;
  }
.department-detail-general__title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    width: 100%;
    color: #2D2E30;
    margin-bottom: 15px;
    word-wrap: break-word;
    word-break: break-word;
  }
.department-detail-general__block {
    padding: 30px;
  }
.department-detail-general__block + .department-detail-general__block {
      border-top: 1px solid #ebebeb;
    }
.department-detail-general__type-header {
    font-size: 13px;
    color: rgba(45, 46, 48, 0.5);
  }
.department-detail-general__type-content {
    color: #4A4A4A;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #2d2e30;
    width: 100%;
    margin-bottom: 15px;
  }
.department-detail-general__link {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
    text-decoration: none
  }
.department-detail-general__link,
    .department-detail-general__link:hover,
    .department-detail-general__link:visited {
      color: #009ce5;
    }
.department-detail-general .label {
    background: #fecb17;
    border-radius: 12px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    margin-bottom: 30px;
    color: #2D2E30;
  }


.department-detail {
  width: 100%;
  position: relative;
  max-width: 1200px;
  padding-top: 73px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

  .department-detail__programs {
    margin-bottom: 80px;
  }

  .department-detail__events {
    margin-bottom: 80px;
  }

  .department-detail__info-block {
    font-family: 'Rubik';
    margin-bottom: 40px;
    background: #EDEFF3;
    padding: 20px;
  }

  .department-detail__profiles-and-subjects {
    border-radius: 12px;
    background: #fff;
  }

  .department-detail__description {
    margin-bottom: 40px;
  }

  .department-detail__description-title {
    font-size: 42px;
    font-weight: bold;
    line-height: 57px;
  }

  .department-detail__description-content {
    word-wrap: break-word;
    word-break: break-word;
  }

  .department-detail__ymap {
    margin-bottom: 40px;
  }

  .department-detail__subtitle {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
    color: #2D2E30;
  }

.summary-layout__search-input {
    color: #000000;
  }


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.employers {
  font-family: 'Rubik';
}
.employers .program-page__programs-container {
    margin-bottom: 30px;
  }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.entity-image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-clip-path: polygon(0 100%, 20% 0, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 20% 0, 100% 0, 100% 100%);
  -webkit-clip-path: url('#clip-shape');
          clip-path: url('#clip-shape');
  left: 541.66667px;
}
@media (min-width: 1000px) {
  .entity-image {
    left: 54.16667%;
  }
}


.entity-header__content {
    position: relative;
  }
  .entity-header__favorite {
    margin-bottom: 5px;
  }


.tags-list {
  margin-right: -20px;
  margin-bottom: -15px;
}

  .tags-list__tag {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 20px;
    margin-bottom: 15px;
    line-height: 16px;
    padding: 10px 15px;
    text-align: center;
    border-radius: 18px;
    color: #2e2f30;
    background-color: #efeff3;
  }


@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'),
  url('/static/eiop/fonts/rubik/Rubik-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'),
  url('/static/eiop/fonts/rubik/Rubik-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('/static/eiop/fonts/rubik/Rubik-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'),
  url('/static/eiop/fonts/rubik/Rubik-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'),
  url('/static/eiop/fonts/rubik/Rubik-Black.ttf') format('truetype');
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.h1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 42px;
  line-height: 44px;
}
.h2 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
.h2_bold {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.h2_roboto {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.subhead {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.subhead2 {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.7px;
}
.button-text1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.button-text2 {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.default-text {
  font-family: 'Rubik';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.caption {
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.more-info-block {
  margin: 20px 0;
  padding: 33px;
  font-size: 16px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #edeff3;
}
.more-info-block__link {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
}
.esia-wrapper {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.bold {
  font-weight: 700;
}
.gray {
  color: #4e5056;
}
.ps {
  font-size: 13px;
  line-height: 130%;
  color: #000;
  opacity: 0.4;
}
.link-blue {
  color: #007bff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px;
}
.text-center {
  text-align: center;
}
.useful-title-content {
  font-weight: 600;
  margin: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.useful-text-content {
  margin: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-button-useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ol-list {
  list-style-type: disc;
}
.useful-table_list {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.useful-table_list > li {
  counter-increment: item;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
.useful-table_list > li:before {
  content: counters(item, '.') '. ';
  margin-right: 15px;
}
.attention {
  width: 62px;
  height: 55px;
  background: url(/static/eiop/icons/info/attention.svg) no-repeat;
  background-size: contain;
  margin-right: 30px;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vertical-list__title {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 50px;
}
.vertical-list__content {
  }
.vertical-list__block + .vertical-list__block {
      margin-top: 30px;
    }
.vertical-list__more-block {
    margin-top: 30px;
  }
.vertical-list__more-button {
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  display: inline-block;
  vertical-align: bottom;
  padding: 3px 12px 5px;
  text-align: center;
  border-radius: 18px;
  background-color: #f2f4f7;
  text-decoration: none;
  border-radius: 10px;
}
.vertical-list__more-button,
    .vertical-list__more-button:hover,
    .vertical-list__more-button:visited {
      color: #636369;
}


@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'),
  url('/static/eiop/fonts/rubik/Rubik-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'),
  url('/static/eiop/fonts/rubik/Rubik-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('/static/eiop/fonts/rubik/Rubik-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'),
  url('/static/eiop/fonts/rubik/Rubik-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'),
  url('/static/eiop/fonts/rubik/Rubik-Black.ttf') format('truetype');
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.h1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 42px;
  line-height: 44px;
}
.h2 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
.h2_bold {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.h2_roboto {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.subhead {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.subhead2 {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.7px;
}
.button-text1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.button-text2 {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.default-text {
  font-family: 'Rubik';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.caption {
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.more-info-block {
  margin: 20px 0;
  padding: 33px;
  font-size: 16px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #edeff3;
}
.more-info-block__link {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
}
.esia-wrapper {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.bold {
  font-weight: 700;
}
.gray {
  color: #4e5056;
}
.ps {
  font-size: 13px;
  line-height: 130%;
  color: #000;
  opacity: 0.4;
}
.link-blue {
  color: #007bff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px;
}
.text-center {
  text-align: center;
}
.useful-title-content {
  font-weight: 600;
  margin: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.useful-text-content {
  margin: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-button-useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ol-list {
  list-style-type: disc;
}
.useful-table_list {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.useful-table_list > li {
  counter-increment: item;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
.useful-table_list > li:before {
  content: counters(item, '.') '. ';
  margin-right: 15px;
}
.attention {
  width: 62px;
  height: 55px;
  background: url(/static/eiop/icons/info/attention.svg) no-repeat;
  background-size: contain;
  margin-right: 30px;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.clearfix::after {
    display: table;
    content: '';
    clear: both;
  }
.info-block::after {
    display: table;
    content: '';
    clear: both;
}
.info-block__icon {
    float: left;
}
.info-block__content {
    color: #52535E;
}
.info-block__content_offset_default {
        margin-left: 40px;
      }
.info-block__content_offset_small {
        margin-left: 30px;
      }
.info-block__content_text_default {
        font-family: 'Rubik';
        word-break: break-all;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        font-size: 14px;
      }
.info-block__content_text_thin {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: normal;
        line-height: normal;
        font-size: 14px;
      }
.info-block + .info-block {
    margin-top: 20px;
}
.info-block_inline {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 20px;
}
.info-block_inline + .info-block_inline {
      margin-top: 0;
    }

.organization-description {
  padding: 20px 30px 50px;
  background-color: #fff;
  -webkit-box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}

  .organization-description__logo {
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-bottom: 22px;
  }

  .organization-description__name {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 22px;
    margin-bottom: 5px;
    word-wrap: break-word;
    word-break: break-word;
  }

  .organization-description__info {
    margin-top: 20px;
  }

  .organization-description__link {
    text-decoration: none;
    word-break: break-all
  }

  .organization-description__link,
    .organization-description__link:hover,
    .organization-description__link:visited {
      color: #009ce5;
    }

  .organization-description + .organization-description {
    margin-top: 30px;
  }


.event-page-block {
  margin-bottom: 50px;
}

  .event-page-block__header {
    margin-bottom: 20px;
  }

  .event-page-block__title {
    color: #2e2f30;
  }

  .event-page-block__title_has-border {
      padding-bottom: 20px;
      border-bottom: 2px solid #efeff3;
    }

  .event-page-block__title_font_default {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: bold;
        line-height: 36px;
        font-size: 22px;
      }

  .event-page-block__title_font_thin {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        font-size: 30px;
      }

  .event-page-block__subtitle {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    font-size: 14px;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.5;
    margin-top: 10px;
  }

  .event-page-block__content {
  }


.event-page-profile__name {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 18px;
    color: #2e2f30;
  }
  .event-page-profile + .event-page-profile {
    margin-top: 20px;
  }


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.cell {
  min-height: 1px;
}
.cell_relative {
    position: relative;
  }
.cell_float_left {
      float: left;
    }
.cell_float_right {
      float: right;
    }
.cell_clearfix::after {
      display: block;
      content: '';
      clear: both;
    }
.cell_width_1 {
    display: inline-block;
    vertical-align: top;
    width: 50px;
  }
.cell_height_1 {
    height: 50px;
  }
.cell_width_2 {
    display: inline-block;
    vertical-align: top;
    width: 100px;
  }
.cell_height_2 {
    height: 100px;
  }
.cell_width_3 {
    display: inline-block;
    vertical-align: top;
    width: 150px;
  }
.cell_height_3 {
    height: 150px;
  }
.cell_width_4 {
    display: inline-block;
    vertical-align: top;
    width: 200px;
  }
.cell_height_4 {
    height: 200px;
  }
.cell_width_5 {
    display: inline-block;
    vertical-align: top;
    width: 250px;
  }
.cell_height_5 {
    height: 250px;
  }
.cell_width_6 {
    display: inline-block;
    vertical-align: top;
    width: 300px;
  }
.cell_height_6 {
    height: 300px;
  }
.cell_width_7 {
    display: inline-block;
    vertical-align: top;
    width: 350px;
  }
.cell_height_7 {
    height: 350px;
  }
.cell_width_8 {
    display: inline-block;
    vertical-align: top;
    width: 400px;
  }
.cell_height_8 {
    height: 400px;
  }
.cell_width_9 {
    display: inline-block;
    vertical-align: top;
    width: 450px;
  }
.cell_height_9 {
    height: 450px;
  }
.cell_width_10 {
    display: inline-block;
    vertical-align: top;
    width: 500px;
  }
.cell_height_10 {
    height: 500px;
  }
.cell_width_11 {
    display: inline-block;
    vertical-align: top;
    width: 550px;
  }
.cell_height_11 {
    height: 550px;
  }
.cell_width_12 {
    display: inline-block;
    vertical-align: top;
    width: 600px;
  }
.cell_height_12 {
    height: 600px;
  }
.cell_width_13 {
    display: inline-block;
    vertical-align: top;
    width: 650px;
  }
.cell_height_13 {
    height: 650px;
  }
.cell_width_14 {
    display: inline-block;
    vertical-align: top;
    width: 700px;
  }
.cell_height_14 {
    height: 700px;
  }
.cell_width_15 {
    display: inline-block;
    vertical-align: top;
    width: 750px;
  }
.cell_height_15 {
    height: 750px;
  }
.cell_width_16 {
    display: inline-block;
    vertical-align: top;
    width: 800px;
  }
.cell_height_16 {
    height: 800px;
  }
.cell_width_17 {
    display: inline-block;
    vertical-align: top;
    width: 850px;
  }
.cell_height_17 {
    height: 850px;
  }
.cell_width_18 {
    display: inline-block;
    vertical-align: top;
    width: 900px;
  }
.cell_height_18 {
    height: 900px;
  }
.cell_width_19 {
    display: inline-block;
    vertical-align: top;
    width: 950px;
  }
.cell_height_19 {
    height: 950px;
  }
.cell_width_20 {
    display: inline-block;
    vertical-align: top;
    width: 1000px;
  }
.cell_height_20 {
    height: 1000px;
  }
.cell_width_21 {
    display: inline-block;
    vertical-align: top;
    width: 1050px;
  }
.cell_height_21 {
    height: 1050px;
  }
.cell_width_22 {
    display: inline-block;
    vertical-align: top;
    width: 1100px;
  }
.cell_height_22 {
    height: 1100px;
  }
.cell_width_23 {
    display: inline-block;
    vertical-align: top;
    width: 1150px;
  }
.cell_height_23 {
    height: 1150px;
  }
.cell_width_24 {
    display: inline-block;
    vertical-align: top;
    width: 1200px;
  }
.cell_height_24 {
    height: 1200px;
  }
@media (max-width: 1200px) {
    .cell_width_1 {
      width: 34.75px;
    }

    .cell_height_1 {
      height: 34.75px;
    }
    .cell_width_2 {
      width: 69.5px;
    }

    .cell_height_2 {
      height: 69.5px;
    }
    .cell_width_3 {
      width: 104.25px;
    }

    .cell_height_3 {
      height: 104.25px;
    }
    .cell_width_4 {
      width: 139px;
    }

    .cell_height_4 {
      height: 139px;
    }
    .cell_width_5 {
      width: 173.75px;
    }

    .cell_height_5 {
      height: 173.75px;
    }
    .cell_width_6 {
      width: 208.5px;
    }

    .cell_height_6 {
      height: 208.5px;
    }
    .cell_width_7 {
      width: 243.25px;
    }

    .cell_height_7 {
      height: 243.25px;
    }
    .cell_width_8 {
      width: 278px;
    }

    .cell_height_8 {
      height: 278px;
    }
    .cell_width_9 {
      width: 312.75px;
    }

    .cell_height_9 {
      height: 312.75px;
    }
    .cell_width_10 {
      width: 347.5px;
    }

    .cell_height_10 {
      height: 347.5px;
    }
    .cell_width_11 {
      width: 382.25px;
    }

    .cell_height_11 {
      height: 382.25px;
    }
    .cell_width_12 {
      width: 417px;
    }

    .cell_height_12 {
      height: 417px;
    }
    .cell_width_13 {
      width: 451.75px;
    }

    .cell_height_13 {
      height: 451.75px;
    }
    .cell_width_14 {
      width: 486.5px;
    }

    .cell_height_14 {
      height: 486.5px;
    }
    .cell_width_15 {
      width: 521.25px;
    }

    .cell_height_15 {
      height: 521.25px;
    }
    .cell_width_16 {
      width: 556px;
    }

    .cell_height_16 {
      height: 556px;
    }
    .cell_width_17 {
      width: 590.75px;
    }

    .cell_height_17 {
      height: 590.75px;
    }
    .cell_width_18 {
      width: 625.5px;
    }

    .cell_height_18 {
      height: 625.5px;
    }
    .cell_width_19 {
      width: 660.25px;
    }

    .cell_height_19 {
      height: 660.25px;
    }
    .cell_width_20 {
      width: 695px;
    }

    .cell_height_20 {
      height: 695px;
    }
    .cell_width_21 {
      width: 729.75px;
    }

    .cell_height_21 {
      height: 729.75px;
    }
    .cell_width_22 {
      width: 764.5px;
    }

    .cell_height_22 {
      height: 764.5px;
    }
    .cell_width_23 {
      width: 799.25px;
    }

    .cell_height_23 {
      height: 799.25px;
    }
    .cell_width_24 {
      width: 834px;
    }

    .cell_height_24 {
      height: 834px;
    }
}
@media (max-width: 900px) {
  .list-container .cell {
    width: 100%;
  }
}
.event-page-leader {
  display: inline-block;
  vertical-align: top;
  width: 14.58333vw;
  margin-right: 2.08333vw;
  margin-bottom: 2.08333vw;
}
.event-page-leader__photo {
    height: 14.58333vw;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
.event-page-leader__photo_without-avatar {
      background-size: contain;
      background-color: #CDCDCE;
    }
.event-page-leader__name {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 18px;
    margin-top: 20px;
    color: #2e2f30;
  }
.event-page-leader__comment {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    font-size: 13px;
    margin-top: 20px;
    color: #636369;
  }
@media (max-width: 1000px) {
  .event-page-leader {
    width: 145.83333px;
    margin-right: 20.83333px;
    margin-bottom: 20.83333px;
  }

    .event-page-leader__photo {
      height: 145.83333px;
    }
}

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.cell {
  min-height: 1px;
}
.cell_relative {
    position: relative;
  }
.cell_float_left {
      float: left;
    }
.cell_float_right {
      float: right;
    }
.cell_clearfix::after {
      display: block;
      content: '';
      clear: both;
    }
.cell_width_1 {
    display: inline-block;
    vertical-align: top;
    width: 50px;
  }
.cell_height_1 {
    height: 50px;
  }
.cell_width_2 {
    display: inline-block;
    vertical-align: top;
    width: 100px;
  }
.cell_height_2 {
    height: 100px;
  }
.cell_width_3 {
    display: inline-block;
    vertical-align: top;
    width: 150px;
  }
.cell_height_3 {
    height: 150px;
  }
.cell_width_4 {
    display: inline-block;
    vertical-align: top;
    width: 200px;
  }
.cell_height_4 {
    height: 200px;
  }
.cell_width_5 {
    display: inline-block;
    vertical-align: top;
    width: 250px;
  }
.cell_height_5 {
    height: 250px;
  }
.cell_width_6 {
    display: inline-block;
    vertical-align: top;
    width: 300px;
  }
.cell_height_6 {
    height: 300px;
  }
.cell_width_7 {
    display: inline-block;
    vertical-align: top;
    width: 350px;
  }
.cell_height_7 {
    height: 350px;
  }
.cell_width_8 {
    display: inline-block;
    vertical-align: top;
    width: 400px;
  }
.cell_height_8 {
    height: 400px;
  }
.cell_width_9 {
    display: inline-block;
    vertical-align: top;
    width: 450px;
  }
.cell_height_9 {
    height: 450px;
  }
.cell_width_10 {
    display: inline-block;
    vertical-align: top;
    width: 500px;
  }
.cell_height_10 {
    height: 500px;
  }
.cell_width_11 {
    display: inline-block;
    vertical-align: top;
    width: 550px;
  }
.cell_height_11 {
    height: 550px;
  }
.cell_width_12 {
    display: inline-block;
    vertical-align: top;
    width: 600px;
  }
.cell_height_12 {
    height: 600px;
  }
.cell_width_13 {
    display: inline-block;
    vertical-align: top;
    width: 650px;
  }
.cell_height_13 {
    height: 650px;
  }
.cell_width_14 {
    display: inline-block;
    vertical-align: top;
    width: 700px;
  }
.cell_height_14 {
    height: 700px;
  }
.cell_width_15 {
    display: inline-block;
    vertical-align: top;
    width: 750px;
  }
.cell_height_15 {
    height: 750px;
  }
.cell_width_16 {
    display: inline-block;
    vertical-align: top;
    width: 800px;
  }
.cell_height_16 {
    height: 800px;
  }
.cell_width_17 {
    display: inline-block;
    vertical-align: top;
    width: 850px;
  }
.cell_height_17 {
    height: 850px;
  }
.cell_width_18 {
    display: inline-block;
    vertical-align: top;
    width: 900px;
  }
.cell_height_18 {
    height: 900px;
  }
.cell_width_19 {
    display: inline-block;
    vertical-align: top;
    width: 950px;
  }
.cell_height_19 {
    height: 950px;
  }
.cell_width_20 {
    display: inline-block;
    vertical-align: top;
    width: 1000px;
  }
.cell_height_20 {
    height: 1000px;
  }
.cell_width_21 {
    display: inline-block;
    vertical-align: top;
    width: 1050px;
  }
.cell_height_21 {
    height: 1050px;
  }
.cell_width_22 {
    display: inline-block;
    vertical-align: top;
    width: 1100px;
  }
.cell_height_22 {
    height: 1100px;
  }
.cell_width_23 {
    display: inline-block;
    vertical-align: top;
    width: 1150px;
  }
.cell_height_23 {
    height: 1150px;
  }
.cell_width_24 {
    display: inline-block;
    vertical-align: top;
    width: 1200px;
  }
.cell_height_24 {
    height: 1200px;
  }
@media (max-width: 1200px) {
    .cell_width_1 {
      width: 34.75px;
    }

    .cell_height_1 {
      height: 34.75px;
    }
    .cell_width_2 {
      width: 69.5px;
    }

    .cell_height_2 {
      height: 69.5px;
    }
    .cell_width_3 {
      width: 104.25px;
    }

    .cell_height_3 {
      height: 104.25px;
    }
    .cell_width_4 {
      width: 139px;
    }

    .cell_height_4 {
      height: 139px;
    }
    .cell_width_5 {
      width: 173.75px;
    }

    .cell_height_5 {
      height: 173.75px;
    }
    .cell_width_6 {
      width: 208.5px;
    }

    .cell_height_6 {
      height: 208.5px;
    }
    .cell_width_7 {
      width: 243.25px;
    }

    .cell_height_7 {
      height: 243.25px;
    }
    .cell_width_8 {
      width: 278px;
    }

    .cell_height_8 {
      height: 278px;
    }
    .cell_width_9 {
      width: 312.75px;
    }

    .cell_height_9 {
      height: 312.75px;
    }
    .cell_width_10 {
      width: 347.5px;
    }

    .cell_height_10 {
      height: 347.5px;
    }
    .cell_width_11 {
      width: 382.25px;
    }

    .cell_height_11 {
      height: 382.25px;
    }
    .cell_width_12 {
      width: 417px;
    }

    .cell_height_12 {
      height: 417px;
    }
    .cell_width_13 {
      width: 451.75px;
    }

    .cell_height_13 {
      height: 451.75px;
    }
    .cell_width_14 {
      width: 486.5px;
    }

    .cell_height_14 {
      height: 486.5px;
    }
    .cell_width_15 {
      width: 521.25px;
    }

    .cell_height_15 {
      height: 521.25px;
    }
    .cell_width_16 {
      width: 556px;
    }

    .cell_height_16 {
      height: 556px;
    }
    .cell_width_17 {
      width: 590.75px;
    }

    .cell_height_17 {
      height: 590.75px;
    }
    .cell_width_18 {
      width: 625.5px;
    }

    .cell_height_18 {
      height: 625.5px;
    }
    .cell_width_19 {
      width: 660.25px;
    }

    .cell_height_19 {
      height: 660.25px;
    }
    .cell_width_20 {
      width: 695px;
    }

    .cell_height_20 {
      height: 695px;
    }
    .cell_width_21 {
      width: 729.75px;
    }

    .cell_height_21 {
      height: 729.75px;
    }
    .cell_width_22 {
      width: 764.5px;
    }

    .cell_height_22 {
      height: 764.5px;
    }
    .cell_width_23 {
      width: 799.25px;
    }

    .cell_height_23 {
      height: 799.25px;
    }
    .cell_width_24 {
      width: 834px;
    }

    .cell_height_24 {
      height: 834px;
    }
}
@media (max-width: 900px) {
  .list-container .cell {
    width: 100%;
  }
}
.event-page-leaders {
  margin-right: -4.16667vw;
  margin-bottom: -2.08333vw;
}
@media (max-width: 1000px) {
  .event-page-leaders {
    margin-right: -41.66667px;
    margin-bottom: -20.83333px;
  }
}

.event-page__icon-block {
    display: inline-block;
    vertical-align: bottom;
    min-width: 170px;
    min-height: 36px;
    margin-bottom: 30px;
    margin-right: 30px;
  }
  .event-page__icon-block-icon {
    float: left;
    height: 36px;
  }
  .event-page__icon-block-content {
    margin-left: 50px;
  }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.event-page__header-gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcbd12), to(#ffffff));
    background-image: linear-gradient(to bottom, #fcbd12, #ffffff);
  }
.event-page__title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 40px;
    margin-bottom: 20px;
  }
.event-page__content {
    padding: 90px 0;
  }
.event-page__name {
    margin-bottom: 10px;
  }
.event-page__icon-labels {
    font-family: 'Rubik';
    font-style: normal;
    margin-top: 50px;
  }
.event-page__dates {
    font-weight: bold;
    font-size: 16px;
    color: #2e2f30;
  }
.event-page__time {
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    color: #92959d;
  }
.event-page__place,
  .event-page__payment {
    font-weight: bold;
    font-size: 14px;
    margin-top: 8px;
    color: #2e2f30;
  }
.event-page__description {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 50px;
    color: #4A4A4A;
  }
.event-page__map-description {
    margin-bottom: 20px;
  }
.event-page__map-place-icon {
    float: left;
  }
.event-page__map-place {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    margin-left: 30px;
    color: #2e2f30;
  }
.event-page__show-other {
    margin-top: 40px;
  }
.event-page__go-to-test {
    margin-top: 30px;
  }
@media (max-width: 1260px) {
    .event-page__header-gradient {
      padding: 130px 0 40px 0;
    }
}

.banner-container__text a {
  background: #ffa000;
  border-radius: 4px;
  font-family: var(--base-font-family);
  color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  padding: 16px 32px;
  text-decoration: none;
}
.banner-container__text h1,
.banner-container__text h2,
.banner-container__text h3,
.banner-container__text h4,
.banner-container__text h5,
.banner-container__text h6 {
  font-style: 'normal';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.banner-container__text h2 {
  font-size: 28px;
  line-height: 36px;
}
.banner-container__text h3 {
  font-size: 24px;
  line-height: 32px;
}
.banner-container__text h4 {
  font-size: 22px;
  line-height: 28px;
}
.banner-container__text h5 {
  font-size: 20px;
  line-height: 24px;
}
.banner-container__text h6 {
  font-size: 18px;
  line-height: 22px;
}
.banner-container__text * {
  font-family: var(--base-font-family) !important;
}
.banner-container__text b,
.banner-container__text strong {
  font-weight: 500 !important;
}
@media screen and (max-width: 480px) {
  .banner-container__text h1 {
    font-size: 24px;
    line-height: 28px;
  }
  .banner-container__text h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .banner-container__text h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .banner-container__text h4 {
    font-size: 18px;
    line-height: 22px;
  }
  .banner-container__text h5 {
    font-size: 16px;
    line-height: 20px;
  }
  .banner-container__text h6 {
    font-size: 14px;
    line-height: 18px;
  }

  .banner-container__text a {
    font-size: 14px;
    line-height: 17px;
    padding: 10px 32px;
  }
}

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.main {
  margin-top: 0;
}
.main-news .slick-dots,
.main-media .slick-dots,
.main-brands .slick-dots {
  bottom: -30px !important;
}
.main-news .slick-dots button,
.main-brands .slick-dots button {
  background-color: rgba(187, 187, 187) !important;
  background-color: var(--color-gray-200) !important;
}
.main-news .slick-active button,
.main-media .slick-active button,
.main-brands .slick-active button {
  background-color: rgba(18, 138, 229) !important;
  background-color: var(--color-blue-600) !important;
}


@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'),
  url('/static/eiop/fonts/rubik/Rubik-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'),
  url('/static/eiop/fonts/rubik/Rubik-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('/static/eiop/fonts/rubik/Rubik-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'),
  url('/static/eiop/fonts/rubik/Rubik-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'),
  url('/static/eiop/fonts/rubik/Rubik-Black.ttf') format('truetype');
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.h1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 42px;
  line-height: 44px;
}
.h2 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
.h2_bold {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.h2_roboto {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.subhead {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.subhead2 {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.7px;
}
.button-text1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.button-text2 {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.default-text {
  font-family: 'Rubik';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.caption {
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.more-info-block {
  margin: 20px 0;
  padding: 33px;
  font-size: 16px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #edeff3;
}
.more-info-block__link {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
}
.esia-wrapper {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.bold {
  font-weight: 700;
}
.gray {
  color: #4e5056;
}
.ps {
  font-size: 13px;
  line-height: 130%;
  color: #000;
  opacity: 0.4;
}
.link-blue {
  color: #007bff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px;
}
.text-center {
  text-align: center;
}
.useful-title-content {
  font-weight: 600;
  margin: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.useful-text-content {
  margin: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-button-useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ol-list {
  list-style-type: disc;
}
.useful-table_list {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.useful-table_list > li {
  counter-increment: item;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
.useful-table_list > li:before {
  content: counters(item, '.') '. ';
  margin-right: 15px;
}
.attention {
  width: 62px;
  height: 55px;
  background: url(/static/eiop/icons/info/attention.svg) no-repeat;
  background-size: contain;
  margin-right: 30px;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tutors-page {
  font-family: 'Rubik';
  padding-bottom: 60px;
}
.tutors-page__header {
    padding: 45px 0;
    position: relative
  }
.tutors-page__header:before {
      content: '';
      display: block;
      width: 100vw;
      position: absolute;
      top: 0;
      left: calc(-50vw - -50%);
      height: 100%;
      background-color: #749afb;
    }
.tutors-page__header-back-button {
    float: left;
    position: relative;
  }
.tutors-page__title {
    margin: 0 0 0 80px;
    font: inherit;
    position: relative;
  }
.tutors-page__load-more {
    padding-top: 35px;
  }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.education {
  font-family: 'Rubik';
}
@media (max-width: 1260px) {
    .education .header-map__title {
      font-size: 42px;
    }
}
@media (max-width: 1260px) {
    .education .header-map__title {
      font-size: 42px;
    }
}


.suitable-profile {
  font-family: 'Rubik';
  color: #2e2f30;
}

  .suitable-profile__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    line-height: 25px;
    font-size: 14px;
  }

  .suitable-profile__progress {
    margin-top: 17px;
  }

  .suitable-profile__progress-bar {
    height: 7px;
    border-radius: 4px;
    background: rgba(82, 83, 94, 0.2);
    overflow: hidden;
  }

  .suitable-profile__progress-bar-score {
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#65f866), to(#00bfb5));
    background: linear-gradient(to left, #65f866, #00bfb5);
    border-radius: 4px;
  }

  .suitable-profile__progress-message {
    margin-top: 10px;
    font-size: 13px;
  }

  .suitable-profile__progress-score {
    margin-left: 5px;
  }


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.program-page-header__title {
    margin-bottom: 10px;
  }
.program-page-header__icons {
    margin-top: 50px;
  }
.program-page-header__gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7a69ff), to(#ebeaf9));
    background-image: linear-gradient(to bottom, #7a69ff, #ebeaf9);
  }
@media (max-width: 1260px) {
    .program-page-header__title {
      max-width: 80%;
    }
}


.program-page__programs {
  color: #2e2f30;
  margin: 60px 0;
}

  .program-page__programs .vertical-list__title {
    font-family: 'Rubik';
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
  }


.program-group_split {
    border-top: 1px solid #d8d8e2;
    padding: 40px 0;
  }
  .program-group__title {
    font-weight: bold;
    color: #2e2f30;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .program-group__content {
    font-size: 16px;
    line-height: 24px;
    color: #4A4A4A;
  }


.program-conditions {
  border-spacing: 0;
}

  .program-conditions__title {
    text-align: left;
    border-bottom: 1px solid #92959d;
    padding-bottom: 20px;
  }

  .program-conditions__title + .program-conditions__title {
      padding-left: 20px;
    }

  .program-conditions__year {
    padding-top: 20px;
  }

  .program-conditions__name {
    font-weight: bold;
    padding-left: 30px;
    min-width: 200px;
  }

  .program-conditions__seats,
  .program-conditions__passing-score,
  .program-conditions__people-per-seat {
    text-align: right;
  }


.program-page-ymap__district,
  .program-page-ymap__address {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    padding: 0 10px;
  }
  .program-page-ymap__district {
    border-right: 1px solid #d8d8e2;
    padding-left: 0;
  }
  .program-page-ymap__header {
    margin-top: 20px;
  }
  .program-page-ymap__content {
    margin-top: 15px;
  }


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.program-page {
  font-family: 'Rubik';
}
.program-page__header {
    font-weight: bold;
    color: #2e2f30;
    font-size: 40px;
    line-height: 47px;
  }
.program-page__description {
    padding: 40px 0;
    line-height: 24px;
  }
.program-page__organization-block {
    margin-top: 20px;
  }
.program-page__check-yourself {
    margin-top: 20px;
  }
.program-page__subjects,
  .program-page__tags {
    margin-top: 40px;
  }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.programs {
  font-family: 'Rubik';
}


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.profession-page-header .breadcrumbs__link,
  .profession-page-header .breadcrumbs__separator {
    color: #fff;
  }
.profession-page-header__title {
    padding-bottom: 30px;
  }


.property-group {
  margin-bottom: 40px;
}

  .property-group__wrapper {
    margin-bottom: 47px;
  }

  .property-group__title {
    margin-bottom: 12px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    color: #2D2E30;
    line-height: 30px;
    font-size: 20px;
  }

  .property-group__item {
    padding: 7px 10px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0 10px 10px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #F3F5FB;
    color: #2D2E30;
  }


.profession-detail__info-block {
    font-family: 'Rubik';
    padding: 20px;
    background-color: #EDEFF3;
    margin-bottom: 50px;
  }
  .profession-detail__block + .profession-detail__block {
      border-top: 1px solid #ebebeb;
    }
  .profession-detail__profile-wrapper {
    background: #fff;
    -webkit-box-shadow: 0 10px 32px rgba(0, 0, 0, 0.137172);
            box-shadow: 0 10px 32px rgba(0, 0, 0, 0.137172);
    border-radius: 12px;
    padding: 17px 11px;
  }
  .profession-detail__profile-button {
    font-family: 'Rubik';
    font-style: normal;
    border-radius: 4px;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    padding: 7px 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 30px;
  }


.profession-description {
  margin-bottom: 40px;
}

  .profession-description__title {
    margin-bottom: 47px;
  }

  .profession-description__text {
    font-size: 14px;
    line-height: 23px;
    color: rgba(46, 47, 48, 0.8);
    margin-top: 19px;
  }

  .profession-description__text a {
      font-size: 14px;
      line-height: 23px;
    }

  .profession-description__block + .profession-description__block {
      margin-top: 30px;
    }


.profession-page-profiles {
  margin-bottom: 35px;
}

  .profession-page-profiles__subtitle {
    font: 600 24px/28px 'Rubik', sans-serif;
    color: #2e2f30;
  }


.profession-parameters {
  margin-bottom: 55px;
}

  .profession-parameters__title {
    margin-bottom: 22px;
  }

  .profession-parameters__item + .profession-parameters__item {
      margin-top: 24px;
    }

  .profession-parameters__item-title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    color: rgba(#2D2E30, 0.5);
  }

  .profession-parameters__item-link {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    color: #5041C4;
    text-decoration: none;
  }


.profession-subjects {
  margin-bottom: 50px;
}

  .profession-subjects__title {
    margin-bottom: 24px;
  }

  .profession-subjects__item {
    display: inline-block;
    border-radius: 16px;
    min-height: 32px;
    line-height: 32px;
    margin-right: 16px;
    margin-bottom: 13px;
    padding: 0 20px;
    font-size: 13px;
    color: #2e2f30;
    background: rgba(98, 78, 255, 0.1);
    mix-blend-mode: normal;
  }


.profession-similar__header {
    margin-bottom: 24px;
  }
  .profession-similar .entity-card__name {
    font-size: 12px;
    font-weight: bold;
  }


.profession-page {
  font-family: 'Rubik';
}

  .profession-page__title {
    font: bold 40px/47px 'Rubik', sans-serif;
    color: #2e2f30;
  }

  .profession-page__subtitle {
    color: #2e2f30;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    font-size: 20px;
  }

  .profession-page .events-list {
    margin-bottom: 30px;
  }

  .profession-page .events-list__buttons {
      margin-bottom: 30px;
    }

.tags{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}
.tags-item{
    margin: 0 3px 5px 0;
    padding: 3px 15px;
    border-radius: 20px;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
}
.tags-item_color_read{
    background-color: #FF4677;
}
.tags-item_color_green{
    background-color: #65C59B;
    color: white;
}

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.recreation-organizations {
  font-family: 'Rubik';
}
.recreation-organizations_parents-dropdown {
    width: 117px;
  }
.recreation-organizations_parents-dropdown .dropdown-menu_menu-container {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      top: 35px;
      left: 0;
    }
.recreation-organizations-list__contact + .recreation-organizations-list__contact {
      margin-top: 10px;
    }
.recreation-organizations-list__contact-icon,
    .recreation-organizations-list__contact-data {
      display: inline-block;
      vertical-align: middle;
    }
.recreation-organizations-list__contact-icon {
      margin-right: 5px;
    }


.filter-select {
  display: inline-block;
  font-family: 'Rubik';
  position: relative;
  outline: none;
  padding: 10px 10px 0;
  width: 200px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
}

  .filter-select_opened {
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
  }

  .filter-select__title {
    font-size: 13px;
    font-weight: bold;
    color: rgba(45, 46, 48, 0.5);
    margin-bottom: 5px;
  }

  .filter-select__button {
    background: transparent;
    border: none;
    padding: 0;
    outline: none;
    font-size: 16px;
    font-weight: bold;
    color: #2D2E30;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
  }

  .filter-select__label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .filter-select__arrow-down {
    padding-left: 5px;
  }

  .filter-select__options {
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-height: 200px;
    background: #fff;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 10px;
    z-index: 10;
    overflow: auto
  }

  .filter-select__options::-webkit-scrollbar {
      width: 5px;
    }

  .filter-select__options::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

  .filter-select__options::-webkit-scrollbar-thumb {
      background-color: darkgrey;
      outline: 1px solid slategrey;
    }

.filter-select-option {
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  padding: 10px 0;
  outline: none;
  text-align: left;
  cursor: pointer;
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.profiles {
  font-family: 'Rubik';
}
.profiles__filters {
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative
  }
.profiles__filters:before {
      content: '';
      display: block;
      width: 100vw;
      position: absolute;
      top: 0;
      left: calc(-50vw - -50%);
      height: 100%;
      -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1372);
              box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1372);
    }


.profile-list {
  font-family: 'Rubik';
  margin: 60px 0;
}
    .profile-list__block:after {
      display: table;
      content: '';
      clear: both;
    }
    .profile-list__block {
    padding-bottom: 30px;
    border-bottom: 1px dashed #d8d8e2;
    margin-bottom: 30px;
  }
    .profile-list__block_no-more:last-child {
        border: none;
      }
    .profile-list__image {
    width: 280px;
    height: 180px;
    background: #f2f4f7 no-repeat;
    background-size: cover;
    float: left;
  }
    .profile-list__info {
    margin-left: 300px;
    margin-right: 60px;
  }
    .profile-list__title {
    font-size: 32px;
    font-weight: bold;
    color: #2e2f30;
    margin-bottom: 25px;
  }
    .profile-list__title-link,
    .profile-list__title-link:hover,
    .profile-list__title-link:visited {
      color: #2e2f30;
      text-decoration: none;
    }
    .profile-list__star {
    float: right;
    padding-top: 65px;
    height: 180px;
  }
    .profile-list__star-icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
  }
    .profile-list__subjects {
    margin-bottom: 24px;
  }
    .profile-list__subject {
    display: inline-block;
    border-radius: 16px;
    background-color: rgba(216, 216, 226, 0.4);
    padding: 8px 20px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
    .profile-list__number {
    display: inline-block;
    font-size: 14px;
    color: #52535E;
    margin-right: 30px;
    margin-bottom: 15px;
  }
    .profile-list__number-icon {
    margin-right: 15px;
    vertical-align: middle;
  }

.collapser__content_collapsed {

    }
  .collapser__button {
    margin-top: 30px;
  }


.carousel-block {
  margin-bottom: 50px;
  position: relative;
}

  .carousel-block__header {
    margin-bottom: 18px;
  }

  .carousel-block__header-controls {
    text-align: right;
  }

  .carousel-block__navigation {
    display: inline-block;
    padding-left: 32px;
  }

  .carousel-block__prev,
  .carousel-block__next {
    display: inline-block;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    border: none;
    -webkit-box-shadow: 0 4px 12px #dedede;
            box-shadow: 0 4px 12px #dedede;
    padding: 0;
    outline: none;
    cursor: pointer
  }

  .carousel-block__prev:disabled, .carousel-block__next:disabled {
      cursor: default;
    }

  .carousel-block__prev {
  }

  .carousel-block__next {
    margin-left: 10px;
  }

  .carousel-block *:focus {
      outline: none;
    }

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
  background: #fff url('/static/eiop/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;

  src: url('styles/fonts/slick.eot');
  src: url('styles/fonts/slick.eot?#iefix') format('embedded-opentype'),
    url('styles/fonts/slick.woff') format('woff'),
    url('styles/fonts/slick.ttf') format('truetype'),
    url('styles/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;

  opacity: 0.75;
  color: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: '←';
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: -25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: 0.25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
/* Slider */
.slick-slider {
  position: relative;

  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;

  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
.slick-slide *:focus {
  outline: none;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}


@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'),
  url('/static/eiop/fonts/rubik/Rubik-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'),
  url('/static/eiop/fonts/rubik/Rubik-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('/static/eiop/fonts/rubik/Rubik-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'),
  url('/static/eiop/fonts/rubik/Rubik-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'),
  url('/static/eiop/fonts/rubik/Rubik-Black.ttf') format('truetype');
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.h1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 42px;
  line-height: 44px;
}
.h2 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
.h2_bold {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.h2_roboto {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.subhead {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.subhead2 {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.7px;
}
.button-text1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.button-text2 {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.default-text {
  font-family: 'Rubik';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.caption {
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.more-info-block {
  margin: 20px 0;
  padding: 33px;
  font-size: 16px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #edeff3;
}
.more-info-block__link {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
}
.esia-wrapper {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.bold {
  font-weight: 700;
}
.gray {
  color: #4e5056;
}
.ps {
  font-size: 13px;
  line-height: 130%;
  color: #000;
  opacity: 0.4;
}
.link-blue {
  color: #007bff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px;
}
.text-center {
  text-align: center;
}
.useful-title-content {
  font-weight: 600;
  margin: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.useful-text-content {
  margin: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-button-useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ol-list {
  list-style-type: disc;
}
.useful-table_list {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.useful-table_list > li {
  counter-increment: item;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
.useful-table_list > li:before {
  content: counters(item, '.') '. ';
  margin-right: 15px;
}
.attention {
  width: 62px;
  height: 55px;
  background: url(/static/eiop/icons/info/attention.svg) no-repeat;
  background-size: contain;
  margin-right: 30px;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile-page__header {
    position: relative;
    padding-bottom: 40px
  }
.profile-page__header:before {
      content: '';
      display: block;
      width: 100vw;
      position: absolute;
      top: 0;
      left: calc(-50vw - -50%);
      height: 100%;
      background: -webkit-gradient(linear, left bottom, left top, from(#2fc200), to(#efee74));
      background: linear-gradient(to top, #2fc200, #efee74);
    }
.profile-page__header-content {
    position: relative;
  }
.profile-page__name {
    margin-top: 15px;
    margin-bottom: 15px;
  }
.profile-page__content {
    padding: 80px 0;
  }
.profile-page__title {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
.profile-page__events-and-programs {
    padding: 70px 0 60px;
  }
.profile-page__favorite {
    position: absolute;
    top: 135px;
    right: calc(-50vw - -50%);
  }
.profile-page__slide {
    width: 370px;
    margin-right: 20px;
  }
.profile-page .carousel__button {
    background-color: #fff;
  }
.profile-page .carousel-block__title {
    font-size: 42px;
  }


.header-filter-search .header-filter-input__field {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      position: relative;
    }
    .header-filter-search .header-filter-input__input {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 48px;
      width: 100%;
      border-radius: 48px;
      border: 1px solid #ccc;
      padding-left: 40px;
      outline: none;
    }
    .header-filter-search .header-filter-input__button {
      position: absolute;
      left: 10px;
      height: 100%;
      background: transparent;
      border: none;
      outline: none;
      padding: 0;
    }
  .header-filter-search__reset-button {
    text-decoration: underline;
    font-size: 14px;
    color: #2D2E30;
  }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.search-page__slide {
    width: 515px;
    margin-right: 20px;
  }
.search-page .carousel-block__title {
    font-size: 42px;
  }

.password-restore-step1__text {
    margin-top: 34px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    font-size: 16px;
    color: #4D5568;
  }
  .password-restore-step1__field {
    margin-top: 27px;
    width: 320px;
  }
  .password-restore-step1__button {
    margin-top: 35px;
    width: 188px;
  }

.password-restore-step2__text {
    margin-top: 5px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 24px;
    color: #4D5568;
  }
  .password-restore-step2__button {
    margin-top: 48px;
    width: 262px;
  }

.password-restore {
  padding: 60px 0;
  position: relative
}
.password-restore:before {
    content: '';
    display: block;
    width: 100vw;
    position: absolute;
    top: 0;
    left: calc(-50vw - -50%);
    height: 100%;
    -webkit-box-shadow: inset 0px 4px 7px rgba(74, 79, 116, 0.1);
            box-shadow: inset 0px 4px 7px rgba(74, 79, 116, 0.1);
  }
.password-restore__title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 42px;
    color: #52535E;
    margin: 0;
  }


.password-create {
  padding: 60px 0;
  position: relative
}
.password-create:before {
    content: '';
    display: block;
    width: 100vw;
    position: absolute;
    top: 0;
    left: calc(-50vw - -50%);
    height: 100%;
    -webkit-box-shadow: inset 0px 4px 7px rgba(74, 79, 116, 0.1);
            box-shadow: inset 0px 4px 7px rgba(74, 79, 116, 0.1);
  }
.password-create__title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 42px;
    color: #52535e;
    margin: 0;
  }
.password-create__fields {
    margin-top: 28px;
    width: 320px;
  }
.password-create__field + .password-create__field {
      margin-top: 23px;
    }
.password-create__errors {
    margin-top: 25px;
  }
.password-create__button {
    margin-top: 27px;
    width: 188px;
  }
.password-create__incorrect-link {
    margin-top: 5px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 24px;
    color: #4D5568;
  }


.cabinet-layout {
  position: relative;
  min-height: calc(100vh - 300px);
}

  .cabinet-layout_gray {
    background-color: #f2f4f7;
  }

  .cabinet-layout__header {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.137172);
            box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.137172);
    position: relative;
    z-index: 1;
  }

  .cabinet-layout__menu-button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 80px;
    line-height: 80px;
    float: right;
    padding-top: 5px;
  }
.cabinet-list__header-back-link {
  margin-bottom: 30px;
}


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.favorites {
  padding: 80px 0;
}
.favorites__slide {
    width: 370px;
    margin: 0 20px 32px;
  }
.favorites__empty {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 28px;
    color: #2e2f30;
  }
.favorites .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
.favorites .slick-slide {
      height: auto;
    }
.favorites .slick-slide > div {
        height: 100%;
      }
@media (max-width: 1260px) {
  .favorites {
    padding: 135px 0;
  }
}

.cabinet-test-result {
  font-family: 'Rubik';
}
.circle-progressbar {
  position: relative;
  width: 125px;
  height: 125px;
}

  .circle-progressbar__label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .circle-progressbar .CircularProgressbar .CircularProgressbar-trail {
      stroke: rgba(156, 127, 150, 0.2);
    }

  .circle-progressbar .CircularProgressbar .CircularProgressbar-path {
        stroke: #19C4E1;
        stroke-linecap: butt;
    }

.cabinet-result-banner {
  color: #fff;
  padding: 70px 0;
  background: radial-gradient(#817a9b, #574f76);
}

  .cabinet-result-banner__header {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 40px;
  }

  .cabinet-result-banner__self-diagnostic {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 70px 45px;
    background: -webkit-gradient(linear, right bottom, left top, from(#d27ff0), to(#455fd8));
    background: linear-gradient(to left top, #d27ff0, #455fd8);
    border-radius: 8px;
  }

  .cabinet-result-banner__self-diagnostic-title {
    font-size: 32px;
    line-height: 44px;
  }

  .cabinet-result-banner__self-diagnostic-description {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
  }

  .cabinet-result-banner__progress {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    padding: 25px 25px 70px;
  }

  .cabinet-result-banner__no-tests-label {
    display: inline-block;
    color: #ffa68d;
    font-size: 12px;
    text-transform: uppercase;
    width: 150px;
  }

  .cabinet-result-banner__pass-test-label {
    color: #7c86a2;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 5px;
  }

  .cabinet-result-banner__progressbar {
    display: inline-block;
    margin-top: 10px;
  }

  .cabinet-result-banner__progressbar-label {
    font-size: 24px;
    font-weight: bold;
    color: #4d5568;
  }

  .cabinet-result-banner__test-sets-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 56px;
    line-height: 56px;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: #19c4e1;
  }


.banner-link {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

  .banner-link__icon-wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    overflow: hidden;
    margin-bottom: 15px;
  }

  .banner-link__icon {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%;
  }

  .banner-link__header {
    font-size: 13px;
    white-space: nowrap;
  }

.recommendations__title {
    font-size: 32px;
    color: #52535E;
    margin-bottom: 60px;
    font-weight: 300;
  }
  .recommendations__item {
    margin-top: 40px;
  }
  .recommendations__load-more {
    margin-top: 60px;
  }
.show-more-button {
  border: none;
  cursor: pointer;
  outline: none;
  border-radius: 10px;
  padding: 4px 12px;
  color: rgba(45, 46, 48, 0.7);
  background: rgba(224, 226, 230, 0.4);
}

.recommendation {
  font-family: 'Rubik';
  font-size: 14px;
  position: relative;
}

  .recommendation__score {
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 65px;
    border-radius: 65px;
    line-height: 65px;

    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }

  .recommendation__score_highest {
      background: #624eff;
    }

  .recommendation__score_high {
      background: #8979ff;
    }

  .recommendation__score_average {
      background: #b0a6ff;
    }

  .recommendation__score_low {
      background: #ededed;
    }

  .recommendation__profiles {
  }

  .recommendation__study-places {
  }

  .recommendation__study-places-header {
    color: #b1b4bc;
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .recommendation__show-full-list {
    margin-top: 15px;
  }


.test-circle-progressbar {
  display: inline-block;
  color: #2D2E30;
  text-align: center;
}

  .test-circle-progressbar__numbers {
    font-size: 12px;
    line-height: 20px;
    width: 100px;
  }

  .test-circle-progressbar__progress {
    font-size: 20px;
    line-height: 30px;
    color: #4a4a4a;
    font-weight: 600;
  }

.start-test__progress-bar {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    border-radius: 6px;
    height: 300px;
    text-align: center;
    -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.5);
            box-shadow: 0 0 13px rgba(0,0,0,0.5);
    padding-top: 60px;
  }
  .start-test__link {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 5px;
  }
  .start-test__download-wrapper {
    text-align: center;
    margin-top: 30px;
  }
  .start-test__download {
    padding: 8px 20px;
    min-height: auto;
  }

.progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
}

  .progress__status {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 6px;
  }

  .progress__status_aqua {
      background-color: #28B2C0;
    }

  .progress__status_purple {
      background-color: #D325DD;
    }

  .progress__status_orange {
      background-color: #C0A730;
    }

  .progress__label,
  .progress__percent {
    position: relative;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .progress__label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 15px;
  }

  .progress__percent {
    font-size: 24px;
    font-weight: 300;
  }
.cabinet-passed-tests {
  margin-bottom: 40px;
}
  .cabinet-passed-tests__item {
    color: #4d5568;
  }
  .cabinet-passed-tests__item + .cabinet-passed-tests__item {
      margin-top: 60px;
    }
  .cabinet-passed-tests__date {
    font-size: 12px;
  }
  .cabinet-passed-tests__name {
    font-size: 14px;
    margin-top: 10px;
  }
  .cabinet-passed-tests__pdf {
    padding: 8px 20px !important;
    min-height: auto !important;
    margin-top: 20px !important;
    font-size: 12px !important;
  }
  .cabinet-passed-tests__load-more {
    padding: 8px 20px !important;
    min-height: auto !important;
    margin-top: 40px !important;
    font-size: 16px !important;
  }


.cabinet-result-qualities {
  margin-right: 40px;
}

  .cabinet-result-qualities__list {
    position: relative;
  }

  .cabinet-result-qualities__list_collapsible::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: -webkit-gradient(
          linear,
          left top, left bottom,
          from(rgba(255, 255, 255, 0.01)),
          to(#fff)
        );
        background: linear-gradient(
          to bottom,
          rgba(255, 255, 255, 0.01),
          #fff
        );
      }


@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'),
  url('/static/eiop/fonts/rubik/Rubik-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'),
  url('/static/eiop/fonts/rubik/Rubik-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('/static/eiop/fonts/rubik/Rubik-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'),
  url('/static/eiop/fonts/rubik/Rubik-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'),
  url('/static/eiop/fonts/rubik/Rubik-Black.ttf') format('truetype');
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.h1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 42px;
  line-height: 44px;
}
.h2 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
.h2_bold {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.h2_roboto {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.subhead {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.subhead2 {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.7px;
}
.button-text1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.button-text2 {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.default-text {
  font-family: 'Rubik';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.caption {
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.more-info-block {
  margin: 20px 0;
  padding: 33px;
  font-size: 16px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #edeff3;
}
.more-info-block__link {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
}
.esia-wrapper {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.bold {
  font-weight: 700;
}
.gray {
  color: #4e5056;
}
.ps {
  font-size: 13px;
  line-height: 130%;
  color: #000;
  opacity: 0.4;
}
.link-blue {
  color: #007bff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px;
}
.text-center {
  text-align: center;
}
.useful-title-content {
  font-weight: 600;
  margin: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.useful-text-content {
  margin: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-button-useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ol-list {
  list-style-type: disc;
}
.useful-table_list {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.useful-table_list > li {
  counter-increment: item;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
.useful-table_list > li:before {
  content: counters(item, '.') '. ';
  margin-right: 15px;
}
.attention {
  width: 62px;
  height: 55px;
  background: url(/static/eiop/icons/info/attention.svg) no-repeat;
  background-size: contain;
  margin-right: 30px;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cabinet-organizations__header {
    background: #ffffff;
    padding: 40px 0;
  }
.cabinet-organizations__list {
    padding: 40px 0;
  }
.cabinet-organizations__empty-list {
    margin: 70px 0;
    color: #2b2b31;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
  }
.cabinet-organizations__buttons {
    text-align: center;
    margin-top: 30px;
  }
.cabinet-organizations__financial-attachments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 10px;
    gap: 10px;
    margin-top: 10px;
  }
.cabinet-organizations__financial-attachments__label {
      max-width: 100%;
      font-size: 12px;
      word-break: break-word;
    }
@media (max-width: 1260px) {
    .cabinet-organizations__header {
      padding: 170px 0 40px 0;
    }
}

.buttons-toolbar {
  margin-right: -20px;
  margin-bottom: -20px;
}

  .buttons-toolbar_error :first-child {
    display: block;
  }

  .buttons-toolbar__button {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 20px;
    margin-bottom: 20px;
  }

.form__terms-of-use {
    text-decoration: none
  }
  .form__terms-of-use, .form__terms-of-use:hover, .form__terms-of-use:visited {
      color: #4A90E2;
    }
  .form__support {
    margin: 0 5px;
    color: #4A90E2;
    text-decoration: none;
  }
  .form__error-annotation {
     color: #fc4b7a;
     width: 100%;
  }

.published-indicator__image {
    vertical-align: middle;
  }
  .published-indicator__text {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #000000;
  }

.group-item {
  display: inline-block;
}
  .group-item_margin-right-1 {
    margin-right: 5px;
  }
  .group-item_margin-bottom-1 {
    margin-bottom: 5px;
  }
  .group-item_margin-right-2 {
    margin-right: 10px;
  }
  .group-item_margin-bottom-2 {
    margin-bottom: 10px;
  }
  .group-item_margin-right-3 {
    margin-right: 15px;
  }
  .group-item_margin-bottom-3 {
    margin-bottom: 15px;
  }
.group-item:last-child {
    margin-right: 0;
  }

.buttons-group__button {
    padding: 0;
    text-align: left;
    border: none;
    background: transparent;
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid #DFDFDF;
    outline: none
  }
  .buttons-group__button:first-child {
      border-top: 1px solid #DFDFDF;
    }
  .buttons-group__button_active {
      background: rgba(196, 196, 196, 0.2);
    }


.paragraph__title {
    color: rgba(43, 43, 49, 0.5);
    font-size: 12px;
    line-height: 16px;
  }
  .paragraph__text {
    color: #2B2B31;
    font-size: 16px;
    line-height: 22px;
  }

.request-detail-block__title {
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .request-detail-block__sub-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .request-detail-block__item + .request-detail-block__item {
      margin-top: 20px;
    }
  .request-detail-block__separator {
    margin-top: 10px;
    height: 1px;
    max-width: 387px;
    width: 100%;
    background: #E0E0E0;
  }

.request-status {
  display: inline-block;
  border-radius: 5px;
  padding: 12px 23px 12px 60px;
  background-repeat: no-repeat;
  background-position: 20px center;
  font-weight: bold;
  font-size: 14px;
}

  .request-status_color-1 {
    color: #EE9D00;
    background-color: #FFF9D8;
    background-image: url("/static/eiop/icons/flag_yellow.svg");
  }

  .request-status_color-2 {
    color: #007628;
    background-color: #BBFDC1;
    background-image: url("/static/eiop/icons/flag_green.svg");
  }

  .request-status_color-3 {
    color: #760000;
    background-color: #FEDADD;
    background-image: url("/static/eiop/icons/flag_red.svg");
  }

  .request-status_color-4 {
    color: #2D2E30;
    background-color: #E8E8E8;
    background-image: url("/static/eiop/icons/flag_black.svg");
  }


.request-detail {
  color: #2B2B31;
  padding: 40px 55px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14);
          box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14);
  margin: 0 25px;
}

  .request-detail__theme {
    font-size: 32px;
    line-height: 44px;
    font-weight: 600;
    margin-bottom: 30px;
    overflow: hidden;
  }

  .request-detail__status {
    margin-top: 7px;
  }

  .request-detail__message {
    background: #e8e8e8;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
  }

  .request-detail__block {
    overflow: hidden;
  }

  .request-detail__block + .request-detail__block {
      margin-top: 50px;
    }


@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'),
  url('/static/eiop/fonts/rubik/Rubik-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'),
  url('/static/eiop/fonts/rubik/Rubik-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('/static/eiop/fonts/rubik/Rubik-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'),
  url('/static/eiop/fonts/rubik/Rubik-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'),
  url('/static/eiop/fonts/rubik/Rubik-Black.ttf') format('truetype');
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.h1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 42px;
  line-height: 44px;
}
.h2 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
.h2_bold {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.h2_roboto {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.subhead {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.subhead2 {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.7px;
}
.button-text1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.button-text2 {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.default-text {
  font-family: 'Rubik';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.caption {
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.more-info-block {
  margin: 20px 0;
  padding: 33px;
  font-size: 16px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #edeff3;
}
.more-info-block__link {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
}
.esia-wrapper {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.bold {
  font-weight: 700;
}
.gray {
  color: #4e5056;
}
.ps {
  font-size: 13px;
  line-height: 130%;
  color: #000;
  opacity: 0.4;
}
.link-blue {
  color: #007bff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px;
}
.text-center {
  text-align: center;
}
.useful-title-content {
  font-weight: 600;
  margin: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.useful-text-content {
  margin: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-button-useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ol-list {
  list-style-type: disc;
}
.useful-table_list {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.useful-table_list > li {
  counter-increment: item;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
.useful-table_list > li:before {
  content: counters(item, '.') '. ';
  margin-right: 15px;
}
.attention {
  width: 62px;
  height: 55px;
  background: url(/static/eiop/icons/info/attention.svg) no-repeat;
  background-size: contain;
  margin-right: 30px;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cabinet-requests {
  font-family: 'Rubik';
  margin: 0 0 70px;
}
.cabinet-requests__title {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 57px;
  }
.cabinet-requests__list {
    background: #fff;
    -webkit-box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14);
            box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14);
    padding: 36px 0;
    border-radius: 10px;
  }
.cabinet-requests__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 100px;
    padding: 20px 30px;
  }
.cabinet-requests__date {
    color: rgba(43, 43, 49, 0.5);
    font-size: 16px;
    float: left;
  }
.cabinet-requests__date-icon {
    margin-right: 13px;
  }
.cabinet-requests__status {
    float: right;
    font-weight: bold;
  }
.cabinet-requests__status_color1 {
      color: #ee9d00;
      float: right;
      font-weight: bold;
    }
.cabinet-requests__status_color2 {
      color: #007628;
      float: right;
      font-weight: bold;
    }
.cabinet-requests__status_color3 {
      color: #760000;
      float: right;
      font-weight: bold;
    }
.cabinet-requests__status_color4 {
      color: #2d2e30;
      float: right;
      font-weight: bold;
    }
.cabinet-requests__theme {
    overflow: hidden;
    color: #2b2b31;
    word-break: break-word;
    font-size: 18px;
    margin-top: 13px;
    font-weight: 600;
  }
.cabinet-requests__empty-list {
    color: #2b2b31;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
  }
.cabinet-requests__buttons {
    text-align: center;
    margin-top: 30px;
  }
.cabinet-requests__filters {
    margin-bottom: 60px;
  }


@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'),
  url('/static/eiop/fonts/rubik/Rubik-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'),
  url('/static/eiop/fonts/rubik/Rubik-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('/static/eiop/fonts/rubik/Rubik-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'),
  url('/static/eiop/fonts/rubik/Rubik-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'),
  url('/static/eiop/fonts/rubik/Rubik-Black.ttf') format('truetype');
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.h1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 42px;
  line-height: 44px;
}
.h2 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
.h2_bold {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.h2_roboto {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.subhead {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.subhead2 {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.7px;
}
.button-text1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.button-text2 {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.default-text {
  font-family: 'Rubik';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.caption {
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.more-info-block {
  margin: 20px 0;
  padding: 33px;
  font-size: 16px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #edeff3;
}
.more-info-block__link {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
}
.esia-wrapper {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.bold {
  font-weight: 700;
}
.gray {
  color: #4e5056;
}
.ps {
  font-size: 13px;
  line-height: 130%;
  color: #000;
  opacity: 0.4;
}
.link-blue {
  color: #007bff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px;
}
.text-center {
  text-align: center;
}
.useful-title-content {
  font-weight: 600;
  margin: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.useful-text-content {
  margin: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-button-useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ol-list {
  list-style-type: disc;
}
.useful-table_list {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.useful-table_list > li {
  counter-increment: item;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
.useful-table_list > li:before {
  content: counters(item, '.') '. ';
  margin-right: 15px;
}
.attention {
  width: 62px;
  height: 55px;
  background: url(/static/eiop/icons/info/attention.svg) no-repeat;
  background-size: contain;
  margin-right: 30px;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#cadesplugin_ovr {
  z-index: 9999 !important;
}
.cabinet-form {
    margin-top: 85px;
    margin-bottom: 70px;
    font-family: 'Rubik';
  }
.cabinet-list__header {
      margin-top: 40px;
      padding: 40px 0;
      position: relative;
      background-color: #ffffff;
    }
.cabinet-list__header-content {
        position: relative;
      }
.cabinet-list__title {
      font-style: normal;
      font-weight: 600;
      font-family: 'Rubik';
      line-height: normal;
      font-size: 42px;
      color: #2d2e30;
      margin: 0;
    }
.cabinet-list__sort {
      margin-top: 45px;
    }
.cabinet-list__items {
      padding: 40px 0;
    }
.cabinet-list__empty-list {
      margin: 70px 0;
      color: #2b2b31;
      font-size: 24px;
      line-height: 24px;
      font-weight: bold;
    }
.cabinet-list__buttons {
      margin-top: 40px;
    }
.cabinet-detail {
    display: block;
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.0870981);
            box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.0870981);
    border-radius: 12px;
    position: relative;
  }
.cabinet-detail__root-link {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
    }
.cabinet-detail__link {
      position: relative;
      z-index: 2;
    }
.cabinet-detail__caption {
      padding: 10px 20px;
    }
.cabinet-detail__education-type {
      display: inline-block;
      vertical-align: bottom;
      font-family: 'Rubik';
      font-style: normal;
      font-weight: normal;
      line-height: 20px;
      font-size: 12px;
      text-align: center;
      background: #fecb17;
      border-radius: 12px;
      padding: 5px 10px;
    }
.cabinet-detail__tag {
      min-height: 30px;
      margin-bottom: 30px;
      padding-left: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
.cabinet-detail__tag-image {
      width: 27px;
    }
.cabinet-detail__tag-title {
      margin-left: 15px;
      font-family: 'Rubik';
      font-style: normal;
      font-weight: normal;
      line-height: 20px;
      font-size: 12px;
      color: #000000;
      opacity: 0.5;
    }
.cabinet-detail__date {
      font-family: 'Rubik';
      font-style: normal;
      font-weight: normal;
      line-height: 21px;
      font-size: 14px;
      color: #2d2e30;
      opacity: 0.5;
      padding-left: 20px;
    }
.cabinet-detail + .cabinet-detail {
      margin-top: 20px;
    }
.cabinet-detail__left-block {
      padding: 0 0 20px 0;
    }
.cabinet-detail__right-block {
      padding: 0 20px 20px 0;
    }
.cabinet-detail__name {
      font-family: 'Rubik';
      font-style: normal;
      font-weight: normal;
      line-height: 30px;
      font-size: 20px;
      color: #2d2e30;
      margin-bottom: 26px;
      padding-left: 20px;
    }
.cabinet-detail__published-indicator {
      margin-bottom: 10px;
    }
@media (max-width: 1260px) {
    .cabinet-list {
      padding-top: 128px;
    }
      .cabinet-detail__right-block {
        padding: 0 0 20px 0;
      }
}
@media (max-width: 1260px) {
        .cabinet-detail__link .button {
          padding-left: 20px;
          font-size: 10px;
        }
}
@media (max-width: 1260px) {
    .cabinet-form {
      margin-top: 0;
      padding-top: 160px;
    }
}


.tests-page__list {
    position: relative;
    margin-top: 30px;
  }
  .tests-page__progressbar {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
  }
  .tests-page__header {
    margin-top: 40px;
  }


.test-type {
  color: #fff;
  border-radius: 12px;
  overflow: hidden;
}

  .test-type__base-info {
    background: -webkit-gradient(linear, right bottom, left top, from(#d27ff0), to(#455fd8));
    background: linear-gradient(to left top, #d27ff0, #455fd8);
    padding: 50px 25px;
    text-align: center;
  }

  .test-type__title {
    font-size: 24px;
    line-height: 33px;
  }

  .test-type__description {
    font-size: 14px;
    line-height: 19px;
    margin-top: 5px;
  }

  .test-type__canvas-wrapper {
    display: inline-block;
    position: relative;
  }

  .test-type__canvas {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 20px;
  }

  .test-type__icon {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%;
  }

  .test-type__progress-bar {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0
  }

  .test-type__progress-bar:before {
      position: absolute;
      content: '';
      background: url('/static/eiop/icons/vector-icon.svg') no-repeat;
      width: 100%;
      height: 15px;
      left: 0;
      margin-top: 1px;
    }

  .test-type__progress-bar:after {
      position: absolute;
      content: '';
      background: #22c7e2;
      left: 0;
      right: 0;
      top: 15px;
      bottom: 0;
    }

  .test-type__percent {
    position: absolute;
    width: 41px;
    height: 41px;
    line-height: 41px;
    border-radius: 41px;
    top: 0;
    right: -60%;
    background: #877ae4;
    font-size: 14px;
  }

  .test-type__route {
    color: #2D2E30;
    background: #fff;
    padding: 25px;
    overflow: hidden;
  }

  .test-type__step {
    position: relative;
    padding-left: 30px
  }

  .test-type__step:last-child:before {
        content: '';
        position: absolute;
        top: -1000px;
        left: 0;
        height: 1000px;
        width: 1px;
        background: #dbdbe0;
      }

  .test-type__step + .test-type__step {
      margin-top: 40px;
    }

  .test-type__step_passed:before {
        content: '';
        position: absolute;
        top: -1000px;
        left: 0;
        height: 1000px;
        width: 1px;
        background: #02bcd8;
        z-index: 1;
      }

  .test-type__step_passed .test-type__step-title:before {
          background: #02bcd8;
        }

  .test-type__step-title {
    font-size: 16px;
    line-height: 24px
  }

  .test-type__step-title:before {
      content: '';
      width: 18px;
      height: 18px;
      border-radius: 18px;
      position: absolute;
      left: -9px;
      top: 0;
      background: #dbdbe0;
      z-index: 2;
    }

  .test-type__step-author {
    font-size: 12px;
    color: #959595;
    line-height: 20px;
  }

  .test-type__step-button {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border: none;
    border-radius: 4px;
    background: #dbdbe0;
    width: 140px;
    height: 30px;
    line-height: 30px;
    color: #4A4A4A;
    font-size: 12px;
    margin-top: 10px;
    cursor: pointer;
  }

  .test-type__step-button_passed {
      color: #fff;
      background: #02bcd8;
    }


.test-page {
  font-family: 'Rubik';
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1
}
.test-page:before {
    content: '';
    display: block;
    width: 100vw;
    position: absolute;
    top: 0;
    left: calc(-50vw - -50%);
    height: 100%;
    background: #fff;
  }
.test-page__navigation-item {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
  }
.test-page__navigation-button {
    min-height: 40px;
    height: 40px;
    padding: 0 20px;
    vertical-align: middle;
  }
.test-page__navigation-button_next {
      border: 3px solid #19C4E1;
      background-color: #19C4E1;
      color: #fff
    }
.test-page__navigation-button_next:disabled {
        border: 3px solid #19C4E1;
        background-color: transparent;
        color: #2e2f30;
      }


.answer-button {
  border: none;
  outline: none;
  background: #ebebeb;
  padding: 0 20px;
  cursor: pointer;
  border-radius: 14px;
  font-size: 16px;
  height: 28px;
  line-height: 28px;
  min-width: 50px;
}

  .answer-button_selected {
    background: #19C4E1;
  }

.test-page-results__type {
    font-size: 36px;
    line-height: 38px;
    color: #757579;
    margin-top: 15px;
  }
  .test-page-results__conclusion {
    font-size: 32px;
    color: #52535E;
    margin-top: 65px;
    font-weight: 300;
  }
  .test-page-results__button {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
    margin-top: 35px;
  }

.test-page-progressbar {
  color: #fff;
}

  .test-page-progressbar__title {
    float: left;
    font-size: 18px;
    line-height: 25px;
  }

  .test-page-progressbar__statistic {
    float: right;
    font-size: 12px;
    line-height: 25px;
  }

  .test-page-progressbar__block {
    margin-top: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2px;
    height: 20px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
  }

  .test-page-progressbar__status {
    display: inline-block;
    height: 16px;
    border-radius: 10px;
    background: #fff;
  }

:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.job-page {
  color: #fff;
}
.job-page__header-gradient {
    padding-bottom: 0;
    position: relative;
    background-image: linear-gradient(255.77deg, #faa62f 0%, #624eff 100%);
  }
.job-page__title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 40px;
    margin-bottom: 20px;
  }
.job-page__content {
    padding: 90px 0;
  }
.job-page__name {
    margin-bottom: 10px;
  }
.job-page__icon-labels {
    font-family: 'Rubik';
    font-style: normal;
    margin-top: 73px;
    opacity: 0.8;
  }
.job-page__icon-annotation {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
  }
.job-page__salary {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
  }
.job-page__time {
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    color: #92959d;
    opacity: 0.8;
  }
.job-page__place,
  .job-page__payment {
    font-weight: bold;
    font-size: 14px;
    margin-top: 8px;
    color: #2e2f30;
  }
.job-page__description {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 50px;
    color: #4A4A4A;
  }
.job-page__map-description {
    margin-bottom: 20px;
  }
.job-page__map-place-icon {
    float: left;
  }
.job-page__map-place {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    margin-left: 30px;
    color: #2e2f30;
  }
.job-page__show-other {
    margin-top: 40px;
  }
.job-page__go-to-test {
    margin-top: 30px;
  }
.job-page .label {
    background: #fecb17;
    -webkit-backdrop-filter: blur(
      4px
    );
            backdrop-filter: blur(
      4px
    ); /* Note: backdrop-filter has minimal browser support */
    border-radius: 12px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #2D2E30;
  }
.job-page .breadcrumbs__link,
  .job-page .breadcrumbs__separator {
    font-size: 12px;
    color: #fff;
    opacity: 0.9;
  }

.job-page__icon-block {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 170px;
    min-height: 36px;
    margin-bottom: 30px;
    margin-right: 30px;
  }
  .job-page__icon-block-icon {
    float: left;
    height: 36px;
  }
  .job-page__icon-block-content {
    margin-left: 17px;
  }


.parametric-group {
  margin-bottom: 40px;
}

  .parametric-group__wrapper {
    margin-bottom: 47px;
  }

  .parametric-group__title {
    margin-bottom: 12px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    color: #2D2E30;
    line-height: 30px;
    font-size: 20px;
  }

  .parametric-group__item {
    width: 100%;
    padding: 7px 10px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #F3F5FB;
    color: #2D2E30;
  }

  .parametric-group__level {
    position: absolute;
    right: 10px;
  }

  .parametric-group__level_high {
      color: #F33C85;
    }

  .parametric-group__level_average {
      color: #FF8E44;
    }

  .parametric-group__level_elementary {
      color: #00BFB5;
    }


.job-page-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}

  .job-page-columns__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    margin-left: 30px;
    font-family: 'Rubik';
    font-style: normal;
    line-height: 18px;
    font-size: 12px;
    color: #2D2E30
  }

  .job-page-columns__column:first-child {
      margin-left: 0;
    }

  .job-page-columns__name,
  .job-page-columns__value {
    margin-bottom: 15px;
    line-height: 21px;
  }

  .job-page-columns__name {
    font-weight: 600;
  }

  .job-page-columns__value {
    font-size: 14px;
    font-weight: normal;
  }


.jop-page-map__title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    font-size: 20px;
    color: #8D8D8D;
    margin-bottom: 20px;
  }
  .jop-page-map__map-place {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    margin-left: 30px;
    color: #8D8D8D;
  }
  .jop-page-map__place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    margin-bottom: 15px;
  }


.job-page-details {
  margin-bottom: 50px;
}

  .job-page-details__property {
    margin-top: 45px;
    margin-bottom: 35px;
  }

  .job-page-details__public-time {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    font-size: 14px;
    margin-bottom: 30px;
    color: #8D8D8D;
  }

  .job-page-details__description {
    font-family: 'Rubik';
    font-style: normal;
    word-break: break-all;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    color: #2d2e30;
    opacity: 0.8;
    margin-bottom: 50px;
  }

  .job-page-details__ymap {
    margin-bottom: 30px;
  }

  .job-page-details__response-button {
    margin-bottom: 50px;
  }

  .job-page-details__response-button .button {
      padding: 14px 82px;
    }


.organization-info {
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.137172);
          box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.137172);
  border-radius: 12px;
  margin-bottom: 55px;
  padding: 25px 15px 20px 20px;
}

  .organization-info__title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 22px;
    color: #0487E2;
    word-wrap: break-word;
    word-break: break-word;
  }

  .organization-info__desc {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    color: #2D2E30;
    word-break: break-word;
  }

  .organization-info__addresses {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 16px;
    color: #545659;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .organization-info__address {
    width: 100%;
    margin-bottom: 20px;
  }

  .organization-info__address-icon {
    margin-right: 20px;
    min-width: 18px;
  }

  .organization-info__site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .organization-info__site-href {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 16px;
    text-decoration: none;
    color: #0487E2;
    word-break: break-all;
  }


.professions-blocks {
  margin-bottom: 50px;
}

  .professions-blocks__title {
    margin-bottom: 20px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    color: #2d2e30;
    line-height: 30px;
    font-size: 20px;
  }

  .professions-blocks__item {
    display: inline-block;
    border-radius: 16px;
    line-height: 32px;
    margin-right: 16px;
    margin-bottom: 13px;
    padding: 0 20px;
    font-size: 13px;
    text-decoration: none;
    color: #4A4A4A;
    background: rgba(98, 78, 255, 0.1);
    mix-blend-mode: normal;
  }


.side-info {
  margin: 45px 0 50px;
  padding: 20px;
  background: #EDEFF3;
  border-radius: 10px;
}

  .side-info__public-time {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    font-size: 14px;
    margin-bottom: 25px;
    color: #8D8D8D;
  }

  .side-info__response-button {
    margin-bottom: 30px;
  }
@media (min-width: 1200px) {
  .side-info {
    margin-right: 50px;
  }
}

.info-blocks-wrapper {
  margin-right: -30px;
  margin-bottom: -20px;
}


.info-blocks-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin-bottom: 40px;
}

  .info-blocks-columns__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    margin-left: 45px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #2B2B31;
    mix-blend-mode: normal
  }

  .info-blocks-columns__column:first-child {
      margin-left: 0;
    }

  .info-blocks-columns__name,
  .info-blocks-columns__value {
    margin-bottom: 18px;
    line-height: normal;
  }

  .info-blocks-columns__name {
    opacity: 0.5;
  }

  .info-blocks-columns__value {
    font-size: 14px;
  }


.response-form__title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 32px;
    margin-bottom: 30px;
    color: #2d2e30;
  }
  .response-form__button-cancel {
    border: 2px solid #624eff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 25px;
    background: #fff;
    margin-left: 20px;
    color: #624eff;
  }

.modal-form__info {
    margin-bottom: 30px;
  }
  .modal-form__row + .modal-form__row {
      margin-top: 15px;
    }
  .modal-form__half-field {
    display: inline-block;
    vertical-align: top;
    width: 48%;
  }
  .modal-form__half-field + .modal-form__half-field {
      margin-left: 4%;
    }
  .modal-form__buttons {
    margin-top: 30px;
  }


.job-page {
  font-family: 'Rubik';
}

  .job-page .load-more__buttons {
    margin-top: 20px;
  }

  .job-page .load-more__buttons .button {
      width: auto;
      display: block;
      border: 0;
      border-radius: 10px;
      outline: none;
      font-size: 11px;
      padding: 4px 12px;
      cursor: pointer;
      min-height: 40px;
    }


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.jobs {
  font-family: 'Rubik';
}
.jobs .program-page__programs-container {
    margin-bottom: 30px;
  }


.main-programs-organization {
  -webkit-box-shadow: 0 10px 32px rgba(0, 0, 0, 0.1372);
          box-shadow: 0 10px 32px rgba(0, 0, 0, 0.1372);
  border-radius: 12px;
  overflow: hidden;
  font-weight: 600;
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2d2e30;
}

  .main-programs-organization__icon {
    width: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 20px;
  }

  .main-programs-organization__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .main-programs-organization__title {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 15px;
  }

  .main-programs-organization__number {
    font-size: 20px;
    line-height: 30px;
    color: #4A4A4A;
  }

  .main-programs-organization + .main-programs-organization {
    margin-top: 10px;
  }


.main-programs-block {
  margin-top: 50px;
  margin-bottom: 90px;
}


.main-programs-profile {
  display: block;
  line-height: 20px;
  font-size: 16px;
  text-decoration: none;
  color: #0487E2;
}

  .main-programs-profile__subjects {
    line-height: 20px;
    font-size: 14px;
    margin-top: 15px;
    color: #4A4A4A;
  }

  .main-programs-profile + .main-programs-profile {
    margin-top: 25px;
  }


.main-programs {
  font-family: 'Rubik';
  padding: 60px 0;
  background-color: #fff;
}

  .main-programs__title {
    line-height: 57px;
    margin-bottom: 52px;
    font-weight: 600;
    font-size: 42px;
    color: #2e2f30;
  }

  .main-programs__subtitle {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    font-size: 20px;
    color: #4A4A4A;
    margin-bottom: 20px;
  }

  .main-programs__separator {
    color: #4A4A4A;
    margin-bottom: 20px;
    border-top: 1px solid #e0e0e0;
    padding-top: 25px;
  }

.list-card{
    position: relative;
    background-color: #fff;
    font-family: 'Rubik';
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.list-card__image-link{
    color: #36b1ed;
    text-decoration: none;
}

.list-card__image{
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: middle;
}

.list-card__content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 25px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.program-page-header__title {
    margin-bottom: 10px;
  }
.program-page-header__icons {
    margin-top: 50px;
  }
.program-page-header__gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7a69ff), to(#ebeaf9));
    background-image: linear-gradient(to bottom, #7a69ff, #ebeaf9);
  }
@media (max-width: 1260px) {
    .program-page-header__title {
      max-width: 80%;
    }
}


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.program-page {
  font-family: 'Rubik';
}
.program-page__header {
    font-weight: bold;
    color: #2e2f30;
    font-size: 40px;
    line-height: 47px;
  }
.program-page__description {
    padding: 40px 0;
    line-height: 24px;
  }
.program-page__organization-block {
    margin-top: 20px;
  }
.program-page__check-yourself {
    margin-top: 20px;
  }
.program-page__subjects,
  .program-page__tags {
    margin-top: 40px;
  }


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.program-page-header__title {
    margin-bottom: 10px;
  }
.program-page-header__icons {
    margin-top: 50px;
  }
.program-page-header__gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7a69ff), to(#ebeaf9));
    background-image: linear-gradient(to bottom, #7a69ff, #ebeaf9);
  }
@media (max-width: 1260px) {
    .program-page-header__title {
      max-width: 80%;
    }
}


.program-page-ymap__district,
  .program-page-ymap__address {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    padding: 0 10px;
  }
  .program-page-ymap__district {
    border-right: 1px solid #d8d8e2;
    padding-left: 0;
  }
  .program-page-ymap__header {
    margin-top: 20px;
  }
  .program-page-ymap__content {
    margin-top: 15px;
  }


:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.program-page {
  font-family: 'Rubik';
}
.program-page__header {
    font-weight: bold;
    color: #2e2f30;
    font-size: 40px;
    line-height: 47px;
  }
.program-page__description {
    padding: 40px 0;
    line-height: 24px;
  }
.program-page__organization-block {
    margin-top: 20px;
  }
.program-page__check-yourself {
    margin-top: 20px;
  }
.program-page__subjects,
  .program-page__tags {
    margin-top: 40px;
  }

body>.pnotify.pnotify-positioned{position:fixed;z-index:100040}body>.pnotify.pnotify-modal{z-index:100042}.pnotify{height:auto;display:none;transition:opacity .1s linear;opacity:0}.pnotify.pnotify-positioned{position:absolute;z-index:1}.pnotify.pnotify-modal{z-index:3}.pnotify.pnotify-in{display:block;opacity:1}.pnotify.pnotify-initial{display:block}.pnotify-hidden{visibility:hidden}.pnotify.pnotify-move{transition:left .4s ease,top .4s ease,right .4s ease,bottom .4s ease}.pnotify.pnotify-fade-slow{transition:opacity .4s linear;opacity:0}.pnotify.pnotify-fade-slow.pnotify.pnotify-move{transition:opacity .4s linear,left .4s ease,top .4s ease,right .4s ease,bottom .4s ease}.pnotify.pnotify-fade-normal{transition:opacity .25s linear;opacity:0}.pnotify.pnotify-fade-normal.pnotify.pnotify-move{transition:opacity .25s linear,left .4s ease,top .4s ease,right .4s ease,bottom .4s ease}.pnotify.pnotify-fade-fast{transition:opacity .1s linear;opacity:0}.pnotify.pnotify-fade-fast.pnotify.pnotify-move{transition:opacity .1s linear,left .4s ease,top .4s ease,right .4s ease,bottom .4s ease}.pnotify.pnotify-masking{display:block;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 30px,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 30px,transparent)}.pnotify.pnotify-masking.pnotify-stack-up{-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,.8),transparent 30px,transparent);mask-image:linear-gradient(0deg,rgba(0,0,0,.8),transparent 30px,transparent)}.pnotify.pnotify-masking.pnotify-stack-left{-webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,.8),transparent 30px,transparent);mask-image:linear-gradient(270deg,rgba(0,0,0,.8),transparent 30px,transparent)}.pnotify.pnotify-masking.pnotify-stack-right{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent 30px,transparent);mask-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent 30px,transparent)}.pnotify.pnotify-fade-in,.pnotify.pnotify-masking-in{opacity:1}.pnotify .pnotify-shadow{-webkit-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);-moz-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);box-shadow:0 6px 28px 0 rgba(0,0,0,.1)}.pnotify-container{position:relative;background-position:0 0;padding:.8em;height:100%;margin:0}.pnotify-container:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.pnotify-closer,.pnotify-sticker{float:right;margin-left:.5em;cursor:pointer}[dir=rtl] .pnotify-closer,[dir=rtl] .pnotify-sticker{float:left;margin-right:.5em;margin-left:0}.pnotify-title{display:block;white-space:pre-line;margin-bottom:.4em;margin-top:0}.pnotify-text-with-max-height{overflow-y:auto;overscroll-behavior:contain;padding-bottom:.03em}.pnotify.pnotify-with-icon .pnotify-content{margin-left:24px}[dir=rtl] .pnotify.pnotify-with-icon .pnotify-content{margin-right:24px;margin-left:0}.pnotify-pre-line{white-space:pre-line}.pnotify-icon,.pnotify-icon span{display:block;float:left}[dir=rtl] .pnotify-icon,[dir=rtl] .pnotify-icon span{float:right}.pnotify-modal-overlay{background-color:rgba(0,0,0,.6);top:0;left:0;position:absolute;height:100%;width:100%;z-index:2;transition:opacity .25s linear;opacity:0;padding:0;display:flex;justify-content:center;align-items:flex-end}.pnotify-modal-overlay-up{align-items:flex-start}.pnotify-modal-overlay-left{justify-content:flex-start;align-items:center}.pnotify-modal-overlay-right{justify-content:flex-end;align-items:center}.pnotify-modal-overlay.pnotify-modal-overlay-in{opacity:1}.pnotify-modal-overlay-closes:after{content:"×";font-family:Arial;font-size:3rem;color:#fff;text-shadow:0 0 .4rem #fff}body>.pnotify-modal-overlay{position:fixed;z-index:100041}
[data-pnotify].brighttheme-elem{border-radius:0}[data-pnotify].brighttheme-elem,[data-pnotify].brighttheme-elem.pnotify-mode-light{--notice-background-color:#ffffa2;--notice-border-color:#ff0;--notice-text-color:#4f4f00;--notice-icon-filter:invert(25%) sepia(12%) saturate(7007%) hue-rotate(38deg) brightness(99%) contrast(101%);--info-background-color:#8fcedd;--info-border-color:#0286a5;--info-text-color:#012831;--info-icon-filter:invert(11%) sepia(37%) saturate(1946%) hue-rotate(155deg) brightness(95%) contrast(99%);--success-background-color:#aff29a;--success-border-color:#35db00;--success-text-color:#104300;--success-icon-filter:invert(17%) sepia(94%) saturate(1055%) hue-rotate(70deg) brightness(90%) contrast(103%);--error-background-color:#ffaba2;--error-border-color:#ff1800;--error-text-color:#4f0800;--error-icon-filter:invert(9%) sepia(27%) saturate(7347%) hue-rotate(359deg) brightness(96%) contrast(108%)}@media (prefers-color-scheme:dark){[data-pnotify].brighttheme-elem.pnotify-mode-no-preference{--notice-background-color:#4f4f00;--notice-border-color:#282814;--notice-text-color:#ffffa2;--notice-icon-filter:invert(92%) sepia(18%) saturate(781%) hue-rotate(6deg) brightness(106%) contrast(107%);--info-background-color:#012831;--info-border-color:#0c1618;--info-text-color:#8fcedd;--info-icon-filter:invert(85%) sepia(14%) saturate(933%) hue-rotate(153deg) brightness(92%) contrast(87%);--success-background-color:#104300;--success-border-color:#152111;--success-text-color:#aff29a;--success-icon-filter:invert(90%) sepia(9%) saturate(1647%) hue-rotate(52deg) brightness(103%) contrast(90%);--error-background-color:#4f0800;--error-border-color:#281614;--error-text-color:#ffaba2;--error-icon-filter:invert(70%) sepia(24%) saturate(717%) hue-rotate(315deg) brightness(103%) contrast(104%)}}[data-pnotify].brighttheme-elem.pnotify-mode-dark{--notice-background-color:#4f4f00;--notice-border-color:#282814;--notice-text-color:#ffffa2;--notice-icon-filter:invert(92%) sepia(18%) saturate(781%) hue-rotate(6deg) brightness(106%) contrast(107%);--info-background-color:#012831;--info-border-color:#0c1618;--info-text-color:#8fcedd;--info-icon-filter:invert(85%) sepia(14%) saturate(933%) hue-rotate(153deg) brightness(92%) contrast(87%);--success-background-color:#104300;--success-border-color:#152111;--success-text-color:#aff29a;--success-icon-filter:invert(90%) sepia(9%) saturate(1647%) hue-rotate(52deg) brightness(103%) contrast(90%);--error-background-color:#4f0800;--error-border-color:#281614;--error-text-color:#ffaba2;--error-icon-filter:invert(70%) sepia(24%) saturate(717%) hue-rotate(315deg) brightness(103%) contrast(104%)}[data-pnotify] .brighttheme-notice{--brighttheme-background-color:var(--notice-background-color);--brighttheme-border-color:var(--notice-border-color);--brighttheme-text-color:var(--notice-text-color);--brighttheme-icon-filter:var(--notice-icon-filter);--brighttheme-primary-button-background-color:var(--notice-border-color);--brighttheme-primary-button-text-color:var(--notice-text-color)}[data-pnotify] .brighttheme-info{--brighttheme-background-color:var(--info-background-color);--brighttheme-border-color:var(--info-border-color);--brighttheme-text-color:var(--info-text-color);--brighttheme-icon-filter:var(--info-icon-filter);--brighttheme-primary-button-background-color:var(--info-border-color);--brighttheme-primary-button-text-color:var(--info-text-color)}[data-pnotify] .brighttheme-success{--brighttheme-background-color:var(--success-background-color);--brighttheme-border-color:var(--success-border-color);--brighttheme-text-color:var(--success-text-color);--brighttheme-icon-filter:var(--success-icon-filter);--brighttheme-primary-button-background-color:var(--success-border-color);--brighttheme-primary-button-text-color:var(--success-text-color)}[data-pnotify] .brighttheme-error{--brighttheme-background-color:var(--error-background-color);--brighttheme-border-color:var(--error-border-color);--brighttheme-text-color:var(--error-text-color);--brighttheme-icon-filter:var(--error-icon-filter);--brighttheme-primary-button-background-color:var(--error-border-color);--brighttheme-primary-button-text-color:var(--error-text-color)}[data-pnotify] .brighttheme-container{padding:1.3rem;background-color:var(--brighttheme-background-color);border:0 solid var(--brighttheme-border-color);color:var(--brighttheme-text-color)}[data-pnotify] .brighttheme-error{background-image:repeating-linear-gradient(135deg,transparent,transparent 35px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 70px)}[data-pnotify].pnotify-with-icon .brighttheme-content{margin-left:calc(1.3rem + 16px)}[dir=rtl] [data-pnotify].pnotify-with-icon .brighttheme-content{margin-right:calc(1.3rem + 16px);margin-left:0}[data-pnotify] .brighttheme-title{font-size:1.2rem;line-height:1.4rem;margin-top:-.1rem;margin-bottom:0}[data-pnotify] .brighttheme-text{font-size:1rem;line-height:1.2rem;margin-top:0}[data-pnotify] .brighttheme-confirm,[data-pnotify] .brighttheme-title+.brighttheme-text{margin-top:1rem}[data-pnotify] .brighttheme-closer,[data-pnotify] .brighttheme-icon,[data-pnotify] .brighttheme-sticker{display:flex;justify-content:center;align-items:center}[data-pnotify] .brighttheme-icon,[data-pnotify] .brighttheme-icon>span,[data-pnotify] .brighttheme-icon>span:after{width:1.2rem;height:1.2rem;line-height:1.2rem}[data-pnotify] .brighttheme-icon-closer,[data-pnotify] .brighttheme-icon-closer:after,[data-pnotify] .brighttheme-icon-sticker,[data-pnotify] .brighttheme-icon-sticker:after{width:1rem;height:1rem;line-height:1rem}[data-pnotify] .brighttheme-icon-notice:after{filter:var(--brighttheme-icon-filter);content:url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMsMTNIMTFWN0gxM00xMywxN0gxMVYxNUgxM00xMiwyQTEwLDEwIDAgMCwwIDIsMTJBMTAsMTAgMCAwLDAgMTIsMjJBMTAsMTAgMCAwLDAgMjIsMTJBMTAsMTAgMCAwLDAgMTIsMloiLz48L3N2Zz4=)}[data-pnotify] .brighttheme-icon-info:after{filter:var(--brighttheme-icon-filter);content:url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMsOUgxMVY3SDEzTTEzLDE3SDExVjExSDEzTTEyLDJBMTAsMTAgMCAwLDAgMiwxMkExMCwxMCAwIDAsMCAxMiwyMkExMCwxMCAwIDAsMCAyMiwxMkExMCwxMCAwIDAsMCAxMiwyWiIvPjwvc3ZnPg==)}[data-pnotify] .brighttheme-icon-success:after{filter:var(--brighttheme-icon-filter);content:url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMkM2LjUgMiAyIDYuNSAyIDEyUzYuNSAyMiAxMiAyMiAyMiAxNy41IDIyIDEyIDE3LjUgMiAxMiAyTTEwIDE3TDUgMTJMNi40MSAxMC41OUwxMCAxNC4xN0wxNy41OSA2LjU4TDE5IDhMMTAgMTdaIi8+PC9zdmc+)}[data-pnotify] .brighttheme-icon-error:after{filter:var(--brighttheme-icon-filter);content:url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMsMTRIMTFWMTBIMTNNMTMsMThIMTFWMTZIMTNNMSwyMUgyM0wxMiwyTDEsMjFaIi8+PC9zdmc+)}[data-pnotify] .brighttheme-icon-closer:after{filter:var(--brighttheme-icon-filter);content:url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTksNi40MUwxNy41OSw1TDEyLDEwLjU5TDYuNDEsNUw1LDYuNDFMMTAuNTksMTJMNSwxNy41OUw2LjQxLDE5TDEyLDEzLjQxTDE3LjU5LDE5TDE5LDE3LjU5TDEzLjQxLDEyTDE5LDYuNDFaIi8+PC9zdmc+)}[data-pnotify] .brighttheme-icon-sticker:after{filter:var(--brighttheme-icon-filter);content:url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYsMTJWNEgxN1YySDdWNEg4VjEyTDYsMTRWMTZIMTEuMlYyMkgxMi44VjE2SDE4VjE0TDE2LDEyWiIvPjwvc3ZnPg==)}[data-pnotify] .brighttheme-icon-sticker.brighttheme-icon-stuck:after{filter:var(--brighttheme-icon-filter);content:url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiw1LjI3TDMuMjgsNEwyMCwyMC43MkwxOC43MywyMkwxMi44LDE2LjA3VjIySDExLjJWMTZINlYxNEw4LDEyVjExLjI3TDIsNS4yN00xNiwxMkwxOCwxNFYxNkgxNy44Mkw4LDYuMThWNEg3VjJIMTdWNEgxNlYxMloiLz48L3N2Zz4=)}[data-pnotify] .brighttheme-prompt-bar{margin-bottom:1rem}[data-pnotify] .brighttheme-action-bar,[data-pnotify] .brighttheme-prompt-bar{width:100%;box-sizing:border-box}[data-pnotify] .brighttheme-btn{text-transform:uppercase;font-weight:700;padding:.4rem 1rem;border:none;background:transparent;cursor:pointer;color:var(--brighttheme-text-color)}[data-pnotify] .brighttheme-btn-primary{background-color:var(--brighttheme-primary-button-background-color);color:var(--brighttheme-primary-button-text-color)}[data-pnotify] .brighttheme-countdown{background-color:var(--brighttheme-background-color)}[data-pnotify] .brighttheme-countdown-bar{background-color:var(--brighttheme-border-color)}[data-pnotify] .brighttheme-paginate{display:inline-flex;flex-direction:column}[data-pnotify] .brighttheme-paginate-btn{width:1em;height:1em;line-height:.5em;border:0;padding:0;background:transparent}[data-pnotify] .brighttheme-paginate-previous{margin-right:0}[data-pnotify] .brighttheme-paginate-next{margin-left:0}[data-pnotify] .brighttheme-paginate-btn:disabled:after,[data-pnotify] .brighttheme-paginate-btn[aria-disabled=true]:after{opacity:.5}[data-pnotify] .brighttheme-paginate-previous:after{filter:var(--brighttheme-icon-filter);content:url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMS42NyAzLjg3TDkuOSAyLjEgMCAxMmw5LjkgOS45IDEuNzctMS43N0wzLjU0IDEyeiIvPjwvc3ZnPg==)}[data-pnotify] .brighttheme-paginate-next:after{filter:var(--brighttheme-icon-filter);content:url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik01Ljg4IDQuMTJMMTMuNzYgMTJsLTcuODggNy44OEw4IDIybDEwLTEwTDggMnoiLz48L3N2Zz4=)}[data-pnotify] .brighttheme-paginate-count-of{opacity:.8}
[data-pnotify].material-elem,[data-pnotify].material-elem.pnotify-mode-light{--notice-background-color:#fff59d;--notice-text-color:#000;--info-background-color:#9dfff5;--info-text-color:#000;--success-background-color:#a7ff9d;--success-text-color:#000;--error-background-color:#ffc49d;--error-text-color:#000;--primary-button-text-color:#3f51b5;--primary-button-text-focus-color:#303f9f;--input-focus-underline-color:#3f51b5;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:14px}@media (prefers-color-scheme:dark){[data-pnotify].material-elem.pnotify-mode-no-preference{--notice-background-color:#ff8f00;--notice-text-color:#fff;--info-background-color:#006eff;--info-text-color:#fff;--success-background-color:#00c000;--success-text-color:#fff;--error-background-color:#f10;--error-text-color:#fff;--primary-button-text-color:#e1f5fe;--primary-button-text-focus-color:#e0f7fa;--input-focus-underline-color:#e1f5fe}}[data-pnotify].material-elem.pnotify-mode-dark{--notice-background-color:#ff8f00;--notice-text-color:#fff;--info-background-color:#006eff;--info-text-color:#fff;--success-background-color:#00c000;--success-text-color:#fff;--error-background-color:#f10;--error-text-color:#fff;--primary-button-text-color:#e1f5fe;--primary-button-text-focus-color:#e0f7fa;--input-focus-underline-color:#e1f5fe}[data-pnotify] .material-notice{--material-background-color:var(--notice-background-color);--material-text-color:var(--notice-text-color)}[data-pnotify] .material-info{--material-background-color:var(--info-background-color);--material-text-color:var(--info-text-color)}[data-pnotify] .material-success{--material-background-color:var(--success-background-color);--material-text-color:var(--success-text-color)}[data-pnotify] .material-error{--material-background-color:var(--error-background-color);--material-text-color:var(--error-text-color)}[data-pnotify].material-elem.pnotify-shadow{-webkit-box-shadow:0 6px 24px 0 rgba(0,0,0,.2);-moz-box-shadow:0 6px 24px 0 rgba(0,0,0,.2);box-shadow:0 6px 24px 0 rgba(0,0,0,.2)}[data-pnotify] .material-container{padding:24px;background-color:var(--material-background-color);border:none;color:var(--material-text-color)}[data-pnotify] .material-title{font-family:Roboto,sans-serif;font-weight:500;font-size:20px;letter-spacing:.15px;margin-bottom:20px;line-height:24px}[data-pnotify] .material-title:last-child{margin-bottom:0}[data-pnotify] .material-text{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;letter-spacing:.5px;line-height:24px}[data-pnotify].pnotify-with-icon .material-content{margin-left:32px}[dir=rtl] [data-pnotify].pnotify-with-icon .material-content{margin-right:32px;margin-left:0}[data-pnotify] .material-closer,[data-pnotify] .material-icon,[data-pnotify] .material-icon-closer:after,[data-pnotify] .material-icon-sticker:after,[data-pnotify] .material-icon>span:after,[data-pnotify] .material-sticker{font-family:Material Icons;height:20px;width:20px;font-size:20px;line-height:24px;position:relative}[data-pnotify] .material-action-bar{margin-top:20px;margin-right:-16px;margin-bottom:-16px}[dir=rtl] [data-pnotify] .material-action-bar{margin-left:-16px;margin-right:0}[data-pnotify] .material-icon-notice:after{content:"priority_high"}[data-pnotify] .material-icon-info:after{content:"info"}[data-pnotify] .material-icon-success:after{content:"done"}[data-pnotify] .material-icon-error:after{content:"error"}[data-pnotify] .material-icon-closer:after{content:"close"}[data-pnotify] .material-icon-unstuck:after{content:"pause"}[data-pnotify] .material-icon-stuck:after{content:"play_arrow"}[data-pnotify] .material-input{display:block;width:100%;margin-bottom:8px;padding:15px 0 8px;background-color:transparent;color:inherit;border-radius:0;border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-bottom-color:inherit;border-bottom-width:1px}[data-pnotify] .material-input:focus{outline:none;border-bottom-color:var(--input-focus-underline-color);border-bottom-width:2px}[data-pnotify] .material-btn{position:relative;padding:0 16px;overflow:hidden;border-width:0;outline:none;border-radius:2px;background-color:transparent;color:inherit;transition:background-color .3s;font-family:Roboto,sans-serif;font-weight:500;font-size:14px;letter-spacing:1.25px;text-transform:uppercase;height:36px;margin:6px;min-width:64px}[data-pnotify] .material-btn.material-btn-primary{color:var(--primary-button-text-color)}[data-pnotify] .material-btn:focus,[data-pnotify] .material-btn:hover{background-color:rgba(0,0,0,.12);color:inherit}[data-pnotify] .material-btn.material-btn-primary:focus,[data-pnotify] .material-btn.material-btn-primary:hover{color:var(--primary-button-text-focus-color)}[data-pnotify] .material-btn:before{content:"";position:absolute;top:50%;left:50%;display:block;width:0;padding-top:0;border-radius:100%;background-color:hsla(0,0%,60%,.4);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[data-pnotify] .material-btn:active:before{width:120%;padding-top:120%;transition:width .2s ease-out,padding-top .2s ease-out}[data-pnotify] .material-countdown{background-color:var(--material-background-color)}[data-pnotify] .material-countdown-bar{background-color:var(--material-text-color)}[data-pnotify] .material-paginate{display:inline-flex;flex-direction:column}[data-pnotify] .material-paginate-buttons{margin-right:6px}[data-pnotify] .material-paginate-btn{margin:0 0 0 6px;border:0;padding:0}[data-pnotify] .material-paginate-btn,[data-pnotify] .material-paginate-btn:after{display:inline-block;font-family:Material Icons;height:20px;width:20px;font-size:20px;line-height:24px;position:relative}[data-pnotify] .material-paginate-btn:disabled:after,[data-pnotify] .material-paginate-btn[aria-disabled=true]:after{opacity:.5}[data-pnotify] .material-paginate-previous:after{content:"arrow_back"}[data-pnotify] .material-paginate-next:after{content:"arrow_forward"}[data-pnotify] .material-paginate-count{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;letter-spacing:.25px}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/dist/18ffcf226304def99bcc.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/dist/68e764f9c88a38b85eb9.woff2) format('woff2'),
       url(/dist/a4c0412141bf55820e48.woff) format('woff'),
       url(/dist/6779da6e004a8de33747.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* PNotify confirm buttons fix */
[data-pnotify] .material-action-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: 'Helvetica-Neue';
  src:
  	url(/dist/35d35c5f6e0af64471a3.woff2) format('woff2'),
  	url(/dist/d7ea3df256bbbd2a56ca.woff) format('woff'),
  	url(/dist/ae25d872d0077e9e7776.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url(/dist/3b9176ca19c7d741b4b2.eot?v=1.1.0);
  src: url(/dist/3b9176ca19c7d741b4b2.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/dist/a1558c78c052e04debe8.woff?v=1.1.0) format("woff"), url(/dist/e520c64bdd4b9c75e7b9.ttf?v=1.1.0) format("truetype"), url(/dist/e9d88c8282b506047b6f.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 300;
  font-style: normal;
}
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url(/dist/95aa2ba9c4e71eddadf3.eot?v=1.1.0);
  src: url(/dist/95aa2ba9c4e71eddadf3.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/dist/4563e2bd84c022b7d506.woff?v=1.1.0) format("woff"), url(/dist/c20e6697795fcba8a894.ttf?v=1.1.0) format("truetype"), url(/dist/170c23701dc09ed4beaf.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 300;
  font-style: italic;
}
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url(/dist/c7ab50fc305803788bf0.eot?v=1.1.0);
  src: url(/dist/c7ab50fc305803788bf0.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/dist/930b76902f9b5691c515.woff?v=1.1.0) format("woff"), url(/dist/043110392e58e90c2a58.ttf?v=1.1.0) format("truetype"), url(/dist/a76b007d29f5b5e92ca4.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url(/dist/be5f2dee8f9065546dd0.eot?v=1.1.0);
  src: url(/dist/be5f2dee8f9065546dd0.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/dist/24db77066940240e8858.woff?v=1.1.0) format("woff"), url(/dist/9752b23993b1b33fda3c.ttf?v=1.1.0) format("truetype"), url(/dist/0d11cf35662510667ca4.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: normal;
  font-style: italic;
}
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url(/dist/eccf85da55a75db5e004.eot?v=1.1.0);
  src: url(/dist/eccf85da55a75db5e004.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/dist/ef15859e665dacbc129f.woff?v=1.1.0) format("woff"), url(/dist/81e4c13a5ad9c67429be.ttf?v=1.1.0) format("truetype"), url(/dist/1583c31a5e4bd1689822.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 600;
  font-style: normal;
}
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url(/dist/687dde0fa18c751d2b3c.eot?v=1.1.0);
  src: url(/dist/687dde0fa18c751d2b3c.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/dist/21db186879cdc5e62ae7.woff?v=1.1.0) format("woff"), url(/dist/f222153d32a67944fe1c.ttf?v=1.1.0) format("truetype"), url(/dist/a5e05c702d46ea8eb0a2.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 600;
  font-style: italic;
}
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url(/dist/270410d69d1b90a2f033.eot?v=1.1.0);
  src: url(/dist/270410d69d1b90a2f033.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/dist/9f151b604c0014932e72.woff?v=1.1.0) format("woff"), url(/dist/c3a1ab736c257297a2ba.ttf?v=1.1.0) format("truetype"), url(/dist/2c2eb01742e1cac5d09e.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: bold;
  font-style: normal;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url(/dist/d6410e52a74429c85981.eot?v=1.1.0);
  src: url(/dist/d6410e52a74429c85981.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/dist/2c6bda775885343c3ba6.woff?v=1.1.0) format("woff"), url(/dist/a940b347bffed83ab71c.ttf?v=1.1.0) format("truetype"), url(/dist/f0bb677b655274c6f42f.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: bold;
  font-style: italic;
}
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url(/dist/d615dcace0207232a781.eot?v=1.1.0);
  src: url(/dist/d615dcace0207232a781.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/dist/a9cf2577c07369ebfdf0.woff?v=1.1.0) format("woff"), url(/dist/be0117610cda7a8cceb4.ttf?v=1.1.0) format("truetype"), url(/dist/8d0406b7b89121f9918d.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 800;
  font-style: normal;
}
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url(/dist/cab87f56fd1117c9569b.eot?v=1.1.0);
  src: url(/dist/cab87f56fd1117c9569b.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/dist/d3178301f24ddc2ceaea.woff?v=1.1.0) format("woff"), url(/dist/fc4a5d6d98a9afa91e68.ttf?v=1.1.0) format("truetype"), url(/dist/e8cb8d4ab075f4767032.svg?v=1.1.0#OpenSansBold) format("svg");
  font-weight: 800;
  font-style: italic;
}
/* END Extrabold Italic */

@font-face {
    font-family: 'Roboto';
    src: url(/dist/5845b88ca651b7a71fa3.woff2) format('woff2'), url(/dist/f964aa4e1f4c693996ee.woff) format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url(/dist/5845b88ca651b7a71fa3.woff2) format('woff2'), url(/dist/f964aa4e1f4c693996ee.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/0dea76e7ea152f56c19a.woff2) format('woff2'), url(/dist/c9d29f15a8640e94e788.woff) format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url(/dist/0dea76e7ea152f56c19a.woff2) format('woff2'), url(/dist/c9d29f15a8640e94e788.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/fae93b95274a3bf3ed57.woff2) format('woff2'), url(/dist/99783597b4ae5896571d.woff) format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url(/dist/fae93b95274a3bf3ed57.woff2) format('woff2'), url(/dist/99783597b4ae5896571d.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/a477486ae6d09d612a55.woff2) format('woff2'), url(/dist/c92b2313ef2b0a52fa72.woff) format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url(/dist/a477486ae6d09d612a55.woff2) format('woff2'), url(/dist/c92b2313ef2b0a52fa72.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/60da0f8385fc9ec4ce8f.woff2) format('woff2'), url(/dist/65b45b23a8db7cd032ff.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url(/dist/60da0f8385fc9ec4ce8f.woff2) format('woff2'), url(/dist/65b45b23a8db7cd032ff.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/3549ec916a23cc902ba7.woff2) format('woff2'), url(/dist/cca193cf1662a64cc433.woff) format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-RegularItalic';
    src: url(/dist/3549ec916a23cc902ba7.woff2) format('woff2'), url(/dist/cca193cf1662a64cc433.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/ae6920501f167946c691.woff2) format('woff2'), url(/dist/e7ccb33259b920bfd80a.woff) format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url(/dist/ae6920501f167946c691.woff2) format('woff2'), url(/dist/e7ccb33259b920bfd80a.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/be9d790603df381b001e.woff2) format('woff2'), url(/dist/5928c0e5ad30a880a5af.woff) format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url(/dist/be9d790603df381b001e.woff2) format('woff2'), url(/dist/5928c0e5ad30a880a5af.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/4cb9af2a8d7693d7e7dd.woff2) format('woff2'), url(/dist/4577fda31a72fe9da7da.woff) format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url(/dist/4cb9af2a8d7693d7e7dd.woff2) format('woff2'), url(/dist/4577fda31a72fe9da7da.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/492d3dbb70be90ec990b.woff2) format('woff2'), url(/dist/e8b113a2d177c4ae2960.woff) format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url(/dist/492d3dbb70be90ec990b.woff2) format('woff2'), url(/dist/e8b113a2d177c4ae2960.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/abafa00255809eba759d.woff2) format('woff2'), url(/dist/47f71efdc5521e96cf97.woff) format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url(/dist/abafa00255809eba759d.woff2) format('woff2'), url(/dist/47f71efdc5521e96cf97.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url(/dist/d9f08a37c260a30829e6.woff2) format('woff2'), url(/dist/9bdf8e7a0f4431ecac6a.woff) format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url(/dist/d9f08a37c260a30829e6.woff2) format('woff2'), url(/dist/9bdf8e7a0f4431ecac6a.woff) format('woff');
}

/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */

.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   */
  width: 100%;
  /*
   * This fixes a centering issue with CircularProgressbarWithChildren:
   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
   */
  vertical-align: middle;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease 0s;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}

/**
 * gemini-scrollbar
 * @version 1.5.3
 * @link http://noeldelgado.github.io/gemini-scrollbar/
 * @license MIT
 */

/* disable selection while dragging */
.gm-scrollbar-disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* fallback for native floating scrollbars */
.gm-prevented {
  -webkit-overflow-scrolling: touch;
}
.gm-prevented > .gm-scrollbar {
  display: none;
}

/* actual gemini-scrollbar styles */
.gm-scrollbar-container {
  position: relative;
  overflow: hidden!important;
  width: 100%;
  height: 100%;
}

.gm-scrollbar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 3px;
}

.gm-scrollbar.-vertical {
  width: 6px;
  top: 2px;
}

.gm-scrollbar.-horizontal {
  height: 6px;
  left: 2px;
}

.gm-scrollbar .thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(0,0,0,.2);
  transform: translate3d(0,0,0);
}

.gm-scrollbar .thumb:hover,
.gm-scrollbar .thumb:active {
  background-color: rgba(0,0,0,.3);
}

.gm-scrollbar.-vertical .thumb {
  width: 100%;
}

.gm-scrollbar.-horizontal .thumb {
  height: 100%;
}

.gm-scrollbar-container .gm-scroll-view {
  width: 100%;
  height: 100%;
  overflow: scroll;
  transform: translate3d(0,0,0);
  -webkit-overflow-scrolling: touch;
}

/* @option: autoshow */
.gm-scrollbar-container.gm-autoshow .gm-scrollbar {
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.gm-scrollbar-container.gm-autoshow:hover > .gm-scrollbar,
.gm-scrollbar-container.gm-autoshow:active > .gm-scrollbar,
.gm-scrollbar-container.gm-autoshow:focus > .gm-scrollbar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}

.gm-resize-trigger {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
  opacity: 0;
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'),
  url('/static/eiop/fonts/rubik/Rubik-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'),
  url('/static/eiop/fonts/rubik/Rubik-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('/static/eiop/fonts/rubik/Rubik-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'),
  url('/static/eiop/fonts/rubik/Rubik-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'),
  url('/static/eiop/fonts/rubik/Rubik-Black.ttf') format('truetype');
}
:root {
  /** Оттенки серого */
  --color-gray-1000: rgba(45, 46, 48);
  --color-gray-600: rgba(119, 119, 118);
  --color-gray-200: rgba(187, 187, 187);
  --color-gray-100: rgba(240, 240, 244);
  --color-gray-0: rgba(255, 255, 255);

  /** Оттенки синего */
  --color-blue-600: rgba(18, 138, 229);
  --color-blue-500: rgba(74, 144, 226);

  /** Оттенки оранжевого */
  --color-orange-500: rgba(250, 166, 47);
}
:root {
  --base__max_width: 1140px;
  --headerHeight: 108px;
  --footerHeight: 132px;
}
:root {
  --base__text-font-family: 'Rubik', Helvetica, sans-serif;
}
:root {
  --base__text_xl: var(--theme__font-size_xl) / var(--theme__line-height_xl)
    var(--base__text-font-family);
  --base__text_l: var(--theme__font-size_l) / var(--theme__line-height_l)
    var(--base__text-font-family);
  --base__text_m: var(--theme__font-size_m) / var(--theme__line-height_m)
    var(--base__text-font-family);
  --base__text_s: var(--theme__font-size_s) / var(--theme__line-height_s)
    var(--base__text-font-family);
}
:root {
  --theme__size-4xl: 42px;
  --theme__size-3xl: 32px;
  --theme__size-2xl: 24px;
  --theme__size-xl: 18px;
  --theme__size-l: 16px;
  --theme__size-m: 14px;
  --theme__size-s: 12px;

    /** Размеры шрифтов */
  --theme__font-size_4xl: var(--theme__size-4xl);
  --theme__font-size_3xl: var(--theme__size-3xl);
  --theme__font-size_2xl: var(--theme__size-2xl);
  --theme__font-size_xl: var(--theme__size-xl);
  --theme__font-size_l: var(--theme__size-l);
  --theme__font-size_m: var(--theme__size-m);
  --theme__font-size_s: var(--theme__size-s);

  /** Размеры интерлиньяжа */
  --theme__line-height_xl: var(--theme__size-2xl);
  --theme__line-height_l: var(--theme__size-xl);
  --theme__line-height_m: var(--theme__size-l);
  --theme__line-height_s: var(--theme__size-m);
}
.h1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 42px;
  line-height: 44px;
}
.h2 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
.h2_bold {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.h2_roboto {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.subhead {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.subhead2 {
  font-family: 'Rubik';
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.7px;
}
.button-text1 {
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.button-text2 {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.default-text {
  font-family: 'Rubik';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.caption {
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
}
.more-info-block {
  margin: 20px 0;
  padding: 33px;
  font-size: 16px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #edeff3;
}
.more-info-block__link {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
}
.esia-wrapper {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.bold {
  font-weight: 700;
}
.gray {
  color: #4e5056;
}
.ps {
  font-size: 13px;
  line-height: 130%;
  color: #000;
  opacity: 0.4;
}
.link-blue {
  color: #007bff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px;
}
.text-center {
  text-align: center;
}
.useful-title-content {
  font-weight: 600;
  margin: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.useful-text-content {
  margin: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-button-useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ol-list {
  list-style-type: disc;
}
.useful-table_list {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.useful-table_list > li {
  counter-increment: item;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
.useful-table_list > li:before {
  content: counters(item, '.') '. ';
  margin-right: 15px;
}
.attention {
  width: 62px;
  height: 55px;
  background: url(/static/eiop/icons/info/attention.svg) no-repeat;
  background-size: contain;
  margin-right: 30px;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1260px) {
  .hide-mobile {
    display: none;
  }
}


 .margin-sequence-top-10 + .margin-sequence-top-10 {
      margin-top: 10px;
    }

  .margin-top-10 {
    margin-top: 10px;
  }
 .margin-sequence-top-18 + .margin-sequence-top-18 {
      margin-top: 18px;
    }

  .margin-top-18 {
    margin-top: 18px;
  }
 .margin-sequence-top-22 + .margin-sequence-top-22 {
      margin-top: 22px;
    }

  .margin-top-22 {
    margin-top: 22px;
  }

.pull-left {
  float: left;
}

.pull-right {
  float: right
}

.text-middle {
  display: inline-block;
  vertical-align: middle;
}

.text-nowrap {
  white-space: nowrap;
}

.text-right {
  text-align: right;
}
.circle-image:after,
.dots-image::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    background-repeat: no-repeat;
}

.circle-image:after{
    background-image: url('/static/eiop/circle.svg');
    background-position: 100% 100%;
}

.dots-image::before{
    background-image: url('/static/eiop/dots.png');
    background-position: left center;
    left: 30px;
}