@charset "UTF-8";

/* BEGIN - Перенос меню вправо + см. внизу */

/* === Базовые стили для десктопной версии (сайдбар справа) === */
.sidebar2 {
    flex: 0 0 28rem;
    max-width: 28rem;
    padding: 2.4rem;
    background-color: #fff;
    
    /* Отменяем абсолютное позиционирование из инлайн-стилей HTML */
    position: relative !important; 
    left: auto !important;
    top: auto !important;
}

.page-title2 {
  color: #333;
  font-size: 18px;

}

/* Включаем липкое позиционирование ТОЛЬКО на больших экранах */
@media screen and (min-width: 1024px) {
    .sidebar2 {
        position: sticky !important;
        top: 2.4rem; /* Отступ от верхнего края viewport */
        align-self: flex-start;
    }
}

/* === Сетка страницы Анонсов === */
.container2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 102.4rem;
}

.row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-right: -1.6rem;
    margin-left: -1.6rem;
}

.container__content2 {
    flex: 0 0 calc(66.66666% - 3.2rem);
    max-width: calc(66.66666% - 3.2rem);
    padding: 0 1.6rem;
}

.sidebar2 {
    flex: 0 0 calc(33.33333% - 3.2rem);
    max-width: calc(33.33333% - 3.2rem);
    padding: 0 1.6rem;
}

/* --- МОБИЛЬНАЯ ВЕРСИЯ --- */
@media screen and (max-width: 1023px) {
    .container__content2,
    .sidebar2 {
        flex-basis: 100% !important;
        max-width: 100% !important;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    /* Критически важное правило: принудительно отключаем фиксацию */
    .sidebar2 {
        position: static !important; 
        top: auto !important;
        order: 1; /* Сначала контент, потом сайдбар */
        margin-top: 2.4rem;
    }

    .js-stick-to {
        position: static !important;
    }
}

/* END - Перенос меню вправо */

.wrapper {
  box-sizing: border-box;
  max-width: 102.4rem;
  margin: 0 auto
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem
}

.row {
  box-sizing: border-box;
  display: -moz-flex;
  display: flex;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -1.6rem;
  margin-left: -1.6rem
}

.row.reverse {
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.col.reverse {
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.col-xs {
  flex-basis: auto
}

.col-xs,
.col-xs-1 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.6rem;
  padding-left: 1.6rem
}

.col-xs-1 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%
}

.col-xs-2 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%
}

.col-xs-2,
.col-xs-3 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.6rem;
  padding-left: 1.6rem
}

.col-xs-3 {
  flex-basis: 50%;
  max-width: 50%
}

.col-xs-4 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%
}

.col-xs-4,
.col-xs-5 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.6rem;
  padding-left: 1.6rem
}

.col-xs-5 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%
}

.col-xs-6 {
  flex-basis: 100%;
  max-width: 100%
}

.col-xs-6,
.col-xs-offset-1 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.6rem;
  padding-left: 1.6rem
}

.col-xs-offset-1 {
  margin-left: 16.6666666667%
}

.col-xs-offset-2 {
  margin-left: 33.3333333333%
}

.col-xs-offset-2,
.col-xs-offset-3 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.6rem;
  padding-left: 1.6rem
}

.col-xs-offset-3 {
  margin-left: 50%
}

.col-xs-offset-4 {
  margin-left: 66.6666666667%
}

.col-xs-offset-4,
.col-xs-offset-5 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.6rem;
  padding-left: 1.6rem
}

.col-xs-offset-5 {
  margin-left: 83.3333333333%
}

.col-xs-offset-6 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  margin-left: 100%
}

.col-xs {
  -moz-flex-grow: 1;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%
}

.start-xs {
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  text-align: start
}

.center-xs {
  -moz-justify-content: center;
  justify-content: center;
  text-align: center
}

.end-xs {
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  text-align: end
}

.top-xs {
  -moz-align-items: flex-start;
  align-items: flex-start
}

.middle-xs {
  -moz-align-items: center;
  align-items: center
}

.bottom-xs {
  -moz-align-items: flex-end;
  align-items: flex-end
}

.around-xs {
  -moz-justify-content: space-around;
  justify-content: space-around
}

.between-xs {
  -moz-justify-content: space-between;
  justify-content: space-between
}

.first-xs {
  order: -1
}

.last-xs {
  order: 1
}

@media only screen and (min-width:360px) {
  .col-sm {
    flex-basis: auto
  }

  .col-sm,
  .col-sm-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-sm-1 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-2 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-sm-2,
  .col-sm-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-sm-3 {
    flex-basis: 50%;
    max-width: 50%
  }

  .col-sm-4 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-sm-4,
  .col-sm-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-sm-5 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-sm-6 {
    flex-basis: 100%;
    max-width: 100%
  }

  .col-sm-6,
  .col-sm-offset-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-sm-offset-1 {
    margin-left: 16.6666666667%
  }

  .col-sm-offset-2 {
    margin-left: 33.3333333333%
  }

  .col-sm-offset-2,
  .col-sm-offset-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-sm-offset-3 {
    margin-left: 50%
  }

  .col-sm-offset-4 {
    margin-left: 66.6666666667%
  }

  .col-sm-offset-4,
  .col-sm-offset-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-sm-offset-5 {
    margin-left: 83.3333333333%
  }

  .col-sm-offset-6 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin-left: 100%
  }

  .col-sm {
    -moz-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
  }

  .start-sm {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start
  }

  .center-sm {
    -moz-justify-content: center;
    justify-content: center;
    text-align: center
  }

  .end-sm {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end
  }

  .top-sm {
    -moz-align-items: flex-start;
    align-items: flex-start
  }

  .middle-sm {
    -moz-align-items: center;
    align-items: center
  }

  .bottom-sm {
    -moz-align-items: flex-end;
    align-items: flex-end
  }

  .around-sm {
    -moz-justify-content: space-around;
    justify-content: space-around
  }

  .between-sm {
    -moz-justify-content: space-between;
    justify-content: space-between
  }

  .first-sm {
    order: -1
  }

  .last-sm {
    order: 1
  }
}

@media only screen and (min-width:480px) {
  .col-md {
    flex-basis: auto
  }

  .col-md,
  .col-md-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-md-1 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-2 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-md-2,
  .col-md-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-md-3 {
    flex-basis: 50%;
    max-width: 50%
  }

  .col-md-4 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-md-4,
  .col-md-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-md-5 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-md-6 {
    flex-basis: 100%;
    max-width: 100%
  }

  .col-md-6,
  .col-md-offset-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-md-offset-1 {
    margin-left: 16.6666666667%
  }

  .col-md-offset-2 {
    margin-left: 33.3333333333%
  }

  .col-md-offset-2,
  .col-md-offset-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-md-offset-3 {
    margin-left: 50%
  }

  .col-md-offset-4 {
    margin-left: 66.6666666667%
  }

  .col-md-offset-4,
  .col-md-offset-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-md-offset-5 {
    margin-left: 83.3333333333%
  }

  .col-md-offset-6 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin-left: 100%
  }

  .col-md {
    -moz-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
  }

  .start-md {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start
  }

  .center-md {
    -moz-justify-content: center;
    justify-content: center;
    text-align: center
  }

  .end-md {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end
  }

  .top-md {
    -moz-align-items: flex-start;
    align-items: flex-start
  }

  .middle-md {
    -moz-align-items: center;
    align-items: center
  }

  .bottom-md {
    -moz-align-items: flex-end;
    align-items: flex-end
  }

  .around-md {
    -moz-justify-content: space-around;
    justify-content: space-around
  }

  .between-md {
    -moz-justify-content: space-between;
    justify-content: space-between
  }

  .first-md {
    order: -1
  }

  .last-md {
    order: 1
  }
}

@media only screen and (min-width:767px) {
  .col-lg {
    flex-basis: auto
  }

  .col-lg,
  .col-lg-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-lg-1 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-2 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-lg-2,
  .col-lg-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-lg-3 {
    flex-basis: 50%;
    max-width: 50%
  }

  .col-lg-4 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-lg-4,
  .col-lg-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-lg-5 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-lg-6 {
    flex-basis: 100%;
    max-width: 100%
  }

  .col-lg-6,
  .col-lg-offset-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-lg-offset-1 {
    margin-left: 16.6666666667%
  }

  .col-lg-offset-2 {
    margin-left: 33.3333333333%
  }

  .col-lg-offset-2,
  .col-lg-offset-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-lg-offset-3 {
    margin-left: 50%
  }

  .col-lg-offset-4 {
    margin-left: 66.6666666667%
  }

  .col-lg-offset-4,
  .col-lg-offset-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-lg-offset-5 {
    margin-left: 83.3333333333%
  }

  .col-lg-offset-6 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin-left: 100%
  }

  .col-lg {
    -moz-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
  }

  .start-lg {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start
  }

  .center-lg {
    -moz-justify-content: center;
    justify-content: center;
    text-align: center
  }

  .end-lg {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end
  }

  .top-lg {
    -moz-align-items: flex-start;
    align-items: flex-start
  }

  .middle-lg {
    -moz-align-items: center;
    align-items: center
  }

  .bottom-lg {
    -moz-align-items: flex-end;
    align-items: flex-end
  }

  .around-lg {
    -moz-justify-content: space-around;
    justify-content: space-around
  }

  .between-lg {
    -moz-justify-content: space-between;
    justify-content: space-between
  }

  .first-lg {
    order: -1
  }

  .last-lg {
    order: 1
  }
}

@media only screen and (min-width:1023px) {
  .col-xlg {
    flex-basis: auto
  }

  .col-xlg,
  .col-xlg-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-xlg-1 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xlg-2 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xlg-2,
  .col-xlg-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-xlg-3 {
    flex-basis: 50%;
    max-width: 50%
  }

  .col-xlg-4 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xlg-4,
  .col-xlg-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-xlg-5 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xlg-6 {
    flex-basis: 100%;
    max-width: 100%
  }

  .col-xlg-6,
  .col-xlg-offset-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-xlg-offset-1 {
    margin-left: 16.6666666667%
  }

  .col-xlg-offset-2 {
    margin-left: 33.3333333333%
  }

  .col-xlg-offset-2,
  .col-xlg-offset-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-xlg-offset-3 {
    margin-left: 50%
  }

  .col-xlg-offset-4 {
    margin-left: 66.6666666667%
  }

  .col-xlg-offset-4,
  .col-xlg-offset-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .col-xlg-offset-5 {
    margin-left: 83.3333333333%
  }

  .col-xlg-offset-6 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin-left: 100%
  }

  .col-xlg {
    -moz-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
  }

  .start-xlg {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start
  }

  .center-xlg {
    -moz-justify-content: center;
    justify-content: center;
    text-align: center
  }

  .end-xlg {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end
  }

  .top-xlg {
    -moz-align-items: flex-start;
    align-items: flex-start
  }

  .middle-xlg {
    -moz-align-items: center;
    align-items: center
  }

  .bottom-xlg {
    -moz-align-items: flex-end;
    align-items: flex-end
  }

  .around-xlg {
    -moz-justify-content: space-around;
    justify-content: space-around
  }

  .between-xlg {
    -moz-justify-content: space-between;
    justify-content: space-between
  }

  .first-xlg {
    order: -1
  }

  .last-xlg {
    order: 1
  }
}

.accordion__top,
.btn-reset {
  padding: 0;
  border: 0;
  background: transparent
}

.overflow-hidden {
  overflow: hidden
}

.overflow-x-hidden,
.overflow-y-hidden {
  overflow-x: hidden
}


*,
:after,
:before {
  box-sizing: border-box;
  outline: none
}

body {
  display: flex;
  flex-direction: column
}

body {
    font-family: 'Arial', sans-serif;
}

main {
  flex: 1 0 auto
}

.transition-disabled * {
  transition: none !important
}

.hidden,
[hidden] {
  display: none !important
}

.disabled {
  cursor: not-allowed;
  opacity: .33
}

body,
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  margin: 0;
}

html {
  color: #333;
  font-size: 62.5%;
  background: #f5f5f7
}

