.article h1, .article .h1 {
  margin-top: 30px;
  font-weight: normal;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 30px;
}

.article h2, .article .h2 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 15px;
}

.article h3, .article .h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 37px;
  margin-top: 24px;
  margin-bottom: 15px;
}

.article h4, .article .h4 {
  font-size: 22px;
  line-height: 38px;
  margin-bottom: 15px;
}

.article h5, .article .h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 33px;
  margin-bottom: 10px;
}

.article h6, .article .h6 {
  margin-top: 32px;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 10px;
}

.article ul, .article ol {
    margin: 16px 0;
}
.article p {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: normal;
  line-height: 29px;
}

.article a {
  color: #1C5CA4;
}

.text-link {
  border-bottom: 1px dashed #1C5CA4;
}

.container-article ol {
  padding-left: 25px;
  list-style: none;
	counter-reset: item;
}

.container-article ol li {
  padding-left: 7px;
  font-size: 18px;
  line-height: 28px;
  list-style: none;
  margin-bottom: 15px;
  position: relative;
  counter-increment: item;
}

.container-article ol li::before {
    content: counter(item);
    font-size: 18px;
    color: #1c5ca4;
    margin-right: 10px;
    margin-left: 0px;
    font-weight: 400;
    width: 25px;
    height: 30px;
    text-align: center;
  left: -23px;
  top: 1px;
  display: inline-block;
  position: absolute;
}


.container-article ul {
  padding-left: 25px;
}

.container-article ul li {
  padding-left: 7px;
  font-size: 18px;
  line-height: 28px;
  list-style: none;
  margin-bottom: 15px;
  position: relative;
}

