/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
main {
  display: block
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace,monospace;
  font-size: 1em
}
a {
  background-color: transparent
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b,
strong {
  font-weight: bolder
}
code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
img {
  border-style: none
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button,
input {
  overflow: visible
}
button,
select {
  text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}
button {
  background: 0 0;
  border: 0
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details {
  display: block
}
summary {
  display: list-item
}
template {
  display: none
}
[hidden] {
  display: none
}
@font-face {
  font-family: raleway;
  src: url(../fonts/raleway/regular.woff2) format('woff2'),url(../fonts/raleway/regular.woff) format('woff');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: raleway;
  src: url(../fonts/raleway/extrabold.woff2) format('woff2'),url(../fonts/raleway/extrabold.woff) format('woff');
  font-weight: 800;
  font-style: normal
}
@font-face {
  font-family: raleway;
  src: url(../fonts/raleway/semibold.woff2) format('woff2'),url(../fonts/raleway/semibold.woff) format('woff');
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: raleway;
  src: url(../fonts/raleway/bold.woff2) format('woff2'),url(../fonts/raleway/bold.woff) format('woff');
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: icons;
  src: url(../fonts/icons/icons_m.woff2) format('woff2'),url(../fonts/icons/icons_m.woff) format('woff'),url(../fonts/icons/icons_m.svg) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block
}
@font-face {
  font-family: hsm;
  src: url(../fonts/hsm/hsm.woff2) format('woff2'),url(../fonts/hsm/hsm.woff) format('woff'),url(../fonts/hsm/hsm.svg) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block
}
@font-face {
  font-family: 'Open Sans';
  src: url(../fonts/opensans/opensans-bold.woff2) format('woff2'),url(../fonts/opensans/opensans-bold.woff) format('woff');
  font-style: normal;
  font-weight: 700;
  font-display: swap
}
@font-face {
  font-family: 'Open Sans';
  src: url(../fonts/opensans/opensans-regular.woff2) format('woff2'),url(../fonts/opensans/opensans-regular.woff) format('woff');
  font-style: normal;
  font-weight: 400;
  font-display: swap
}
* {
  box-sizing: border-box;
  outline: 0
}
::-webkit-input-placeholder {
  color: #b3b3b3
}
::-moz-placeholder {
  color: #b3b3b3
}
:-moz-placeholder {
  color: #b3b3b3
}
:-ms-input-placeholder {
  color: #b3b3b3
}
:focus::-webkit-input-placeholder {
  color: transparent
}
:focus::-moz-placeholder {
  color: transparent
}
:focus:-moz-placeholder {
  color: transparent
}
:focus:-ms-input-placeholder {
  color: transparent
}
a {
  text-decoration: none
}
img {
  color: transparent
}
li,
ul {
  list-style: none;
  padding: 0;
  margin: 0
}
html {
  height: 100%
}
body {
  font: 15px/23px 'Open Sans',Arial,sans-serif;
  color: #000;
  min-height: 100%;
  background-color: #e8e8e8
}
h1 {
  font: 800 40px/44px raleway,tahoma,sans-serif;
  letter-spacing: 0;
  margin-bottom: 15px
}
h1 + h2 {
  margin-top: 0
}
h2 {
  margin: 42px 0 16px;
  font: 700 22px/31px raleway,tahoma,sans-serif;
  color: #000
}
h2 + h3 {
  margin-top: -8px
}
h3 {
  margin: 42px 0 16px;
  font: 700 18px/25px raleway,tahoma,sans-serif;
  color: #000;
  letter-spacing: -.03em
}
h3 + h4 {
  margin-top: -6px
}
h4 {
  margin: 42px 0 14px;
  font: 700 16px/22px raleway,tahoma,sans-serif;
  color: #000
}
h5 {
  margin: 24px 0 16px;
  font: 800 13px/19px raleway,tahoma,sans-serif;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: #000
}
h6 {
  margin: 24px 0 16px;
  font: 800 11px/16px raleway,tahoma,sans-serif;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: #000
}
button {
  border: 0
}
a {
  color: #bf0c1e
}
#wrapper {
  position: relative
}
.container {
  position: relative;
  margin: auto;
  padding: 0 15px 32px;
  width: 1090px;
  background: #fff;
  box-shadow: 0 5px 5px rgba(0,0,0,.25)
}
.container > :last-child {
  margin-bottom: 0
}
[class*=" icon-"],
[class^=icon-] {
  font-family: icons;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-zen:before {
  content: "\e914";
  font-size: 18px
}
.icon-list:before {
  content: "\e912"
}
.icon-cards:before {
  content: "\e913"
}
.icon-zoom:before {
  content: "\e911"
}
.icon-user:before {
  content: "\e90f"
}
.icon-viber:before {
  content: "\e910";
  font-size: 20px
}
.icon-mail:before {
  content: "\e90e"
}
.icon-comment:before {
  content: "\e900"
}
.icon-star:before {
  content: "\e901"
}
.icon-search:before {
  content: "\e902"
}
.icon-share:before {
  content: "\e903"
}
.icon-eye:before {
  content: "\e904"
}
.icon-fb:before {
  content: "\e905";
  font-size: 14px
}
.icon-ins:before {
  content: "\e906";
  font-size: 18px
}
.icon-ok:before {
  content: "\e907";
  font-size: 19px;
  line-height: 16px
}
.icon-tlg:before {
  content: "\e908";
  font-size: 15px
}
.icon-tw:before {
  content: "\e909";
  font-size: 13px
}
.icon-vk:before {
  content: "\e90a";
  font-size: 9px
}
.icon-yt:before {
  content: "\e90b";
  font-size: 14px
}
.icon-bell:before {
  content: "\e90c"
}
.icon-bell_ok:before {
  content: "\e90d";
  font-size: 20px
}
.icon-z {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #bf0c1e;
  background-image: url(../img/style_dec.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%
}
.main {
  display: flex;
  justify-content: space-between;
  margin: 0 0 32px;
  padding: 10px 0 0
}
.main_aside .content {
  max-width: 736px
}
.content {
  width: 100%
}
.content__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px
}
.content__head_rubric {
  margin-bottom: 9px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 7px
}
.content_border {
  border-bottom: 1px solid #dbdbdb
}
.aside {
  position: relative;
  max-width: 300px;
  flex: 0 0 300px;
  margin-left: 24px
}
.aside > :last-child {
  margin-bottom: 0
}
.aside__box {
  margin-bottom: 32px
}
.aside .heading_sp,
.aside__heading {
  font: 800 18px/28px raleway,sans-serif;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-bottom: 17px;
  border-bottom: 2px solid #000;
  padding-bottom: 5px
}
.aside .heading_sp a,
.aside__heading a {
  color: #000;
  transition: color .3s
}
.aside .heading_sp a:hover,
.aside__heading a:hover {
  color: #bf0c1e
}
.aside_main-top .aside__box:last-child {
  position: sticky;
  top: 70px
}
.heading {
  font: 28px/40px raleway,"Segoe UI",Arial,sans-serif;
  margin: 0;
  letter-spacing: -.03em
}
.heading__mark {
  margin-right: -3px;
  font-weight: 800;
  color: #bf0c1e;
  letter-spacing: 0;
  text-transform: none;
  transition: color .3s
}
.heading a:not(.btn-more) {
  color: #000;
  transition: color .3s
}
.heading a:not(.btn-more):hover {
  color: #bf0c1e
}
.heading_soc_tabs {
  margin-bottom: 12px
}
.heading.heading_big {
  font-size: 40px;
  line-height: 56px
}
.heading_center {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px
}
.heading_lead {
  font: 800 40px/44px raleway,tahoma,sans-serif;
  letter-spacing: 0;
  margin-bottom: 15px
}
.heading_secondary {
  font: 700 22px/31px raleway,sans-serif;
  letter-spacing: 0;
  margin-bottom: 20px;
  border-bottom: 2px solid #000;
  padding-bottom: 10px
}
.heading_indent {
  margin: 18px 0 18px
}
.heading_black:not(:hover) .heading__mark {
  color: #000
}
.logo__img {
  display: block
}
.logo_ins {
  width: 68px
}
.logo_ins .logo__img {
  width: 100%
}
.label-box {
  display: inline-block;
  font: 800 8px/12px raleway,sans-serif;
  padding: 7px 10px 5px;
  color: #fff;
  background: #bf0c1e;
  text-transform: uppercase;
  border-radius: 4px;
  letter-spacing: .1em
}
.label-box_yellow {
  background: #ffdf00;
  color: #000
}
.label-box_orange {
  background: #ff8f27
}
.date-box {
  display: inline-flex;
  font: 10px/15px 'Open Sans',Arial,sans-serif;
  color: #3d3d3d;
  letter-spacing: .04em
}
.date-box__date {
  font-weight: 700;
  margin-right: 4px
}
.instagram {
  padding: 24px 16px 15px
}
.instagram__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 9px 16px 5px
}
.instagram__count {
  font: italic 11px/15px 'Open Sans',Arial,sans-serif
}
.instagram__name {
  display: block;
  color: #000;
  font: 600 18px/25px raleway,sans-serif;
  transition: color .3s
}
.instagram__name:hover {
  color: #bf0c1e
}
.instagram__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 13px
}
.instagram__item {
  overflow: hidden;
  margin-bottom: 4px;
  width: 86px;
  height: 86px;
  background: #000
}
.instagram__item:hover .instagram__img {
  opacity: .8
}
.instagram__img {
  display: block;
  width: 86px;
  height: 86px;
  transition: opacity .3s
}
.instagram__more {
  text-align: center
}
.search,
.search-aside {
  position: relative;
  padding: 24px 24px 24px;
  background: #f7f7f2
}
.search-aside__field,
.search__field {
  width: 100%
}
.search-aside__field .field__input,
.search__field .field__input {
  padding: 0 18px 4px 28px
}
.search-aside__field.field .field__label,
.search__field.field .field__label {
  padding-left: 28px;
  color: #b3b3b3
}
.search-aside__submit,
.search__submit {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  left: 24px;
  top: 24px;
  border: 0;
  padding: 0;
  font-size: 0;
  width: 24px;
  height: 24px;
  background-color: transparent
}
.search-aside__submit:before,
.search__submit:before {
  font-size: 24px;
  line-height: 24px
}
.search_tags {
  margin-bottom: 16px;
  padding: 32px 24px 16px
}
.search_tags .search__submit {
  top: 32px
}
.search_light {
  padding: 0;
  background: 0 0
}
.search_light .search__submit {
  top: 0;
  left: 0
}
.search_margin {
  margin: 16px 0
}
.search-counts {
  margin: 20px 0;
  font: 14px/20px 'Open Sans',Arial,sans-serif
}
.search-empty {
  margin: 24px 0;
  font: 14px/20px 'Open Sans',Arial,sans-serif
}
.search-empty__bold {
  margin: 0 0 4px;
  font: bold 16px/22px raleway,sans-serif
}
.live-style__item {
  display: flex;
  justify-content: space-between;
  color: #000;
  margin-bottom: 17px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 18px
}
.live-style__item:hover .live-style__title {
  color: #bf0c1e
}
.live-style__item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0
}
.live-style__content {
  display: flex;
  flex-direction: column;
  width: 100%
}
.live-style__title {
  font: 600 15px/22px raleway,sans-serif;
  margin-bottom: 4px;
  transition: color .3s
}
.live-style__text {
  font: 13px/18px 'Open Sans',Arial,sans-serif
}
.live-style__pic {
  margin-left: 12px
}
.live-style__img {
  display: block;
  width: 88px;
  height: 88px
}
.spec-projects .rec-box {
  margin-bottom: 8px
}
.spec-projects .rec-box:hover .tgb__text {
  color: #bf0c1e
}
.spec-projects .rec-box:last-child {
  margin-bottom: 0
}
.spec-projects .tgb__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000
}
.spec-projects .tgb__text {
  font: 600 14px/17px raleway,sans-serif;
  letter-spacing: -.03em;
  width: 100%;
  transition: color .3s
}
.spec-projects .tgb__image {
  align-self: flex-start;
  margin-right: 12px
}
.spec-projects .tgb__image img {
  display: block;
  width: 56px;
  height: 56px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.field {
  position: relative
}
.field__area,
.field__input,
.field__typo {
  font: 600 15px/22px raleway,sans-serif;
  border: 0;
  border-bottom: 2px solid #000;
  padding: 0 0 4px;
  background: 0 0;
  width: 100%;
  box-shadow: none
}
.field__area:focus ~ .field__info,
.field__input:focus ~ .field__info,
.field__typo:focus ~ .field__info {
  opacity: 1;
  padding-top: 0
}
.field__typo {
  color: #b3b3b3
}
.field__typo b {
  color: #000
}
.field__area {
  height: 29px;
  min-height: 29px;
  resize: none
}
.field__error-txt,
.field__info {
  position: absolute;
  top: 100%;
  left: 0;
  color: #bf0c1e;
  font: italic 11px/15px 'Open Sans',Arial,sans-serif
}
.field__error-txt {
  opacity: 0;
  margin-left: 30px;
  transition: .3s
}
.field_error .field__area,
.field_error .field__input {
  border-bottom-color: #bf0c1e
}
.field_error .field__error-txt {
  margin-left: 0;
  opacity: 1
}
.field__info {
  padding-top: 10px;
  opacity: 0;
  color: #3d3d3d;
  transition: all .3s
}
.field_placeholder {
  position: relative
}
.field_placeholder .field__area,
.field_placeholder .field__input {
  z-index: 1;
  position: relative
}
.field_placeholder .field__area:focus ~ .field__label,
.field_placeholder .field__area:not(:focus):valid ~ .field__label,
.field_placeholder .field__input:focus ~ .field__label,
.field_placeholder .field__input:not(:focus):valid ~ .field__label {
  top: -18px;
  font-size: 10px
}
.field_placeholder .field__label {
  position: absolute;
  top: 0;
  left: 0;
  color: #3d3d3d;
  transition: all .3s
}
.field_placeholder .field__label span {
  display: inline-block;
  margin-left: 4px;
  color: #bf0c1e
}
.field_placeholder_active .field__label {
  top: -18px;
  font-size: 10px
}
.checkbox__input[type=checkbox],
.checkbox__input[type=radio] {
  display: none
}
.checkbox__input[type=checkbox] + .checkbox__label,
.checkbox__input[type=radio] + .checkbox__label {
  cursor: pointer;
  display: block;
  position: relative;
  padding-left: 36px;
  font: 12px/22px 'Open Sans',Arial,sans-serif;
  color: #8f8f8f
}
.checkbox__input[type=checkbox] + .checkbox__label:before,
.checkbox__input[type=radio] + .checkbox__label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #000;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  box-sizing: border-box
}
.checkbox_error .checkbox__input[type=checkbox] + .checkbox__label:before,
.checkbox_error .checkbox__input[type=radio] + .checkbox__label:before {
  border-color: #bf0c1e;
  border-width: 2px
}
.checkbox__input[type=checkbox] + .checkbox__label a,
.checkbox__input[type=radio] + .checkbox__label a {
  color: #000;
  transition: color .3s
}
.checkbox__input[type=checkbox] + .checkbox__label a:hover,
.checkbox__input[type=radio] + .checkbox__label a:hover {
  color: #bf0c1e
}
.checkbox__input[type=checkbox]:checked + .checkbox__label:before {
  content: "—"
}
.breadcrumbs {
  text-align: right;
  font-size: 0
}
.breadcrumbs .breadcrumbs__item {
  position: relative;
  display: inline-block;
  font: italic 11px/15px 'Open Sans',Arial,sans-serif;
  letter-spacing: -.3px;
  margin: 0 10px;
  color: #8f8f8f;
  transition: color .3s;
  text-decoration: none
}
.breadcrumbs .breadcrumbs__item:not(span):hover {
  color: #bf0c1e
}
.breadcrumbs .breadcrumbs__item:after {
  content: "/";
  position: absolute;
  top: 0;
  right: -12px
}
.breadcrumbs .breadcrumbs__item:last-child {
  color: #bf0c1e
}
.breadcrumbs .breadcrumbs__item:last-child:after {
  display: none
}
.breadcrumbs_bdb {
  margin-top: 8px;
  border-bottom: 1px solid #dbdbdb
}
.preview-meta {
  display: inline-flex;
  font: 700 10px/16px 'Open Sans',Arial,sans-serif;
  letter-spacing: .04em;
  color: #b3b3b3
}
.preview-meta .label-box,
.preview-meta__messages,
.preview-meta__views {
  margin-right: 12px
}
.preview-meta .icon-comment {
  font-size: 16px;
  vertical-align: -3px;
  margin-right: 3px
}
.preview-meta .icon-eye {
  margin-right: 3px
}
.preview-meta .label-box {
  margin-top: -3px
}
.pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 32px
}
.pagination__list {
  display: flex
}
.pagination__item,
.pagination__next,
.pagination__prev {
  position: relative;
  margin: 0 4px;
  border: 1px solid #dbdbdb;
  padding: 6px 4px;
  min-width: 33px;
  text-align: center;
  font: 700 14px/18px raleway,sans-serif;
  color: #000;
  transition: .3s
}
.pagination__item:not(.pagination__item_active):hover,
.pagination__next:not(.pagination__item_active):hover,
.pagination__prev:not(.pagination__item_active):hover {
  background-color: #bf0c1e;
  color: #fff;
  border-color: #bf0c1e
}
.pagination__item_active {
  color: #bf0c1e
}
.pagination__item_active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  border-bottom: 2px solid #bf0c1e
}
.pagination__next,
.pagination__prev {
  letter-spacing: .04em;
  font: 700 10px/18px 'Open Sans',Arial,sans-serif;
  text-transform: uppercase;
  color: #bf0c1e
}
.pagination__next:after,
.pagination__next:before,
.pagination__prev:after,
.pagination__prev:before {
  transition: .3s
}
.pagination__next:hover:after,
.pagination__next:hover:before,
.pagination__prev:hover:after,
.pagination__prev:hover:before {
  border-color: #fff
}
.pagination__prev {
  padding: 6px 11px 6px 16px
}
.pagination__prev:before {
  margin-right: 5px;
  content: "";
  display: inline-block;
  vertical-align: 0;
  width: 5px;
  height: 5px;
  border: 2px solid #bf0c1e;
  border-left: 0;
  border-top: 0;
  transform: rotate(135deg)
}
.pagination__next {
  padding: 6px 16px 6px 11px
}
.pagination__next:after {
  margin-left: 5px;
  content: "";
  display: inline-block;
  vertical-align: 0;
  width: 5px;
  height: 5px;
  border: 2px solid #bf0c1e;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg)
}
.video-play {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  background: #bf0c1e;
  transition: all .3s
}
.video-play:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -6px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 17px solid #fff
}
.video-play_big {
  width: 56px;
  height: 56px
}
.video-play_big:after {
  margin: -12px 0 0 -7px;
  border-top-width: 12px;
  border-bottom-width: 12px;
  border-left-width: 20px
}
#wrapper .loading-wrap {
  color: transparent
}
#wrapper .loading-wrap:after {
  border-color: transparent
}
.loading-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 74px;
  height: 10px;
  transform: translate(-50%,-50%);
  font-size: 0;
  line-height: 0
}
.loading-box span:after,
.loading-box span:before,
.loading-box:after,
.loading-box:before {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;
  animation-timing-function: cubic-bezier(0,1,1,0)
}
.loading-box:after {
  left: 8px;
  animation: lds-ellipsis1 .6s infinite
}
.loading-box span:after {
  left: 8px;
  animation: lds-ellipsis2 .6s infinite
}
.loading-box:before {
  left: 32px;
  animation: lds-ellipsis2 .6s infinite
}
.loading-box span:before {
  left: 56px;
  animation: lds-ellipsis3 .6s infinite
}
.loading-box_white span:after,
.loading-box_white span:before,
.loading-box_white:after,
.loading-box_white:before {
  background: #fff
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0)
  }
  100% {
    transform: scale(1)
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1)
  }
  100% {
    transform: scale(0)
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0,0)
  }
  100% {
    transform: translate(24px,0)
  }
}
.footer-codes {
  display: none
}
.schema-data {
  display: none
}
span.emulink {
  cursor: pointer;
  color: #ff8f27;
  text-decoration: underline
}
span.emulink:hover {
  text-decoration: none
}
@keyframes container-loading {
  0% {
    opacity: .5
  }
  30% {
    opacity: .5
  }
  60% {
    opacity: .8
  }
  100% {
    opacity: .5
  }
}
@-webkit-keyframes container-loading {
  0% {
    opacity: 1
  }
  50% {
    opacity: .5
  }
  100% {
    opacity: 1
  }
}
.container-loading {
  transition: .3s;
  animation: container-loading 2s ease-in-out infinite;
  -webkit-animation: container-loading 2s ease-in-out infinite
}
.static-container h2 {
  font-size: 20px
}
.static-container h2:first-child {
  margin-top: 16px
}
.header .container {
  z-index: 1;
  padding: 0;
  box-shadow: 0 1px 5px rgba(0,0,0,.25);
  height: 183px
}
.header__content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff
}
.header-info {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  margin: 8px 0 0;
  width: 100%;
  font-size: 11px;
  line-height: 15px;
  font-style: italic;
  color: #b3ad9d
}
.header-info__item {
  margin-right: 10px
}
.header__logo {
  margin-bottom: -1px;
  padding: 12px 14px 0 15px;
  width: 243px;
  height: 127px;
  transition: background-color .3s;
  background-color: #bf0c1e;
  display: flex;
  align-items: center;
  justify-content: center
}
a.header__logo:hover {
  background-color: #a70a1a
}
.header__news {
  position: relative;
  padding-top: 23px
}
.header_sticky {
  position: relative;
  z-index: 9996
}
.header_sticky .nav-wrap {
  z-index: 3;
  position: fixed;
  transform: translateY(60px);
  transition: transform .3s;
  width: 1090px;
  border-color: #fff;
  border-top: 0;
  box-shadow: 0 1px 5px rgba(0,0,0,.25);
  opacity: 1
}
.header_sticky .nav-logo {
  display: flex
}
.header_transition .nav-wrap {
  position: fixed;
  opacity: 0
}
.nav {
  display: flex;
  padding: 0 0 0 5px;
  flex-grow: 1;
  flex-wrap: wrap
}
.nav-wrap {
  overflow: hidden;
  display: flex;
  top: -60px;
  transform: translateY(0);
  border-top: 1px solid #dbdbdb;
  padding: 8px 10px;
  height: 57px;
  background: #fff
}
.nav-wrap_load {
  overflow: visible
}
.nav-logo {
  display: none;
  justify-content: center;
  margin: -8px 10px -8px -10px;
  width: 66px;
  height: 57px;
  background: #bf0c1e;
  flex-shrink: 0
}
.nav-logo img {
  width: 47px
}
.nav__item {
  position: relative;
  padding: 5px 8px
}
.nav__item_active .nav__link {
  color: #bf0c1e
}
.nav__item_active .nav__link:after {
  bottom: -12px;
  opacity: 1
}
.nav__item_subnav:hover .nav__subnav {
  opacity: 1;
  visibility: visible;
  top: 100%
}
.nav__item_subnav:hover:after {
  display: block
}
.nav__item_subnav:hover > .nav__link {
  background: #bf0c1e;
  color: #fff;
  border-radius: 50px
}
.nav__item_subnav:hover > .nav__link:after {
  border-color: #fff
}
.nav__item_subnav:hover > .nav__link:before {
  opacity: 0;
  left: -20px
}
.nav__item_subnav:after {
  display: none;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 14px;
  width: 100%
}
.nav__item_subnav > .nav__link {
  padding: 2px 22px 0 12px;
  font-size: 13px;
  line-height: 28px;
  letter-spacing: .09em
}
.nav__item_subnav > .nav__link:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  height: 27px;
  border-left: 1px solid #dbdbdb;
  transition: all .5s
}
.nav__item_subnav > .nav__link:after {
  content: "";
  position: absolute;
  right: 13px;
  top: 11px;
  width: 4px;
  height: 4px;
  border: 2px solid #000;
  border-left: 0;
  border-top: 0;
  opacity: 1;
  transform: rotate(45deg)
}
.nav__subnav {
  z-index: 1;
  visibility: hidden;
  position: absolute;
  top: 140%;
  left: 0;
  margin-top: 7px;
  border-top: 1px solid rgba(0,0,0,.12);
  padding: 20px;
  background: #efefef;
  opacity: 0;
  transition: all .3s
}
.nav__subnav .nav__item {
  margin-bottom: 8px;
  padding: 0
}
.nav__subnav .nav__item:last-child {
  margin-bottom: 0
}
.nav__subnav .nav__link {
  line-height: 27px
}
.nav__subnav .nav__link:after {
  display: none
}
.nav__link {
  position: relative;
  display: inline-block;
  font: 800 18px/32px raleway,Tahoma,Arial,sans-serif;
  color: #000;
  transition: all .3s;
  text-transform: uppercase;
  letter-spacing: .03em;
  white-space: nowrap
}
.nav__link:hover {
  color: #bf0c1e
}
.nav__link:hover:after {
  bottom: -12px;
  opacity: 1
}
.nav__link:after {
  content: "";
  transition: all .3s;
  position: absolute;
  bottom: -16px;
  right: 0;
  width: 100%;
  border-bottom: 4px solid #bf0c1e;
  opacity: 0
}
span.nav__link {
  cursor: default
}
.nav-tags {
  display: flex;
  align-self: center;
  flex-shrink: 0
}
.nav-tags__item {
  cursor: pointer;
  font: 600 15px/22px raleway,sans-serif;
  margin: 0 5px;
  padding: 2px 4px;
  color: #fff;
  transition: background-color .3s;
  background: #bf0c1e
}
.nav-tags__item:hover {
  background: #a70a1a
}
.nav-tags__item_purple {
  background: #511d99
}
.nav-tags__item_purple:hover {
  background: #461984
}
.nav-subscribe {
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  align-self: center;
  margin-left: 4px;
  margin-right: 5px;
  width: 32px;
  height: 32px;
  font-size: 20px;
  line-height: 28px;
  border-radius: 50%;
  transition: all .3s
}
.nav-subscribe:hover {
  color: #fff;
  background-color: #bf0c1e
}
.news__pic {
  margin-right: 16px
}
.news__img {
  display: block;
  width: 112px;
  height: 98px
}
.news__content {
  display: flex;
  flex-direction: column;
  width: 100%
}
.news__info {
  font: 10px/16px 'Open Sans',Arial,sans-serif;
  display: flex;
  align-items: center;
  color: #b3b3b3;
  letter-spacing: .04em;
  margin-bottom: 8px
}
.news__info .label-box {
  margin-right: 4px
}
.news__date {
  font-weight: 700;
  margin-right: 8px
}
.news__time {
  margin-right: 8px
}
.news__title {
  font: 600 18px/25px raleway,"Segoe UI",Arial,sans-serif;
  color: #000;
  margin-bottom: 4px;
  transition: color .3s
}
.news .news__desc {
  font: 14px/20px 'Open Sans',Arial,sans-serif;
  color: #3d3d3d
}
.news_previews {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}
.news_previews:after {
  content: "";
  position: absolute;
  bottom: 56px;
  left: 0;
  right: 0;
  height: 88px;
  pointer-events: none;
  background: rgba(255,255,255,.25);
  background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.47) 31%,rgba(255,255,255,.9) 90%,#fff 100%);
  background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(31%,rgba(255,255,255,.47)),color-stop(90%,rgba(255,255,255,.9)),color-stop(100%,#fff));
  background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.47) 31%,rgba(255,255,255,.9) 90%,#fff 100%);
  background: -o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.47) 31%,rgba(255,255,255,.9) 90%,#fff 100%);
  background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.47) 31%,rgba(255,255,255,.9) 90%,#fff 100%);
  background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.47) 31%,rgba(255,255,255,.9) 90%,#fff 100%)
}
.news__item {
  display: flex
}
.news__item:hover .news__title {
  color: #bf0c1e
}
.news_list .news__item {
  border-top: 1px solid #dbdbdb;
  padding: 15px 0 16px
}
.news_list:not(.news_rubric) .news__item:last-child {
  padding-bottom: 0
}
.news_list .preview-meta:not(:first-child) {
  margin-left: 8px
}
.news_list .preview-meta__views {
  margin-right: 14px
}
.news_header {
  display: flex;
  width: 824px
}
.news_header .news__item {
  align-items: center;
  margin-top: 12px;
  margin-right: 20px;
  border: 0;
  padding: 0;
  width: 392px
}
.news_header .news__pic {
  position: relative;
  height: 72px
}
.news_header .news__pic:after {
  content: "\e901";
  font: 15px/23px icons;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: -4px;
  right: -4px;
  width: 24px;
  height: 24px;
  padding-left: .5px;
  padding-top: .5px;
  background: #b20606;
  border-radius: 50%
}
.news_header .news__img {
  width: 72px;
  height: 72px
}
.news_header .news__content {
  display: block;
  max-height: 68px;
  overflow: hidden
}
.news_header .news__content,
.news_header .news__desc {
  font: 12px/17px 'Open Sans',Arial,sans-serif
}
.news_header .news__title {
  display: inline;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -.03em
}
.news_header .news__desc {
  display: inline
}
.news_top .news__img {
  width: 144px;
  height: 124px
}
.news_top .label-box {
  font-size: 9px
}
.news_society {
  width: 100%
}
.news_society .news__item {
  border-bottom: 1px solid #dbdbdb;
  padding: 16px 0
}
.news_society .news__item:first-child {
  padding-top: 0;
  padding-bottom: 15px
}
.news_society .news__item:last-child {
  padding-bottom: 0;
  border-bottom: 0
}
.news_society .news__pic {
  margin-right: 12px
}
.news_society .news__img {
  width: 156px;
  height: 103px
}
.news_society .news__title {
  font-size: 15px;
  line-height: 22px
}
.news_society .news__info {
  margin-bottom: 10px
}
.news_feed {
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 5px 10px 10px;
  overflow-y: scroll
}
.news_feed .news__date {
  font: italic 11px/15px 'Open Sans',Arial,sans-serif;
  color: #8f8f8f;
  margin: 24px 0 8px
}
.news_feed .news__item {
  border-bottom: 1px solid #dbdbdb;
  padding: 17px 0
}
.news_feed .news__item:last-child {
  border-bottom: 0
}
.news_feed .news__pic {
  position: relative;
  margin-right: 10px
}
.news_feed .news__img {
  width: 80px;
  height: 70px
}
.news_feed .news__time {
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-right-radius: 4px;
  padding: 2px 4px;
  font: 800 8px/12px raleway,sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: #fff;
  color: #8f8f8f
}
.news_feed .news__title {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -.03em
}
.news_feed .news__info {
  margin-bottom: 0
}
.news_feed .label-box {
  padding: 3px 4px 1px;
  border-radius: 4px
}
.news_rubric {
  margin-bottom: 16px
}
.news_rubric:not(.news_tags) .news__item {
  padding-top: 16px
}
.news_rubric:not(.news_tags) .news__item:first-child {
  border-top: 0;
  padding-top: 0
}
.news_rubric:not(.news_tags) .news__item:last-of-type {
  border-bottom: 1px solid #dbdbdb
}
.news_rubric .news__img {
  width: 156px;
  height: 136px
}
.news_rubric .news__info {
  line-height: 24px
}
.news_rubric .promo-wrap {
  margin: 5px 0
}
.news_rubric .promo-wrap + .news__item {
  border-top: 0
}
.news_tags .news__item:last-child {
  border-bottom: 1px solid #dbdbdb
}
.news_tags .news__item:first-child {
  border-top: 0
}
.news_related {
  margin-bottom: 32px
}
.news_related .aside__heading {
  margin-bottom: 0
}
.news_related .news__item {
  border-bottom: 1px solid #dbdbdb;
  padding: 16px 0
}
.news_related .news__item:first-child {
  border-bottom: 0
}
.news_related .news__pic {
  margin-right: 12px
}
.news_related .news__img {
  height: 78px
}
.news_related .news__title {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0
}
.news_related .news__info {
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 4px
}
.news .select-res {
  background: #ffdf00;
  padding: 0 .3em;
  color: #000
}
.previews {
  background: #ffdf00;
  margin-bottom: 32px;
  padding: 24px 24px 22px
}
.previews:last-child {
  margin-bottom: 0
}
.previews_white {
  background: #fff;
  border: 1px solid #dbdbdb
}
.previews_border {
  border-top: 4px solid #bf0c1e
}
.previews-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px
}
.previews-wrap__column {
  width: 300px;
  position: relative
}
.previews-wrap__column:nth-child(2) {
  width: 412px
}
.previews__heading {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 44px
}
.previews__item {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px
}
.previews__item:last-child {
  margin-bottom: 0
}
.previews__item:hover .previews__title {
  color: #bf0c1e
}
.previews__item:hover .previews__img {
  transform: scale(1.06)
}
.previews__pic {
  position: relative;
  overflow: hidden;
  margin-bottom: 8px
}
.previews__img {
  display: block;
  width: 252px;
  height: 174px;
  transition: all .3s
}
.previews__title {
  font: 600 15px/23px raleway,sans-serif;
  color: #000;
  transition: color .3s
}
.previews .video-play {
  position: absolute;
  bottom: 10px;
  left: 10px
}
.previews_aside {
  padding-left: 23px;
  padding-right: 23px
}
.previews_aside .previews__item {
  margin-bottom: 16px
}
.previews_aside .previews__item:last-child {
  margin-bottom: 0
}
.previews_aside .previews__heading {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 13px
}
.previews_aside .heading__mark {
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px
}
.previews__category {
  font: bold 10px/16px 'Open Sans',Arial,sans-serif;
  color: #b3b3b3;
  margin: 5px 0 4px;
  letter-spacing: .04em;
  text-transform: uppercase
}
.previews__text {
  font: 14px/20px 'Open Sans',Arial,sans-serif;
  color: #3d3d3d
}
.previews__list {
  display: flex;
  justify-content: space-between
}
.previews_section {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  margin: 0 -17px 0 0;
  padding: 0
}
.previews_section .preview-gray {
  margin: 0 17px 32px 0
}
.previews_section .previews__item {
  margin: 0 17px 32px 0;
  width: 234px
}
.previews_section .previews__item .preview-meta {
  margin-bottom: 5px
}
.previews_section .previews__pic {
  margin-bottom: 8px
}
.previews_section .previews__img {
  width: 234px;
  height: 160px
}
.previews_section .previews__title {
  margin-bottom: 3px
}
.previews_video {
  margin: 0 -15px 8px;
  padding: 25px 15px
}
.previews_video .previews__heading {
  margin-bottom: 15px;
  text-align: center
}
.previews_video .previews__item {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  width: 247px
}
.previews_video .previews__item:hover .video-play {
  transform: scale(1.14)
}
.previews_video .previews__pic {
  margin-bottom: 10px
}
.previews_video .previews__img {
  width: 247px;
  height: 182px
}
.previews_sh-main {
  margin-bottom: 16px
}
.previews_sh-main .previews__item {
  width: 212px;
  margin-bottom: 0
}
.previews_sh-main .previews__img {
  width: 212px;
  height: 146px
}
.previews_section-media {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  margin: 0 -24px 0 0;
  padding: 0
}
.previews_section-media .preview-gray {
  margin: 0 23px 32px 0
}
.previews_section-media .previews__item {
  margin: 0 23px 32px 0;
  width: 230px
}
.previews_section-media .previews__item .preview-meta {
  margin-bottom: 9px
}
.previews_section-media .previews__item:not(.previews__item_big) .video-play {
  width: 32px;
  height: 32px
}
.previews_section-media .previews__item:not(.previews__item_big) .video-play:after {
  margin: -7px 0 0 -4px;
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-left-width: 11px
}
.previews_section-media .previews__item_big {
  width: 356px
}
.previews_section-media .previews__item_big .previews__pic {
  margin-bottom: 7px
}
.previews_section-media .previews__item_big .previews__img {
  width: 356px;
  height: 262px
}
.previews_section-media .previews__item_big .previews__title {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 3px
}
.previews_section-media .previews__pic {
  margin-bottom: 11px
}
.previews_section-media .previews__img {
  width: 230px;
  height: 168px
}
.interview-previews {
  border-top: 1px solid #dbdbdb;
  padding: 24px 0;
  text-align: center
}
.interview-previews__heading {
  text-align: center;
  margin-bottom: 16px
}
.interview-previews__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 10px
}
.interview-previews__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 20px;
  padding: 0 20px;
  width: 230px;
  text-align: center;
  background-image: url(../img/interwiev_plash.svg);
  background-repeat: no-repeat;
  background-position: 50% 220px
}
.interview-previews__item:hover .interview-previews__pic {
  opacity: .9
}
.interview-previews__item:hover .interview-previews__img {
  transform: scale(1.1)
}
.interview-previews__item:hover .interview-previews__title {
  color: #bf0c1e
}
.interview-previews__pic {
  margin-bottom: 20px;
  transition: opacity .3s;
  border-radius: 50%;
  overflow: hidden
}
.interview-previews__img {
  display: block;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  transition: all .3s
}
.interview-previews__title {
  font: 500 italic 15px/22px raleway,sans-serif;
  width: 100%;
  color: #000;
  transition: color .3s
}
.interview-previews__name {
  font: 800 13px/19px raleway,sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #bf0c1e;
  margin-bottom: 16px;
  width: 100%
}
.interview-previews__status {
  font: 500 14px/18px 'Open Sans',Arial,sans-serif;
  color: #8a8a8a;
  margin-bottom: 8px
}
.interview-previews_rubric {
  display: flex;
  flex-wrap: wrap;
  border-top: 0
}
.interview-previews_rubric .interview-previews__item {
  margin-bottom: 42px;
  padding: 0 24px;
  width: 245px;
  background-position-y: 240px
}
.interview-previews_rubric .interview-previews__name {
  margin-bottom: 6px
}
.interview-previews_rubric .interview-previews__title {
  margin-bottom: 6px
}
.interview-previews_rubric .promo-wrap {
  margin-bottom: 42px
}
.interview-previews_light {
  padding-bottom: 10px
}
.interview-previews_light .interview-previews__item {
  margin-bottom: 30px;
  background: 0 0
}
.top-starhit {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px
}
.top-starhit__heading {
  text-transform: uppercase;
  margin-bottom: 15px
}
.top-starhit__column {
  width: 496px
}
.top-starhit__column:nth-child(2) {
  width: 215px
}
.cats-wrap {
  display: flex;
  flex-wrap: wrap
}
.cats-wrap .cat-previews {
  margin-right: 35px;
  width: 344px
}
.cats-wrap .cat-previews:nth-child(2n) {
  margin-right: 0
}
.cat-previews {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  border-top: 2px solid #000;
  padding: 8px 10px 0 0
}
.cat-previews__heading {
  font: 800 14px/20px raleway,sans-serif;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #000;
  transition: color .3s;
  margin-bottom: 8px
}
.cat-previews__heading:hover {
  color: #bf0c1e
}
.cat-previews__item {
  position: relative;
  border-top: 1px solid #dbdbdb;
  padding: 16px 24px 16px 0
}
.cat-previews__item:after {
  position: absolute;
  top: 21px;
  right: 6px;
  margin-left: 6px;
  content: "";
  display: inline-block;
  vertical-align: 2px;
  width: 4px;
  height: 4px;
  border: 2px solid #000;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg);
  transition: all .3s
}
.cat-previews__item:hover:after {
  border-color: #bf0c1e
}
.cat-previews__item:hover .cat-previews__title {
  color: #bf0c1e
}
.cat-previews__item:last-child {
  padding-bottom: 0
}
.cat-previews__item_lead {
  border-top: 0;
  padding-top: 0;
  padding-right: 0;
  display: flex;
  justify-content: space-between
}
.cat-previews__item_lead:after {
  display: none
}
.cat-previews__pic {
  margin-right: 12px
}
.cat-previews__img {
  width: 104px;
  height: 72px;
  display: block
}
.cat-previews__title {
  display: block;
  font: 600 14px/17px raleway,sans-serif;
  letter-spacing: -.03em;
  color: #000;
  transition: color .3s
}
.top-person {
  padding: 32px 20px 46px;
  background: #f7f7f2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}
.top-person__heading {
  font: 800 18px/27px raleway,sans-serif;
  margin-bottom: 24px;
  text-align: center;
  text-transform: uppercase
}
.top-person__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 33px
}
.top-person__item:hover .top-person__name {
  color: #bf0c1e
}
.top-person__item:hover .top-person__ava:after {
  opacity: .1
}
.top-person__item:last-child {
  margin-bottom: 0
}
.top-person__ava {
  position: relative;
  margin-bottom: 8px;
  border-radius: 50%
}
.top-person__ava:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: opacity .3s;
  opacity: 0
}
.top-person__img {
  display: block;
  width: 88px;
  height: 88px;
  border-radius: 50%
}
.top-person__name {
  font: 600 15px/22px raleway,sans-serif;
  color: #000;
  transition: color .3s
}
.society-wrap {
  margin: 0 -15px;
  padding: 24px 15px;
  background: #f7f7f2
}
.society-wrap__heading {
  margin-bottom: 15px;
  position: relative
}
.society-wrap__in {
  display: flex;
  justify-content: space-between
}
.society-wrap .preview-gray {
  flex: 0 0 590px;
  margin-right: 25px;
  height: 375px
}
.preview-gray {
  display: flex;
  position: relative;
  background: #242b30;
  color: #fff
}
.preview-gray:hover .preview-gray__pic:after {
  left: 0
}
.preview-gray__pic {
  position: absolute;
  right: 0;
  top: 0;
  width: 373px;
  height: 375px;
  overflow: hidden
}
.preview-gray__pic:after {
  content: "";
  position: absolute;
  top: 0;
  left: -70px;
  width: 100%;
  height: 100%;
  transition: all .6s;
  background: -moz-linear-gradient(left,#242b30 1%,#242b30 20%,rgba(36,43,48,.2) 73%,rgba(36,43,48,0) 90%,rgba(36,43,48,0) 100%);
  background: -webkit-linear-gradient(left,#242b30 1%,#242b30 20%,rgba(36,43,48,.2) 73%,rgba(36,43,48,0) 90%,rgba(36,43,48,0) 100%);
  background: linear-gradient(to right,#242b30 1%,#242b30 20%,rgba(36,43,48,.2) 73%,rgba(36,43,48,0) 90%,rgba(36,43,48,0) 100%)
}
.preview-gray__img {
  width: 100%;
  height: 100%
}
.preview-gray__content {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 22px 26px;
  width: 234px
}
.preview-gray__rubric {
  margin-bottom: 16px
}
.preview-gray__title {
  font: 600 20px/28px raleway,sans-serif;
  margin-bottom: 8px;
  transition: color .3s
}
.preview-gray__text {
  font: 600 15px/23px raleway,sans-serif;
  color: #8f8f8f
}
.preview-gray .preview-meta {
  margin-right: -4px
}
.preview-gray_small {
  flex: 0 0 485px;
  height: 320px
}
.preview-gray_small .preview-gray__pic {
  width: 320px;
  height: 320px
}
.preview-gray_small .preview-gray__rubric {
  margin-bottom: 8px
}
.preview-gray_full {
  flex: 0 0 736px;
  height: 271px
}
.preview-gray_full .preview-gray__pic {
  width: 368px;
  height: 271px
}
.preview-gray_full .preview-gray__pic:after {
  display: none
}
.preview-gray_full .preview-gray__rubric {
  margin-bottom: 8px
}
.preview-gray_full .preview-gray__content {
  width: 316px
}
.preview-gray_full .video-play {
  position: absolute;
  left: auto;
  right: 15px;
  bottom: 15px
}
.sh-style {
  margin-bottom: 32px
}
.sh-style__heading {
  text-align: center;
  margin-bottom: 15px
}
.sh-style__list {
  display: flex;
  justify-content: space-between
}
.sh-style__item {
  display: flex;
  flex-direction: column;
  width: 235px
}
.sh-style__item:hover .sh-style__title {
  color: #bf0c1e
}
.sh-style__item_blackout {
  position: relative;
  background: #242b30
}
.sh-style__item_blackout:hover .sh-style__title {
  color: #fff
}
.sh-style__item_blackout:hover .sh-style__pic:after {
  bottom: 0
}
.sh-style__item_blackout .sh-style__pic {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  height: 235px;
  overflow: hidden
}
.sh-style__item_blackout .sh-style__pic:after {
  content: "";
  position: absolute;
  bottom: -42px;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .6s;
  background: -moz-linear-gradient(top,rgba(30,87,153,0) 0,rgba(32,74,121,0) 19%,rgba(35,50,65,.5) 53%,rgba(36,43,48,.73) 63%,#242b30 75%,#242b30 100%);
  background: -webkit-linear-gradient(top,rgba(30,87,153,0) 0,rgba(32,74,121,0) 19%,rgba(35,50,65,.5) 53%,rgba(36,43,48,.73) 63%,#242b30 75%,#242b30 100%);
  background: linear-gradient(to bottom,rgba(30,87,153,0) 0,rgba(32,74,121,0) 19%,rgba(35,50,65,.5) 53%,rgba(36,43,48,.73) 63%,#242b30 75%,#242b30 100%)
}
.sh-style__item_blackout .sh-style__title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0;
  padding: 0 19px 30px;
  flex-direction: column;
  height: auto;
  font-size: 20px;
  line-height: 28px;
  color: #fff
}
.sh-style__item_blackout .sh-style__txt {
  margin-top: 14px;
  width: 100%;
  max-height: 196px
}
.sh-style__pic {
  margin: 0 0 -1px
}
.sh-style__img {
  display: block;
  height: 235px;
  width: 235px
}
.sh-style__title {
  display: flex;
  align-items: center;
  font: 600 15px/22px raleway,sans-serif;
  border: 1px solid #dbdbdb;
  border-bottom: 4px solid #bf0c1e;
  padding: 8px 16px;
  height: 132px;
  text-align: center;
  color: #000;
  transition: color .3s
}
.sh-style__txt {
  max-height: 110px;
  overflow: hidden
}
.btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center
}
.btn-wrap_news {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff
}
.btn-wrap_more {
  margin-bottom: 32px
}
.btn-wrap_lines {
  margin: 0 -8px
}
.btn-wrap_lines:after,
.btn-wrap_lines:before {
  content: " ";
  flex-grow: 1;
  border-top: 1px solid #c4c4c4;
  margin: 0 8px
}
.btn-wrap_hidden {
  display: none
}
.btn {
  cursor: pointer;
  position: relative;
  font: 600 14px/18px raleway,sans-serif;
  display: inline-block;
  border: 0;
  padding: 10px 16px;
  background: #bf0c1e;
  border-radius: 4px;
  color: #fff;
  transition: all .3s;
  letter-spacing: -.03em;
  white-space: nowrap;
  user-select: none
}
.btn:hover {
  background: #a70a1a
}
.btn_yellow {
  background: #ffdf00;
  color: #000
}
.btn_yellow:hover {
  background: #bf0c1e;
  color: #fff
}
.btn_yellow:hover:after {
  border-color: #fff
}
.btn_arr:after {
  transition: all .3s;
  margin-left: 6px;
  content: "";
  display: inline-block;
  vertical-align: 2px;
  width: 4px;
  height: 4px;
  border: 2px solid #000;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg)
}
.btn_arr_white:after {
  border-color: #fff
}
.btn_arr_down:after {
  transition: all .3s;
  margin-left: 6px;
  content: "";
  display: inline-block;
  vertical-align: 3px;
  width: 4px;
  height: 4px;
  border: 2px solid #000;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg)
}
.btn_full {
  flex-grow: 1;
  padding: 19px;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .09em
}
.btn_share {
  font: 10px/16px 'Open Sans',Arial,sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #3d3d3d;
  border: 1px solid #dbdbdb;
  padding: 3px 32px 3px 7px;
  background: #fff
}
.btn_share:hover {
  background-color: transparent
}
.btn_share:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  border-left: 1px solid #dbdbdb;
  transition: .3s
}
.btn_share:after {
  content: "\e903";
  font-family: icons;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 3px;
  right: 3px;
  transition: .3s
}
.btn_sign-in {
  padding-left: 48px
}
.btn_sign-in:after {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  bottom: 0;
  border-left: 1px solid #fff;
  opacity: .4
}
.btn_sign-in:before {
  content: "\e90f";
  font-family: icons;
  position: absolute;
  top: 9px;
  left: 10px;
  font-size: 14px
}
.btn_big {
  font-weight: 800;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .096em;
  padding: 13px 32px
}
.btn_loading,
.btn_loading:hover {
  cursor: default;
  color: transparent
}
.btn_loading:after,
.btn_loading:before,
.btn_loading:hover:after,
.btn_loading:hover:before {
  opacity: 0
}
.btn_yellow.btn_loading:hover {
  background: #ffdf00
}
.btn_hollow {
  border: 1px solid #dbdbdb;
  color: #000;
  background: 0 0
}
.btn_hollow:not(.btn_black):hover {
  border-color: #bf0c1e;
  background-color: transparent;
  color: #bf0c1e
}
.btn_close {
  font: 800 13px/20px raleway,sans-serif;
  text-transform: uppercase;
  letter-spacing: .09px;
  padding: 11px 32px
}
.btn_remove {
  margin-right: 25px
}
.btn_small {
  font: bold 12px/16px 'Open Sans',Arial,sans-serif;
  padding: 10px
}
.btn_card:before,
.btn_list:before {
  content: "\e912";
  font-family: icons;
  margin-right: 5px;
  vertical-align: -2px;
  font-size: 15px
}
.btn_card:before {
  content: "\e913"
}
.btn_black {
  background: #000;
  color: #fff
}
.btn_black:hover {
  cursor: default;
  background: #000
}
.btn-more,
.btn-toggle {
  font: 600 13px/32px raleway,sans-serif;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: #bf0c1e;
  transition: color .3s
}
.btn-more:after,
.btn-toggle:after {
  margin-left: 6px;
  content: "";
  display: inline-block;
  vertical-align: 2px;
  width: 4px;
  height: 4px;
  border: 2px solid #bf0c1e;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg);
  transition: border .3s
}
.btn-more:hover,
.btn-toggle:hover {
  color: #000
}
.btn-more:hover:after,
.btn-toggle:hover:after {
  border-color: #000
}
.btn-more_society,
.btn-toggle_society {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%)
}
.btn-toggle {
  padding: 0;
  cursor: pointer;
  font: bold 10px/16px 'Open Sans',Arial,sans-serif;
  letter-spacing: .04em
}
.btn-toggle:after {
  transform: rotate(45deg)
}
.hidden {
  display: none
}
.share-popup {
  cursor: default;
  position: absolute;
  top: 0;
  left: 100%;
  padding: 0 8px;
  min-width: 120px;
  min-height: 24px;
  visibility: hidden;
  opacity: 0;
  margin-left: -20px;
  transition: .3s;
  animation-delay: .2s
}
.share-popup_show {
  visibility: visible;
  margin-left: 0;
  opacity: 1
}
.share-popup .loading-box span:after,
.share-popup .loading-box span:before,
.share-popup .loading-box:after,
.share-popup .loading-box:before {
  background: #ffdf00
}
.social {
  display: flex
}
.social__item {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 15px;
  margin-left: 8px;
  border: 1px solid #dbdbdb;
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50px;
  color: #3d3d3d;
  transition: all .3s
}
.social__item:hover {
  border-color: #bf0c1e;
  background: #bf0c1e;
  color: #fff
}
.social_footer {
  justify-content: center;
  margin-bottom: 32px
}
.social_footer .social__item {
  border: 0
}
.social_footer .social__item.icon-viber {
  padding-left: 2px
}
.social-tabs {
  border: 1px solid #dbdbdb
}
.social-tabs__filter {
  display: flex;
  margin: 0 -1px
}
.social-tabs__item {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 60px;
  margin: -1px;
  border: 1px solid #dbdbdb;
  height: 48px;
  background: #fff;
  transition: background-color .3s
}
.social-tabs__item:hover {
  background-color: #ededed
}
.social-tabs__item:first-child,
.social-tabs__item:last-child {
  margin-left: 0;
  margin-right: 0
}
.social-tabs__item_active {
  z-index: 1;
  background: #ededed
}
.social-tabs__item_active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  border-bottom: 2px solid #bf0c1e
}
.social-tabs__tab {
  display: none;
  min-height: 410px
}
.social-tabs__tab_active {
  display: block
}
.social-tabs__tab iframe {
  display: block!important
}
.social-tabs__tab #vkwidget1 {
  min-height: 410px
}
.news-feed {
  z-index: 9998;
  position: fixed;
  top: 0;
  left: -350px;
  transform: translateX(0);
  width: 340px;
  height: 100%;
  box-shadow: 5px 0 10px rgba(0,0,0,.15);
  opacity: 0;
  transition: all .5s;
  background: #fff
}
.news-feed.news-feed_show {
  transform: translateX(350px);
  opacity: 1
}
.news-feed__heading {
  font: 600 15px/20px raleway,sans-serif;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .09em;
  padding: 12px 44px;
  height: 44px;
  background: #bf0c1e;
  color: #fff
}
.news-feed__close {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 40px;
  height: 40px;
  transition: .3s
}
.news-feed__close:hover {
  transform: scale(1.2)
}
.news-feed__close:after,
.news-feed__close:before {
  position: absolute;
  top: 12px;
  left: 50%;
  content: ' ';
  height: 14px;
  width: 2px;
  background-color: #fff
}
.news-feed__close:before {
  transform: rotate(45deg)
}
.news-feed__close:after {
  transform: rotate(-45deg)
}
.news-feed-toggle {
  cursor: pointer;
  font: 800 13px/20px raleway,sans-serif;
  letter-spacing: .09em;
  text-align: center;
  text-transform: uppercase;
  position: fixed;
  top: 350px;
  left: 50%;
  border-radius: 4px 4px 0 0;
  margin: -56px 0 0 -623px;
  padding: 12px 0;
  width: 112px;
  transform: rotate(-90deg);
  background: #bf0c1e;
  color: #fff;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: background-color .3s
}
.news-feed-toggle_show {
  z-index: 1;
  opacity: 1;
  visibility: visible
}
.news-feed-toggle:hover {
  background-color: #a70a1a
}
@media (max-width:1200px) {
  .news-feed-toggle {
    display: none
  }
}
.not-found {
  font: 15px/22px 'Open Sans',Arial,sans-serif;
  color: #000;
  text-align: center;
  margin: 0 0 32px;
  padding: 48px;
  background: #efefef
}
.not-found__title {
  font: 700 22px/31px raleway,sans-serif;
  margin: 0 0 4px
}
.not-found__url {
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  color: #8f8f8f;
  margin: 0 0 16px
}
.not-found__txt {
  margin-bottom: 32px
}
.symbol-filter {
  margin: 0 0 16px
}
.symbol-filter__info {
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  color: #8f8f8f;
  margin: 0 0 16px
}
.symbol-filter__list {
  display: flex;
  flex-wrap: wrap
}
.symbol-filter__item {
  text-align: center;
  font: 600 15px/22px raleway,sans-serif;
  color: #000;
  cursor: pointer;
  margin: 0 5px 5px 0;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  padding: 6px 8px;
  min-width: 36px;
  height: 35px;
  transition: .3s
}
.symbol-filter__item:first-letter {
  text-transform: uppercase
}
.symbol-filter__item:not(.symbol-filter__item_active):hover {
  background-color: #efefef
}
.symbol-filter__item_active {
  cursor: default;
  color: #fff;
  border-color: #000;
  background-color: #000
}
.symbol-filter__item_lead {
  margin-left: 9px
}
.tags {
  display: flex;
  border-bottom: 1px solid #dbdbdb;
  padding: 16px 0 48px
}
.tags:last-child {
  border-bottom: 0
}
.tags.tags_disabled,
.tags_hidden {
  display: none
}
.tags__symbol {
  flex: 0 0 64px;
  font: 700 22px/31px raleway,sans-serif;
  color: #b3b3b3;
  text-transform: uppercase
}
.tags__list {
  display: flex;
  flex-wrap: wrap
}
.tags__item {
  cursor: pointer;
  font: 600 15px/22px raleway,sans-serif;
  color: #000;
  margin: 0 4px 4px 0;
  border-radius: 4px;
  padding: 2px 6px;
  background: #efefef;
  transition: background-color .3s
}
.tags__item:hover {
  background-color: #d6d6d6
}
.tags__item_hidden {
  display: none
}
.tags__title {
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  color: #8f8f8f;
  margin: 0 0 10px
}
.tags_topics {
  display: block;
  border: 0;
  padding: 8px 0
}
.tags_topics + h2 {
  margin-top: 24px
}
.tags-empty {
  margin: 24px 0;
  text-align: center;
  color: #b3ad9d;
  font: 14px/18px 'Open Sans',Arial,sans-serif
}
.tags-container > :first-child {
  margin-top: 0
}
.tags-container a {
  color: #000;
  transition: color .3s
}
.tags-container a:hover {
  color: #bf0c1e
}
.column-list {
  columns: 4
}
.column-list__item {
  display: inline-block;
  width: 100%;
  margin-bottom: 16px;
  font: 600 15px/22px raleway,sans-serif;
  color: #000;
  transition: color .3s
}
.column-list__item:hover {
  color: #bf0c1e
}
.column-list + h2,
.column-list + h3 {
  margin-top: 16px
}
.footer {
  color: #8f8f8f
}
.footer .container:not(.footer__gray) {
  padding-bottom: 8px
}
.footer .subnav {
  margin-bottom: 16px
}
.footer__gray {
  padding: 48px 119px;
  background: #efefef
}
.footer__info {
  font: 11px/15px 'Open Sans',Arial,sans-serif;
  margin-bottom: 32px
}
.footer__copy {
  text-align: center;
  font: 11px/15px 'Open Sans',Arial,sans-serif;
  margin-bottom: 32px
}
.footer__censor {
  position: absolute;
  right: 142px;
  bottom: 51px;
  color: #000;
  font: 700 16px/24px raleway,sans-serif
}
.user-counters {
  display: flex;
  justify-content: center
}
.user-counters__item {
  margin: 0 8px;
  transition: opacity .3s
}
.user-counters__item:hover {
  opacity: .8
}
.user-counters__item > img {
  display: block
}
.subscription {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px 104px 50px 120px;
  background: #ffdf00;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}
.subscription__unit {
  font: 600 13px/18px raleway,sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #3d3d3d
}
.subscription__heading {
  color: #000;
  text-transform: none
}
.subscription__form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0 0
}
.subscription__field {
  width: 328px
}
.subscription__submit {
  position: relative;
  cursor: pointer;
  font: 600 13px/19px raleway,sans-serif;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: #000;
  margin-left: 14px;
  padding: 8px 15px 7px;
  background-color: transparent;
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  transition: all .3s
}
.subscription__submit:not(.loading-wrap):hover {
  color: #bf0c1e;
  border-color: #bf0c1e
}
.subscription__submit.loading-wrap {
  color: transparent
}
.nav.nav_light {
  padding: 16px 0;
  justify-content: center;
  border-bottom: 1px solid #dbdbdb
}
.nav.nav_light .nav__item {
  padding: 0 12px
}
.nav.nav_light .nav__link {
  font: 600 16px/25px raleway,sans-serif;
  text-transform: none;
  letter-spacing: 0
}
.nav.nav_light .nav__link:after {
  display: none
}
.subnav {
  display: flex;
  justify-content: center;
  padding: 16px 0
}
.subnav__item {
  cursor: pointer;
  font: 600 14px/17px raleway,sans-serif;
  padding: 0 8px;
  color: #3d3d3d;
  transition: color .3s;
  letter-spacing: -.03em
}
.subnav__item:hover {
  color: #bf0c1e
}
.error-keys {
  letter-spacing: .04em;
  font: 10px/16px 'Open Sans',Arial,sans-serif;
  color: #b3b3b3;
  text-align: center;
  text-transform: uppercase
}
.projects {
  font: 21px/21px hsm,sans-serif;
  text-align: center;
  margin-bottom: 24px
}
.projects__list {
  display: flex;
  justify-content: space-between
}
.projects__main {
  display: inline-block;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 32px;
  color: #000
}
.projects__item,
.projects__main {
  transition: color .5s;
  color: #8f8f8f
}
.projects__item:hover,
.projects__main:hover {
  color: #000
}
span.projects__item,
span.projects__main {
  cursor: default
}
.article {
  margin-bottom: 32px
}
.article h2 + .figure,
.article h3 + .figure,
.article h4 + .figure,
.article h5 + .figure,
.article h6 + .figure {
  margin-top: 0
}
.article p {
  margin: 10px 0
}
.article a {
  color: #ff8f27;
  text-decoration: underline
}
.article a:hover {
  text-decoration: none
}
.article blockquote {
  font: 600 20px/28px raleway,sans-serif;
  text-align: center;
  position: relative;
  margin: 32px 112px;
  padding: 18px 0
}
.article blockquote:after,
.article blockquote:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 128px;
  border-bottom: 2px solid #000
}
.article blockquote:before {
  bottom: auto;
  top: 0
}
.article blockquote.align-right {
  float: right;
  margin: 6px 0 12px 40px;
  width: 280px
}
.article blockquote.align-right:after,
.article blockquote.align-right:before {
  width: 100%
}
.article blockquote.align-left {
  float: left;
  margin: 6px 40px 12px 0;
  width: 280px
}
.article blockquote.align-left:after,
.article blockquote.align-left:before {
  width: 100%
}
.article .promo-wrap {
  margin: 24px 0
}
.article-head {
  margin-bottom: 16px;
  width: 100%
}
.article-head .breadcrumbs {
  margin-bottom: 16px;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px 0 0
}
.article-head .breadcrumbs__item:last-child {
  margin-right: 0
}
.article-head + .main {
  padding-top: 0
}
.article-meta {
  display: flex;
  align-items: center;
  margin-bottom: 16px
}
.article-meta .label-box {
  margin-right: 16px
}
.article-meta .date-box {
  margin-right: 22px
}
.article-meta .preview-meta {
  margin-right: 18px;
  color: #3d3d3d
}
.article-meta .preview-meta .preview-meta__messages,
.article-meta .preview-meta .preview-meta__views {
  margin-right: 7px
}
.article-meta .social {
  flex-grow: 1;
  justify-content: flex-end;
  margin: -4px 0
}
.article-lead {
  font: 18px/25px raleway,Arial,sans-serif;
  margin: 15px 0
}
.article .article-inset {
  display: flex;
  flex-direction: column;
  margin: 32px 0;
  border-left: 2px solid #bf0c1e;
  padding: 0 74px 0 24px;
  clear: both;
  color: #bf0c1e;
  text-decoration: none
}
.article .article-inset:hover .article-inset__title {
  color: #8f0916
}
.article .article-inset:hover .article-inset__title:after {
  right: -50px
}
.article .article-inset__info {
  margin-bottom: 8px
}
.article .article-inset__title {
  position: relative;
  font: bold 15px/22px 'Open Sans',Arial,sans-serif;
  transition: color .3s
}
.article .article-inset__title:after {
  position: absolute;
  right: -40px;
  top: 50%;
  margin-top: -2px;
  transition: .3s;
  content: "";
  display: inline-block;
  vertical-align: 0;
  width: 5px;
  height: 5px;
  border: 2px solid #3d3d3d;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg)
}
.article-tags {
  margin: 32px 0 28px;
  display: flex;
  flex-wrap: wrap
}
.article-tags__item {
  font: 700 10px/16px 'Open Sans',Arial,sans-serif;
  color: #000;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: #efefef;
  text-decoration: none;
  border-radius: 4px;
  transition: .3s;
  margin: 0 4px 4px 0;
  padding: 6px 10px
}
.article-tags__item:hover {
  background-color: #d6d6d6
}
.article-tags__item:first-child {
  background-color: #bf0c1e;
  color: #fff
}
.article-tags__item:first-child:hover {
  background-color: #990a18;
  color: #fff
}
.article-author {
  display: flex;
  flex-wrap: wrap;
  margin: 17px 0 0
}
.article-author__item {
  display: flex;
  margin: 0 24px 16px 0;
  width: 228px
}
.article-author__item:hover .article-author__name {
  color: #bf0c1e
}
.article-author__item:nth-child(3n) {
  margin-right: 0
}
.article-author__item:first-child.article-author__item:last-child {
  width: auto
}
.article-author__item:first-child.article-author__item:last-child .article-author__img {
  width: 88px;
  height: 88px
}
.article-author__ava {
  margin-right: 16px
}
.article-author__img {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%
}
.article-author__body {
  align-self: center;
  display: flex;
  flex-direction: column;
  width: 100%
}
.article-author__name {
  font: 600 15px/22px raleway,sans-serif;
  color: #000;
  transition: color .3s
}
.article-author__stat {
  margin-top: 3px;
  font: 14px/20px 'Open Sans',Arial,sans-serif;
  color: #3d3d3d
}
.article-similar {
  margin: 50px 0 40px;
  border-top: 2px solid #000;
  padding: 24px;
  background: #fff7e0
}
.article-similar__heading {
  font: 800 14px/20px raleway,sans-serif;
  text-transform: uppercase;
  letter-spacing: .1em
}
.article-similar__item {
  display: block;
  font: 600 15px/23px raleway,sans-serif;
  color: #000;
  transition: color .3s;
  border-bottom: 1px solid #dbdbdb;
  padding: 16px 0
}
.article-similar__item:hover {
  color: #bf0c1e
}
.article-similar__item:last-child {
  border-bottom: 0;
  padding-bottom: 4px
}
.article-related {
  margin: 17px 0 32px;
  padding: 22px 24px 0;
  background: #fff7e0
}
.article-related .preview-meta {
  color: #3d3d3d;
  margin-bottom: 12px
}
.article-related__title {
  margin: 0 0 8px;
  font: 700 22px/31px raleway,sans-serif
}
.article-related__link {
  color: #000;
  transition: color .3s
}
.article-related__link:hover {
  color: #bf0c1e
}
.article-related__text {
  font: 15px/22px 'Open Sans',Arial,sans-serif;
  margin-bottom: 24px
}
.article-related__pic {
  position: relative
}
.article-related__pic:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: -moz-linear-gradient(top,rgba(255,247,224,0) 0,rgba(255,247,224,0) 1%,rgba(255,247,224,0) 16%,rgba(255,247,224,.5) 62%,rgba(255,247,224,.9) 92%,rgba(255,247,224,.99) 99%,#fff7e0 100%);
  background: -webkit-linear-gradient(top,rgba(255,247,224,0) 0,rgba(255,247,224,0) 1%,rgba(255,247,224,0) 16%,rgba(255,247,224,.5) 62%,rgba(255,247,224,.9) 92%,rgba(255,247,224,.99) 99%,#fff7e0 100%);
  background: linear-gradient(to bottom,rgba(255,247,224,0) 0,rgba(255,247,224,0) 1%,rgba(255,247,224,0) 16%,rgba(255,247,224,.5) 62%,rgba(255,247,224,.9) 92%,rgba(255,247,224,.99) 99%,#fff7e0 100%)
}
.article-related__pic .btn {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%)
}
.article-related__img {
  display: block;
  margin: 0 auto;
  min-height: 308px
}
:not(.figure).article-gallery {
  position: relative;
  overflow: hidden;
  clear: both;
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 363px
}
:not(.figure).article-gallery:first-child {
  margin-top: 0
}
:not(.figure).article-gallery__item {
  position: relative;
  cursor: zoom-in;
  overflow: hidden;
  margin: 0 8px 0 0;
  width: 363px;
  height: 363px
}
:not(.figure).article-gallery__item:first-child:last-child {
  width: 100%;
  height: auto;
  margin-right: 0
}
:not(.figure).article-gallery__item:last-child {
  margin: 0
}
:not(.figure).article-gallery__item:after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 8px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background: url(../img/article/gallery_more.png) no-repeat 50% 50% #ffdf00;
  transition: .3s;
  pointer-events: none
}
:not(.figure).article-gallery__item:hover:after {
  transform: scale(1.1)
}
:not(.figure).article-gallery__item:hover .article-gallery__img {
  opacity: .9
}
:not(.figure).article-gallery__img {
  display: block;
  object-fit: cover;
  object-position: center top;
  width: 100%;
  height: 100%;
  transition: opacity .3s
}
:not(.figure).article-gallery__more {
  overflow: hidden;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}