@media screen and (max-width:767px) {
  html {
    font-size: calc(-.90604px + 2.90828vw)
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  html {
    font-size: calc(-2.04706px + 1.56863vw)
  }
}

@media (min-width:1024px) and (max-width:1360px) {
  html {
    font-size: calc(1.90476px + .59524vw)
  }
}

body {
  font-size: 1.6rem
}

main {
  margin: 17.3rem 0 0
}

@media (max-width:1023px) {
  main {
    margin: 10.2rem 0 0
  }
}

ul {
  margin: 0;
  padding-left: 0;
  list-style-type: none
}

b,
strong {
  font-weight: 700
}

a {
  color: inherit;
  text-decoration: none
}

a._external {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  color: #5583b6
}


.info_content a {
  color: #5583b6;
  text-decoration: underline;
}

a._external:after {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  flex: 0 0 2rem;
  margin: 0 0 0 1.4rem;
  background: url() no-repeat;
  content: ""
}

.links li {
  font-size: 1.8rem;
  line-height: 2.8rem
}

@media (max-width:767px) {
  .links li {
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

.links a {
  color: #5583b6;
  font-size: inherit;
  line-height: inherit
}

@media (min-width:1024px) {
  .links a:hover {
    text-decoration: underline
  }
}

.links>:not(:last-child) {
  margin-bottom: 1em
}

.disc-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  font-size: 1.8rem
}

.disc-list__item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 2rem
}

@media (max-width:1023px) {
  .disc-list__item {
    margin-bottom: 1.6rem
  }
}

@media (max-width:1023px) {
  .disc-list {
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

button,
label {
  cursor: pointer
}

[class^=_icon],
picture img {
  display: block
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0)
}

._visually-h1,
h1 {
  margin: 0 0 3.2rem;
  font-weight: 400;
  font-size: 4.4rem;
  line-height: 6rem
}

@media (max-width:767px) {

  ._visually-h1,
  h1 {
    font-size: 3.4rem;
    line-height: 4.6rem
  }
}

._visually-h2,
h2 {
  margin: 0 0 2.4rem;
  font-size: 3rem;
  line-height: 3.6rem
}

@media (max-width:767px) {

  ._visually-h2,
  h2 {
    font-size: 2.2rem;
    line-height: 2.8rem
  }
}

._visually-h3,
h3 {
  margin: 0 0 2rem;
  font-size: 2.2rem;
  line-height: 2.8rem
}

@media (max-width:767px) {

  ._visually-h3,
  h3 {
    font-size: 1.9rem;
    line-height: 2.4rem
  }
}

._visually-h4,
.accordion__top strong,
h4 {
  margin: 0 0 .4rem;
  font-size: 1.8rem;
  line-height: 2.4rem
}

._visually-h1,
._visually-h2,
._visually-h3,
._visually-h4,
.accordion__top strong,
h1,
h2,
h3,
h4 {
  color: #000;
  font-weight: 600
}

p {
  font-size: 1.8rem;
  line-height: 2.8rem
}

.loader {
  width: 8rem;
  height: 8rem;
  border: .8rem solid rgba(85, 131, 182, .25);
  border-top-color: #5583b6;
  border-radius: 50%;
  position: relative;
  -webkit-animation: loader-rotate 1s linear infinite;
  animation: loader-rotate 1s linear infinite;
  top: 50%;
  margin: 4rem auto
}

@-webkit-keyframes loader-rotate {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.content-loader {
  position: relative
}

.content-loader:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 247, .5);
  content: ""
}

.content-loader:after {
  width: 8rem;
  height: 8rem;
  border: .8rem solid rgba(85, 131, 182, .25);
  border-top-color: #5583b6;
  border-radius: 50%;
  position: relative;
  -webkit-animation: loader-rotate 1s linear infinite;
  animation: loader-rotate 1s linear infinite;
  top: 50%;
  margin: -4rem auto 0;
  position: absolute;
  top: 8rem;
  left: calc(50% - 4rem);
  z-index: 3;
  content: ""
}

@keyframes loader-rotate {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.loading:after {
  -webkit-animation: loading 1s ease infinite alternate;
  animation: loading 1s ease infinite alternate;
  content: "."
}

@-webkit-keyframes loading {
  60% {
    text-shadow: .35em 0 0 currentColor
  }

  to {
    text-shadow: .35em 0 0 currentColor, .75em 0 0 currentColor
  }
}

@keyframes loading {
  60% {
    text-shadow: .35em 0 0 currentColor
  }

  to {
    text-shadow: .35em 0 0 currentColor, .75em 0 0 currentColor
  }
}

.text-content {
  font-size: 1.8rem;
  line-height: 2.4rem
}

@media (max-width:767px) {
  .text-content {
    font-size: 1.6rem
  }
}

.text-content>:first-child {
  margin-top: 0 !important
}

.text-content>:last-child {
  margin-bottom: 0 !important
}

.text-content>:not(:last-child) {
  margin-bottom: 4rem
}

@media (max-width:767px) {
  .text-content>:not(:last-child):not(:last-child) {
    margin-bottom: 2.4rem
  }
}

.text-content h2,
.text-content h3,
.text-content h4 {
  font-weight: 600
}

.text-content h2:first-child,
.text-content h3:first-child,
.text-content h4:first-child {
  margin-top: 0
}

.text-content h2:last-child,
.text-content h3:last-child,
.text-content h4:last-child {
  margin-bottom: 0
}

.text-content h2 {
  margin-top: 4rem
}

.text-content h2:not(:last-child) {
  margin-bottom: 2.4rem
}

@media (max-width:767px) {
  .text-content h2 {
    margin-top: 2rem
  }

  .text-content h2:not(:last-child) {
    margin-bottom: 2rem
  }
}

.text-content h3 {
  margin-top: 4rem
}

.text-content h3:not(:last-child) {
  margin-bottom: 2rem
}

@media (max-width:767px) {
  .text-content h3 {
    margin-top: 2rem
  }

  .text-content h3:not(:last-child) {
    margin-bottom: 1rem
  }
}

.text-content h4 {
  margin-top: 3.2rem
}

.text-content h4:not(:last-child) {
  margin-bottom: .4rem
}

.text-content h5 {
  margin-top: 1.8rem;
  margin-bottom: 0;
  color: #76767a;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem
}

.text-content h5+p:not([class]),
.text-content h5:first-child {
  margin-top: 0
}

.text-content a:not([class]) {
  color: #5583b6;
  transition: color .3s ease
}

@media (min-width:1024px) {
  .text-content a:not([class]):hover {
    color: #3c5572
  }
}

.text-content a:not([class])[target=_blank] {
  display: block;
  text-decoration: none
}

.text-content a:not([class])[target=_blank]:last-child {
  margin-bottom: 0
}

.text-content a:not([class])[target=_blank]:first-child {
  margin-top: 0
}

.text-content a:not([class])[target=_blank]:after {
  position: relative;
  display: inline-block;
  width: 1.6rem;
  height: 2rem;
  margin-left: .5rem;
  vertical-align: text-bottom;
  background-image: url();
  content: ""
}

.text-content a._read {
  display: block;
  color: #5583b6;
  text-decoration: none;
  transition: color .3s ease
}

@media (min-width:1024px) {
  .text-content a._read:hover {
    color: #3c5572
  }
}

.text-content a._read:after {
  position: relative;
  display: inline-block;
  content: "→"
}

.text-content p:not([class]) {
  width: 100%;
  margin: 0 0 1em
}

.text-content p:not([class]):last-child {
  margin-bottom: 0
}

.text-content p:not([class]):first-child {
  margin-top: 0
}

.text-content small:not([class]) {
  font-size: 1.4rem;
  line-height: 1.1
}

.text-content>img:not([class]) {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 50rem;
  margin-bottom: 4rem;
  -o-object-fit: contain;
  object-fit: contain
}

@media (min-width:768px) {
  .text-content>img:not([class]):first-child {
    margin-bottom: 3.2rem
  }
}

@media (max-width:767px) {
  .text-content>img:not([class]) {
    margin-bottom: 1.6rem
  }
}

.text-content .image-description {
  max-width: 36.8rem;
  margin-top: -2.4rem;
  margin-bottom: 3.2rem;
  color: #76767a;
  font-size: 1.4rem;
  line-height: 2rem
}

@media (max-width:767px) {
  .text-content .image-description {
    margin-top: -3.2rem;
    margin-bottom: 1.6rem
  }
}

.text-content .wrap-table {
  display: block;
  width: 100%;
  overflow: auto
}

@media (max-width:1023px) {
  .text-content .wrap-table {
    width: calc(100% + 6rem);
    margin-right: -3rem;
    margin-left: -3rem;
    padding: 0 -3rem
  }

  .text-content .wrap-table table {
    padding-right: 3rem
  }
}

@media (max-width:767px) {
  .text-content .wrap-table {
    width: calc(100% + 4rem);
    margin-right: -2rem;
    margin-left: -2rem;
    padding: 0 2rem
  }

  .text-content .wrap-table table {
    padding-right: 2rem
  }
}

.text-content table._sm td,
.text-content table._sm th,
.text-content table:not([class]) td,
.text-content table:not([class]) th {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 2rem 1rem;
  border-bottom: 1px solid #d9d9de;
  text-align: left;
  vertical-align: top
}

.text-content table._sm td:first-child,
.text-content table._sm th:first-child,
.text-content table:not([class]) td:first-child,
.text-content table:not([class]) th:first-child {
  min-width: 6rem;
  padding-left: 0
}

.text-content table._sm td:last-child,
.text-content table._sm th:last-child,
.text-content table:not([class]) td:last-child,
.text-content table:not([class]) th:last-child {
  padding-right: 0
}

.text-content table._sm td small,
.text-content table._sm th small,
.text-content table:not([class]) td small,
.text-content table:not([class]) th small {
  display: block;
  color: #76767a;
  font-size: 1.4rem
}

.text-content table._sm thead td,
.text-content table:not([class]) thead td {
  color: #000;
  font-weight: 500
}

.text-content table._sm {
  font-size: 1.4rem;
  line-height: 2rem
}

.text-content table._sm th {
  color: #76767a;
  font-weight: inherit
}

.text-content table._sm td:not(:first-child),
.text-content table._sm th:not(:first-child) {
  text-align: center
}

.text-content table._sm td:first-child,
.text-content table._sm th:first-child {
  padding-left: 2.4rem
}

.text-content ol:not([class]),
.text-content ul:not([class]) {
  font-size: 1.8rem;
  line-height: 2.8rem
}

.text-content ol:not([class]):not(:last-child),
.text-content ul:not([class]):not(:last-child) {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.text-content ol:not([class])>li,
.text-content ul:not([class])>li {
  position: relative;
  padding-left: 3rem
}

.text-content ol:not([class])>li:not(:last-child),
.text-content ul:not([class])>li:not(:last-child) {
  margin-bottom: 1.2rem
}

.text-content ol:not([class]) ul:not([class]),
.text-content ul:not([class]) ul:not([class]) {
  margin-bottom: 2rem;
  padding-left: 0
}

@media (max-width:767px) {

  .text-content ol:not([class]) ul:not([class])>li,
  .text-content ul:not([class]) ul:not([class])>li {
    padding-left: 2rem
  }
}

.text-content ol:not([class]) ul:not([class])>li:before,
.text-content ul:not([class]) ul:not([class])>li:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: .85em;
  left: 0;
  display: inline-block;
  border: 3px solid #5583b6;
  border-radius: 100%;
  background-color: #fff;
  transform: translateY(-50%);
  content: ""
}

@media (max-width:767px) {

  .text-content ol:not([class]) ul:not([class])>li:before,
  .text-content ul:not([class]) ul:not([class])>li:before {
    width: 5px;
    height: 5px
  }
}

.text-content ul:not([class]) {
  margin-bottom: 2rem;
  padding-left: 0
}

@media (max-width:767px) {
  .text-content ul:not([class])>li {
    padding-left: 2rem
  }
}

.text-content ul:not([class])>li:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: .85em;
  left: 0;
  display: inline-block;
  border-radius: 100%;
  background-color: #5583b6;
  transform: translateY(-50%);
  content: ""
}

@media (max-width:767px) {
  .text-content ul:not([class])>li:before {
    width: 5px;
    height: 5px
  }
}

.text-content ol:not([class]) {
  padding-left: 3rem;
  counter-reset: item
}

.text-content ol:not([class])>li {
  display: block;
  margin-left: 0;
  padding-left: 0
}

.text-content ol:not([class])>li:before {
  display: inline-block;
  width: 3rem;
  margin-left: -3rem;
  color: #5583b6;
  font-weight: 700;
  content: counter(item) ".";
  counter-increment: item
}

.text-content picture:not([class]) {
  display: block;
  width: 100%;
  max-height: 50rem
}

.text-content picture:not([class]) img {
  width: 100%;
  max-height: 50rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.text-content blockquote:not([class]) {
  position: relative;
  max-width: 100%;
  margin: 4rem 0;
  padding-left: 4.4rem;
  font-size: 2.2rem;
  line-height: 2.8rem
}

@media (max-width:767px) {
  .text-content blockquote:not([class]) {
    margin: 2rem 0;
    padding-left: 3.6rem;
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

.text-content blockquote:not([class]):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  color: #42886f;
  font-size: 4.4rem;
  line-height: 2rem;
  content: "«"
}

@media (max-width:767px) {
  .text-content blockquote:not([class]):before {
    width: 2rem;
    height: 2rem;
    font-size: 3.6rem;
    line-height: 2rem
  }
}

.text-content hr {
  height: 1px;
  margin: 2rem 0;
  border: none;
  color: #000;
  background-color: #d9d9de
}

.text-content iframe {
  display: block;
  width: 100%;
  height: 38rem
}



@media (max-width:767px) {
  .text-content iframe {
    height: 20rem
  }
}

.text-content .col-2 li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem
}

@media (max-width:767px) {
  .text-content .col-2 li {
    flex-direction: column
  }
}

.text-content .col-2 li:last-child {
  margin-bottom: 0
}

.text-content .col-2 li>* {
  width: calc(50% - 1.6rem);
  margin: 0
}

@media (max-width:767px) {
  .text-content .col-2 li>* {
    width: 100%
  }
}

.text-content .col-2 li a {
  display: inline-block
}

.text-content .attention-text {
  position: relative;
  margin: 4rem 0;
  padding-left: 3rem
}

@media (max-width:767px) {
  .text-content .attention-text {
    margin: 2rem 0;
    padding-left: 2rem
  }
}

.text-content .attention-text:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 100%;
  background-color: #42886f;
  content: ""
}

@media (max-width:767px) {
  .text-content .attention-text:before {
    width: .6rem
  }
}

.text-content .mayor-summary {
  display: flex;
  max-width: 50rem;
  margin-bottom: 4rem
}

@media (max-width:767px) {
  .text-content .mayor-summary {
    flex-direction: column;
    margin-bottom: 2rem
  }
}

.text-content .mayor-summary__img {
  flex-shrink: 0;
  width: 14.4rem;
  height: 19.2rem;
  margin-right: 3.2rem
}

@media (max-width:767px) {
  .text-content .mayor-summary__img {
    width: 100%;
    max-width: 60%;
    height: auto;
    margin-bottom: .8rem
  }
}

.text-content .mayor-summary__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.text-content .mayor-summary__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.text-content .info-block {
  position: relative;
  padding-left: 3.2rem
}

.text-content .info-block:before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 2rem;
  height: 2rem;
  background: url() no-repeat 50%/100% 100%;
  content: ""
}

.text-content .text-gray {
  color: #76767a
}

.text-content .date,
.text-content .text-help {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #76767a
}

.text-content .date {
  text-align: right
}

.text-content .continuation {
  display: flex;
  justify-content: flex-end;
  margin-top: 4rem
}

.text-content .continuation a {
  font-size: 2.2rem;
  line-height: 2.8rem;
  margin: 0;
  font-weight: 500
}

@media (max-width:767px) {
  .text-content .continuation a {
    font-size: 1.9rem;
    line-height: 2.4rem
  }
}

.text-content .continuation a:after {
  display: inline-block;
  content: "→"
}

.text-content .history-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4rem
}

.text-content .history-links>a {
  display: inline-block;
  font-size: 2.2rem;
  line-height: 2.8rem;
  margin: 0;
  color: #5583b6;
  font-weight: 500;
  transition: color .3s ease
}

@media (max-width:767px) {
  .text-content .history-links>a {
    font-size: 1.9rem;
    line-height: 2.4rem
  }
}

@media (min-width:1024px) {
  .text-content .history-links>a:hover {
    color: #3c5572
  }
}

.text-content .history-links>a:only-child {
  margin-left: auto
}

.text-content .history-links>a._forward:after {
  display: inline-block;
  content: " →"
}

.text-content .history-links>a._backward:before {
  display: inline-block;
  transform: rotate(180deg);
  content: " →"
}

.text-content .tiles {
  display: inline-flex;
  flex-flow: row wrap;
  width: calc(100% + 3.2rem);
  margin: -3.2rem 0 0 -3.2rem
}

.text-content .tiles>* {
  margin: 3.2rem 0 0 3.2rem
}

.text-content .tiles:not(:last-child) {
  margin-bottom: 3.2rem
}

@media (max-width:767px) {
  .text-content .tiles:not(:last-child) {
    margin-bottom: 2.4rem
  }
}

@media (max-width:767px) {
  .text-content .tiles {
    display: inline-flex;
    flex-flow: row wrap;
    width: calc(100% + 2.4rem);
    margin: -2.4rem 0 0 -2.4rem
  }

  .text-content .tiles>* {
    margin: 2.4rem 0 0 2.4rem
  }
}

.text-content .tiles>* {
  flex: 0 0 auto;
  flex-basis: calc(50% - 3.2rem);
  max-width: calc(50% - 3.2rem)
}

@media (max-width:767px) {
  .text-content .tiles>* {
    flex-basis: calc(100% - 2.4rem);
    max-width: calc(100% - 2.4rem)
  }
}

@media (min-width:768px) {
  .text-content .tiles>._full {
    flex-basis: calc(100% - 3.2rem);
    max-width: calc(100% - 3.2rem)
  }
}

.text-content .history-note {
  min-height: 100%;
  padding: 2rem;
  border-radius: .5rem;
  background-color: #fff
}

.text-content .history-note h3 {
  text-align: center
}

.text-content .symbolic-block:not(:last-child) {
  margin-bottom: 3.2rem
}

.text-content .symbolic-block__content {
  display: flex;
  justify-content: space-between
}

.text-content .symbolic-block__content>._left>img,
.text-content .symbolic-block__content>._right>img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.text-content .symbolic-block__content>._left {
  flex: 0 0 calc(68.75% - 3.2rem);
  max-width: calc(68.75% - 3.2rem)
}

.text-content .symbolic-block__content>._right {
  flex: 0 0 31.25%;
  max-width: 31.25%
}

.text-content>.doc:not(:last-child) {
  margin-bottom: 2rem
}

.text-content>.doc+.doc {
  padding-top: 2rem;
  border-top: 1px solid #d9d9de
}

.container {
  width: 100%;
  max-width: 102.4rem;
  display: block;
  margin: 0 auto 4rem
}

@media (max-width:1023px) {
  .container {
    max-width: calc(100% - 8rem)
  }
}

@media (max-width:767px) {
  .container {
    max-width: calc(100% - 4rem)
  }
}

@media (max-width:1023px) {
  .container {
    margin: 0 auto 4rem
  }
}

.container._jcc {
  display: flex;
  justify-content: center
}

.container__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.4rem
}

@media (max-width:1023px) {
  .container__header {
    flex-wrap: wrap
  }
}

.container__header._row {
  flex-wrap: nowrap
}

.container__header-controls a {
  color: #5583b6;
  font-size: 1.8rem;
  transition: color .1s ease
}

.container__header-controls a:after {
  content: " →"
}

@media (min-width:1024px) {
  .container__header-controls a:hover {
    color: #3c5572
  }
}