.container-article ul li::before {
  content: '';
  width: 18px;
  height: 13px;
  position: absolute;
  left: -23px;
  top: 4px;
  background-image: url("../img/article/yes.svg");
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.container-article ul[style='list-style-type: circle;'] li::before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  left: -25px;
  top: 0px;
  background-image: url("../img/article/no.svg");
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.container-article ul[style='list-style-type: square;'] li::before {
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 50%;
  left: -25px;
  top: 11px;
  background: #21293A;
}


.container-article ul li.sublink {
	margin-left: 20px;
	list-style-type: disc;
}

.container-article ul li.sublink::before {
  display: none;
}


@media (max-width: 1200px) {
  .container-article {
    max-width: 822px;
  }
}

@media (max-width: 1023px) {
  .container-article {
    max-width: 736px;
		margin-bottom: 15px;
  }
  .article h1 {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 32px;
    line-height: 42px;
  }
	.article h3, .article .h3 {
		margin-top: 15px;
		margin-bottom: 10px;
	}
}

@media (max-width: 767px) {
  .container-article {
    max-width: 560px;
  }
  .article h1 {
    font-size: 26px;
    line-height: 125%;
  }
}
@media (max-width: 640px) {
	.article h3, .article .h3 {
		margin-top: 20px;
	}
}
@media (max-width: 576px) {
  .article h1 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.article-navigation {
  margin-bottom: 30px;
}

.article-navigation__header {
  margin: 0;
  cursor: pointer;
  padding: 20px 30px;
  height: 68px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 28px rgba(85, 117, 152, 0.129);
          box-shadow: 0px 0px 28px rgba(85, 117, 152, 0.129);
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 126.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 4;
}

.article-navigation__header::after {
  content: '';
  width: 16px;
  height: 9px;
  background-image: url("../img/article/arrow-up.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.article-navigation.active .article-navigation__header::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.article-navigation.active .article-nav {
  padding: 45px 40px 30px;
  height: auto;
}

.article-navigation--sticky {
  position: -webkit-sticky!important;
  position: sticky!important;
  top: 0;
  z-index: 999;
}
.article-navigation--sticky.active {
  z-index: 1000;
}

.article-navigation--sticky .article-nav {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
}

.article-nav {
  position: relative;
  z-index: 3;
  top: -15px;
  background: #F2F6F9;
  border-radius: 18px;
  padding: 0 40px;
  overflow: hidden;
  height: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.article-nav__list {
  margin: 0;
  padding: 0;
}

.article-nav__item:not(:last-child) {
  margin-bottom: 12px;
}

.article-nav__link {
  font-size: 18px;
  line-height: 28px;
  color: #21293A;
}

.article-nav__link.active {
  font-weight: 600;
}

.article-nav__sublist {
  list-style-type: disc;
  margin-top: 12px;
  padding-left: 32px;
}

@media (max-width: 1023px) {
  .article-nav__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .article-nav__sublist {
    margin-top: 8px;
  }
  .article-nav__link {
    font-size: 16px;
  }
}

@media (max-width: 560px) {
  .article-navigation__header {
    border-radius: 0;
    padding: 20px 4.5%;
  }
  .article-navigation.active .article-nav {
    padding: 35px 4.5% 15px;
  }
  .article-nav {
    border-radius: 0;
  }
  .article-nav__item:not(:last-child) {
    margin-bottom: 5px;
  }
  .article-nav__sublist {
    margin-top: 5px;
  }
}

@media (min-width: 992px) {
  .article-nav__link:hover {
    position: relative;
    color: #1C5CA4;
  }
  .article-nav__link:hover::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -4px;
    height: 1px;
    border-bottom: 1px dashed #1C5CA4;
  }
}

.smart-banner {
  margin: 0 -100px 20px;
  margin-bottom: 20px;
  max-width: 1046px;
  padding: 30px 108px 35px 108px;
  background: #F2F6F9;
  border-radius: 18px;
  color: #1C5CA4;
  position: relative;
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.01em;
}

.smart-banner p {
  position: relative;
  max-width: 830px;
  margin: auto;
}

.smart-banner--1::before {
  content: '';
  width: 45px;
  height: 45px;
  position: absolute;
  left: 43px;
  top: 30px;
  background-image: url("../img/article/hot.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}

.smart-banner--1.onerow {
  padding-bottom: 30px;
}

.smart-banner--1.onerow::before {
  top: 19px;
}

.smart-banner.smart-banner--2 {
  padding:30px 82px 30px 82px;
  background: #F2F6F9;
  border-radius: 18px;
  color: #1C5CA4;
}

.smart-banner--2::before, .smart-banner--2::after {
  content: '';
  width: 34px;
  height: 34px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}

.smart-banner--2::before {
	background-image: url('/new_verstka/img/Quote_1.svg');
	left: 30px;
}

.smart-banner--2::after {
  bottom: 30px;
  right: 30px;
  background-image: url('/new_verstka/img/Quote_2.svg');
}

.smart-banner--3 {
  background-color: rgba(235, 87, 87, 0.1);
  border: 2px solid #EB5757;
  color: #953838;
}

.smart-banner--3::before {
  content: '';
  width: 50px;
  height: 52px;
  position: absolute;
  top: 0px;
  left: 38px;
  background-image: url("../img/article/fire.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}

.smart-banner--4 {
  background-color: rgba(33, 150, 83, 0.1);
  border: 2px solid #219653;
  color: #17693A;
}

@media (max-width: 1200px) {
  .smart-banner {
    max-width: 992px;
    padding: 30px 85px;
    font-size: 18px;
    line-height: 28px;
	margin: 0 -80px 20px;
  }
  .smart-banner--1::before {
    top: 30px;
    left: 20px;
  }
  .smart-banner--2::before, .smart-banner--2::after {
    width: 60px;
    height: 60px;
  }
  .smart-banner--3::before {
    left: 18px;
  }
}

@media (max-width: 1023px) {
  .smart-banner {
    max-width: 736px;
    padding: 30px 80px;
    margin: 0 auto 15px;
    font-size: 16px;
    line-height: 30px;
  }
  .smart-banner--2::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .smart-banner {
    max-width: 100%;
    border-radius: 0;
  }
  .smart-banner p {
    max-width: 560px;
  }
  .smart-banner--3, .smart-banner--4 {
    border-left: none;
    border-right: none;
  }
}

@media (max-width: 640px) {
  .smart-banner {
    margin-bottom: 20px;
    padding: 67px 0 20px;
    line-height: 25px;
  }
  .smart-banner--1::before {
width: 50px;
height: 52px;
position: absolute;
top: 0px!important;
left: 16px;
background-image: url("../img/article/hot-m.png");
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
  }
  .smart-banner--2::before {
    top: 5px;
    left: 4.5%;
  }
  .smart-banner--3::before {
    top: 0px;
    left: 4.5%;
  }
  .smart-banner--4 {
    padding-top: 20px!important;
  }
}

@media (max-width: 576px) {
  .smart-banner {
    max-width: 480px;
    width: auto;
padding: 67px 15px 20px;
margin: 0 -15px 20px -15px;	
  }
}

.definition {
  min-height: 78px;
  margin-bottom: 20px;
  max-width: 775px;
  padding-top: 10px;
  padding-left: 43px;
  position: relative;
  font-weight: normal;
  font-style: italic;
  font-size: 18px;
  line-height: 29px;
  border-left: 3px solid #1C5CA4;
}

.definition span {
  font-weight: 700;
  font-style: italic;
}

.table {
  max-width: 1260px;
  margin: 30px -100px;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}

.table .icon-wrapper:hover .window {
  visibility: visible;
  opacity: 1;
}

.table--2 table thead th:nth-child(2) {
  width: auto;
}

.table--3 table thead th:nth-child(1) {
  padding: 30px 40px 30px 40px;
}

.table--3 table thead th:nth-child(2), .table--3 table thead th:nth-child(3) {
  width: auto;
}

.table--3 table tbody tr th {
  padding: 5px;
}

.table--3 table tbody tr th:nth-child(1) {
  width: 276px;
}

.table--3 table tbody tr th img {
  -o-object-fit: contain;
     object-fit: contain;
}

.table-ul {
  padding-left: 0;
}

.table-ul li {
  list-style: none;
}

.table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #E0E0E0;
}

.table table tr:first-child {
  border: 1px solid #1C5CA4;
  background: #1C5CA4;
}

.table table tr:first-child td {
  width: 150px;
  padding: 30px 30px 30px 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
  text-align: left;
}

.table table tr:first-child td:nth-child(1) {
  width: 180px;
  padding: 30px;
}

.table table tr:first-child td:nth-child(2) {
  width: 180px;
  padding: 30px;
}

.table table tbody {
  border: 1px solid #E0E0E0;
  line-height: 145%;
}

.table table tr:not(:first-child) td:first-child {
  padding-left: 30px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #1C5CA4;
  text-align: left;
  border: 1px solid #E0E0E0;
  border-top: none;
}

.table table tr:not(:first-child) {
  border: 1px solid #E0E0E0;
}

.table table tr:not(:first-child) td {
  padding: 20px 30px 20px 0;
}

.table table tbody td:nth-child(2) {
  padding: 20px 30px;
}

.table table tbody td:nth-child(8) {
  padding: 20px 0;
}

.icon-wrapper {
  position: relative;
}

.icon-hover {
  width: 15px;
  height: 15px;
  margin-bottom: -2px;
  cursor: pointer;
  position: relative;
}

.window {
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 10px 16px;
  background: #FFFFFF;
  border-radius: 8px;
  color: #54575C;
  -webkit-filter: drop-shadow(2px 4px 15px rgba(33, 41, 58, 0.05)) drop-shadow(0px 16px 48px rgba(52, 57, 64, 0.13));
          filter: drop-shadow(2px 4px 15px rgba(33, 41, 58, 0.05)) drop-shadow(0px 16px 48px rgba(52, 57, 64, 0.13));
  visibility: hidden;
  opacity: 0;
}

.window::after {
  content: '';
  width: 16px;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: calc(50% - 8px);
  background-image: url("../img/article/after-elem.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}

.vk-target {
  width: 250px;
  height: 130px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 1440px) {
  .table {
    max-width: 1060px;
  }
  table thead th {
    padding-right: 20px;
  }
  table thead th:nth-child(1) {
    padding-right: 20px;
  }
  table tbody td {
    padding-right: 20px;
  }
}

@media (max-width: 1200px) {
  .table {
    max-width: 992px;
    margin: 46px -80px 55px;
  }
  table thead th {
    width: 110px;
    padding-right: 15px;
  }
  table thead th:nth-child(1) {
    padding-left: 20px;
  }
  table thead th:nth-child(2) {
    width: 140px;
    padding-right: 15px;
  }
  table tbody th {
    padding-left: 20px;
  }
}

@media (max-width: 1023px) {
  .table {
    max-width: 736px;
	margin: 20px 0 0;
    padding-bottom: 25px;
  }
  .table--2 table {
    width: auto;
  }
  .table--3 table {
    width: auto;
  }
  .table::-webkit-scrollbar {
    height: 4px;
    background-color: #F3F7FF;
    border-radius: 21px;
  }
  .table::-webkit-scrollbar-thumb {
    background-color: #1D5C9F;
    border-radius: 21px;
    -webkit-box-shadow: inset 1px 1px 10px #f3faf7;
            box-shadow: inset 1px 1px 10px #f3faf7;
  }
  table {
    width: 1260px;
  }
  table thead th {
    width: 150px;
    padding: 30px 30px 30px 0;
  }
  table thead th:nth-child(1) {
    width: 180px;
    padding: 30px;
  }
  table thead th:nth-child(2) {
    width: 180px;
    padding: 30px;
  }
  table tbody th {
    padding-left: 30px;
  }
  table tbody td {
    padding: 20px 30px 20px 0;
  }
  table tbody td:nth-child(2) {
    padding: 20px 30px;
  }
  table tbody td:nth-child(8) {
    padding: 20px 0;
  }
  .window {
    top: 25px;
    bottom: auto;
  }
  .window::after {
    content: '';
    width: 16px;
    height: 8px;
    position: absolute;
    top: -8px;
    left: calc(50% - 8px);
    background-image: url("../img/article/after-elem.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}


@media (min-width: 992px) {
  .table table tbody tr td a:hover {
    border-bottom: 1px dashed #1C5CA4;
  }
}

.interview {
  margin-top: 20px;
  margin-bottom: 30px;
}

.interview-wrapper {
  padding: 50px 70px;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #E4E8F1;
  -webkit-box-shadow: 0px 0px 28px rgba(85, 117, 152, 0.129);
          box-shadow: 0px 0px 28px rgba(85, 117, 152, 0.129);
  border-radius: 18px;
}

.interview h5 {
  max-width: 580px;
  margin-top: 0;
  margin-bottom: 30px;
}

.interview-button {
  display: none;
  padding: 14px 32px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  background-color: #1C5CA4;
  border-radius: 25px;
  border: 1px solid #1C5CA4;
}

.interview-button--active {
  display: inline-block;
}

.interview-button--white {
  color: #1C5CA4;
  background-color: #fff;
  border: 1px solid #E4E8F1;
}

.quiz-slide {
  display: none;
}

.quiz-slide--active {
  display: block;
}

.quiz-counter {
  position: absolute;
  right: 70px;
  top: 50px;
  padding: 8px 14px;
  background: #F2F6F9;
  border: 1px solid #E4E8F1;
  border-radius: 80px;
  color: #1C5CA4;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}

.quiz-counter__amount::before {
  content: " из ";
}

.quiz__controls {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
          column-gap: 10px;
}

.quiz__results {
  display: none;
}

.quiz__results--active {
  display: block;
}

.quiz__results p {
  font-size: 18px;
  line-height: 29px;
  margin: 0;
}

.quiz-result {
  display: none;
}

.quiz-result--active {
  display: block;
}

.interview__input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.interview__input-group label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 145%;
  color: #303030;
  cursor: pointer;
}

.interview__input-group label:not(:last-child) {
  margin-bottom: 16px;
}

.interview__input-group input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
}

.interview__input-group input:checked + .checkbox {
  background: url("../img/article/radio.svg") 0 0 no-repeat;
}

.interview__input-group .checkbox {
  width: 21px;
  height: 21px;
  margin-right: 16px;
  background: url("../img/article/radio-1.svg") 0 0 no-repeat;
}

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

.poll.interview h5 {
  max-width: none;
}


.poll__results--active {
  display: block;
}

.poll-choise {
  margin-top: 50px;
}

.poll-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #ACACAC;
  position: relative;
}

.poll-result__title {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.poll-result__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.poll-result__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3px;
  width: 100%;
  background: #F2F2F2;
  border-radius: 37px;
  overflow: hidden;
}

.poll-result__line span {
  border-radius: 37px;
  height: 100%;
  background-color: #E0E0E0;
}

.poll-result__percent {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 7px;
  font-size: 14px;
  line-height: 17px;
  color: #ACACAC;
}

.poll-result__title {
  font-size: 16px;
  line-height: 28px;
}

.poll-result--correct::before {
  content: '';
  position: absolute;
  left: -30px;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../img/article/check.svg") 0 0 no-repeat;
}

.poll-result--correct.poll-result--choised::before {
  background: url("../img/article/check-correct.svg") 0 0 no-repeat;
}

.poll-result--choised {
  color: #1C5CA4;
}

.poll-result--choised .poll-result__percent {
  color: #6E7686;
}

.poll-result--choised .poll-result__line span {
  background-color: #1C5CA4;
}

@media (max-width: 1023px) {
  .interview h5 {
    max-width: 505px;
  }
}

@media (max-width: 767px) {
  .quiz {
    margin-bottom: 20px;
  }
  .quiz-counter {
    right: 40px;
    top: 30px;
  }
  .interview-wrapper {
    padding: 30px 40px;
  }
  .interview h5 {
    max-width: 395px;
  }
  .poll__results {
    padding-left: 30px;
  }
}

@media (max-width: 560px) {
  .quiz-counter {
    right: 16px;
    top: 20px;
  }
  .quiz-counter__amount::before {
    content: " / ";
  }
  .quiz__controls {
    margin-top: 30px;
    width: 100%;
  }
  .quiz__results p {
    font-size: 16px;
    line-height: 28px;
  }
  .interview-wrapper {
    border-radius: 0;
    padding: 20px 16px;
  }
  .interview h5 {
    max-width: 350px;
    font-size: 18px;
    line-height: 28px;
  }
  .interview-button {
    padding: 14px 5px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .poll-choise {
    margin-top: 30px;
  }
}

@media (max-width: 480px) {
  .interview h5 {
    margin-right: 65px;
  }
}

.newsletter {
  width: inherit;
  height: 229px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 40px 48px 40px 40px;
  border: 1px solid #E0E0E0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
}

.newsletter__text {
  max-width: 350px;
  font-weight: 600;
  font-size: 24px;
  line-height: 146%;
}

.newsletter__text--blue {
  color: #1C5CA4;
}

.news-texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.users {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.user {
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.user:nth-child(5) {
  margin-right: 0;
}

.user img {
  width: 46px;
  height: 47px;
}

.user span {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #878787;
}

.letters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}

.vkontakte, .facebook {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.vkontakte a, .facebook a {
  width: 180.16px;
  height: 50px;
  padding: 15px 42px;
  border-radius: 25px;
  color: #FFFFFF;
}

.vkontakte {
  width: 45%;
}

.vkontakte a {
  background-color: #4C77A4;
}

.facebook {
  width: 50%;
}

.facebook a {
  background-color: #45629D;
}

.quote {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  margin-bottom: 20px;
  position: relative;
}

.quote::before {
  content: '';
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #E4E8F1;
  border-radius: 100px;
}

.author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}

.author img {
  width: 65px;
  height: 65px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 16px;
  border-radius: 50%;
}

.author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.author-info__name {
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
}

.author-info__info {
  font-size: 16px;
  line-height: 145%;
  color: #6E7686;
}

.audio, .document {
  margin: 20px 0;
}

.audio__player {
  background-color: #F2F6F9;
  border-radius: 40px;
  padding: 7px 10px 7px 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 15px;
          column-gap: 15px;
}

.audio__play {
  border-radius: 50%;
  height: 36px;
  width: 36px;
  border: none;
  background-color: #1C5CA4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-image: url(../img/article/play.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center center;
}

.audio__play--paused {
  background-image: url(../img/article/pause.svg);
}

.audio__duration {
  font-size: 14px;
  line-height: 17px;
  color: #21293A;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.audio__bar {
  height: 2px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  background-color: #E0E0E0;
  overflow: hidden;
}

.audio__bar .progress {
  height: 100%;
  width: 0;
  border-radius: 10px;
  background-color: #3A60A6;
}

.audio__volume {
  border: none;
  background-color: transparent;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(../img/article/volume.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center center;
}

.audio__volume--muted {
  background-image: url(../img/article/volume-x.svg);
}

.document__file {
  background-color: #F2F6F9;
  border-radius: 40px;
  padding: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.document .document__download {
  background-color: #1C5CA4;
  border-radius: 40px;
  padding: 8px 14px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.document__name {
  font-size: 14px;
  line-height: 17px;
  color: #21293A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.document__name::before {
  content: '';
  background: url("../img/article/file.svg") center center no-repeat;
  width: 27px;
  height: 27px;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 12px;
  vertical-align: top;
}

.audio__files {
  padding: 5px;
  border-radius: 25px;
  background-color: #F2F6F9;
}

.subject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
  padding: 18px 35px 24px 24px;
  margin-bottom: 20px;
  border-radius: 10px;
}

.subject .subject__heading {
  margin: 0 14px 14px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.subject__single {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 18px;
}

.subject__single .subject__heading {
  margin-bottom: 0;
}

.subject a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 30px;
}

.subject a::before {
  content: '';
  background: url("../img/article/icon-subject-link.svg") center center no-repeat;
  width: 27px;
  height: 27px;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 12px;
  vertical-align: top;
}

.subject a:not(:last-child) {
  margin-bottom: 7px;
}

@media (max-width: 576px) {
  .subject {
    padding: 14px 18px 18px;
  }
  .subject .subject__heading {
    margin-bottom: 10px;
  }
  .subject__single .subject__heading {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .subject a:hover {
    position: relative;
  }
  .subject a:hover::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 40px;
    bottom: 0;
    height: 1px;
    border-bottom: 1px dashed #1C5CA4;
  }
}

figure.image {
  position: relative;
  max-width: 830px;
  margin: auto;
  padding: 30px 30px 20px 30px;
  margin-bottom: 20px;
  background: #FFFFFF;
  border: 1px solid #E4E8F1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 28px rgba(85, 117, 152, 0.129);
          box-shadow: 0px 0px 28px rgba(85, 117, 152, 0.129);
  border-radius: 18px;
  overflow: hidden;
}

figure.image figcaption {
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
  color: #6E7686;
  margin-top: 17px;
  margin-right: 150px;
}

figure.image img {
  width: 100%;
  height: auto;
}

.picture {
  position: relative;
  max-width: 830px;
  margin: auto;
  padding: 30px 30px 20px 30px;
  margin-bottom: 20px;
  background: #FFFFFF;
  border: 1px solid #E4E8F1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 28px rgba(85, 117, 152, 0.129);
          box-shadow: 0px 0px 28px rgba(85, 117, 152, 0.129);
  border-radius: 18px;
  overflow: hidden;
}

.picture figure {
  margin: 0;
}

.picture figcaption {
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
  color: #6E7686;
  margin-top: 17px;
  margin-right: 150px;
}

figure.picture img {
  width: 100%;
  height: auto;
}

.picture-slider {
  width: 100%;
  overflow: hidden;
}

.picture-wrapper {
  width: 100%;
}

.picture-wrap {
  width: 100%;
  overflow: hidden;
}

.picture-wrap img {
  width: 100%;
  height: auto;
}

.picture-controls {
  position: absolute;
  z-index: 2;
  right: 40px;
  bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.picture-fractions {
  padding: 4px 14px;
  background: rgba(33, 41, 58, 0.75);
  border-radius: 80px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  margin-right: 20px;
}

.picture-pagination {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.picture-pagination__bullet {
  border-radius: 50%;
  height: 8px;
  width: 8px;
  background: rgba(33, 41, 58, 0.5);
  border: 1px solid #E4E8F1;
}

.picture-pagination__bullet:not(:last-child) {
  margin-right: 6px;
}

.picture-pagination__bullet--active {
  background: #3C88DB;
  border: 1px solid #3C88DB;
}

.picture .picture-pagination {
  position: relative;
  z-index: 2;
  bottom: 55px;
}

.picture-button {
  width: 38px;
  height: 38px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.picture-button--next {
  background-image: url("../img/select/arrow-next.svg");
}

.picture-button--prev {
  background-image: url("../img/select/arrow-prev.svg");
  margin-right: 15px;
}

.picture-button--disabled.picture-button--prev {
  background-image: url("../img/select/arrow-prev-disabled.svg");
}

.picture-button--disabled.picture-button--next {
  background-image: url("../img/select/arrow-next-disabled.svg");
}

.bunner {
  position: relative;
  max-width: 1008px;
  height: auto;
  margin: 50px -90px 20px;
  padding: 30px;
  background: #E4E8F1;
  border: 4px solid #3C88DB;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 6px rgba(192, 192, 192, 0.25);
          box-shadow: 0px 4px 6px rgba(192, 192, 192, 0.25);
  border-radius: 18px;
}
.bunner-line {
    padding: 11px;
}

.bunner img {
  width: 100%;
  height: 100%;
  /*-o-object-fit: cover;
     object-fit: cover;*/
  -o-object-fit: contain;
     object-fit: contain;
}

.bunner-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bunner__label {
  padding: 4px 10px;
  position: absolute;
  left: 30px;
  top: -37px;
  z-index: 5;
  background: #3C88DB;
  -webkit-box-shadow: 2px 4px 15px rgba(33, 41, 58, 0.05), 0px 16px 48px rgba(52, 57, 64, 0.13);
          box-shadow: 2px 4px 15px rgba(33, 41, 58, 0.05), 0px 16px 48px rgba(52, 57, 64, 0.13);
  border-radius: 5px;
  font-weight: 600;
  font-size: 22px;
  line-height: 38px;
  color: #FFFFFF;
}

.bunner picture {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.bunner picture > a {
	position: relative;
	display: inline-block;
    width: fit-content;
    height: auto;/*380px;*/
}
.banner-popup > a {
    width: fit-content;
}
.banner-popup img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 767px){
    .bunner picture > a {
        height: auto;
    }
}
.banner-button {
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;
	width: 451px;
	height: 64px;
	top: 281px;
	left: 67.546875px;
	border-style: none;
	border-color: #c1c1c1;
	font-size: 20px;
	color: #ffffff;
	background-color: #2d69c4;
}

.bunner:hover .banner-button {
	opacity: .8
}

#banner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}
/* модальный блок */
.banner-popup {
    top: 25%;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    width: fit-content;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
.banner-popup > a {
    position: relative;
    display: inline-block;
    /*width: 950px;*/
    max-width: 100%;
    width: fit-content;
    height: 380px;
}
.banner-button > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: inherit;
}
.banner-popup img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
/*@media (max-width: 767px){
    .banner-popup > a {
        width: 500px;
    }
}*/

.banner-close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(83, 86, 97, 0.9);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;

}
.banner-close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

@media (max-width: 1200px) {
  .picture {
    max-width: 822px;
  }
}

@media (max-width: 1023px) {
  .picture-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .picture-controls {
    display: none;
  }
}

@media (max-width: 860px) {
  .picture, .bunner {
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    padding: 16px 16px 12px 16px;
  }
.bunner {
	margin-left: 0;
	margin-right: 0;
}
  .picture figcaption {
    font-size: 16px;
    line-height: 20px;
    margin-right: 0;
    margin-top: 10px;
  }
  .bunner {
    border-right: none;
    border-left: none;
    padding-bottom: 16px;
  }
  .bunner__label {
    font-size: 18px;
    line-height: 28px;
    left: 16px;
    top: -25px;
  }
}

@media (max-width: 767px) {
  .bunner {
    height: auto;
    padding: 16px;
  }
}

@media (max-width: 480px) {
  .picture .picture-pagination {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .bunner {
    height: auto;
  }
  .bunner__label {
    font-size: 16px;
    line-height: 24px;
    top: -23px;
  }
}

.originator {
  width: 100%;
  min-height: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 36px 10px;
  margin-bottom: 60px;
  border-top: 1px solid #E4E8F1;
  border-bottom: 1px solid #E4E8F1;
}
.originator.with-user-info {
    flex-wrap: wrap;
    padding-bottom: 32px;
}

.originator-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
}
.with-user-info .originator-about {
    width: 100%;
    max-width: none;
}

.originator-about-ava {
  width: 65px;
  height: 65px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  margin-right: 20px;
}

.originator-info {
  max-width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.originator-info span:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #6E7686;
}

.originator-info span:nth-child(2) {
  font-weight: bold;
  font-size: 17.8708px;
  line-height: 28px;
}
.originator-info span:nth-child(3) {
  font-size: 14px;
  line-height: 18px;
}

.originator-info a {
  font-weight: 600;
  color: #1C5CA4;
}

.follow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  text-align: right;
  margin-right: 20px;
}
.with-user-info .follow {
  flex-direction: row;
  align-items: center;
  margin: 16px auto 0 85px;
}

.follow span {
  margin-bottom: 8px;
}

.follow span:nth-child(1) {
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 16px;
  line-height: 130%;
}
.with-user-info .follow span {
    margin: 0 8px 0 0;
    line-height: inherit;
}

.follow-links-up {
  display: none;
}

.follow-links-up span:nth-child(1) {
  font-weight: bold;
  font-size: 16px;
  line-height: 130%;
}

.links-to {
  width: 100%;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #E4E8F1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
}

.links-to a {
  display: inline-block;
  width: calc(100% / 4);
  padding: 14px 30px;
  text-align: center;
  border-right: 1px solid #E4E8F1;
}

.links-to a:nth-child(4) {
  border-right: 0;
}

.like-dislike {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.like-unlike {
  display: none;
  margin-bottom: 20px;
}
.with-user-info .like-dislike {
    margin-top: 16px;
}
.with-user-info .js-like {
    width: auto;
    height: auto;
    border: none;
    flex-direction: row;
}
.with-user-info .like-img {
    margin-right: 6px;
}

.like-img {
  width: 25px;
  height: 25px;
  background-image: url("../img/article/like.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.like-img--active {
  background-image: url("../img/article/like-hover.svg");
}

.likes, .unlikes {
  width: 159px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #E4E8F1;
  border-radius: 8px;
  cursor: pointer;
}

.likes span, .unlikes span {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}

.like, .dislike {
  width: 56px;
  height: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #E4E8F1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  cursor: pointer;
}

.like span, .dislike span {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}

.like {
  margin-right: 10px;
}

.like span {
  color: #17693A;
}

.dislike span {
  color: #953838;
}

.dislike-img {
  width: 25px;
  height: 25px;
  background-image: url("../img/article/dislike.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.dislike-img--active {
  background-image: url("../img/article/dislike-hover.svg");
  -webkit-transform: rotate(180deg) scale(-1, 1);
          transform: rotate(180deg) scale(-1, 1);
}

.likes {
  margin-right: 10px;
}

.likes span {
  color: #17693A;
}

.unlikes span {
  color: #953838;
}

.select-label {
  width: 18px;
  height: 19px;
  background-image: url("../img/article/attach.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  top: 34px;
  right: 63px;
  z-index: 4;
}

.select-label.active {
  background-image: url("../img/article/attach-hover.svg");
}

.select-file {
  width: 18px;
  height: 19px;
  position: absolute;
  top: 34px;
  right: 63px;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}

.select-file:hover + .select-label {
  background-image: url("../img/article/attach-hover.svg");
}

.two-bunners {
  width: 100%;
  margin: auto;
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
          column-gap: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.two-bunners__bunner {
  width: 50%;
  height: 285px;
  position: relative;
}

.two-bunners__bunner_inner {
	position: absolute;
  padding: 54px 30px 20px 30px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
  overflow: hidden;
  background-color: #1C5CA4;
  border-radius: 10px;
}
.two-bunners__bunner_inner::before {
	content: '';
	width: 470px;
	position: absolute;
	right: -26px;
	top: -94px;
	height: 470px;
	z-index: 0;
	background: #2267b4;
	border-radius: 50%;
}

.two-bunners__bunner img {
  position: absolute;
  width: 50px;
  top: -3.31px;
  right: 30px;
}

.two-bunners__bunner h2, .two-bunners__bunner .h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
  color: #FFFFFF;
  position: relative;
}

.two-bunners__bunner span {
  padding-left: 47px;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  position: relative;
}

.second-bunner.two-bunners__bunner span {
  padding-left: 90px;
}

.two-bunners__bunner span.label-up {
  width: 285px;
  height: 50px;
  padding: 4px 10px;
  position: absolute;
  left: calc(50% - 285px/2 - 135px);
  top: -25px;
  z-index: 5;
  background: #3C88DB;
  -webkit-box-shadow: 2px 4px 15px rgba(33, 41, 58, 0.05), 0px 16px 48px rgba(52, 57, 64, 0.13);
          box-shadow: 2px 4px 15px rgba(33, 41, 58, 0.05), 0px 16px 48px rgba(52, 57, 64, 0.13);
  border-radius: 5px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  text-align: center;
  color: #FFFFFF;
}

.two-bunners__bunner span.label-up--2 {
  width: 415px;
}

.two-bunners__bunner p {
  position: relative;
  max-width: 430px;
  margin-left: auto;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  text-align: right;
  color: #FFFFFF;
}

.two-bunners__bunner a {
  position: relative;
  display: block;
  width: 245px;
  height: 50px;
  padding: 15px 88px;
  margin-left: auto;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  background: #FFFFFF;
  border: none;
  border-radius: 25px;
  color: #21293A;
}

.first-bunner::after, .second-bunner::after {
  content: '';
  height: 207px;
  position: absolute;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.first-bunner::after {
  width: 230px;
  left: -10px;
  bottom: -70px;
  transform: rotate(-15deg);
}

.second-bunner::after {
  width: 160px;
  left: 16px;
  bottom: -50px;
  background-image: url("../img/article/digest.png");
}

@media (max-width: 1440px) {
  .two-bunners__bunner {
	height: 220px;
	}
	.two-bunners__bunner_inner {
    padding: 41px 24px 14px 24px;
  }
  .two-bunners__bunner_inner::before {
	content: '';
	width: 360px;
	position: absolute;
	right: -22px;
	top: -70px;
	height: 360px;
	}
  .two-bunners__bunner h2, .two-bunners__bunner .h2 {
    font-size: 24px;
    line-height: 33px;
  }
  .two-bunners__bunner span {
    padding-left: 37px;
    font-size: 16px;
    line-height: 19px;
  }
  .two-bunners__bunner span.label-up {
    width: 224px;
    height: 40px;
    font-size: 24px;
    line-height: 33px;
    left: 24px;
    top: -20px;
  }
  .two-bunners__bunner span.label-up--2 {
    width: 326px;
  }
  .two-bunners__bunner button {
    width: 193px;
    height: 40px;
    padding: 12px 59px;
    font-size: 12.5968px;
    line-height: 16px;
  }
  .two-bunners__bunner p {
    max-width: 330px;
    font-size: 14px;
    line-height: 19px;
  }
  .first-bunner::after {
    width: 181px;
    height: 163px;
  }
  .second-bunner::after {
    width: 181px;
    height: 180px;
  }
}

@media (max-width: 1200px) {
  .two-bunners {
    margin-bottom: 74px;
  }
  .two-bunners__bunner img {
    width: 39px;
  }
}

@media (max-width: 1023px) {
  .two-bunners {
	margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .two-bunners__bunner {
    width: 100%;
	height: 285px;
    margin-bottom: 120px;
  }
  .two-bunners__bunner.second-bunner {
    margin-bottom: 90px;
  }
  .two-bunners__bunner_inner {
	padding: 54px 30px 20px 30px;
}
.two-bunners__bunner_inner::before {
	content: '';
	width: 460px;
	position: absolute;
	right: 35px;
	top: -80px;
	height: 460px;
}
  .two-bunners__bunner h2, .two-bunners__bunner .h2 {
    font-size: 30px;
    line-height: 42px;
  }
  .two-bunners__bunner span {
    font-size: 20px;
    line-height: 24px;
  }
  .two-bunners__bunner span.label-up {
    width: 405px;
    height: 50px;
    font-size: 30px;
    line-height: 42px;
  }
  .two-bunners__bunner span.label-up--2 {
    width: 415px;
  }
  .two-bunners__bunner p {
    max-width: 550px;
    margin-top: 19px;
    font-size: 18px;
    line-height: 28px;
  }
  .two-bunners__bunner button {
    width: 245px;
    height: 50px;
    font-size: 16px;
    line-height: 20px;
  }
  .two-bunners__bunner img {
    width: 50px;
  }
  .first-bunner::after {
    width: 240px;
    height: 207px;
    bottom: -70px;
  }
  .second-bunner::after {
    width: 160px;
    height: 207px;
    bottom: -60px;
  }
}

@media (max-width: 767px) {
  .two-bunners {
    margin-bottom: 128px;
  }
  .two-bunners__bunner p {
    max-width: 350px;
  }
  .two-bunners__bunner img {
    width: 39px;
  }
  .first-bunner::after {
    bottom: -100px;
  }
  .second-bunner {
    margin-bottom: 0;
  }
  .second-bunner::after {
    bottom: -90px;
  }
  
  .comments-add-block, .comments-edit-block {
	  flex-wrap: wrap;
	}
   #nc_comments_guest_name {
		flex: 0 0 100%;
		margin-bottom: 20px;
   }
   #nc_commentTextArea {
		flex: 0 0 85%;
   }
}

@media (max-width: 576px) {
  .two-bunners {
    margin-bottom: 0;
  }
  .two-bunners__bunner {
	height: 220px;
  }
  .two-bunners__bunner_inner {
    padding: 27px 16px 9px 16px;
  }
  .two-bunners__bunner_inner::before {
	content: '';
	width: 260px;
	position: absolute;
	right: -14px;
	top: -52px;
	height: 260px;
}
.two-bunners__bunner img {
	width: 26px;
	right: 15px;
}
  .two-bunners__bunner span.label-up {
    width: 154px;
    height: 27px;
    font-size: 16px;
    line-height: 22px;
    top: -13px;
  }
  .two-bunners__bunner span.label-up--2 {
    width: 223px;
  }
  .two-bunners__bunner h2, .two-bunners__bunner .h2 {
    font-size: 16px;
    line-height: 22px;
  }
  .two-bunners__bunner span {
    font-size: 16px;
    line-height: 1;
	padding-left: 25px;
  }
  .two-bunners__bunner.second-bunner .two-bunners__bunner_inner span {
	padding-left: 50px;
  }
  .two-bunners__bunner p {
    max-width: 360px;
    margin-top: 5px;
    font-size: 16px;
    line-height: 1;
  }
  .two-bunners__bunner button {
    width: 129px;
    height: 27px;
    padding: 8px 39px;
    font-size: 16px;
    line-height: 1;
  }
  .first-bunner, .two-bunners__bunner.second-bunner {
    margin-bottom: 75px;
  }
  .first-bunner::after {
    width: 121px;
    height: 109px;
    bottom: -40px;
  }
  .second-bunner::after {
    width: 92px;
    height: 109px;
    bottom: -40px;
  }
}

@media (max-width: 480px) {
  .two-bunners__bunner p {
    max-width: 340px;
    margin-left: 65px;
  }
  .two-bunners__bunner img {
    width: 26px;
  }
}

.healthy {
  max-width: 1600px;
  margin: auto;
  padding: 30px 0 60px 0;
  margin-bottom: 40px;
  background-color: #F2F6F9;
  border-radius: 18px;
}

.healthy-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 15px;
  grid-auto-rows: auto;
  position: relative;
  z-index: 1;
}

.healthy__card {
  position: relative;
  border-radius: 10px;
  min-height: 305px;
}

.healthy h2 {
  margin: 0;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  color: #21293A;
}

@media (max-width: 1660px) {
  .healthy {
    width: 100%;
    border-radius: 0;
  }
}

@media (max-width: 1440px) {
  .healthy__card {
    min-height: 255px;
  }
  .healthy h2 {
    margin-bottom: 25px;
  }
}

@media (max-width: 1200px) {
  .healthy__card {
    min-height: 235px;
  }
}

@media (max-width: 1023px) {
  .healthy h2 {
    font-size: 22px;
    line-height: 36px;
  }
  .healthy-wrapper {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
  }
  .healthy__card:nth-child(7), .healthy__card:nth-child(8) {
    display: none;
  }
}

@media (max-width: 992px) {
  .healthy {
    margin-bottom: 24px;
    padding-bottom: 48px;
  }
  .healthy h2 {
    margin-bottom: 18px;
    font-size: 22px;
    line-height: 36px;
  }
}

@media (min-width: 992px) {
  .healthy-wrapper__item:hover::after {
    display: block;
  }
  .healthy-wrapper__item:hover .preview-author {
    visibility: visible;
    opacity: 1;
  }
  .healthy-wrapper__item:hover .preview-views {
    visibility: visible;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .healthy h2 {
    margin-bottom: 11px;
  }
  .healthy-wrapper {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .healthy__card {
    min-height: 270px;
  }
}

@media (max-width: 576px) {
  .healthy {
    padding-bottom: 30px;
    margin-bottom: 16px;
  }
  .healthy h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .healthy-wrapper {
    grid-gap: 10px;
  }
  .healthy__card {
    min-height: 230px;
  }
  .healthy__card .article-card__link {
    padding: 10px;
  }
  .healthy__card .article-card__content h3 {
    font-weight: normal;
    line-height: 17px;
  }
  .healthy__card .article-card__content span {
    font-size: 13px;
    line-height: 16px;
  }
}

@media (max-width: 480px) {
  .healthy__card {
    min-height: 200px;
  }
}

@media (max-width: 420px) {
  .healthy__card {
    min-height: 180px;
  }
}

@media (max-width: 360px) {
  .healthy__card {
    min-height: 160px;
  }
}


@media (max-width: 1440px) {
  .newsletter {
    width: 822px;
  }
}

@media (max-width: 1200px) {
  .vkontakte a, .facebook a {
    width: 176.16px;
    padding: 15px 40px;
  }
  .answer {
    margin-left: 50px;
  }
}

@media (max-width: 1023px) {
  .breadcrumb-article {
    display: none;
  }

  .definition {
    margin-bottom: 10px;
  }
  .definition p {
    font-size: 16px;
    line-height: 27px;
  }
	.definition p::before {
		height: 74px;
	}
  .crm-list li {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .newsletter {
    width: 736px;
    height: 260px;
  }
  .newsletter__text {
    max-width: 310px;
  }
  .newsletter__text--on {
    max-width: 305px;
  }
  .vkontakte a, .facebook a {
    width: 133.16px;
    padding: 15px 19px;
  }
}

@media (min-width: 992px) {
  .like:hover .like-img {
    background-image: url("../img/article/like-hover.svg");
  }
  .dislike:hover .dislike-img {
    background-image: url("../img/article/dislike-hover.svg");
    -webkit-transform: rotate(180deg) scale(-1, 1);
            transform: rotate(180deg) scale(-1, 1);
  }
}

@media (max-width: 768px) {
  .quote {
    min-height: 440px;
  }
  .definition--second {
    display: none;
  }
  .comment-text {
    padding-right: 46px;
  }
  .swiper-pagination-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .answer {
    margin-left: 10px;
  }
  .to-do-answer {
    margin-left: 30px;
  }
}

@media (max-width: 767px) {
  .container-article ul, .container-article ol {
    font-size: 16px;
    line-height: 28px;
  }
  .comments {
    margin-bottom: 40px;
  }
}

@media (max-width: 640px) {
  .header-article {
    margin-bottom: 13px;
  }

  .definition {
    min-height: 128px;
    margin-bottom: 14px;
    padding-left: 28px;
  }
	.definition p {
		padding-left: 28px;
	}
	.definition p::before {
		height: 128px;
	}
  .when-crm {
    display: none;
  }
}

@media (max-width: 600px) {
  .originator {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .originator-about {
    margin-right: 0;
  }
  .follow {
    margin-right: 10px;
  }
}

@media (max-width: 576px) {
  .follow-links-up {
    display: block;
  }
  .like-unlike {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .like-dislike {
    display: none;
  }
  .follow {
    display: none;
  }
}

@media (max-width: 480px) {
  .plus span, .minus span {
    display: none;
  }
  .answer {
    margin-left: 28px;
  }
}

@media (max-width: 384px) {
  .answer {
    margin-left: 10px;
  }
  .to-do-answer {
    margin-left: 10px;
  }
}

.banner img{
    width: 100%;
}

.banner-t, .banner-m, .banner-button-t, .banner-button-m {
    display: none !important;
} 

@media (max-width: 1024px) {
    .banner-t, .banner-button-t {
        display: flex !important;
    }
    .banner-d, .banner-button-d {
        display: none !important;
    }	
}

@media (max-width: 767px) {
    .banner-m, .banner-button-m {
        display: flex !important;
    }
    .banner-d, .banner-t, .banner-button-d, .banner-button-t {
        display: none !important;
    }	
}



 @-webkit-keyframes bounce {
 from,
 20%,
 53%,
 80%,
 to {
  -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
  animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,
 43% {
  -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
@keyframes bounce {
 from,
 20%,
 53%,
 80%,
 to {
  -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
  animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,
 43% {
  -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
.bounce {
 -webkit-animation-name:bounce;
 animation-name:bounce;
 -webkit-transform-origin:center bottom;
 transform-origin:center bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; 
}

@-webkit-keyframes shake {
 from,
 to {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 10%,
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 20%,
 40%,
 60%,
 80% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
}
@keyframes shake {
 from,
 to {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 10%,
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 20%,
 40%,
 60%,
 80% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
}
.shake {
 -webkit-animation-name:shake;
 animation-name:shake;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; 
}

.mce-item-table:not([border]), .mce-item-table:not([border]) caption, .mce-item-table:not([border]) td, .mce-item-table:not([border]) th, .mce-item-table[border="0"], .mce-item-table[border="0"] caption, .mce-item-table[border="0"] td, .mce-item-table[border="0"] th, table[style*="border-width: 0px"], table[style*="border-width: 0px"] caption, table[style*="border-width: 0px"] td, table[style*="border-width: 0px"] th {
	border: none!important;
}

.fancybox-active {
	height: auto;
}

.fancybox-is-hidden {
	left: -9999px;
	margin: 0;
	position: absolute !important;
	top: -9999px;
	visibility: hidden;
}

.fancybox-container {
	-webkit-backface-visibility: hidden;
	height: 100%;
	left: 0;
	outline: none;
	position: fixed;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 100%;
	z-index: 99992;
}

.fancybox-container * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.fancybox-outer {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
}

.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	-webkit-transition-duration: inherit;
	transition-duration: inherit;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
	transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
	opacity: .9;
	-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
	direction: ltr;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .25s ease, visibility 0s ease .25s;
	transition: opacity .25s ease, visibility 0s ease .25s;
	visibility: hidden;
	z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
	opacity: 1;
	-webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
	transition: opacity .25s ease 0s, visibility 0s ease 0s;
	visibility: visible;
}

.fancybox-infobar {
	color: #ccc;
	font-size: 13px;
	-webkit-font-smoothing: subpixel-antialiased;
	height: 44px;
	left: 0;
	line-height: 44px;
	min-width: 44px;
	mix-blend-mode: difference;
	padding: 0 10px;
	pointer-events: none;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fancybox-toolbar {
	right: 0;
	top: 0;
}

.fancybox-stage {
	direction: ltr;
	overflow: visible;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
	overflow: hidden;
}

.fancybox-slide {
	-webkit-backface-visibility: hidden;
	/* Using without prefix would break IE11 */
	display: none;
	height: 100%;
	left: 0;
	outline: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: absolute;
	text-align: center;
	top: 0;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	white-space: normal;
	width: 100%;
	z-index: 99994;
}

.fancybox-slide::before {
	content: '';
	display: inline-block;
	font-size: 0;
	height: 100%;
	vertical-align: middle;
	width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
	display: block;
}

.fancybox-slide--image {
	overflow: hidden;
	padding: 44px 0;
}

.fancybox-slide--image::before {
	display: none;
}

.fancybox-slide--html {
	padding: 6px;
}

.fancybox-content {
	background: #fff;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	padding: 44px;
	position: relative;
	text-align: left;
	vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
	-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
	animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
	-webkit-backface-visibility: hidden;
	background: transparent;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 0;
	max-width: none;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
	cursor: -webkit-grab;
	cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
	cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
	background: transparent;
	border: 0;
	height: 100%;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}

.fancybox-spaceball {
	z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
	height: 100%;
	overflow: visible;
	padding: 0;
	width: 100%;
}

.fancybox-slide--video .fancybox-content {
	background: #000;
}

.fancybox-slide--map .fancybox-content {
	background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
	background: #fff;
}

.fancybox-video,
.fancybox-iframe {
	background: transparent;
	border: 0;
	display: block;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
	left: 0;
	position: absolute;
	top: 0;
}

.fancybox-error {
	background: #fff;
	cursor: default;
	max-width: 400px;
	padding: 40px;
	width: 100%;
}

.fancybox-error p {
	color: #444;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

/* Buttons */
.fancybox-button {
	background: rgba(30, 30, 30, 0.6);
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	margin: 0;
	padding: 10px;
	position: relative;
	-webkit-transition: color .2s;
	transition: color .2s;
	vertical-align: top;
	visibility: inherit;
	width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
	color: #ccc;
}

.fancybox-button:hover {
	color: #fff;
}

.fancybox-button:focus {
	outline: none;
}

.fancybox-button.fancybox-focus {
	outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
	color: #888;
	cursor: default;
	outline: none;
}

/* Fix IE11 */
.fancybox-button div {
	height: 100%;
}

.fancybox-button svg {
	display: block;
	height: 100%;
	overflow: visible;
	position: relative;
	width: 100%;
}

.fancybox-button svg path {
	fill: currentColor;
	stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
	display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
	display: none;
}

.fancybox-progress {
	background: #ff5268;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0;
	transform-origin: 0;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
	background: transparent;
	border: 0;
	border-radius: 0;
	width: 40px;
	height: 40px;
	top: -40px;
	right: -40px;
	background: transparent url(/netcat_template/template/servise/static/img/close.svg) center no-repeat;
	cursor: pointer;
	opacity: 1;
	padding: 0;
	position: absolute;
	z-index: 401;
	font-size: 0;
}

.fancybox-close-small svg {
	display: none;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
	overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
	display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
	background-clip: content-box;
	height: 100px;
	opacity: 0;
	position: absolute;
	top: calc(50% - 50px);
	width: 70px;
}

.fancybox-navigation .fancybox-button div {
	padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
	left: 0;
	left: env(safe-area-inset-left);
	padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
	padding: 31px 6px 31px 26px;
	right: 0;
	right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
	bottom: 0;
	color: #eee;
	font-size: 14px;
	font-weight: 400;
	left: 0;
	line-height: 1.5;
	padding: 75px 44px 25px 44px;
	pointer-events: none;
	right: 0;
	text-align: center;
	z-index: 99996;
}

@supports (padding: max(0px)) {
	.fancybox-caption {
		padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
	}
}

.fancybox-caption--separate {
	margin-top: -50px;
}

.fancybox-caption__body {
	max-height: 50vh;
	overflow: auto;
	pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
	color: #ccc;
	text-decoration: none;
}

.fancybox-caption a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
	-webkit-animation: fancybox-rotate 1s linear infinite;
	animation: fancybox-rotate 1s linear infinite;
	background: transparent;
	border: 4px solid #888;
	border-bottom-color: #fff;
	border-radius: 50%;
	height: 50px;
	left: 50%;
	margin: -25px 0 0 -25px;
	opacity: .7;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 50px;
	z-index: 99999;
}

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

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

/* Transition effects */
.fancybox-animated {
	-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
	transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
	opacity: 0;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: scale3d(1.5, 1.5, 1.5);
	transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: scale3d(0.5, 0.5, 0.5);
	transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
	transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
	-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
	transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
	.fancybox-slide {
		padding-left: 6px;
		padding-right: 6px;
	}
	
	.fancybox-slide--image {
		padding: 6px 0;
	}
	
	.fancybox-close-small {
		right: -6px;
	}
	
	.fancybox-slide--image .fancybox-close-small {
		background: #4e4e4e;
		color: #f2f4f6;
		height: 36px;
		opacity: 1;
		padding: 6px;
		right: 0;
		top: 0;
		width: 36px;
	}
	
	.fancybox-caption {
		padding-left: 12px;
		padding-right: 12px;
	}
	
	@supports (padding: max(0px)) {
		.fancybox-caption {
			padding-left: max(12px, env(safe-area-inset-left));
			padding-right: max(12px, env(safe-area-inset-right));
		}
	}
}

/* Fullscreen  */
.fancybox-button--fullscreen::before {
	width: 15px;
	height: 11px;
	left: calc(50% - 7px);
	top: calc(50% - 6px);
	border: 2px solid;
	background: none;
}

/* Share */
.fancybox-share {
	background: #f4f4f4;
	border-radius: 3px;
	max-width: 90%;
	padding: 30px;
	text-align: center;
}

.fancybox-share h1 {
	color: #222;
	font-size: 35px;
	font-weight: 700;
	margin: 0 0 20px 0;
}

.fancybox-share p {
	margin: 0;
	padding: 0;
}

.fancybox-share__button {
	border: 0;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	margin: 0 5px 10px 5px;
	min-width: 130px;
	padding: 0 15px;
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
	color: #fff;
}

.fancybox-share__button:hover {
	text-decoration: none;
}

.fancybox-share__button--fb {
	background: #3b5998;
}

.fancybox-share__button--fb:hover {
	background: #344e86;
}

.fancybox-share__button--pt {
	background: #bd081d;
}

.fancybox-share__button--pt:hover {
	background: #aa0719;
}

.fancybox-share__button--tw {
	background: #1da1f2;
}

.fancybox-share__button--tw:hover {
	background: #0d95e8;
}

.fancybox-share__button svg {
	height: 25px;
	margin-right: 7px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	width: 25px;
}

.fancybox-share__button svg path {
	fill: #fff;
}

.fancybox-share__input {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0;
	color: #5d5b5b;
	font-size: 14px;
	margin: 10px 0 0 0;
	outline: none;
	padding: 10px 15px;
	width: 100%;
}

/* Slideshow button */
.fancybox-button--play::before,
.fancybox-button--pause::before {
	top: calc(50% - 6px);
	left: calc(50% - 4px);
	background: transparent;
}

.fancybox-button--play::before {
	width: 0;
	height: 0;
	border-top: 6px inset transparent;
	border-bottom: 6px inset transparent;
	border-left: 10px solid;
	border-radius: 1px;
}

.fancybox-button--pause::before {
	width: 7px;
	height: 11px;
	border-style: solid;
	border-width: 0 2px 0 2px;
}

/* Thumbs */
.fancybox-thumbs {
	background: #ddd;
	bottom: 0;
	display: none;
	margin: 0;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	padding: 2px 2px 4px 2px;
	position: absolute;
	right: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 0;
	width: 212px;
	z-index: 99995;
}

.fancybox-thumbs-x {
	overflow-x: auto;
	overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
	display: block;
}

.fancybox-show-thumbs .fancybox-inner {
	right: 212px;
}

.fancybox-thumbs__list {
	font-size: 0;
	height: 100%;
	list-style: none;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	position: relative;
	white-space: nowrap;
	width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
	overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
	width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
	background: #2a2a2a;
	border-radius: 10px;
}

.fancybox-thumbs__list a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(0, 0, 0, 0.1);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	float: left;
	height: 75px;
	margin: 2px;
	max-height: calc(100% - 8px);
	max-width: calc(50% - 4px);
	outline: none;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	width: 100px;
}

.fancybox-thumbs__list a::before {
	border: 6px solid #ff5268;
	bottom: 0;
	content: '';
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
	opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
	opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
	.fancybox-thumbs {
		width: 110px;
	}
	
	.fancybox-show-thumbs .fancybox-inner {
		right: 110px;
	}
	
	.fancybox-thumbs__list a {
		max-width: calc(100% - 10px);
	}
	.fancybox-close-small {
		right: -10px;
	}
}

.fancybox-slide--html {
	padding: 0;
}



.smart-banner{
	margin:0;
	margin-bottom:32px;
	padding:30px 30px 30px 72px;
	margin-left:0!important;
	border:none;
	border-radius: 18px;
}
.smart-banner:before{
	content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
	top:30px;
}
.smart-banner--4{
	background: #E9F5EE;
	color: #219653;
}
.smart-banner--4::before {	
	background-image: url('/new_verstka/img/green.svg');
	width: 24px;
	height: 34px;
	left: 30px;
}
.smart-banner--1::before {
    top: 30px;
	left: 20px;
	width: 37px;
    height: 41px;
}
.smart-banner--3{
	background: #FDEEEE;
	color: #EB5757;
}
.smart-banner--3::before {
	background-image: url('/new_verstka/img/red.svg');
	width: 24px;
	height: 34px;
	left: 30px;
}
figure.video{
	width:100%;
	margin:20px 0;
}
.document .document__download{
	font-size: 16px;
	line-height: 19px;
	font-weight:400;
}
.article h2, .article .h2 {
	margin-top:48px;
	font-weight: 600;
	font-size: 30px;
	line-height: 40px;
}
.article h3, .article .h3{
	font-weight: 600;
	font-size: 24px;
	line-height: 37px;
	color: #21293A;
}
.article h4, .article .h4{
	font-weight: 600;
	font-size: 22px;
	line-height: 38px;
	color: #21293A;
}
.article h5, .article .h5{
	font-weight: 600;
	font-size: 20px;
	line-height: 33px;
	color: #21293A;
}
.article h6, .article .h6{
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
	color: #21293A;
}

.interview-wrapper{
	width:100%;
	background: #FFFFFF;
	border: 1px solid #E4E8F1;
	box-shadow: 0px 0px 28px rgba(85, 117, 152, 0.129);
	border-radius: 18px;
	padding:50px 70px;
}
.article-navigation.active .article-nav{
	padding: 30px 40px;
	margin: 0;
}
.container-article ul {
    padding-left: 0px;
}
.article-nav__link{
	color: #21293A!important;
}
.article-nav__link:hover{
	    color: #1C5CA4!important;
}
.article-navigation {
        margin-bottom: 32px!important;
}
@media all and (max-width: 1360px) {
	.table {
		margin: 30px -13%;
	}
}
@media all and (max-width: 1279px) {
	.table {
		margin: 30px auto;
	}
}
.news-texts{
	margin-bottom:30px;
}
.vkontakte a, .facebook a {
    width: 195.66px;
	height: 50px;
    padding: 0;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
	font-size: 16px!important;
	line-height: 20px!important;
    color: #FFF!important;
}
.vkontakte {
    width: 100%;
}
.width_vk{
	max-width:350px;
	width:100%;
}
.user{
	margin-bottom:10px;
	width:15%;
}
.newsletter{
	padding: 40px 40px 40px 40px;
}
.user img {
    width: 46px;
    height: 47px;
    margin-bottom: 8px;
}
.users{
	width:47%;
	flex-wrap: wrap;
	justify-content:space-between
}
.user:nth-child(10) {
    margin-right: 0;
}
.bunner{
	margin: 50px 0px 20px;
	background: #E4E8F1;
	box-shadow: 0px 4px 6px rgba(192, 192, 192, 0.25);
	border-radius: 18px;
	border:none;
}
.bunner__label{
	background: #4A76A8;
	border-radius: 5px;
	font-weight: 600;
	font-size: 14px;
	line-height: 38px;
	color: #FFFFFF;
	height: 28px;
	padding:0;
	width: 139px;
	display:flex;
	justify-content:center;
	align-items:center;
	left: 36px;
    top: -13px;
}
.bunner picture {
	border-radius: 8px;
}
figure.video {
    width: 100%;
    margin: 20px 0;
}
.document .document__download{
	color:#fff!important;
}
.two-bunners__bunner_inner{
	text-align:right;
}
.two-bunners__bunner span.label-up{
	font-weight:400;
	display:flex;
	justify-content:center;
	align-items:center;
	height: 50px;
	font-size: 23px;
	line-height: 42px;
}
.two-bunners__bunner span.label-up--2 {
    width: 335px;
}
.two-bunners__bunner p{
	font-size: 16px;
	line-height: 28px;
	font-weight:400;
	max-width: 400px;
}
.first-bunner::after {
    width: 230px;
    left: 5px;
    bottom: 19px;
    transform: rotate(-15deg);
}
.second-bunner::after {
    width: 160px;
    left: 35px;
    bottom: 24px;
    background-image: url(../../../../netcat_template/template/blog/static/img/article/digest.png);
}
.two-bunners__bunner_inner::before{
	right: -45px;
}

.two-bunners__bunner h2, .two-bunners__bunner .h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 30px;
    line-height: 42px;
    color: #FFFFFF;
    position: relative;
    max-width: 400px;
    text-align: right;
    margin-left: auto;
}
.container-article ul.new_list_ul{
	padding-left:25px;
}