:not(.figure).article-gallery__more:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom,rgba(36,43,48,0) 0,#242b30 100%);
  transition: top .6s
}
:not(.figure).article-gallery__more:hover:before {
  top: 15%
}
:not(.figure).article-gallery__count {
  position: relative;
  font: bold 10px/16px 'Open Sans',Arial,sans-serif;
  letter-spacing: .9px;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  padding: 20px 0 0;
  width: 96px;
  height: 96px;
  background: #ffdf00;
  border-radius: 50%;
  transition: .3s
}
:not(.figure).article-gallery__num {
  font: 800 28px/40px raleway,sans-serif;
  width: 100%
}
:not(.figure).article-gallery_middle {
  height: 512px
}
:not(.figure).article-gallery_middle .article-gallery__item:first-child {
  width: 474px;
  height: 512px
}
:not(.figure).article-gallery_middle .article-gallery__item:first-child ~ .article-gallery__item {
  margin: 0 0 8px;
  width: 252px;
  height: 252px
}
:not(.figure).article-gallery_middle .article-gallery__item:first-child ~ .article-gallery__item:nth-child(3) {
  margin-bottom: 0
}
:not(.figure).article-gallery_middle .article-gallery__item:first-child ~ .article-gallery__item:nth-child(3) ~ .article-gallery__item {
  display: none
}
:not(.figure).article-gallery_miniatures {
  height: 628px
}
:not(.figure).article-gallery_miniatures .article-gallery__item:after {
  display: none
}
:not(.figure).article-gallery_miniatures .article-gallery__item:first-child {
  width: 522px;
  height: 628px
}
:not(.figure).article-gallery_miniatures .article-gallery__item:first-child ~ .article-gallery__item {
  margin: 0 0 8px;
  width: 204px;
  height: 204px
}
:not(.figure).article-gallery_miniatures .article-gallery__item:first-child ~ .article-gallery__item:nth-child(4) {
  margin-bottom: 0
}
:not(.figure).article-gallery_miniatures .article-gallery__item:first-child ~ .article-gallery__item:nth-child(4) ~ .article-gallery__item {
  display: none
}
:not(.figure).article-gallery_small {
  height: 512px;
  align-content: center
}
:not(.figure).article-gallery_small .article-gallery__item {
  flex-grow: 0
}
:not(.figure).article-gallery_small .article-gallery__item:after {
  display: none
}
:not(.figure).article-gallery_small .article-gallery__item:first-child {
  width: auto;
  height: 512px;
  max-width: 560px
}
:not(.figure).article-gallery_small .article-gallery__item:first-child .article-gallery__img {
  width: auto
}
:not(.figure).article-gallery_small .article-gallery__item:first-child ~ .article-gallery__item {
  margin: 0 0 8px;
  width: 165px;
  height: 165px
}
:not(.figure).article-gallery_small .article-gallery__item:first-child ~ .article-gallery__item:nth-child(3) {
  margin-bottom: 9px
}
:not(.figure).article-gallery_small .article-gallery__item:first-child ~ .article-gallery__item:nth-child(4) {
  margin-bottom: 0
}
:not(.figure).article-gallery_small .article-gallery__item:first-child ~ .article-gallery__item:nth-child(4) ~ .article-gallery__item {
  display: none
}
.figure {
  margin: 32px 0;
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  color: #000;
  text-align: center;
  clear: both
}
.figure:first-child {
  margin-top: 0
}
.figure__pic {
  margin: 0 0 9px;
  display: inline-flex
}
.figure__caption {
  padding: 0 40px
}
.figure .article-source {
  margin: 10px 0 0
}
.figure_columns {
  display: flex
}
.figure_columns .figure__pic {
  margin: 0 16px 0 0;
  flex: 0 0 440px
}
.figure_columns .figure__img {
  width: 440px
}
.figure_columns .figure__caption {
  border-top: 1px solid #dbdbdb;
  padding: 8px 0;
  text-align: left
}
.figure_columns .figure__caption p:first-child {
  margin-top: 0
}
.figure_columns_bold {
  font: 700 16px/22px raleway,sans-serif;
  color: #000
}
.figure_columns_bold .figure__caption {
  border-top: 2px solid #000
}
.figure-wrap {
  display: flex;
  margin: 32px 0;
  justify-content: space-between
}
.figure-wrap .figure {
  margin: 0;
  width: 360px
}
.figure-wrap .figure__pic {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 449px
}
.figure-wrap .figure__img {
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translateX(-50%)
}
.js-gallery .figure .figure__pic,
.js-gallery.figure .figure__pic {
  position: relative;
  cursor: zoom-in;
  transition: opacity .3s
}
.js-gallery .figure .figure__pic:after,
.js-gallery.figure .figure__pic:after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 8px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background: url(../img/article/gallery_more.png) no-repeat 50% 50% #ffdf00;
  transition: .3s;
  pointer-events: none
}
.js-gallery .figure .figure__pic:hover,
.js-gallery.figure .figure__pic:hover {
  opacity: .9
}
.article-source {
  margin: 10px 0;
  font: italic 12px/16px 'Open Sans',Arial,sans-serif;
  color: #8f8f8f
}
p + .article-source {
  margin-top: 24px
}
.article-source a {
  color: #bf0c1e;
  text-decoration: none
}
.editorial-box {
  display: flex;
  flex-direction: column;
  float: right;
  border: 1px solid #dbdbdb;
  margin: 0 0 20px 40px;
  padding: 22px 36px;
  width: 280px;
  text-align: center
}
.editorial-box__pic {
  margin-bottom: 16px
}
.editorial-box__img {
  display: block;
  margin: 0 auto;
  width: 112px;
  height: 112px;
  border-radius: 50%
}
.editorial-box__stat {
  font: 700 10px/16px 'Open Sans',Arial,sans-serif;
  letter-spacing: .04em;
  color: #8f8f8f;
  margin: 0 0 10px
}
.editorial-box__name {
  font: 700 16px/22px raleway,sans-serif;
  margin: 0 0 8px
}
.editorial-box__desc {
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  color: #3d3d3d
}
.recommend {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  clear: both;
  margin: 32px 0 40px
}
.recommend .recommend__item {
  position: relative;
  width: 240px;
  height: 184px;
  background: #efefef;
  color: #000;
  transition: background-color .3s
}
.recommend .recommend__item:hover {
  background: #f2f2f2
}
.recommend .recommend__item:hover .recommend__title {
  color: #bf0c1e
}
.recommend .recommend__item:hover .recommend__img {
  opacity: .08
}
.recommend__body {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 16px;
  left: 16px;
  bottom: 16px;
  right: 16px
}
.recommend .preview-meta {
  margin-bottom: 8px
}
.recommend__title {
  font: 600 14px/18px raleway,sans-serif;
  letter-spacing: -.03em;
  color: #000;
  transition: color .3s;
  margin-bottom: 8px;
  max-height: 72px;
  overflow: hidden
}
.recommend__text {
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  color: #3d3d3d;
  max-height: 48px;
  overflow: hidden
}
.recommend__bg {
  display: block;
  height: 100%;
  background: #fff
}
.recommend__img {
  display: block;
  opacity: .1;
  transition: opacity .3s
}
.recommend__heading {
  font: 800 14px/20px raleway,sans-serif;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 8px;
  width: 100%
}
.recommend_small {
  margin-bottom: 32px
}
.recommend_small .recommend__item {
  height: 104px
}
.recommend_small .recommend__title {
  margin: 0
}
.update-box {
  display: flex;
  margin: 32px 0 16px;
  clear: both
}
.update-box__item {
  font: 700 10px/16px 'Open Sans',Arial,sans-serif;
  text-transform: uppercase;
  letter-spacing: .04em;
  background: #ff8f27;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px
}
.update-box__time {
  font-weight: 400;
  margin-left: 4px
}
.content .article-preview {
  display: flex;
  margin: 40px 0 32px;
  padding: 24px;
  background: #efefef;
  text-decoration: none;
  transition: background-color .3s
}
.content .article-preview:hover {
  background: #f2f2f2
}
.content .article-preview:hover .article-preview__title {
  color: #bf0c1e
}
.content .article-preview__pic {
  margin-right: 16px
}
.content .article-preview__img {
  display: block;
  width: 144px;
  height: 124px
}
.content .article-preview__content {
  display: flex;
  flex-direction: column;
  width: 100%
}
.content .article-preview__info {
  font: 10px/13px 'Open Sans',Arial,sans-serif;
  display: flex;
  align-items: center;
  color: #b3b3b3;
  letter-spacing: .04em;
  margin-bottom: 8px
}
.content .article-preview__date {
  font-weight: 700;
  margin-right: 8px
}
.content .article-preview__time {
  margin-right: 8px
}
.content .article-preview__title {
  font: 600 18px/25px raleway,sans-serif;
  color: #000;
  margin-bottom: 4px;
  transition: color .3s
}
.content .article-preview__desc {
  font: 14px/20px 'Open Sans',Arial,sans-serif;
  color: #3d3d3d
}
.content .article-preview_left {
  float: left;
  display: block;
  margin: 8px 40px 16px 0;
  width: 280px
}
.content .article-preview_left .article-preview__pic {
  display: block;
  margin: 0 0 9px
}
.content .article-preview_left .article-preview__img {
  width: 234px;
  height: 160px
}
.content .article-preview_left .article-preview__title {
  font-size: 15px;
  line-height: 22px
}
.content .article-preview_left .preview-meta {
  margin-bottom: 5px
}
.interview-box,
.quote-box {
  clear: both;
  margin: 24px 0 42px
}
.interview-box__question,
.quote-box__question {
  display: flex;
  align-items: baseline;
  margin-bottom: 34px;
  font: 700 15px/23px 'Open Sans',Arial,sans-serif
}
.interview-box__questioner,
.quote-box__questioner {
  flex-shrink: 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .15em;
  width: 88px
}
.interview-box__unit,
.quote-box__unit {
  display: flex
}
.interview-box__ava,
.quote-box__ava {
  margin-right: 16px
}
.interview-box__img,
.quote-box__img {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 50%
}
.interview-box__answer,
.quote-box__answer {
  font: 15px/23px 'Open Sans',Arial,sans-serif
}
.quote-box {
  display: flex
}
.comments {
  color: #000
}
.comments__closed {
  margin: -4px 0 26px;
  font: 600 16px/22px raleway,sans-serif
}
.heading + .comments__closed {
  margin-top: 20px
}
.comments .heading {
  margin-bottom: 0
}
.comments .heading + .comments__item {
  border-top: 0
}
.comments__item {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid #dbdbdb;
  padding: 20px 0
}
.comments__item .comments__item:last-child {
  padding-bottom: 0
}
.comments__ava {
  position: relative;
  margin-right: 16px
}
.comments__img {
  display: block;
  border-radius: 4px;
  width: 50px;
  height: 50px
}
.comments__social {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 22px;
  height: 22px;
  background: #3d3d3d;
  border-radius: 4px;
  color: #fff
}
.comments__social.icon-vk {
  background: #42698e
}
.comments__social.icon-vk:before {
  font-size: 8px
}
.comments__social.icon-ok {
  background: #fe9440
}
.comments__social.icon-ok:before {
  font-size: 14px
}
.comments__social.icon-mail {
  background: #004b88
}
.comments__social.icon-mail:before {
  font-size: 12px
}
.comments__social.icon-tw {
  background: #50d3ff
}
.comments__social.icon-tw:before {
  font-size: 12px
}
.comments__social.icon-fb {
  background: #3d61ab
}
.comments__social.icon-fb:before {
  font-size: 12px
}
.comments__body {
  width: 100%
}
.comments__meta {
  display: flex;
  margin-bottom: 12px
}
.comments__name {
  font: 700 12px/16px 'Open Sans',Arial,sans-serif;
  flex-grow: 1
}
.comments__message {
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  min-height: 28px
}
.comments__message + .comments__item {
  margin-top: 20px
}
.comments__form {
  display: flex;
  align-items: flex-start;
  width: 100%
}
.comments__area {
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  color: #000;
  flex-grow: 1;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding: 8px;
  min-height: 56px;
  height: 0;
  resize: none
}
.comments__submit {
  cursor: pointer;
  margin-left: 10px;
  border: 0;
  border-radius: 4px;
  width: 40px;
  height: 56px;
  background: #efefef;
  transition: background-color .3s;
  user-select: none
}
.comments__submit:after {
  content: "";
  display: inline-block;
  vertical-align: 2px;
  width: 5px;
  height: 5px;
  border: 2px solid #000;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg)
}
.comments__submit:not([disabled]):hover {
  background-color: #eaeaea
}
.comments__submit[disabled] {
  cursor: default;
  opacity: .7
}
.comments__submit[disabled]:after {
  border-color: #999
}
.comments-toggle {
  font: 800 13px/19px raleway,sans-serif;
  text-align: center;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #000;
  cursor: pointer;
  position: relative;
  margin-bottom: 32px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding: 18px;
  width: 100%;
  transition: background-color .3s;
  user-select: none
}
.comments-toggle:hover {
  background-color: #efefef
}
.comments-toggle__count {
  font-weight: 600;
  color: #8f8f8f
}
.comments-toggle__count:before {
  content: "("
}
.comments-toggle__count:after {
  content: ")"
}
.comments-toggle.loading-wrap,
.comments-toggle.loading-wrap .comments-toggle__count {
  color: transparent
}
.comments-toggle .loading-box span:after,
.comments-toggle .loading-box span:before,
.comments-toggle .loading-box:after,
.comments-toggle .loading-box:before {
  background: #3d3d3d
}
.comments__error {
  margin: -16px 0 18px 66px;
  color: #bf0c1e;
  font: italic 11px/15px 'Open Sans',Arial,sans-serif
}
.comments__remove {
  position: relative;
  cursor: pointer;
  align-self: center;
  margin-left: 10px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: #bf0c1e;
  transition: .3s
}
.comments__remove:hover {
  opacity: .7
}
.comments__remove:after,
.comments__remove:before {
  position: absolute;
  top: 3px;
  left: 6px;
  content: ' ';
  height: 8px;
  width: 2px;
  background-color: #fff
}
.comments__remove:before {
  transform: rotate(45deg)
}
.comments__remove:after {
  transform: rotate(-45deg)
}
.container-loading .comments__submit {
  cursor: default;
  background: #efefef
}
.login-box {
  margin-bottom: 16px;
  padding: 32px 0;
  border-radius: 4px;
  background: #efefef;
  text-align: center
}
.login-box__info {
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  margin-bottom: 16px
}
.heading + .login-box {
  margin-top: 10px
}
.light-box {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #242b30;
  opacity: 0;
  visibility: hidden;
  z-index: -1
}
.light-box_show {
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  transition: opacity .3s
}
.light-box__body {
  position: relative;
  flex-grow: 1;
  max-width: calc(100% - 332px)
}
@media (max-width:980px) {
  .light-box__body {
    max-width: 100%
  }
}
.light-box__aside {
  flex: 0 0 332px;
  border-left: 1px solid #323b42;
  padding: 14px 16px 14px 15px
}
@media (max-width:980px) {
  .light-box__aside {
    display: none
  }
}
.light-box__close {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  right: 23px;
  top: 23px;
  border-radius: 50px;
  border: 1px solid #323b42;
  width: 44px;
  height: 44px;
  background: #242b30;
  transition: .3s
}
.light-box__close:hover {
  transform: scale(1.1)
}
.light-box__close:after,
.light-box__close:before {
  position: absolute;
  top: 14px;
  left: 48%;
  content: ' ';
  height: 14px;
  width: 2px;
  background-color: #fff
}
.light-box__close:before {
  transform: rotate(45deg)
}
.light-box__close:after {
  transform: rotate(-45deg)
}
.slider {
  overflow: hidden;
  position: relative;
  height: 100%
}
.slider__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.slider__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  user-select: none
}
.slider__item_active {
  opacity: 1;
  z-index: 1
}
.slider__item .loading-box span:after,
.slider__item .loading-box span:before,
.slider__item .loading-box:after,
.slider__item .loading-box:before {
  background: #fff
}
.slider__item_zoom .slider__img:not(.slider__img_zoom) {
  cursor: pointer
}
.slider__item_zoom .slider__img:not(.slider__img_zoom) + .slider__loop:hover,
.slider__item_zoom .slider__img:not(.slider__img_zoom):hover + .slider__loop {
  visibility: visible;
  cursor: pointer;
  opacity: 1
}
.slider__img,
.slider__loop {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: 100%;
  max-height: 100%;
  user-select: none
}
.slider__img_zoom,
.slider__loop_zoom {
  cursor: grab;
  max-width: none;
  max-height: none;
  transform: none
}
.slider__img_zoom + .slider__loop,
.slider__loop_zoom + .slider__loop {
  opacity: 0;
  visibility: hidden
}
.slider__loop {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 72px;
  height: 72px;
  background: rgba(36,43,48,.6);
  border-radius: 50%;
  font-size: 30px;
  color: #fff;
  opacity: 0;
  transition: opacity .3s
}
.slider__meta {
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  text-align: left;
  color: #fff;
  position: absolute;
  z-index: 1;
  left: 16px;
  top: 20px;
  border-radius: 4px;
  padding: 5px 10px;
  background: rgba(36,43,48,.7)
}
.slider__info {
  margin-bottom: 10px;
  max-width: 400px
}
.slider__info:last-child {
  margin-bottom: 0
}
.slider__count {
  color: #8f8f8f
}
.slider__next,
.slider__prev {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: -50px;
  border-radius: 50%;
  margin-top: -22px;
  padding: 12px 0 0 16px;
  width: 44px;
  height: 44px;
  background: #ffdf00;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
  z-index: 0
}
.slider__next:hover,
.slider__prev:hover {
  transform: scale(1.1)
}
.slider__next:after,
.slider__prev:after {
  content: "";
  display: inline-block;
  vertical-align: 2px;
  width: 8px;
  height: 8px;
  border: 2px solid #000;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg)
}
.slider__next:before,
.slider__prev:before {
  content: "";
  position: absolute;
  top: -20px;
  right: -20px;
  left: -20px;
  bottom: -20px
}
.slider__next.slider__next_active,
.slider__prev.slider__prev_active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  right: 24px
}
.slider__prev.slider__prev_active {
  right: auto;
  left: 24px
}
.slider__prev {
  right: auto;
  left: -50px;
  padding-left: 18px
}
.slider__prev:after {
  transform: rotate(135deg)
}
.menu {
  width: 178px;
  font: 600 15px/22px raleway,sans-serif
}
.menu-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 0 16px
}
.menu:hover .menu__toggle-link,
.menu_active .menu__toggle-link,
.menu_active:hover .menu__toggle-link {
  color: #fff
}
.menu:hover .menu__array,
.menu_active .menu__array,
.menu_active:hover .menu__array {
  border-color: #fff
}
.menu:hover .menu__array:after,
.menu_active .menu__array:after,
.menu_active:hover .menu__array:after {
  border-color: #fff
}
.menu:hover .menu__toggle-link {
  background: #bf0c1e
}
.menu:hover .menu__array:after {
  margin-top: -2px;
  transform: rotate(-135deg)
}
.menu:hover .menu__dropdown {
  visibility: visible;
  z-index: 9;
  opacity: 1;
  margin-top: 7px
}
.menu_active .menu__toggle-link {
  background: #000
}
.menu__toggle {
  position: relative;
  display: flex;
  height: 100%
}
.menu__toggle-link {
  display: flex;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  padding: 11px 60px 11px 16px;
  height: 100%;
  align-items: center;
  transition: .3s;
  color: #000
}
.menu__hidden {
  display: none
}
.menu__array {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
  width: 24px;
  height: 24px;
  transition: .3s
}
.menu__array:after {
  content: "";
  display: inline-block;
  vertical-align: 2px;
  width: 4.5px;
  height: 4.5px;
  border: 2px solid #000;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -3px;
  transition: .3s
}
.menu__dropdown {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 20px 24px 24px;
  width: 100%;
  z-index: -99;
  visibility: hidden;
  opacity: 0;
  margin-top: 60px;
  transition: opacity .3s,margin-top .3s;
  transition-delay: .15s;
  background: #efefef
}
.menu__dropdown:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 12px
}
.menu__hr {
  border-top: 1px solid #dbdbdb;
  margin: 10px 0;
  width: 100%
}
.menu__list {
  width: 50%
}
.menu__item {
  position: relative;
  margin: 4px 0;
  padding: 0 24px
}
.menu__link {
  display: inline-block;
  color: #000;
  transition: color .3s
}
.menu__link:before {
  position: absolute;
  left: 0;
  top: 8px;
  transition: left .3s;
  content: "";
  display: inline-block;
  vertical-align: 2px;
  width: 4.5px;
  height: 4.5px;
  border: 2px solid #bf0c1e;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg)
}
.menu__item_active .menu__link,
.menu__link:hover {
  color: #bf0c1e
}
.menu__item_active .menu__link:before,
.menu__link:hover:before {
  left: 4px
}
.menu__item_active .menu__link .menu__count,
.menu__link:hover .menu__count {
  color: #3d3d3d
}
.menu__count {
  margin-left: 4px;
  font-size: 12px;
  color: #b3b3b3;
  transition: color .3s
}
.tags-head {
  margin: 16px 0 32px;
  padding: 32px 72px;
  background: #ffdf00
}
.tags-head__heading {
  text-align: center;
  margin: 0;
  font: 700 22px/31px raleway,tahoma,sans-serif
}
.tags-head_authors,
.tags-head_person {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-left: 32px;
  padding-right: 32px
}
.tags-head_authors .tags-head__heading,
.tags-head_person .tags-head__heading {
  text-align: left
}
.tags-head_authors .preview-meta,
.tags-head_person .preview-meta {
  position: absolute;
  left: 32px;
  bottom: 32px;
  color: #000
}
.tags-head_authors .tags-head__body {
  padding-bottom: 0
}
.tags-head_rubric {
  margin-bottom: 16px
}
.tags-head__body {
  padding-bottom: 32px
}
.tags-head__pic {
  margin: -32px -32px -32px 0
}
.tags-head__img {
  display: block
}
.tags-head p a {
  color: #bf0c1e;
  text-decoration: none
}
.tags-head p a:hover {
  text-decoration: underline
}
.pics-list {
  display: flex;
  flex-direction: row-reverse;
  margin: 16px 0
}
.pics-list:hover .pics-list__item:after {
  opacity: 1
}
.pics-list__item {
  position: relative;
  margin-right: -22px
}
.pics-list__item:first-child {
  margin-right: 0
}
.pics-list__item:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  background: rgba(0,0,0,.2);
  opacity: 0;
  transition: .3s
}
.pics-list__item:hover:after {
  transform: scale(1.1);
  background-color: transparent;
  border-color: #bf0c1e
}
.pics-list__item:hover .pics-list__img {
  transform: scale(1.1)
}
.pics-list__img {
  display: block;
  border-radius: 50%;
  width: 136px;
  height: 136px;
  transition: .3s
}
.crumbs {
  margin: 0 0 8px -10px;
  font: 12px/16px 'Open Sans',Arial,sans-serif
}
.crumbs__item {
  display: inline-block;
  margin: 0 10px;
  position: relative;
  color: #8f8f8f;
  transition: color .3s
}
.crumbs__item:after {
  content: "/";
  position: absolute;
  top: 0;
  right: -12px;
  color: #8f8f8f
}
.crumbs__item:hover {
  color: #000
}
.crumbs__item:hover:after {
  color: #8f8f8f
}
.dossier-filter {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: 16px 0 32px
}
.dossier-filter__search {
  flex-grow: 1
}
.dossier-filter__control {
  display: flex;
  margin-left: 36px
}
.dossier-filter__control .btn {
  margin-left: 4px
}
.dossier-persons {
  margin: 16px 0 32px
}
.dossier-body {
  margin-bottom: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #dbdbdb
}
.persons {
  margin: 32px 0 0
}
.persons__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -16px
}
.persons__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 160px;
  margin: 0 16px 32px
}
.persons__item:hover .persons__name {
  color: #bf0c1e
}
.persons__pic {
  margin: 0 0 8px;
  border-radius: 50%
}
.persons__img {
  display: block;
  border-radius: 50%;
  width: 160px;
  height: 160px
}
.persons__name {
  font: 600 15px/22px raleway,sans-serif;
  color: #000;
  text-align: center;
  transition: color .3s
}
[data-type*=list] .persons {
  margin-bottom: 16px
}
[data-type*=list] .persons .persons__item {
  display: inline-block;
  width: 100%;
  margin: 0 0 16px
}
[data-type*=list] .persons .persons__name {
  text-align: left
}
[data-type*=list] .persons .persons__wrap:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 32px;
  padding-bottom: 16px
}
[data-type*=list] .persons .persons__wrap {
  display: block;
  columns: 4;
  margin: 0
}
.popups {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s
}
.popups__overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,.25)
}
.popups.open {
  z-index: 9999;
  opacity: 1;
  visibility: visible
}
.popups.open .popup.active {
  visibility: visible;
  transform: scale(1);
  opacity: 1;
  transition: all .3s;
  transition-delay: .3s;
  overflow-y: auto;
  height: auto
}
.popup {
  display: none;
  visibility: hidden;
  position: relative;
  background: #fff;
  overflow: hidden;
  padding: 0;
  border: 0;
  height: 0;
  width: 704px;
  border-top: 4px solid #bf0c1e;
  padding: 36px 40px 40px;
  transform: scale(0);
  opacity: 0
}
.popup.open {
  display: block
}
.push-popup {
  z-index: 9997;
  position: fixed;
  top: -200px;
  left: 50%;
  transform: translate(-50%,0);
  padding: 24px 24px 24px 172px;
  width: 460px;
  box-shadow: 0 4px 24px rgba(0,0,0,.19);
  transition: all .3s;
  background: #fff;
  opacity: 0;
  visibility: hidden
}
.push-popup_show {
  transform: translate(-50%,200px);
  visibility: visible;
  opacity: 1
}
.push-popup:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-right: 1px solid #efefef;
  width: 148px;
  background: url(../img/logo_red.png) 50% 50% no-repeat
}
.push-popup__txt {
  margin: 0 0 16px;
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  color: #000
}
.push-popup .btn {
  font: bold 10px/16px 'Open Sans',Arial,sans-serif;
  text-transform: uppercase;
  padding: 10px 23px;
  letter-spacing: .09px;
  height: 36px
}
.push-popup .btn + .btn {
  margin-left: 8px
}
.promo-wrap {
  display: block;
  text-align: center;
  width: 100%
}
.previews .promo-wrap {
  margin-bottom: 32px;
  padding-right: 17px
}
.previews_rubric .promo-wrap {
  padding-right: 24px
}
#div-hb-top-wrap {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 auto 10px;
  width: 1090px;
  height: 250px;
  min-height: 250px
}
.branding #div-hb-top-wrap {
  margin-bottom: 0;
  min-height: 0
}
#div-hb-top-wrap,
[id*=div-vb-] {
  display: flex;
  justify-content: center
}
.hb-placeholder {
  position: relative
}
.hb-placeholder:before {
  z-index: 0;
  content: "РЕКЛАМА";
  position: absolute;
  top: 50%;
  left: 50%;
  letter-spacing: .5px;
  color: #c2c2c2;
  transform: translate(-50%,-50%)
}
#div-sticky {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: visible!important
}
#div-sticky-wrap {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  z-index: 15;
  text-align: center
}
#div-sticky .sticky-close {
  font: 12px/16px 'Open Sans',Arial,sans-serif;
  text-transform: lowercase;
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  right: 0;
  top: -21px;
  border-bottom: solid 1px #ececec;
  padding: 2px 7px;
  height: 21px;
  border-radius: 3px 3px 0 0;
  background: #dbdbdb;
  color: #000
}
.branding-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
div[data-google-query-id] {
  text-align: center
}
div[data-google-query-id] iframe[height="1"],
div[data-google-query-id] iframe[height="2"],
div[data-google-query-id] iframe[style*="height:1px"],
div[data-google-query-id] iframe[style*='height: 1px'] {
  display: none
}
.mgoc {
  margin: 0!important;
  padding: 10px 0 0!important
}
.zen-widget.widget {
  padding: 10px 0!important
}
#div-sub-article {
  margin: 20px 0
}
.banner_sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 77px
}
#div-vb-1-wrap {
  min-height: 400px
}