@media (max-width:767px) {
  .container__header-controls a {
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

.container__links {
  display: inline-block;
  margin-left: 3rem;
  white-space: nowrap
}

@media (max-width:1023px) {
  .container__links {
    width: calc(100% + 6rem);
    margin: 2.4rem -3rem -1rem;
    padding: 0 3rem 1rem;
    overflow: auto
  }
}

@media (max-width:767px) {
  .container__links {
    width: calc(100% + 4rem);
    margin: 2.4rem -2rem 0;
    padding: 0 2rem
  }
}

.container__links a:not([class]) {
  margin-right: 4rem;
  color: #5583b6
}

@media (max-width:767px) {
  .container__links a:not([class]) {
    margin-right: 1.6rem;
    font-size: 1.4rem
  }
}

.container__links a:not([class]):last-child {
  margin-right: 0
}

.container__title {
  margin: 0
}

@media (max-width:767px) {
  .container__title {
    font-size: 2.2rem;
    line-height: 2.8rem
  }
}

.container__content._narrow {
  width: 67.2rem
}

@media (max-width:1023px) {
  .container__content._narrow {
    width: 100%
  }
}

.container .page-title {
  margin-bottom: 3.2rem
}

.container-content {
  width: 100%;
  max-width: 67.2rem;
  margin: 0 auto
}

@media (max-width:1023px) {
  .container-content {
    max-width: calc(100% - 8rem)
  }
}

@media (max-width:767px) {
  .container-content {
    max-width: calc(100% - 4rem)
  }
}

.container-wrapper {
  margin: 0 0 4rem;
  padding: 4rem 0;
  overflow: hidden
}

main>.container-wrapper:last-child {
  margin-bottom: 0
}

@media (max-width:1023px) {
  .container-wrapper {
    margin: 0 0 4rem;
    padding: 2rem 0
  }
}

.container-wrapper._white {
  background: #fff
}

.footer {
  margin: 4rem 0 0;
  padding: 4rem 0;
  background: #e5e5eb
}

@media print {
  .footer {
    display: none
  }
}

.footer__container {
  width: 100%;
  max-width: 102.4rem;
  margin: 0 auto
}

@media (max-width:1023px) {
  .footer__container {
    max-width: calc(100% - 8rem)
  }
}

@media (max-width:767px) {
  .footer__container {
    max-width: calc(100% - 4rem)
  }
}

.footer__content {
  display: flex;
  flex-wrap: wrap;
  margin: -1.6rem;
  justify-content: center
}

@media (max-width:767px) {
  .footer__content {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem
  }
}

.footer__section {
  width: calc(33.33333% - 3.2rem);
  margin: 1.6rem
}

@media (max-width:1023px) {
  .footer__section {
    width: calc(50% - 3.2rem);
    margin: 1.6rem
  }
}

@media (max-width:767px) {
  .footer__section {
    width: calc(100% - 2rem);
    margin: 1rem
  }

  .footer__section:first-child {
    margin-bottom: 3rem
  }
}

.footer__section a:not([class]) {
  color: #5583b6;
  font-size: 1.8rem;
  line-height: 2.8rem;
  text-decoration: underline
}

@media (max-width:1023px) {
  .footer__section a:not([class]) {
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

@media (min-width:1024px) {
  .footer__section a:not([class]):hover {
    text-decoration: none
  }
}

.footer__links {
  margin-bottom: 2.8rem
}

@media (max-width:767px) {
  .footer__links {
    margin-bottom: 2.2rem
  }
}

.footer__links>:not(:last-child) {
  margin-bottom: 1.2rem
}

.footer__copyright {
  margin: 0;
  color: #76767a;
  font-size: 1.4rem;
  line-height: 2rem
}

@media (max-width:767px) {
  .footer__copyright {
    line-height: 1.6rem
  }
}

.footer .footer-stats {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem
}

@media (max-width:1023px) {
  .footer .footer-stats {
    margin-bottom: 4rem
  }
}

.footer .footer-stats__img {
  margin-right: 1.8rem
}

.footer .footer-stats__img img {
  display: block
}

.footer .footer-app {
  display: flex;
  flex-direction: column
}

.footer .footer-app__title {
  margin-bottom: 2.8rem;
  color: #5583b6
}

.footer .footer-app__downloads {
  display: flex
}

.footer .footer-app__download:not(:last-child) {
  margin-right: 2.2rem
}

.footer .footer-app__download img {
  display: block;
  width: 11rem;
  height: 3.2rem;
  -o-object-fit: contain;
  object-fit: contain
}

.footer__paraweb:hover {
  color: #939395;
}

.footer__paraweb {
  display: block;
  width: 31rem;
  height: 2.2rem;
  margin-top: 2.9rem
}

.header {
  width: 100%
}

.header {
  position: fixed;
  top: 0;
  z-index: 990;
  border-bottom: 1px solid #d9d9de;
  background: #fff;
  transition: transform .25s ease
}

@media print {
  .header {
    display: none
  }
}

.header._hidden-by-scroll {
  transform: translateY(-7.3rem)
}

.header__content-wrap {
  border-bottom: 1px solid #d9d9de
}

.header__content {
  width: 100%;
  max-width: 102.4rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 0
}

@media (max-width:1023px) {
  .header__content {
    max-width: calc(100% - 8rem)
  }
}

@media (max-width:767px) {
  .header__content {
    max-width: calc(100% - 4rem);
    padding: 1.2rem 0
  }
}

.header__logo-wrap {
  display: flex;
  align-items: center
}

.header__logo-wrap>:not(:last-child) {
  margin-right: 4rem
}

@media (max-width:767px) {
  .header__logo-wrap>:not(:last-child) {
    margin-right: 1.6rem
  }
}

.header__logo {
  display: block;
  width: 27.5rem;
/*  height: 4.4rem*/
}

.header__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.header__logo-additional {
  width: 3.3rem
}

@media (max-width:767px) {
  .header__logo-additional {
    width: 3rem
  }
}

.header__logo-additional img {
  width: 100%
}

.header__weather {
  display: flex;
  flex-direction: column;
  padding: .4rem .8rem;
  font-size: 1.4rem;
  background: #eef3f8
}

@media (max-width:767px) {
  .header__weather {
    display: none
  }
}

.header__weather>span:first-child {
  margin-bottom: 4px
}

.header__weather>span:last-child {
  display: flex;
  align-items: center
}

.header__weather-icon {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain
}

.header__weather-icon._w-01d {
  background-image: url()
}


.header__mobile-menu-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 1.8rem;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer
}

@media (max-width:1023px) {
  .header__mobile-menu-btn {
    display: flex
  }
}

.header__mobile-menu-btn._open i:first-child {
  top: 1.3rem;
  left: 50%;
  width: 0
}

.header__mobile-menu-btn._open i:nth-child(2) {
  transform: rotate(45deg)
}

.header__mobile-menu-btn._open i:nth-child(3) {
  transform: rotate(-45deg)
}

.header__mobile-menu-btn._open i:nth-child(4) {
  top: .6rem;
  left: 50%;
  width: 0
}

.header__mobile-menu-crosshair {
  position: relative;
  display: block;
  width: 4rem;
  height: 1.8rem
}

.header__mobile-menu-crosshair i {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: rotate(0deg);
  opacity: 1;
  transition: transform .25s ease
}

.header__mobile-menu-crosshair i:first-child {
  top: 0
}

.header__mobile-menu-crosshair i:nth-child(2),
.header__mobile-menu-crosshair i:nth-child(3) {
  top: .8rem
}

.header__mobile-menu-crosshair i:nth-child(4) {
  top: 1.6rem
}

.header__controls {
  display: flex
}

.is-ie .header__controls svg {
  fill: none
}

@media (max-width:1023px) {
  .header__controls {
    display: none
  }
}

.header__controls .btn {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.header__controls .btn svg {
  color: #5583b6;
  transition: color .25s ease
}

@media (min-width:1024px) {
  .header__controls .btn:hover svg {
    color: #3c5572
  }
}

@media (min-width:1024px) {
  .header__controls .btn:hover:active svg {
    color: #abcaed
  }
}

.header__controls>:not(:last-child) {
  margin-right: 2.4rem
}

.header__lang {
  position: relative;
  display: flex;
  font-size: 1.4rem
}

.header__lang:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #5583b6;
  border-radius: 6.4rem;
  content: ""
}

.header__lang a {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #5583b6;
  line-height: 3.5rem;
  text-align: center
}

.header__lang a._active {
  color: #fff;
  background: #5583b6
}

.header__lang li:last-child svg {
  position: relative;
  top: 1px;
  width: 2.4rem;
  height: 1.2rem
}

.block-grid {
  display: flex;
  flex-wrap: wrap;
  margin: -1.6rem
}

.block-grid>* {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem
}

@media (max-width:767px) {
  .block-grid>* {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem
  }
}

.block-grid .block {
  height: 100%
}

.block-columns {
  margin-bottom: -3.2rem;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 3.2rem;
  column-gap: 3.2rem
}

@media (max-width:767px) {
  .block-columns {
    -moz-column-count: 1;
    column-count: 1
  }
}

.block-columns>* {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid
}

.block-columns .block {
  margin-bottom: 3.2rem
}

@media (max-width:1023px) {
  .block-columns .block {
    font-size: 1.6rem;
    line-height: 2rem
  }
}

@media (max-width:767px) {
  .block-columns .block {
    margin-bottom: 1.6rem
  }

  .block-columns .block:last-child {
    margin-bottom: 0
  }
}

.block-wrap {
  margin-bottom: -3.2rem
}

@media (max-width:767px) {
  .block-wrap {
    margin-bottom: -1.6rem
  }
}

.block-wrap .block {
  height: calc(100% - 3.2rem);
  margin-bottom: 3.2rem
}

@media (max-width:1023px) {
  .block-wrap .block {
    font-size: 1.6rem;
    line-height: 2rem
  }
}

@media (max-width:767px) {
  .block-wrap .block {
    height: auto;
    margin-bottom: 1.6rem
  }
}

.block {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 10.4rem;
  padding: 2.4rem;
  border-radius: 5px;
  background-color: #fff
}

@media (max-width:1023px) {
  .block {
    padding: 1.6rem
  }
}

@media (max-width:767px) {
  .block {
    min-height: 9rem
  }
}

.block._with-content .block__header {
  margin-bottom: 1rem
}

.block._with-content .block__title {
  color: #333
}

.block._sm {
  min-height: auto;
  padding: .8rem
}

.block._without-padding {
  padding: 0
}

.block__header {
  display: flex;
  flex-grow: 1;
  align-items: center;
  height: 100%
}

.block__content {
  padding-left: 6.4rem;
  color: #76767a
}

@media (max-width:1023px) {
  .block__content {
    padding-left: 0
  }
}

.block__title {
  height: 100%;
  margin: 0;
  color: #5583b6;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 2.8rem;
  transition: color .3s ease
}

.block._external,
.block__title {
  display: flex;
  align-items: center
}

.block._external {
  flex-direction: row;
  flex-shrink: 0
}

.block a.block__title {
  color: #5583b6 !important
}

@media (min-width:1024px) {
  .block a.block__title:hover {
    color: #3c5572 !important
  }
}

.block .btn-icon {
  flex-shrink: 0
}

@media (min-width:1024px) {
  a.block:hover .block__title {
    color: #3c5572
  }
}

.mobile-menu {
  position: fixed;
  height: 100%;
  height: -moz-available;
  height: -webkit-fill-available;
  height: fill-available;
  padding: 7.4rem 2.6rem 0;
  overflow: hidden scroll;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s ease, visibility .3s ease
}

@media (min-width:1024px) {
  .mobile-menu {
    display: none
  }
}

@media (max-width:767px) {
  .mobile-menu {
    padding: 7rem 0 0
  }
}

.mobile-menu._open {
  visibility: visible;
  opacity: 1
}

.mobile-menu__controls {
  display: flex;
  justify-content: flex-end;
  padding: .8rem 1.6rem
}

.mobile-menu__controls .btn {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.mobile-menu__controls .btn svg {
  color: #5583b6
}

.mobile-menu__controls>:not(:last-child) {
  margin-right: .8rem
}

.menu {
  color: #76767a
}

@media (min-width:1024px) {
  .menu {
    width: 100%;
    max-width: 102.4rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
  }
}

@media (min-width:1024px) and (max-width:1023px) {
  .menu {
    max-width: calc(100% - 8rem)
  }
}

@media (min-width:1024px) and (max-width:767px) {
  .menu {
    max-width: calc(100% - 4rem)
  }
}

@media (min-width:1024px) {
  .menu>li {
    color: #76767a
  }

  .menu>li:first-child {
    margin-left: -1.4rem
  }

  .menu>li>a {
    display: block;
    padding: 2rem 1.3rem;
    border-bottom: 1px solid transparent;
    font-size: 1.4rem;
    transition: border-color .25s ease, color .25s ease, background-color .25s ease
  }

  .is-ie .menu>li>a {
    font-size: 1.3rem
  }

  .menu>li>a:hover {
    border-color: #5583b6;
    color: #5583b6
  }

  .menu>li>a._background {
    color: #fff;
    background: #5583b6
  }

  .menu>li>a._background:hover {
    color: #fff;
    background: #3c5572
  }

  .menu>li>a._active:not(._background) {
    border-color: #5583b6;
    color: #000;
    font-weight: 800
  }

  .menu>li:hover .menu__expand {
    visibility: visible;
    opacity: 1
  }
}

@media (min-width:1024px) {
  .menu__expand {
    z-index: 1;
    background: #f2f2f3;
    visibility: hidden;
    opacity: 0;
    transition: opacity .35s ease, visibility .35s ease
  }

  .menu__expand,
  .menu__expand:before {
    position: absolute;
    left: 0;
    width: 100%
  }

  .menu__expand:before {
    top: 100%;
    z-index: -1;
    display: block;
    height: 100vh;
    background: #011c3d;
    opacity: .25;
    content: "";
    pointer-events: none
  }
}

@media (min-width:1024px) {
  .menu__expand-list {
    width: 100%;
    max-width: 102.4rem;
    margin: 0 auto;
    padding: 3.2rem 0;
    border-bottom: 1px solid #d9d9de;
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem
  }
}

@media (min-width:1024px) and (max-width:1023px) {
  .menu__expand-list {
    max-width: calc(100% - 8rem)
  }
}

@media (min-width:1024px) and (max-width:767px) {
  .menu__expand-list {
    max-width: calc(100% - 4rem)
  }
}

@media (min-width:1024px) {
  .menu__expand-list a:hover {
    color: #5583b6
  }
}

@media (min-width:1024px) {
  .menu__expand-list>* {
    margin-bottom: 1em;
    line-height: 2rem;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
  }
}

@media (max-width:1023px) {
  .header .menu {
    display: none
  }

  .menu>li {
    position: relative;
    display: flex;
    flex-wrap: wrap
  }

  .menu>li:after,
  .menu>li:first-child:before {
    position: absolute;
    bottom: 0;
    left: 1.6rem;
    display: block;
    width: calc(100% - 3.2rem);
    height: 1px;
    background: #d9d9de;
    content: ""
  }

  .menu>li:first-child:before {
    top: 0;
    bottom: auto
  }

  .menu>li>a {
    display: block;
    width: calc(100% - 8rem);
    padding: 1.6rem
  }

  .menu__expand {
    height: 0;
    overflow: hidden;
    transition: height .5s ease
  }

  .menu__expand-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    padding: 0;
    border: 0;
    background: transparent
  }

  .menu__expand-toggle svg {
    display: block;
    width: 1.5rem;
    height: .8rem;
    color: #76767a;
    transition: transform .25s ease, color .25s ease
  }

  .menu__expand-toggle._open {
    color: #5583b6
  }

  .menu__expand-toggle._open svg {
    transform: rotate(-180deg)
  }

  .menu__expand-list {
    padding: 0 1.6rem .8rem
  }

  .menu__expand-list>li>a {
    display: block;
    width: 100%;
    padding: .8rem 1.6rem
  }
}

.btn-wrap {
  display: flex;
  justify-content: space-between
}

.btn {
  display: inline-block;
  padding: 0;
  border: 0;
  border-radius: 5px;
  font-size: 1.8rem;
  background: transparent;
  transition: border-color .3s ease
}

.btn._lg {
  height: 5.2rem;
  padding: 0 2.2rem
}

.btn._sm {
  height: 4rem;
  padding: 0 1.7rem;
  font-size: 1.4rem
}

.btn._primary {
  color: #fff;
  background-color: #5583b6
}

@media (min-width:1024px) {
  .btn._primary:not(:disabled):hover {
    background-color: #3c5572
  }
}

@media (min-width:1024px) {
  .btn._primary:not(:disabled):hover:active {
    background-color: #abcaed
  }
}

.btn._outline {
  border: 1px solid #5583b6
}

@media (min-width:1024px) {
  .btn._outline:not(:disabled):hover {
    border-color: #3c5572
  }
}

@media (min-width:1024px) {
  .btn._outline:not(:disabled):hover:active {
    border-color: #abcaed
  }
}

.btn._round {
  min-width: 3.5rem;
  padding: 0 .7rem;
  border-radius: 3.5rem
}

.btn._link {
  color: #5583b6
}

.btn ._icon-special-version {
  width: 2.1rem;
  height: 2.1rem
}

.btn ._icon-print-version {
  width: 2rem;
  height: 2rem
}

.btn ._icon-search {
  width: 1.7rem;
  height: 1.7rem
}

.btn._nav {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.1em 1.34em;
  color: #5583b6;
  font-size: 1.8rem;
  background-color: #f5f5f7;
  transition: color .15s ease
}

.btn._nav .btn__arrow {
  margin-left: auto
}

.btn._nav .btn__arrow svg._icon-arrow {
  width: 2.4rem;
  height: 2.4rem;
  color: currentColor;
  transition: color .15s ease
}

@media (min-width:1024px) {
  .btn._nav:hover {
    color: #3c5572
  }
}

.btn-icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2.4rem;
  border-radius: 50%;
  background-color: #fff
}

.btn-icon svg {
  width: 55%;
  height: 55%;
  fill: #5583b6
}

.flickity-page-dots {
  display: flex;
  justify-content: center;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none
}

.flickity-page-dots .dot {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0;
  border: 1px solid #5583b6;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  opacity: 1;
  transition: background .12s ease
}

.flickity-page-dots .dot.is-selected {
  background-color: #5583b6
}

.flickity-page-dots .dot+.dot {
  margin-left: .75rem
}

.flickity-button {
  top: auto;
  bottom: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.2rem;
  height: 4.2rem;
  color: #5583b6;
  background-color: #fff;
  transform: none;
  transition: opacity .3s ease, background-color .3s ease, color .3s ease
}

@media (min-width:1024px) {
  .flickity-button:hover {
    color: #fff;
    background-color: #5583b6
  }
}

@media (min-width:1024px) {
  .flickity-button:hover:active {
    color: #fff;
    background-color: #3c5572
  }
}

@media (max-width:767px) {
  .flickity-button {
    display: none
  }
}

.flickity-button[disabled] {
  cursor: not-allowed;
  opacity: .9;
  pointer-events: auto
}

.flickity-button.previous {
  right: 10.7rem;
  left: auto
}

.flickity-button.next {
  right: 4.8rem
}

.flickity-button .flickity-button-icon {
  position: relative;
  top: auto;
  left: auto;
  width: 1.4rem;
  height: 1.4rem
}

.news-grid {
  display: flex;
  flex-wrap: wrap;
  margin: -1.6rem
}

@media (max-width:767px) {
  .news-grid {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem
  }
}

.news-grid .news-item {
  width: calc(33.33333% - 3.2rem);
  margin: 1.6rem;
  min-height: 29.2rem;
  padding: 2rem;
  border-radius: 5px;
  background-color: #fff
}

.news-grid .news-item-anons {
  width: calc(33.33333% - 3.2rem);
  margin: 1.6rem;
/*  min-height: 29.2rem;*/
  padding: 2rem;
  border-radius: 5px;
  background-color: #fff
}


@media (max-width:1023px) {
  .news-grid .news-item {
    width: calc(50% - 3.2rem);
    margin: 1.6rem
  }

  .news-grid .news-item-anons {
    width: calc(50% - 3.2rem);
    margin: 1.6rem
  }
}

@media (max-width:767px) {
  .news-grid .news-item {
    width: calc(100% - 2rem);
    margin: 1rem;
    min-height: auto
  }
  .news-grid .news-item-anons {
    width: calc(100% - 2rem);
    margin: 1rem;
    min-height: auto
  }
}

.news-grid .news-item._wide {
  width: calc(66.66667% - 3.2rem);
  margin: 1.6rem
}

.news-grid .news-item-anons._wide {
  width: calc(66.66667% - 3.2rem);
  margin: 1.6rem
}

@media (max-width:1023px) {
  .news-grid .news-item._wide {
    width: calc(100% - 3.2rem);
    margin: 1.6rem
  }
  .news-grid .news-item-anons._wide {
    width: calc(100% - 3.2rem);
    margin: 1.6rem
  }
}

@media (max-width:767px) {
  .news-grid .news-item._wide {
    width: calc(100% - 2rem);
    margin: 1rem
  }
  .news-grid .news-item-anons._wide {
    width: calc(100% - 2rem);
    margin: 1rem
  }
}

.news-grid .news-item._wide .news-item__title {
  margin: 0 0 .4rem;
  font-size: 1.8rem;
  line-height: 2.4rem
}

.news-grid .news-item-anons._wide .news-item__title {
  margin: 0 0 .4rem;
  font-size: 1.8rem;
  line-height: 2.4rem
}

@media (max-width:767px) {
  .news-grid .news-item._wide .news-item__title {
    margin-bottom: 1.2rem
  }
  .news-grid .news-item-anons._wide .news-item__title {
    margin-bottom: 1.2rem
  }
}

.news-grid .news-item__img {
  display: none
}

.news-item {
  display: block;
}

.news-item-anons {
  display: block;
}

.news-grid .news-item__footer {
  margin-top: auto
}

@media (min-width:1024px) {
  .news-list._search .news-item__img {
    width: 32rem;
    height: 17.9rem
  }
}

.news-list .news-item {
  padding-bottom: 2.4rem
}

.news-list .news-item-anons {
  padding-bottom: 2.4rem
}

@media (max-width:767px) {
  .news-list .news-item {
    flex-direction: column
  }
  .news-list .news-item-anons {
    flex-direction: column
  }
}

.news-list .news-item:not(:last-child) {
  margin-bottom: 2.4rem;
  border-bottom: 1px solid #d9d9de
}

.news-list .news-item-anons:not(:last-child) {
  margin-bottom: 2.4rem;
  border-bottom: 1px solid #d9d9de
}

.news-block {
  flex-wrap: wrap;
  margin: -1.6rem;
  display: flex
}

@media (max-width:767px) {
  .news-block {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem
  }
}

.news-block .news-item {
  width: calc(50% - 3.2rem);
  margin: 1.6rem;
  flex-direction: column
}

.news-block .news-item-anons {
  width: calc(50% - 3.2rem);
  margin: 1.6rem;
  flex-direction: column
}

@media (max-width:767px) {
  .news-block .news-item {
    width: calc(100% - 2rem);
    margin: 1rem
  }
  .news-block .news-item-anons {
    width: calc(100% - 2rem);
    margin: 1rem
  }
}

.news-block .news-item__img {
  width: 100%;
  height: 18rem;
  margin-bottom: 1.6rem
}

.news-block .news-item__title {
  order: 2;
  color: #333
}

.news-block .news-item__footer {
  order: 1;
  margin-bottom: .8rem
}

.news-item {
  display: flex
}

.news-item-anons {
  display: flex
}

.news-item__img {
  flex-shrink: 0;
  width: 14.4rem;
  height: 8.1rem;
  margin-right: 3.2rem
}

@media (max-width:767px) {
  .news-item__img {
    width: 20rem;
    height: 11.2rem;
    margin: 0 0 1.4rem
  }
}

.news-item__img img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.news-item__img img[src=""] {
  text-indent: -999rem
}

.news-item__img img[src=""]:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url() no-repeat 50%/cover;
  content: ""
}

.news-item__content {
  display: flex;
  flex-direction: column
}

.news-item__title {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin: 0 0 1.2rem;
  color: #5583b6;
  font-weight: 600
}

@media (min-width:1024px) {
  .news-item__title:hover {
    text-decoration: underline
  }
}

.news-item__text {
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  line-height: 2rem
}

.news-item__footer {
  display: flex;
  font-size: 1.4rem;
  line-height: 2rem
}

.news-item__footer .news-item__cat {
  margin: 0;
  color: #5583b6
}

@media (min-width:1024px) {
  .news-item__footer .news-item__cat:hover {
    text-decoration: underline
  }
}

.news-item__date {
  flex-shrink: 0;
  margin-right: 1.2rem;
  color: #76767a
}

.news-item__date:not(:last-child) {
  margin-bottom: .8rem
}

.news-item__cat {
  margin: 0 0 1.2rem;
  color: #76767a;
  font-size: 1.4rem;
  line-height: 2rem
}

.news-header {
  margin-bottom: 4rem
}

.news-header__info {
  font-size: 1.4rem;
  line-height: 2rem
}

.news-header__date {
  margin-right: 1.2rem;
  color: #76767a
}

.news-header__cat {
  color: #5583b6
}

.news-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: 2rem 0 4rem;
  padding-top: 2rem;
  border-top: 1px solid #d9d9de
}

.news-footer .social {
  margin-right: 1.2rem
}

.news-footer__info {
  margin: 0;
  color: #76767a;
  font-size: 1.4rem
}

.news-categories {
  display: flex;
  flex-wrap: wrap;
  max-width: 50rem
}

@media (max-width:767px) {
  .news-categories {
    margin-bottom: 1.2rem
  }
}

.news-categories .field-checkbox {
  margin: 0 0 2rem
}

@media (max-width:767px) {
  .news-categories .field-checkbox {
    margin-bottom: 1.2rem
  }
}

.news-categories .field-checkbox:not(:last-child) {
  margin-right: 2rem
}

@media (max-width:767px) {
  .news-categories .field-checkbox:not(:last-child) {
    margin-right: 1.2rem
  }
}

.news-categories .field-checkbox input:checked+label {
  color: #fff;
  background-color: #42886f
}

.news-categories .field-checkbox label {
  font-size: 1.6rem;
  line-height: 2.4rem;
  display: flex;
  align-items: center;
  padding: .8rem 1.4rem;
  border: 1px solid #42886f;
  border-radius: 5px;
  background-color: transparent;
  transition: color .3s ease, background-color .3s ease, border-color .3s ease
}

@media (min-width:1024px) {
  .news-categories .field-checkbox label:hover {
    color: #fff;
    background-color: #42886f
  }
}

@media (max-width:767px) {
  .news-categories .field-checkbox label {
    font-size: 1.4rem;
    line-height: 2rem
  }
}

.news-categories .field-checkbox label:after,
.news-categories .field-checkbox label:before {
  display: none
}

.about-slider {
  position: relative;
  width: 100%
}

@media (max-width:1023px) {
  .about-slider {
    margin-bottom: 4.5rem
  }
}

@media (max-width:767px) {
  .about-slider {
    margin-bottom: 4.4rem
  }
}

.about-slider__slide {
  width: 100%;
  height: 1px;
  min-height: 41.3rem
}

.about-slider__slide+.about-slider__slide {
  margin-left: 2rem
}

@media (max-width:767px) {
  .about-slider__slide {
    min-height: 19.1rem
  }

  .about-slider__slide+.about-slider__slide {
    margin-left: 1rem
  }
}

.about-slider__img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -o-object-fit: cover;
  object-fit: cover
}

.about-slider .flickity-viewport {
  height: 100%;
  border-radius: 5px;
  overflow: hidden
}

.about-slider .flickity-page-dots {
  position: absolute;
  bottom: -2.8rem;
  width: 100%
}

@media (max-width:767px) {
  .about-slider .flickity-page-dots {
    bottom: -2.7rem
  }
}

.news-slider {
  position: relative;
  width: 100%;
  min-height: auto;
  padding: 0;
  overflow: hidden
}

.news-slider .flickity-page-dots {
  position: absolute;
  bottom: 4.8rem;
  left: 4.8rem;
  justify-content: flex-start
}

@media (max-width:767px) {
  .news-slider .flickity-page-dots {
    bottom: 1.6rem;
    left: 1.6rem;
    justify-content: center;
    width: calc(100% - 3.2rem)
  }
}

.news-slider .flickity-page-dots .dot {
  border-color: #fff
}

@media (max-width:767px) {
  .news-slider .flickity-page-dots .dot {
    border-color: #5583b6
  }
}

.news-slider .flickity-page-dots .dot.is-selected {
  background-color: #fff
}

@media (max-width:767px) {
  .news-slider .flickity-page-dots .dot.is-selected {
    background-color: #5583b6
  }
}

.news-slide {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: 28.6rem
}

.news-slide+.news-slide {
  margin-left: 2rem
}

@media (max-width:767px) {
  .news-slide {
    flex-direction: column;
    height: auto;
    min-height: auto
  }
}

.news-slide__img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width:767px) {
  .news-slide__img {
    position: relative;
    top: auto;
    left: auto;
    z-index: 1;
    flex-shrink: 0;
    height: 13.2rem
  }
}

.news-slide__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.news-slide__content {
  position: relative;
  max-height: 100%;
  padding: 1.6rem 17.6rem 9.4rem 4.8rem
}

@media (max-width:767px) {
  .news-slide__content {
    padding: 1.6rem 1.6rem 4.6rem
  }
}

.news-slide__content:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .286458) 17.19%, #000);
  opacity: .7;
  content: ""
}

@media (max-width:767px) {
  .news-slide__content:before {
    display: none
  }
}

.news-slide__title {
  margin: 0;
  color: #fff
}

@media (max-width:767px) {
  .news-slide__title {
    color: #5583b6
  }
}

.about-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  list-style: none
}

@media (max-width:1023px) {
  .about-nav {
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: -1.6rem
  }
}

@media (max-width:767px) {
  .about-nav {
    flex-direction: column;
    flex-wrap: nowrap
  }
}

@media (max-width:1023px) {
  .about-nav__item {
    width: calc(50% - .8rem);
    margin-bottom: 1.6rem
  }
}

@media (max-width:767px) {
  .about-nav__item {
    width: 100%
  }
}

.site-sections {
  position: relative;
  overflow: hidden;
  -moz-columns: 3;
  column-count: 3
}

.site-sections:after {
  -moz-column-break-after: avoid-column;
  break-after: avoid-column;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  background: #f5f5f7;
  content: " "
}

@media (max-width:1023px) {
  .site-sections {
    -moz-columns: 2;
    column-count: 2
  }
}

@media (max-width:767px) {
  .site-sections {
    -moz-columns: 1;
    column-count: 1
  }
}

@media (max-width:767px) {
  .site-sections2 {

  }
}
.site-sections__button {
  display: flex;
  align-items: center;
  height: 8rem;
  padding: 2rem 0;
  border-bottom: 1px solid #e5e5eb;
  font-size: 1.8rem;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  transition: color .2s ease
}

@media (max-width:1023px) {
  .site-sections__button:last-child {
    display: none
  }
}

@media (max-width:767px) {
  .site-sections__button:not(:nth-child(-n+5)) {
    display: none
  }
}

/* Begin Полный вовод списка районов в мобильной версиии */
@media (max-width:767px) {
  .site-sections__button2:last-child {
    display: none
  }
}

.site-sections__button2 {
  display: flex;
  align-items: center;
  height: 8rem;
  padding: 2rem 0;
  border-bottom: 1px solid #e5e5eb;
  font-size: 1.8rem;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  transition: color .2s ease
}
/* End Полный вовод списка районов в мобильной версиии */

@media (min-width:1024px) {
  .site-sections__button:hover {
    color: #5583b6
  }
}

.social-list {
  display: flex;
  flex-direction: column;
  margin-top: 1.7rem
}

.social-list .btn {
  font-size: 1.8rem;
  line-height: 2.4rem;
  display: flex;
  align-items: center;
  margin: 0;
  color: #5583b6
}

@media (min-width:1024px) {
  .social-list .btn:hover {
    text-decoration: underline
  }
}

.social-list .btn:not(:last-child) {
  margin-bottom: 1.6rem
}

.social-list .btn .btn-icon {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 1.6rem;
  border: 1px solid #5583b6;
  background-color: #fff
}

@media (min-width:1024px) {
  .cur-topics {
    margin-bottom: -3.2rem
  }
}

@media (max-width:1023px) {
  .cur-topics .row {
    display: block;
    margin: 0
  }
}

.topic-card {
  display: flex;
  flex-direction: column;
  height: calc(100% - 3.2rem);
  margin-bottom: 3.2rem;
  padding: 2.4rem;
  border-radius: 5px;
  overflow: hidden;
  background-color: #f5f5f7
}

@media (max-width:1023px) {
  .topic-card {
    height: 100%;
    padding: 1.6rem
  }
}

.topic-card>* {
  z-index: 1
}

.topic-card__header {
  display: flex;
  align-items: center;
  margin-bottom: 2.7rem
}

.topic-card__header svg {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.7rem;
  color: #000
}

@media (max-width:1023px) {
  .topic-card__header {
    margin-bottom: 1.6rem
  }

  .topic-card__header svg {
    margin-right: 1.2rem
  }
}

.topic-card__footer {
  margin-top: auto;
  padding-top: 3.2rem
}

.topic-card__footer svg._icon-arrow-2 {
  width: 3.5rem;
  height: 3rem;
  margin-bottom: .9rem
}

@media (max-width:1023px) {
  .topic-card__footer svg._icon-arrow-2 {
    width: 2.4rem;
    margin-bottom: 0
  }
}

.topic-card__title {
  margin: 0
}

@media (max-width:1023px) {
  .topic-card__title {
    font-size: 1.6rem
  }
}

.topic-card__text {
  margin: 0;
  font-size: 1.8rem
}

.topic-card__text+.topic-card__text {
  margin-top: 2.4rem
}

@media (max-width:1023px) {
  .topic-card__text {
    font-size: 1.6rem;
    line-height: 2.4rem
  }

  .topic-card__text+.topic-card__text {
    margin-top: 1.6rem
  }
}

.topic-card__about-link {
  color: #5583b6;
  font-size: 1.8rem;
  transition: color .1s ease
}

.topic-card__about-link:after {
  content: " →"
}

@media (min-width:1024px) {
  .topic-card__about-link:hover {
    color: #3c5572
  }
}

@media (max-width:1023px) {
  .topic-card__about-link {
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

.topic-card__inline-link {
  color: #5583b6;
  text-decoration: underline
}

@media (min-width:1024px) {
  .topic-card__inline-link:hover {
    color: #3c5572
  }
}

.topic-card__row {
  display: flex;
  margin: 0 -1.6rem
}

@media (max-width:1023px) {
  .topic-card__row {
    flex-wrap: wrap
  }
}

.topic-card__col {
  flex: 1 0 0;
  padding: 0 1.6rem
}

@media (max-width:1023px) {
  .topic-card__col {
    flex: initial
  }
}

.topic-card._covid-info {
  color: #fff;
  background: no-repeat url() calc(100% - 3rem) bottom, #42886f;
  background-size: 21rem 26rem
}

.topic-card._covid-info .topic-card__header {
  margin-bottom: 2.2rem
}

.topic-card._covid-info .topic-card__title {
  color: inherit
}

@media (max-width:1023px) {
  .topic-card._covid-info {
    min-height: 0;
    background-size: 57%
  }

  .topic-card._covid-info .topic-card__title {
    font-size: 1.9rem;
    line-height: 2.4rem
  }

  .topic-card._covid-info .topic-card__text {
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

.topic-card._gu {
  background: #f5f5f7 url() no-repeat calc(100% - 2rem) calc(100% - 2rem)/4.5rem 4.9rem
}

.topic-card._victory {
  color: #fff;
  background: #df4f2c url() no-repeat;
  background-size: cover
}

.topic-card._victory .topic-card__title {
  color: inherit
}

.topic-card._victory .topic-card__body img {
  width: 28rem;
  height: 28.9rem;
  margin: 0 auto
}

@media (max-width:1023px) {
  .topic-card._victory .topic-card__body img {
    height: 27rem
  }
}

.topic-card._victory .topic-card__footer svg._icon-arrow-2 {
  margin-bottom: 1.3rem
}

@media (max-width:1023px) {
  .topic-card._victory .topic-card__footer svg._icon-arrow-2 {
    margin-bottom: 0
  }
}

.topic-card._site {
  align-items: center;
  justify-content: center;
  background-color: #5583b6
}

.topic-card._site .topic-card__body img {
  width: 100%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain
}

@media (max-width:1023px) {
  .topic-card._site .topic-card__body {
    width: calc(100% - 4.8rem)
  }
}

.topic-card._budget {
  position: relative;
  min-height: 36rem
}

.topic-card._budget svg._icon-coin {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  z-index: 0;
  width: 12.3rem;
  height: 12.3rem
}

@media (max-width:1023px) {
  .topic-card._budget {
    height: auto
  }

  .topic-card._budget .topic-card__row {
    flex-direction: column-reverse
  }

  .topic-card._budget svg._icon-coin {
    right: -4rem;
    bottom: -4.4rem;
    left: auto
  }
}

.topic-card._d-tv {
  position: relative;
  padding-bottom: 6rem
}

.topic-card._d-tv .topic-card__body img {
  position: absolute;
  right: 2.5rem;
  bottom: 2.5rem;
  z-index: -1;
  width: 16.3rem;
  height: 16.3rem
}

@media (max-width:1023px) {
  .topic-card._d-tv .topic-card__body img {
    bottom: -3rem;
    width: 17rem;
    height: 17rem
  }
}

@media (max-width:767px) {
  .topic-card._d-tv .topic-card__body img {
    right: 0;
    bottom: -5rem
  }
}

.topic-card._taxi {
  padding-bottom: 3.2rem;
  background-color: #f0ce7d
}

@media (max-width:1023px) {
  .topic-card._taxi {
    padding-bottom: 1.6rem
  }
}

.topic-card._taxi .topic-card__header {
  margin-bottom: .8rem
}

.topic-card._taxi .topic-card__footer {
  position: relative
}

.topic-card._taxi .topic-card__footer img {
  position: absolute;
  right: -2rem;
  bottom: 0;
  width: 13.4rem;
  height: 7.7rem
}

.topic-card._gu-banner {
  position: relative
}

.topic-card._gu-banner .topic-card__footer {
  z-index: 0
}

.topic-card._gu-banner .topic-card__footer img {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 37.7rem;
  height: 9rem
}

@media (max-width:1023px) {
  .topic-card._gu-banner .topic-card__footer img {
    width: 25rem;
    height: 6rem
  }
}

.topic-card._gu-banner .topic-card__footer svg._icon-arrow-2 {
  color: #5583b6
}

.topic-card._scheme {
  position: relative
}

.topic-card._scheme .topic-card__footer {
  z-index: 0
}

.topic-card._scheme .topic-card__footer img {
  position: absolute;
  right: -.8rem;
  bottom: -7rem;
  display: block;
  width: 17rem;
  height: 19.4rem
}

.topic-card._scheme .topic-card__footer svg._icon-arrow-2 {
  color: #5583b6
}

@media (max-width:1023px) {
  .topic-card._scheme .topic-card__footer img {
    right: -4rem;
    bottom: -7rem
  }
}

.topic-card-deck {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  align-items: stretch;
  height: calc(100% - 3.2rem);
  margin-bottom: 3.2rem
}

@media (max-width:1023px) {
  .topic-card-deck {
    height: 100%;
    margin: 0
  }

  .topic-card-deck .topic-card {
    width: 100%;
    height: 50%;
    margin-right: 0;
    margin-left: 0
  }
}

.topic-card-deck .topic-card {
  height: 100%;
  min-height: 16rem;
  margin-bottom: 0
}

.topic-card-deck .topic-card__footer {
  padding-top: 1rem
}

.topic-card-deck .topic-card__footer svg._icon-arrow-2 {
  position: absolute;
  bottom: 2.4rem;
  left: 3.2rem;
  margin-bottom: 0
}

@media (max-width:1023px) {
  .topic-card-deck .topic-card__footer svg._icon-arrow-2 {
    bottom: 1.2rem;
    left: 1.6rem;
    width: 2.4rem;
    margin-bottom: 0
  }
}

.topic-card-deck .topic-card+.topic-card {
  margin-top: 3.2rem
}

@media (max-width:1023px) {
  .topic-card-deck .topic-card+.topic-card {
    margin-top: 2.6rem
  }
}

@media (max-width:1023px) {
  .cur-topics-slider:after {
    display: none;
    content: "flickity"
  }
}

@media (max-width:1023px) {
  .cur-topics-slider__slide {
    width: calc(50% - 1.6rem);
    height: 40rem;
    margin: 0 1.6rem
  }
}

@media (max-width:767px) {
  .cur-topics-slider__slide {
    width: 100%;
    height: 37.6rem
  }
}

.cur-topics-slider .flickity-page-dots {
  width: 100%;
  margin-top: 1.6rem
}

.breadcrumbs {
  width: 100%;
  max-width: 102.4rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 4rem;
  color: #5583b6;
  font-size: 1.4rem
}

@media (max-width:1023px) {
  .breadcrumbs {
    max-width: calc(100% - 8rem)
  }
}

@media (max-width:767px) {
  .breadcrumbs {
    max-width: calc(100% - 4rem)
  }
}

@media print {
  .breadcrumbs {
    display: none
  }
}

@media (max-width:1023px) {
  .breadcrumbs {
    display: none
  }
}

.breadcrumbs li {
  vertical-align: middle
}

.breadcrumbs li:not(:last-child):after {
  display: inline-block;
  width: .9rem;
  height: 1.1rem;
  margin: 0 1.2rem;
  background: url() no-repeat 50%/contain;
  content: ""
}

@media (max-width:767px) {
  .breadcrumbs li:not(:last-child):after {
    margin: 0 1.4rem 0 1rem
  }
}

.breadcrumbs li:last-child {
  color: #76767a
}

.pagination-wrap {
  width: 100%;
  margin: 1.6rem 0 0
}

.pagination,
.pagination-wrap {
  display: flex;
  align-items: center
}

.pagination {
  position: relative;
  color: #5583b6
}

@media (max-width:767px) {
  .pagination {
    justify-content: space-between;
    width: 100%;
    font-size: 1.4rem
  }
}

.pagination li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-right: .8rem
}

@media (max-width:767px) {
  .pagination li {
    width: 3rem;
    height: 3rem;
    margin-right: 5px
  }
}

.pagination li:last-child {
  margin-right: 0
}

.pagination li._active {
  border-radius: 50%;
  color: #fff;
  background-color: #5583b6
}

.pagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.pagination__next,
.pagination__prev {
  display: flex;
  align-items: center;
  width: 1rem;
  height: 100%
}

.pagination__next.disabled,
.pagination__prev.disabled {
  display: none
}

.pagination__next:after,
.pagination__prev:after {
  width: 2.4rem;
  height: 2.4rem;
  background: url("") no-repeat 50%;
  content: ""
}

.pagination__prev {
  margin-right: 1.6rem
}

.pagination__prev:after {
  transform: rotate(180deg)
}

.pagination__next {
  margin-left: 1.6rem
}

.pagination-next,
.pagination-prev {
  display: flex;
  align-items: center;
  width: 1rem;
  height: 100%
}

.pagination-next[disabled],
.pagination-prev[disabled] {
  display: none
}

.pagination-next svg,
.pagination-prev svg {
  width: 2.4rem;
  height: 2.4rem;
  transform: translateY(2px)
}

.pagination-prev {
  margin-right: 1.6rem
}

.pagination-prev svg {
  transform: translateY(2px) rotate(180deg)
}

.pagination-next {
  margin-left: 1.6rem
}

.field {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.field:not(:last-child) {
  margin-bottom: 2rem
}

.field>p {
  margin: 0
}

.field>p._error {
  color: #d51a1a
}

.field>p:not(:last-child) {
  margin-bottom: 1.6rem
}

.field input:not([type=file]),
.field select,
.field textarea {
  display: block;
  width: 100%;
  height: 4.8rem;
  padding: 0 2.4rem;
  border: 1px solid #a7a7ab;
  border-radius: 4px;
  color: #333;
  transition: border-color .3s ease
}

@media (min-width:1024px) {

  .field input:not([type=file]):hover,
  .field select:hover,
  .field textarea:hover {
    border-color: #000
  }
}

@media (max-width:1023px) {

  .field input:not([type=file]),
  .field select,
  .field textarea {
    padding: 0 1.6rem
  }
}

.field input:not([type=file])::-webkit-input-placeholder,
.field select::-webkit-input-placeholder,
.field textarea::-webkit-input-placeholder {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #76767a
}

.field input:not([type=file])::-moz-placeholder,
.field select::-moz-placeholder,
.field textarea::-moz-placeholder {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #76767a
}

.field input:not([type=file]):-ms-input-placeholder,
.field select:-ms-input-placeholder,
.field textarea:-ms-input-placeholder {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #76767a
}

.field input:not([type=file])::placeholder,
.field select::placeholder,
.field textarea::placeholder {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #76767a
}

.field textarea {
  display: block;
  width: 100%;
  height: auto;
  min-height: 16.5rem;
  max-height: 30rem;
  padding: 1rem 2.4rem;
  font-size: 1.6rem;
  resize: none
}

.field select {
  padding-right: 4rem;
  -moz-text-align-last: right;
  background: #fff url("") no-repeat calc(100% - 1.6rem) calc(50% + 1px);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

.field select::-ms-expand {
  display: none
}

.field>label {
  font-size: 1.8rem;
  line-height: 2.8rem;
  display: block;
  margin-bottom: .8rem
}

.field._page-search {
  width: 100%;
  margin-bottom: 3.2rem
}

@media (max-width:767px) {
  .field._page-search {
    margin-bottom: 1.6rem
  }
}

.field._page-search input {
  padding-right: 6rem;
  border: 0;
  border-radius: 0
}

.field._page-search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent
}

.field._page-search button svg {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 2.4rem 0 auto
}

.field._date input {
  padding-right: 4rem;
  background: url() no-repeat calc(100% - 1.2rem) 50%/2.4rem 2.4rem
}

.field._focused input,
.field._focused textarea {
  border: 2px solid #5583b6
}

.field._error>input,
.field._error>textarea {
  border-color: #e52e2e
}

.field._error:after {
  display: block;
  margin-top: .6rem;
  padding: 0 0 0 2.2rem;
  overflow: hidden;
  color: #e52e2e;
  font-size: 1.2rem;
  line-height: 1;
  text-overflow: ellipsis;
  content: attr(title)
}

.field._captcha img,
.field._captcha input {
  width: 17.6rem
}

.field._captcha img {
  height: 3.8rem
}

.field._captcha img:not(:last-child) {
  margin-bottom: 2rem
}

.field._required label:after {
  color: #d51a1a;
  content: "*"
}

.field label+:not(input) {
  margin: 0 0 4px;
  color: #76767a
}

.field__controls {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.field__controls>input:not([type=file]),
.field__controls>select,
.field__controls>textarea {
  width: auto
}

.field__controls:not(:last-child) {
  margin-bottom: 1.6rem
}

@media (max-width:767px) {
  .field__controls {
    flex-direction: column
  }
}

.field__controls>:not(:last-child) {
  margin-right: 1.6rem
}

@media (max-width:767px) {
  .field__controls>:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1.6rem
  }
}

.field-checkbox {
  margin-bottom: 2rem
}

.field-checkbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0)
}

.field-checkbox input:checked+label:before {
  border-color: #5583b6
}

.field-checkbox input:checked+label:after {
  opacity: 1
}

.field-checkbox label {
  font-size: 1.8rem;
  line-height: 2.8rem;
  position: relative;
  display: block;
  padding-left: 2.8rem
}

.field-checkbox label:before {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  border: 1px solid #a7a7ab;
  border-radius: 2px;
  background-color: #fff;
  transition: color .25s ease, border-color .25s ease;
  content: ""
}

@media (max-width:767px) {
  .field-checkbox label:before {
    top: 3px
  }
}

.field-checkbox label:after {
  position: absolute;
  top: .7rem;
  left: .7rem;
  width: .6rem;
  height: 1.2rem;
  border-right: 3px solid #5583b6;
  border-bottom: 3px solid #5583b6;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity .25s ease;
  content: ""
}

@media (max-width:1023px) {
  .field-checkbox label:after {
    top: 5px
  }
}

.news .sidebar-wrap {
  float: none !important
}

.sidebar-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between
}

@media print {
  .sidebar-wrap {
    display: none
  }
}

@media (min-width:1024px) {
  .sidebar-wrap+.container__content {
    min-height: 40rem;
    margin-left: auto
  }
}

.sidebar {
  position: absolute;
  top: 100%;
  left: 0;
  width: 32rem;
  padding: 2.4rem;
  background-color: #fff
}

@media (max-width:1023px) {
  .sidebar {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-bottom: 3.2rem
  }

  .sidebar .btn-wrap {
    justify-content: flex-start
  }

  .sidebar .btn-wrap .btn+.btn {
    margin-left: 2.1rem
  }
}

@media (max-width:767px) {
  .sidebar {
    padding: 1.6rem
  }

  .sidebar .btn-wrap .btn+.btn {
    margin-left: 1.6rem
  }
}

.sidebar .btn-wrap,
.sidebar .field+.field {
  margin-top: 2.8rem
}

.sidebar .pages {
  margin: -2.4rem
}

@media (max-width:767px) {
  .sidebar .pages {
    margin: -1.6rem
  }
}

.gallery {
  position: relative;
  width: 100%
}

.gallery:not(:last-child) {
  margin-top: 2rem
}

.gallery__slider {
  position: relative;
  overflow: hidden
}

.gallery__slider a {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  cursor: zoom-in
}

.gallery__slider a img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transform: translate(-50%, -50%)
}

.gallery__slider .flickity-button {
  position: absolute;
  top: calc(50% - 2rem);
  width: 4rem;
  height: 4rem;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  transition: opacity .3s ease, background-color .3s ease, color .3s ease
}

@media (min-width:1024px) {
  .gallery__slider .flickity-button:hover {
    color: #fff;
    background-color: #5583b6
  }
}

@media (min-width:1024px) {
  .gallery__slider .flickity-button:hover:active {
    color: #fff;
    background-color: #3c5572
  }
}

@media (max-width:767px) {
  .gallery__slider .flickity-button {
    width: 3rem;
    height: 3rem
  }
}

@media (min-width:1024px) {
  .gallery__slider .flickity-button {
    opacity: 0
  }
}

.gallery__slider .flickity-button.next {
  right: 2rem
}

@media (max-width:767px) {
  .gallery__slider .flickity-button.next {
    right: 1rem
  }
}

.gallery__slider .flickity-button.previous {
  left: 2rem
}

@media (max-width:767px) {
  .gallery__slider .flickity-button.previous {
    left: 1rem
  }
}

.gallery__slider .flickity-button.previous:after {
  transform: rotate(180deg)
}

.gallery__slider .flickity-button.next[disabled],
.gallery__slider .flickity-button.previous[disabled] {
  opacity: 0
}

@media (min-width:1024px) {
  .gallery__slider:hover .flickity-button {
    opacity: 1
  }
}

.gallery__control {
  position: relative;
  width: 100%;
  margin-top: 2rem;
  overflow: hidden
}

@media (max-width:767px) {
  .gallery__control {
    margin-top: 1rem
  }
}

.gallery__nav {
  display: block;
  width: 14.4rem;
  height: 8.1rem;
  margin-right: 1rem
}

@media (max-width:767px) {
  .gallery__nav {
    width: 12rem;
    height: 6rem
  }
}

.gallery__nav:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: .5;
  transition: opacity .3s ease;
  content: ""
}

.gallery__nav img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.gallery__nav.is-nav-selected:after {
  opacity: 0
}

@media (min-width:1024px) {
  .gallery__nav:hover:after {
    opacity: 0
  }
}

.gallery__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

.gallery__footer:not(:first-child) {
  margin-top: 32px
}

.gallery__footer .social-block:not(:last-child) {
  margin: 0 16px 0 -16px
}

.gallery__download {
  display: flex;
  align-items: center;
  justify-content: center
}

.accordion {
  position: relative;
  margin-bottom: 2rem;
  overflow: hidden;
  background-color: #fff
}

.accordion:last-child {
  margin-bottom: 0
}

.accordion__top {
  font-size: 1.6rem;
  line-height: 2.4rem;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2rem 4.5rem 2rem 2.4rem;
  color: #76767a;
  text-align: left;
  cursor: pointer
}

@media (max-width:767px) {
  .accordion__top {
    padding-right: 5rem
  }
}

.accordion__top._open:after {
  transform: translateY(-50%) rotate(-90deg)
}

.accordion__top:after {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  display: block;
  width: 1.6rem;
  height: 1.4rem;
  background-image: url();
  background-size: contain;
  transform: translateY(-50%) rotate(90deg);
  transition: transform .3s ease;
  content: ""
}

.accordion__top strong {
  margin-bottom: 4px;
  color: #5583b6;
  text-align: left
}

.accordion__top strong:last-child {
  margin-bottom: 0
}

.accordion__content {
  height: 0;
  padding: 0 2.4rem;
  transition: height .3s ease
}

.accordion__content:after {
  position: relative;
  display: block;
  width: 100%;
  height: 2rem;
  content: ""
}

.accordion-wrap {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.contact-block {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 2rem 0;
  padding: 2rem 2.4rem;
  background-color: #fff
}

.contact-block p:not([class]) {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 1.8rem 0
}

.contact-block p:not([class]):first-child {
  margin-top: 0
}

.contact-block p:not([class]):last-child {
  margin-bottom: 0
}

.contact-block:first-child {
  margin-top: 0
}

.contact-block:last-child {
  margin-bottom: 0
}

.pages__list {
  display: flex;
  flex-direction: column
}

.pages__list li:not(:last-child) a:after {
  position: absolute;
  bottom: 0;
  left: 2.4rem;
  display: block;
  width: calc(100% - 4.8rem);
  height: 1px;
  background: #d9d9de;
  content: ""
}

.pages__list li a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 2.4rem;
  line-height: 2.4rem;
  color: #5583b6;
  transition: color .3s ease
}

@media (min-width:1024px) {
  .pages__list li a:hover:not(._active) {
    color: #3c5572
  }
}

.pages__list li a._hover:not(._active) {
  color: #3c5572
}

.pages__list li a._active {
  color: #000;
  font-weight: 700
}

.pages__list li a._external {
  flex-shrink: 0;
  justify-content: space-between
}

.error-message {
  position: relative;
  z-index: 1001
}

@media (min-width:1024px) {
  .error-message .text-content p {
    padding-right: 18rem
  }

  .error-message .text-content ul {
    max-width: 67rem;
    margin-left: 4rem
  }
}

.error-message__banner {
  position: absolute;
  right: 0;
  z-index: -1
}

.error-message__banner img {
  width: 32rem;
  height: 31.5rem
}

@media (max-width:1023px) {
  .error-message__banner img {
    opacity: .5
  }
}

.files {
  position: relative;
  width: 100%;
  max-width: 48rem;
  padding: 3.2rem;
  border: 1px solid #a7a7ab
}

@media (max-width:767px) {
  .files {
    padding: 2.4rem
  }
}

.files input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0)
}

.files label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.7rem;
  overflow: hidden;
  color: #5583b6;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff
}

.files label._disabled {
  border-color: #a7a7ab;
  color: #a7a7ab;
  background-color: #f2f2f3;
  cursor: not-allowed;
  pointer-events: none
}

@media (max-width:767px) {
  .files label {
    width: 100%
  }
}

.files__controls {
  display: flex;
  align-items: center
}

@media (max-width:767px) {
  .files__controls {
    flex-direction: column;
    align-items: flex-start
  }
}

.files__list {
  margin: 1rem 0 -1.6rem;
  padding-left: 1.2rem
}

.files__list:empty {
  display: none
}

.files__list>:not(:last-child) {
  margin-bottom: .6rem
}

.files__name {
  font-size: 1.4rem;
  line-height: 2rem;
  display: flex
}

.files__name>:not(:last-child) {
  margin-right: .5rem
}

.files__name>span {
  max-width: 22rem;
  overflow-x: hidden;
  color: #76767a;
  white-space: nowrap;
  text-overflow: ellipsis
}

.files__name>button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  color: #e52e2e;
  background-color: transparent
}

.files__name>button,
.files__name>button>svg {
  width: 1.4rem;
  height: 1.4rem
}

.files__message {
  flex: 1 1 auto;
  margin: 0 0 0 2.4rem !important;
  color: #76767a
}

@media (max-width:767px) {
  .files__message {
    margin: 5px 0 0 !important
  }
}

.search-filters {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 2.8rem
}

.search-filters .field-checkbox {
  margin: 0 0 1.2rem
}

.search-filters .field-checkbox:not(:last-child) {
  margin-right: 1.2rem
}

.search-filters .field-checkbox input:checked+label {
  color: #fff;
  background-color: #5583b6
}

.search-filters .field-checkbox input:checked+label:before {
  border: 0;
  box-shadow: inset 0 0 0 4px #fff, inset 0 2rem 0 #5583b6
}

.search-filters .field-checkbox label {
  display: flex;
  align-items: center;
  padding: .8rem 1.4rem;
  border-radius: 1rem;
  background-color: #fff;
  transition: color .3s ease, background-color .3s ease
}

@media (max-width:767px) {
  .search-filters .field-checkbox label {
    font-size: 1.4rem;
    line-height: 2rem
  }
}

.search-filters .field-checkbox label:before {
  position: relative;
  top: auto;
  left: auto;
  flex-shrink: 0;
  margin-right: 1.4rem;
  border: 2px solid #333;
  border-radius: 50%
}

.search-filters .field-checkbox label:after {
  display: none
}

.social__title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: .8rem;
  color: #76767a;
  font-weight: 400
}

.social__links {
  display: flex
}

.social__links>:not(:last-child) {
  margin-right: 1.2rem
}

.social__links a {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e5e5eb !important;
  background: #5583b6
}

.social__links ._icon-vk {
  width: 1.6rem;
  height: 1rem
}

.social__links ._icon-ok {
  width: 1rem;
  height: 1.7rem
}

.social__links ._icon-in {
  width: 1.8rem;
  height: 1.8rem
}

.social__links ._icon-fb {
  width: 1rem;
  height: 1.9rem
}

.social__links ._icon-yt {
  width: 2rem;
  height: 1.3rem
}

.social__links ._icon-tg {
  width: 2rem;
  height: 1.7rem
}

.fancybox__container {
  z-index: 10000 !important
}

.fancybox__container .fancybox__backdrop {
  background-color: rgba(1, 28, 61, .25)
}

.fancybox__container .fancybox__content {
  margin: 0 1.6rem;
  padding: 0;
  border-radius: .8rem;
  overflow: hidden
}

.fancybox__container .fancybox__content .carousel__button.is-close {
  width: 1.7rem;
  height: 1.7rem;
  top: 3rem;
  right: 3.2rem
}

.fancybox__container .fancybox__content .carousel__button.is-close:before {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  content: ""
}

.fancybox__container .fancybox__content .carousel__button.is-close svg {
  display: none
}

.message-popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 47.8rem;
  min-height: 31.2rem;
  padding: 5.1rem 3.2rem 3rem
}

.message-popup:after {
  width: 7.8rem;
  height: 7.8rem;
  display: block;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  content: ""
}

.message-popup._error:after {
  background-image: url("")
}

.message-popup__title {
  margin: 0 0 2.4rem;
  text-align: center
}

.info-popup {
  max-width: 73.6rem
}

.info-popup__title {
  margin: 0;
  padding: 1.8rem 6.4rem 1.8rem 3.2rem;
  background-color: #f2f2f3
}

.info-popup__content {
  max-height: 60rem;
  padding: 2.4rem 3.2rem;
  overflow-y: scroll
}

.info-popup__content>:not(:last-child) {
  margin: 0 0 2.4rem
}

.info-popup__content a {
  color: #5583b6
}

.co-author-block {
  width: 100%
}

.co-author-block .co-author:not(:last-child) {
  margin-bottom: 1.6rem
}

.co-author {
  position: relative;
  width: 100%;
  padding: 2rem 2.4rem;
  border-radius: 5px;
  background-color: #fff
}

.co-author .co-author__title {
  margin: 0 0 2rem
}

.co-author__title {
  max-width: 75%
}

.co-author__delete {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  top: 2.3rem;
  right: 2.7rem;
  padding: 0;
  border: none;
  background-color: transparent
}

.co-author__delete:after {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  content: ""
}

.social-block {
  position: relative;
  display: inline-flex;
  flex-flow: row wrap;
  width: calc(100% + 1.6rem);
  margin: 0 0 0 -1.6rem
}

.social-block>* {
  margin: 1.6rem 0 0 1.6rem
}

.social-block:not(:last-child) {
  margin-bottom: 3.2rem
}

.social-block:before {
  position: absolute;
  top: 0;
  left: 1.6rem;
  display: block;
  width: 100%;
  max-width: 32rem;
  height: 1px;
  background-color: #d9d9de;
  content: ""
}

.social-block>* {
  flex: 0 0 auto;
  flex-basis: 3.2rem;
  max-width: 3.2rem
}

.social-block>li a {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background-color: #5583b6
}

.social-block>li a>img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.photo-tiles__list {
  display: inline-flex;
  flex-flow: row wrap;
  width: calc(100% + 3.2rem);
  margin: -2rem 0 0 -3.2rem
}

.photo-tiles__list>* {
  margin: 2rem 0 0 3.2rem
}

.photo-tiles__list:not(:last-child) {
  margin-bottom: 8rem
}

@media (max-width:1023px) {
  .photo-tiles__list:not(:last-child) {
    margin-bottom: 6.4rem
  }
}

@media (max-width:767px) {
  .photo-tiles__list:not(:last-child) {
    margin-bottom: 4.8rem
  }
}

.photo-tiles__item {
  flex: 0 0 auto;
  flex-basis: calc(50% - 3.2rem);
  max-width: calc(50% - 3.2rem)
}

@media (max-width:767px) {
  .photo-tiles__item {
    flex-basis: calc(100% - 3.2rem);
    max-width: calc(100% - 3.2rem)
  }
}

._main-photo .photo-tiles__item:first-of-type {
  flex-basis: calc(100% - 3.2rem);
  max-width: calc(100% - 3.2rem)
}

._main-photo .photo-tiles__item:first-of-type .photo-card {
  min-height: 57.2rem;
  padding: 4.8rem
}

@media (max-width:1023px) {
  ._main-photo .photo-tiles__item:first-of-type .photo-card {
    min-height: 38.4rem;
    padding: 3.2rem
  }
}

@media (max-width:767px) {
  ._main-photo .photo-tiles__item:first-of-type .photo-card {
    min-height: 18.6rem;
    padding: 1.6rem
  }
}

@media (min-width:768px) {
  ._main-photo .photo-tiles__item:first-of-type .photo-card__title {
    font-size: 3rem;
    line-height: 3.6rem;
    margin: auto 0 1.6rem
  }
}

@media (min-width:768px) and (max-width:767px) {
  ._main-photo .photo-tiles__item:first-of-type .photo-card__title {
    font-size: 2.2rem;
    line-height: 2.8rem
  }
}

.photo-tiles .pagination {
  justify-content: center
}

.photo-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 27.6rem;
  padding: 2.4rem;
  color: #fff
}

.photo-card:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7));
  transition: opacity .3s ease;
  content: ""
}

@media (min-width:1024px) {
  .photo-card:hover:after {
    opacity: .9
  }
}

@media (max-width:1023px) {
  .photo-card {
    min-height: 18.6rem;
    padding: 1.6rem
  }
}

.photo-card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%)
}

.photo-card__image-count {
  display: flex;
  align-items: center;
  align-self: flex-end
}

.photo-card__image-count:before {
  width: 3rem;
  height: 3rem;
  display: block;
  margin-right: 1rem;
  content: url("")
}

.photo-card__title {
  margin: auto 0 1.2rem;
  padding-top: 1.6rem;
  color: #fff
}

@media (max-width:1023px) {
  .photo-card__title {
    font-size: 1.6rem;
    line-height: 2rem
  }
}

.photo-card__date {
  font-size: 1.4rem;
  line-height: 2rem
}

.twin-cities__list {
  display: inline-flex;
  flex-flow: row wrap;
  width: 100%;
  margin: 0
}

.twin-cities__list>* {
  margin: 0
}

.twin-cities__list:not(:last-child) {
  margin-bottom: 4.8rem
}

@media (max-width:767px) {
  .twin-cities__list:not(:last-child) {
    margin-bottom: 2.4rem
  }
}

.twin-cities__item {
  flex: 0 0 auto;
  flex-basis: 33.33333%;
  max-width: 33.33333%
}

@media (max-width:1023px) {
  .twin-cities__item {
    flex-basis: 50%;
    max-width: 50%
  }
}

@media (max-width:767px) {
  .twin-cities__item {
    flex-basis: 100%;
    max-width: 100%
  }
}

.twin-cities>.text-content a:not([class])[target=_blank] {
  display: inline-block
}

.twin-cities>.text-content a:not([class])[target=_blank]:after {
  display: none
}

.city-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2.4rem
}

@media (max-width:767px) {
  .city-card {
    padding: 1.6rem 1.6rem 1.6rem 2.4rem
  }
}

.city-card__cities {
  position: relative
}

.city-card__cities:not(:last-child) {
  margin-bottom: 1.6rem
}

@media (max-width:767px) {
  .city-card__cities:not(:last-child) {
    margin-bottom: 1.2rem
  }
}

.city-card__flag {
  position: absolute;
  top: .9rem;
  left: -2.4rem;
  width: 1.6rem;
  height: .9rem
}

.city-card__city {
  -webkit-text-decoration: underline rgba(85, 131, 182, 0);
  text-decoration: underline rgba(85, 131, 182, 0);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  transition: -webkit-text-decoration .2s ease;
  transition: text-decoration .2s ease;
  transition: text-decoration .2s ease, -webkit-text-decoration .2s ease;
  color: #5583b6;
  font-weight: 400
}

@media (min-width:1024px) {
  .city-card__city:hover {
    -webkit-text-decoration-color: #5583b6;
    text-decoration-color: #5583b6
  }
}

.city-card__document {
  font-size: 1.4rem;
  line-height: 2rem;
  margin: 0
}

.city-card__document:not(:last-child) {
  margin-bottom: .8rem
}

@media (max-width:767px) {
  .city-card__document:not(:last-child) {
    margin-bottom: .5rem
  }
}

.city-card__date {
  font-size: 1.4rem;
  line-height: 2rem
}

.deputies .deputy:not(:last-child) {
  position: relative;
  margin-bottom: 2.4rem;
  padding-bottom: 2.4rem
}

.deputies .deputy:not(:last-child):after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: calc(100% - 3.2rem);
  height: 1px;
  background-color: #d9d9de;
  content: ""
}

.deputy {
  display: inline-flex;
  flex-flow: row wrap;
  width: calc(100% + 3.2rem);
  margin: -2rem 0 0 -3.2rem
}

.deputy>* {
  margin: 2rem 0 0 3.2rem;
  flex: 0 0 auto;
  flex-basis: calc(50% - 3.2rem);
  max-width: calc(50% - 3.2rem)
}

@media (max-width:1023px) {
  .deputy>* {
    flex-basis: calc(100% - 3.2rem);
    max-width: calc(100% - 3.2rem)
  }
}

.deputy__person-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

.deputy__photo {
  flex: 0 0 14.4rem;
  max-width: 14.4rem;
  margin-right: 3.2rem
}

.deputy__photo>img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

@media (max-width:767px) {
  .deputy__photo {
    flex: 0 0 10.2rem;
    max-width: 10.2rem;
    margin-right: 1.6rem
  }
}

.deputy__person-info {
  flex: 1 1 auto
}

.deputy__name {
  color: #5583b6
}

.deputy__name:not(:last-child) {
  margin-bottom: .8rem
}

.deputy__position {
  font-size: 1.8rem;
  line-height: 2.8rem;
  margin: 0;
  color: #76767a
}

@media (min-width:768px) and (max-width:1023px) {
  .deputy__position {
    max-width: 70%
  }
}

@media (max-width:767px) {
  .deputy__position {
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

.subdivisions-block__title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #76767a
}

.subdivisions-block__title:not(:last-child) {
  margin-bottom: .8rem
}

.subdivisions-block__list>li:not(:last-child) {
  margin-bottom: 1.6rem
}

@media (max-width:767px) {
  .subdivisions-block__list>li:not(:last-child) {
    margin-bottom: .8rem
  }
}

.subdivisions-block__list>li a,
.subdivisions-block__list>li p {
  font-size: 1.8rem;
  line-height: 2.8rem
}

@media (max-width:767px) {

  .subdivisions-block__list>li a,
  .subdivisions-block__list>li p {
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

.subdivisions-block__list>li a {
  color: #5583b6;
  transition: color .25s ease
}

@media (min-width:1024px) {
  .subdivisions-block__list>li a:hover {
    color: #3c5572
  }
}

.subdivisions-block__list>li p {
  margin: 0
}

.departments__list {
  display: flex;
  flex-direction: column
}

.departments__item:not(:last-child) {
  margin-bottom: 2rem
}

.department-card {
  display: flex;
  flex-direction: column;
  padding: 3.2rem;
  background-color: #fff
}

@media (max-width:1023px) {
  .department-card {
    padding: 2.4rem;
    padding: 1.6rem
  }
}

.department-card__title {
  display: flex;
  justify-content: space-between
}

@media (max-width:767px) {
  .department-card__title {
    font-size: 1.6rem;
    line-height: 2.2rem
  }
}

.department-card__title:not(:last-child) {
  margin-bottom: 2.4rem
}

@media (max-width:767px) {
  .department-card__title:not(:last-child) {
    margin-bottom: 1.6rem
  }
}

.department-card__title>a {
  flex: 0 0 66%;
  max-width: 66%
}

@media (max-width:1023px) {
  .department-card__title>a {
    flex-basis: calc(100% - 8.8rem);
    max-width: calc(100% - 8.8rem);
    flex-basis: calc(100% - 6.4rem);
    max-width: calc(100% - 6.4rem)
  }
}

.department-card__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.department-card__content:not(:last-child) {
  margin-bottom: 1.6rem
}

.department-card__content>* {
  flex: 0 0 30rem
}

@media (max-width:767px) {
  .department-card__content>* {
    flex-basis: 100%
  }

  .department-card__content>:not(:last-child) {
    margin-bottom: 2.4rem
  }
}

@media (max-width:1023px) {
  .department-card__content .chief-card {
    flex-basis: 100%
  }

  .department-card__content .chief-card:not(:last-child) {
    margin-bottom: 2.4rem
  }
}

.department-card__contacts {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #76767a
}

.department-card__contacts>li:not(:last-child) {
  margin-bottom: 1.6rem
}

@media (max-width:1023px) {
  .department-card__contacts>li:not(:last-child) {
    margin-bottom: .8rem
  }
}

.department-card__contacts>li._address,
.department-card__contacts>li._email,
.department-card__contacts>li._fax,
.department-card__contacts>li._phone {
  position: relative;
  padding-left: 2.9rem
}

.department-card__contacts>li._address:before,
.department-card__contacts>li._email:before,
.department-card__contacts>li._fax:before,
.department-card__contacts>li._phone:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2rem;
  height: 2.8rem
}

.department-card__contacts>li._address:before {
  content: url("")
}

.department-card__contacts>li._phone:before {
  content: url("")
}

.department-card__contacts>li._fax:before {
  content: url("")
}

.department-card__contacts>li._email:before {
  content: url("")
}

.department-card__link {
  font-size: 1.8rem;
  line-height: 2.8rem;
  align-self: flex-end;
  margin-left: auto;
  color: #5583b6
}

.department-card__link:after {
  display: inline-block;
  margin-left: .5rem;
  content: "→"
}

.department-schedule {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #76767a
}

.department-schedule__list {
  position: relative;
  padding-left: 2.9rem
}

.department-schedule__list:not(:last-child) {
  margin-bottom: 2.4rem
}

@media (max-width:1023px) {
  .department-schedule__list:not(:last-child) {
    margin-bottom: 1.2rem
  }
}

.department-schedule__list:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2rem;
  height: 2.8rem;
  content: url("")
}

.department-schedule__personal-welcome {
  padding-left: 2.9rem
}

.department-schedule__personal-welcome>span {
  display: block
}

.chief-card {
  display: flex;
  align-items: flex-start
}

.chief-card__photo {
  flex: 0 0 8.4rem;
  max-width: 8.4rem;
  margin-right: 1.6rem
}

._details .chief-card__photo {
  flex-basis: 14.4rem;
  max-width: 14.4rem;
  margin-right: 3.2rem
}

.chief-card__photo>img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.chief-card__info {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch
}

.chief-card__subtitle {
  font-size: 1.4rem;
  line-height: 2rem;
  display: block;
  color: #76767a
}

.chief-card__subtitle:not(:last-child) {
  margin-bottom: .8rem
}

._details .chief-card__subtitle {
  font-size: 1.6rem;
  line-height: 2.4rem
}

._details .chief-card__subtitle:not(:last-child) {
  margin-bottom: .4rem
}

._details .chief-card__subtitle+.chief-card__site {
  margin-top: -.4rem
}

.chief-card__name {
  font-size: 1.8rem;
  line-height: 2.8rem;
  max-width: 6.4rem;
  margin: 0
}

._details .chief-card__name {
  font-size: 1.8rem;
  line-height: 2.4rem;
  max-width: none;
  margin: 0 0 auto;
  font-weight: 600
}

.chief-card__site {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #5583b6
}

.chief-card__site:not(:last-child) {
  margin-bottom: .8rem
}

._continuation:after {
  display: inline-block;
  margin-left: .5rem;
  content: "→"
}

.contacts-card {
  padding: 2rem 2.4rem;
  border-radius: .5rem;
  background-color: #fff
}

.contacts-card__title:not(:last-child) {
  margin-bottom: 2rem
}

.contacts-card__item {
  font-size: 1.8rem;
  line-height: 2.8rem
}

.contacts-card__item:not(:last-child) {
  margin-bottom: 1.8rem
}

.contacts-card__subtitle {
  font-size: 1.6rem;
  line-height: 2.4rem;
  display: block;
  color: #76767a
}

.contacts-card__text {
  margin: 0
}

.contacts-card__link,
.contacts-card__phone {
  color: #5583b6
}

.publication-period {
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

@media (max-width:767px) {
  .publication-period {
    justify-content: flex-end
  }
}

.publication-period:not(:last-child) {
  margin-bottom: 4.8rem
}

@media (max-width:1023px) {
  .publication-period:not(:last-child) {
    margin-bottom: 1.6rem
  }
}

@media (max-width:767px) {
  .publication-period:not(:last-child) {
    margin-bottom: 2.4rem
  }
}

.publication-period__title {
  font-size: 1.8rem;
  line-height: 2.8rem;
  display: block
}

.publication-period__title:not(:last-child) {
  margin-bottom: .8rem
}

.publication-period__input-block {
  flex: 1 1 auto
}

.publication-period__input-block:not(:last-child) {
  margin: 0 3.2rem 0 0
}

@media (max-width:767px) {
  .publication-period__input-block:not(:last-child) {
    margin: 0 1.2rem 0 0
  }
}

.publication-period__input-block>input {
  font-size: 1.8rem;
  line-height: 2.8rem;
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 1rem 1.6rem;
  border: 1px solid #5583b6;
  border-radius: 5px;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: calc(100% - 1.2rem) 50%;
  background-size: 2.4rem 2.4rem;
  transition: border-color .3s ease
}

@media (max-width:767px) {
  .publication-period__input-block>input {
    background-position: calc(100% - .6rem) 50%;
    background-size: 2rem 2rem
  }
}

@media (min-width:1024px) {
  .publication-period__input-block>input:hover {
    border-color: #3c5572
  }
}

@media (min-width:1024px) {
  .publication-period__input-block>input:hover:active {
    border-color: #abcaed
  }
}

@media (max-width:767px) {
  .publication-period__input-block>input {
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .5rem 1rem
  }
}

.publication-period__reset-btn {
  font-size: 1.8rem;
  line-height: 2.8rem;
  padding: 1rem 3rem;
  color: #5583b6;
  background-color: #fff
}

@media (max-width:767px) {
  .publication-period__reset-btn {
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .5rem 1rem
  }
}

.honorary-citizens__list {
  display: inline-flex;
  flex-flow: row wrap;
  width: calc(100% + 3.2rem);
  margin: -3.2rem 0 0 -3.2rem
}

.honorary-citizens__list>* {
  margin: 3.2rem 0 0 3.2rem
}

.honorary-citizens__list:not(:last-child) {
  margin-bottom: 4.8rem
}

@media (max-width:767px) {
  .honorary-citizens__list:not(:last-child) {
    margin-bottom: 2.4rem
  }
}

.honorary-citizens__item {
  flex: 0 0 auto;
  flex-basis: calc(33.33333% - 3.2rem);
  max-width: calc(33.33333% - 3.2rem)
}

@media (max-width:1023px) {
  .honorary-citizens__item {
    flex-basis: calc(50% - 3.2rem);
    max-width: calc(50% - 3.2rem)
  }
}

@media (max-width:767px) {
  .honorary-citizens__item {
    flex-basis: calc(100% - 3.2rem);
    max-width: calc(100% - 3.2rem)
  }
}

.honorary-citizens>.text-content a:not([class])[target=_blank] {
  display: inline-block
}

.honorary-citizens>.text-content a:not([class])[target=_blank]:after {
  display: none
}

.citizen-card {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 73.6rem;
  height: 100%;
  min-height: 37.8rem;
  overflow: auto
}

.citizen-card[data-index] {
  cursor: pointer
}

.citizen-card._detailed {
  flex-direction: row;
  padding: 2.4rem 2.4rem 2.4rem 3.6rem;
  color: #000;
  cursor: inherit
}

@media (max-width:1023px) {
  .citizen-card._detailed {
    padding: 2.4rem
  }
}

@media (max-width:767px) {
  .citizen-card._detailed {
    flex-direction: column
  }
}

@media (max-width:767px) {
  .citizen-card {
    padding: 1.6rem
  }
}

@media (min-width:1024px) {
  .citizen-card:hover .citizen-card__photo:before {
    opacity: 1
  }
}

.citizen-card__photo {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  padding-top: 134.4%;
  overflow: hidden
}

._detailed .citizen-card__photo {
  flex-basis: 32rem;
  width: 32rem;
  height: 43rem;
  padding: 0
}

._detailed .citizen-card__photo:not(:last-child) {
  margin-right: 4.2rem
}

@media (max-width:1023px) {
  ._detailed .citizen-card__photo {
    flex-basis: 25.6rem;
    width: 25.6rem;
    height: 34.4rem
  }

  ._detailed .citizen-card__photo:not(:last-child) {
    margin-right: 2.4rem
  }
}

@media (max-width:767px) {
  ._detailed .citizen-card__photo {
    flex-basis: auto;
    width: 19.2rem;
    height: 25.8rem
  }

  ._detailed .citizen-card__photo:not(:last-child) {
    margin: 0 0 1.6rem
  }
}

._detailed .citizen-card__photo:before {
  display: none
}

.citizen-card__photo:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 100%, .05);
  opacity: 0;
  transition: opacity .3s ease;
  content: ""
}

.citizen-card__photo>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.citizen-card__info {
  padding: 2rem;
  background-color: #fff
}

._detailed .citizen-card__info {
  max-height: 43rem;
  padding: 0;
  overflow-y: auto
}

@media (max-width:1023px) {
  ._detailed .citizen-card__info {
    max-height: 34.4rem;
    padding: 0 1rem 0 0
  }
}

.citizen-card__name {
  max-width: 90%;
  margin: 0
}

.citizen-card__name:not(:last-child) {
  margin-bottom: .8rem
}

._detailed .citizen-card__name {
  margin: 0 0 2.4rem;
  font-size: 3rem;
  line-height: 3.6rem;
  max-width: 100%
}

@media (max-width:767px) {
  ._detailed .citizen-card__name {
    font-size: 2.2rem;
    line-height: 2.8rem
  }
}

._detailed .citizen-card__name:not(:last-child) {
  margin-bottom: 1.2rem
}

.citizen-card__years-of-life {
  font-size: 1.4rem;
  line-height: 2rem
}

.citizen-card__about {
  display: none
}

.citizen-card__about:not(:first-child) {
  margin-top: 2.4rem
}

._detailed .citizen-card__about {
  display: block
}

.citizen-card__arrow {
  width: 2.3rem;
  height: 2.3rem;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  display: flex;
  justify-content: center;
  border: 2px solid #5583b6;
  border-radius: 50%
}

._detailed .citizen-card__arrow {
  display: none
}

.citizen-card__arrow:before {
  display: block;
  width: .6rem;
  height: 1rem;
  content: url("")
}

.districts {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media (max-width:1023px) {
  .districts {
    flex-direction: row-reverse
  }
}

@media (max-width:767px) {
  .districts {
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start
  }
}

.districts__map {
  display: flex;
  flex: 0 0 40.4%;
  max-width: 40.4%;
  margin-right: 4rem
}

@media (max-width:1023px) {
  .districts__map {
    flex-basis: 38.4%;
    max-width: 38.4%;
    margin-right: 0
  }
}

@media (max-width:767px) {
  .districts__map {
    flex-basis: auto;
    max-width: 100%
  }
}

.districts__map>svg {
  width: 41.4rem;
  max-width: 100%;
  height: 54rem;
  max-height: 100%
}

.districts__info {
  flex: 1 0 auto
}

@media (max-width:1023px) {
  .districts__info {
    margin-right: 2.4rem
  }
}

@media (max-width:767px) {
  .districts__info {
    width: 100%;
    margin-right: 0
  }
}

.districts-statistics {
  font-size: 1.6rem;
  line-height: 2.4rem;
  width: 100%;
  padding: 1rem 2rem;
  border-radius: .5rem;
  background-color: #fff
}

@media (max-width:1023px) {
  .districts-statistics {
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .6rem 1.2rem
  }
}

@media (max-width:767px) {
  .districts-statistics {
    font-size: 1.2rem
  }
}

.districts-statistics tr:not(:last-of-type) {
  position: relative
}

.districts-statistics tr:not(:last-of-type):after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9de;
  content: ""
}

.districts-statistics td,
.districts-statistics th {
  padding: 1rem;
  text-align: center
}

.districts-statistics td:first-child,
.districts-statistics th:first-child {
  padding-left: 0;
  text-align: left
}

.districts-statistics td:last-child,
.districts-statistics th:last-child {
  padding-right: 0;
  text-align: left
}

.districts-statistics td>svg,
.districts-statistics th>svg {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center
}

.districts-statistics td:not(:last-child)>svg,
.districts-statistics th:not(:last-child)>svg {
  width: 100%
}

@media (max-width:1023px) {

  .districts-statistics td,
  .districts-statistics th {
    padding: .8rem .6rem
  }
}

@media (max-width:767px) {

  .districts-statistics td,
  .districts-statistics th {
    padding: .8rem 0
  }
}

.districts-statistics td>a,
.districts-statistics th>a {
  color: #5583b6;
  transition: color .3s ease
}

@media (min-width:1024px) {

  .districts-statistics td>a:hover,
  .districts-statistics th>a:hover {
    color: #3c5572
  }
}

.districts-statistics td>a._hover,
.districts-statistics th>a._hover {
  color: #3c5572
}

.administrations-on-map {
  display: flex;
  align-items: center;
  justify-content: center
}

.administrations-on-map__map {
  display: flex;
  flex: 0 1 46.7rem;
  max-width: 46.7rem
}

.administrations-on-map__map>svg {
  width: 46.7rem;
  max-width: 100%;
  height: auto;
  max-height: 100%
}

.territory {
  fill: #fff
}

.territory__area {
  transition: fill .3s ease;
  fill: #a7a7ab
}

._hover .territory__area {
  fill: #5583b6
}

@media (min-width:1024px) {
  .territory a:hover>.territory__area {
    fill: #5583b6
  }
}

.sitemap {
  font-size: 1.8rem;
  line-height: 2.8rem;
  display: inline-flex;
  flex-flow: row wrap;
  width: calc(100% + 3.2rem);
  margin: -3.2rem 0 0 -3.2rem
}

.sitemap>* {
  margin: 3.2rem 0 0 3.2rem
}

@media (max-width:1023px) {
  .sitemap {
    display: inline-flex;
    flex-flow: row wrap;
    width: calc(100% + 2.4rem);
    margin: -2.4rem 0 0 -2.4rem
  }

  .sitemap>* {
    margin: 2.4rem 0 0 2.4rem
  }
}

.sitemap__col {
  flex: 0 0 auto;
  flex-basis: calc(50% - 3.2rem);
  max-width: calc(50% - 3.2rem)
}

@media (max-width:1023px) {
  .sitemap__col {
    flex-basis: calc(50% - 2.4rem);
    max-width: calc(50% - 2.4rem)
  }
}

@media (max-width:767px) {
  .sitemap__col {
    flex-basis: calc(100% - 2.4rem);
    max-width: calc(100% - 2.4rem)
  }
}

.nav-block {
  position: relative;
  padding: 2.4rem 2.4rem 2.4rem 11.2rem;
  border-radius: 5px;
  background-color: #fff
}

.nav-block:not(:last-child) {
  margin-bottom: 3.2rem
}

.nav-block._particular {
  padding: 2rem 2.4rem
}

.nav-block._particular:not(:last-child) {
  margin-bottom: 2rem
}

@media (max-width:1023px) {
  .nav-block {
    padding: 1.6rem 1.6rem 1.6rem 9.2rem
  }

  .nav-block:not(:last-child) {
    margin-bottom: 2.4rem
  }

  .nav-block._particular {
    padding: 1.2rem 1.6rem
  }

  .nav-block._particular:not(:last-child) {
    margin-bottom: 1.6rem
  }
}

.nav-block__icon-wrapper {
  width: 5.6rem;
  height: 5.6rem;
  position: absolute;
  top: 2.4rem;
  left: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #f5f5f7
}

._particular .nav-block__icon-wrapper {
  display: none
}

@media (max-width:1023px) {
  .nav-block__icon-wrapper {
    top: 1.6rem;
    left: 1.6rem
  }
}

.nav-block__icon-wrapper>svg {
  width: 3.2rem;
  height: 3.2rem
}

.nav-block__title {
  font-size: 2.2rem;
  line-height: 2.8rem;
  display: flex;
  align-items: center;
  min-height: 5.6rem;
  margin: 0;
  font-weight: 600
}

@media (max-width:767px) {
  .nav-block__title {
    font-size: 1.9rem;
    line-height: 2.4rem
  }
}

.nav-block__title[href] {
  color: #5583b6;
  transition: color .3s ease
}

@media (min-width:1024px) {
  .nav-block__title[href]:hover {
    color: #3c5572
  }
}

.nav-block__title:not(:last-child) {
  margin-bottom: 1rem
}

._particular .nav-block__title {
  font-size: 1.8rem;
  line-height: 2.4rem;
  min-height: auto;
  margin: 0
}

._particular .nav-block__title:not(:last-child) {
  margin-bottom: 2rem
}

.nav-block__list:not(:last-child) {
  margin-bottom: 24px
}

.nav-block__list>li:not(:last-child) {
  margin-bottom: 1.6rem
}

.nav-block__list._with-markers>li {
  position: relative;
  padding-left: 4rem
}

.nav-block__list._with-markers>li:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: .5rem;
  left: 1.2rem;
  display: block;
  border-radius: 50%;
  background-color: #5583b6;
  content: ""
}

.nav-block__list._with-title>li:first-child {
  padding: 0
}

.nav-block__list._with-title>li:first-child:not(:last-child) {
  margin-bottom: .8rem
}

.nav-block__list._with-title>li:first-child:before {
  content: none
}

.nav-block__link {
  color: #5583b6;
  transition: color .3s ease
}

@media (min-width:1024px) {
  .nav-block__link:hover {
    color: #3c5572
  }
}

.nav-block__text {
  margin: 0
}

.nav-block__text:not(:last-child) {
  margin-bottom: 1.6rem
}

.nav-block__content {
  color: #76767a
}

.nav-block__content:not(:last-child) {
  margin-bottom: 24px
}

.submit-btn {
  min-width: 16rem
}

.ymap {
  width: 100%;
  height: 320px
}

.ymap:not(:last-child) {
  margin-bottom: 2.4rem
}

.docs .doc:not(:last-child) {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #d9d9de
}

.docs._small .doc {
  margin-bottom: 2rem;
  padding-bottom: 0;
  border-bottom: none
}

@media (max-width:1023px) {
  .docs._small .doc {
    margin-bottom: 1.6rem
  }
}

.doc {
  display: flex
}

.doc__icon {
  margin-right: 1.2rem
}

.doc__icon svg {
  width: 4rem;
  height: 4rem
}

@media (max-width:1023px) {
  .doc__icon {
    margin-right: .9rem
  }
}

.doc__name {
  display: block;
  margin-bottom: 4px;
  color: #5583b6;
  font-size: 1.8rem;
  line-height: 2.8rem;
  transition: color .2s ease
}

@media (min-width:1024px) {
  .doc__name:hover {
    color: #3c5572
  }
}

@media (max-width:1023px) {
  .doc__name {
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

.doc__footer {
  color: #76767a
}

.doc__tag {
  margin: 0 0 4px;
  font-size: 1.4rem;
  line-height: 2rem
}

.doc__description {
  margin: 0 0 .8rem;
  font-size: 1.6rem;
  line-height: 2rem
}

.doc__pub-time {
  font-size: 1.4rem;
  line-height: 2rem
}

@media (max-width:1023px) {
  .doc__pub-time {
    font-size: 1.2rem;
    line-height: 1.6rem
  }
}

.doc__filetype {
  font-size: 1.4rem;
  line-height: 2rem;
  text-transform: uppercase
}

@media (max-width:1023px) {
  .doc__filetype {
    font-size: 1.2rem;
    line-height: 1.6rem
  }
}

.pickmeup .pmu-instance {
  width: 25rem;
  padding: 1rem
}

.pickmeup .pmu-instance .pmu-day-of-week {
  justify-content: center
}

.pickmeup .pmu-instance .pmu-disabled {
  color: rgba(0, 0, 0, .8196078431372549)
}

.pickmeup .pmu-instance .pmu-disabled:hover {
  color: rgba(0, 0, 0, .8196078431372549) !important
}

.pickmeup .pmu-instance .pmu-today {
  color: #fff;
  background: #3772b3
}

.pickmeup .pmu-instance .pmu-button:hover {
  color: #e8f3ff
}

.pickmeup .pmu-instance .pmu-selected {
  background-color: #2d5e96
}

.flickity-slider>:not(.is-selected) {
  pointer-events: none
}

.fancybox-gallery.fancybox__container {
  z-index: 10000
}

.fancybox-gallery .fancybox__backdrop {
  background: rgba(0, 0, 0, .5)
}

.fancybox-gallery .fancybox__content {
  padding: 0;
  border-radius: .5rem;
  overflow: hidden
}

.fancybox-gallery .fancybox__content:before {
  font-size: 3rem;
  line-height: 3.6rem;
  display: block;
  width: 100%;
  margin: 0;
  padding: 1.8rem 3.6rem;
  color: #000;
  font-weight: 500;
  background-color: #ffffff;
  content: ""
}

@media (max-width:767px) {
  .fancybox-gallery .fancybox__content:before {
    font-size: 2.2rem;
    line-height: 2.8rem
  }
}

@media (max-width:1023px) {
  .fancybox-gallery .fancybox__content:before {
    padding-left: 2.4rem
  }
}

.fancybox-gallery .fancybox__content .carousel__button.is-close {
  top: 1.6rem;
  right: 1.4rem;
  color: #76767a
}

.fancybox-gallery .fancybox__content .carousel__button.is-close:active,
.fancybox-gallery .fancybox__content .carousel__button.is-close:focus {
  outline: none
}

.fancybox-gallery .fancybox__slide {
  padding: 3.2rem 10rem
}

@media (max-width:767px) {
  .fancybox-gallery .fancybox__slide {
    padding: 1.6rem
  }
}

.fancybox-gallery .fancybox__nav .carousel__button {
  width: 4.8rem;
  height: 4.8rem;
  color: #76767a;
  background-color: #fff
}

@media (max-width:767px) {
  .fancybox-gallery .fancybox__nav .carousel__button {
    display: none;
    background-color: transparent
  }
}

.dropzone {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 48rem;
  padding: 3.2rem;
  border: 1px solid #a7a7ab
}

@media (max-width:767px) {
  .dropzone {
    padding: 2.4rem
  }
}

.dropzone__previews {
  margin: 1rem 0 -1.6rem;
  padding-left: 1.2rem
}

.dropzone__previews:empty {
  display: none
}

.dropzone__error-message {
  margin-top: 2.6rem;
  color: #76767a
}

.dropzone__error-message:last-child {
  margin-bottom: -1.6rem
}

.dropzone__empty-message {
  flex: 1 1 auto;
  margin: 0 0 0 2.4rem !important;
  color: #76767a
}

@media (max-width:767px) {
  .dropzone__empty-message {
    margin: 5px 0 0 !important
  }
}

.dz-default {
  display: flex;
  align-items: center;
  order: -1
}

@media (max-width:767px) {
  .dz-default {
    flex-direction: column;
    align-items: flex-start
  }
}

.dz-file-preview {
  font-size: 1.4rem;
  line-height: 2rem;
  display: flex
}

.dz-file-preview:not(:last-child) {
  margin-bottom: .6rem
}

.dz-file-preview>:not(:last-child) {
  margin-right: .5rem
}

.dz-button {
  padding: 0;
  border: none;
  background-color: transparent
}

.dz-button:disabled {
  pointer-events: none
}

.dz-button:disabled>span {
  border-color: #a7a7ab;
  color: #a7a7ab;
  background-color: #f2f2f3;
  cursor: not-allowed;
  pointer-events: none
}

.dz-button>span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.7rem;
  overflow: hidden;
  color: #5583b6;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff
}

@media (max-width:767px) {
  .dz-button>span {
    width: 100%
  }
}

.dz-filename {
  color: #76767a
}

.dz-error-mark,
.dz-error-message,
.dz-image,
.dz-progress,
.dz-size,
.dz-success-mark {
  display: none
}

.dz-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  color: #e52e2e;
  background-color: transparent
}

.dz-remove,
.dz-remove>svg {
  width: 1.4rem;
  height: 1.4rem
}


/* BEGIN - Перенос меню вправо */

/* === Сетка страницы Анонсов === */
.container2 {
    max-width: 102.4rem;
    margin: 0 auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1.6rem;
    margin-left: -1.6rem;
}

/* Контент слева — занимает ~66% ширины 
.container__content2 {
    flex: 0 0 calc(66.66666% - 3.2rem);
    max-width: calc(66.66666% - 3.2rem);
        max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}
*/

.container__content2 {
    flex: 1 1 0px; /* Занимает всё свободное пространство */
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

/* Сайдбар справа — фиксированная ширина */
.sidebar2 {
    flex: 0 0 28rem;
    max-width: 28rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    
    /* Отменяем абсолютное позиционирование из инлайн-стиля */
    position: relative !important;
    left: auto !important;
}

/* 
   Чтобы сайдбар не уезжал вниз при нехватке контента,
   можно включить липкое позиционирование (раскомментируйте при необходимости):
*/
/*
.sidebar2 {
    position: sticky;
    top: 2.4rem;
    align-self: flex-start;
}
*/

/* --- АДАПТИВНОСТЬ --- */
@media screen and (max-width: 1023px) {
    .container__content2,
    .sidebar2 {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    /* Прижимаем сайдбар к контенту сверху на мобильных */
    .sidebar2 {
        order: 1; 
        margin-top: 2.4rem;
    }
}


/* Ограничиваем ширину медиа-контента ТОЛЬКО внутри container__content2 */
.container__content2 iframe,
.container__content2 img {
    display: block;
    width: 100% !important;       /* Занимает всю доступную ширину колонки */
    max-width: 100% !important;   /* Не дает вылезти за пределы родителя при любых условиях */
/*    height: auto !important;      /* Сохраняет пропорции автоматически */
    margin-left: auto;
    margin-right: auto;
 height: auto;
}

.text-content2 iframe {
  display: block;
  width: 100%;
  height: 38rem
}


.info_content iframe {
  display: block;
  width: 100%;
  height: 48rem
}


/* Если нужно ограничить максимальную ширину плеера на больших мониторах 
   (чтобы он не растягивался на весь огромный экран) */
@media screen and (min-width: 1024px) {
    .container__content2 iframe {
        max-width: 640px; /* Максимальная ширина видео на десктопе */
        height: 360px;    /* Фиксированная высота или aspect-ratio */
    }
}


/* END - Перенос меню вправо */



/* === НОВЫЕ СТИЛИ КНОПОК РЕГИОНОВ ДЛЯ МОБИЛЬНОЙ ВЕРСИИ (ВЕРСИЯ 2) === */


/* Простое вертикальное отображение всех регионов на мобильных */
/* Убедимся, что иконка и текст на одной строке */
.mobile-vertical .site-sections__button,
.mobile-vertical .site-sections__button2 {
    display: flex;          /* Включаем Flexbox */
    align-items: center;    /* Выравниваем иконку и текст по вертикали */
    gap: 1rem;              /* Удобный отступ между иконкой и текстом */
    width: 100%;            /* Растягиваем на всю ширину */
    padding: 1.6rem;        /* Удобные внутренние отступы */
    box-sizing: border-box; /* Учет паддингов */
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #5583b6;
    white-space: nowrap;    /* Текст не переносится */
    border-bottom: 1px solid #e5e5eb;
}

.mobile-vertical .site-sections__button img.btn-icon,
.mobile-vertical .site-sections__button2 img.btn-icon {
    flex-shrink: 0;         /* Иконка не сжимается */
    width: 4.4rem;
    height: 4.4rem;
}

/* Таблица в моб.версии*/
.table-wrap {
    overflow-x: auto;
}