@charset "UTF-8";
.body_article,
.footer_article {
  background-color: #f5f7fb; }

.mobile_article_header_container {
  display: none;
  background-repeat: no-repeat;
  background-size: cover; }

.desk_article_header_container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 15%; }

.share_text {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  color: #46515C; }

.articles_swiper_container {
  overflow: hidden; }

.breadcrumbs a {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  color: white; }

.article_title h1 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  color: white; }

.article_date {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  color: #98A2AE; }

.article_content h2 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  color: #48515B; }

.article_content h2:after {
  content: '';
  position: absolute;
  width: 124px;
  height: 8px;
  background: #6C9FEA;
  border-radius: 100px; }

.article_content p {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  color: #46515C; }

.article_content h3 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  color: #48515B;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 32px;
  margin-top: 48px; }
  @media screen and (min-width: 752px) {
    .article_content h3 {
      line-height: 62px;
      margin-bottom: 16px; } }

.article_content ul {
  padding-left: 16px; }
  .article_content ul li {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #46515C;
    position: relative; }
    .article_content ul li:not(:last-child) {
      margin-bottom: 16px; }
    .article_content ul li::after {
      content: '';
      position: absolute;
      display: block;
      left: -16px;
      width: 6px;
      height: 6px;
      background: #6C9FEA;
      border-radius: 50%;
      top: 10px; }

.article_content ol {
  counter-reset: myCounter; }
  .article_content ol li {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #46515C;
    list-style: none;
    /* Задаём имя счетчика */ }
    .article_content ol li::before {
      counter-increment: myCounter;
      content: counter(myCounter) ". ";
      font-family: Open Sans;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #46515C; }
    .article_content ol li:not(:last-child) {
      margin-bottom: 16px; }

.article_content .wp-block-table table {
  width: max-content; }
  .article_content .wp-block-table table tbody tr:not(:first-child) {
    height: 66px;
    padding-right: 16px; }
    .article_content .wp-block-table table tbody tr:not(:first-child):not(:last-child) {
      border-bottom: 1px solid #E5EBF0; }
    .article_content .wp-block-table table tbody tr:not(:first-child) td {
      font-family: Open Sans;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      color: #464D55; }
  .article_content .wp-block-table table tbody tr td {
    padding-right: 16px;
    padding-left: 16px; }
  .article_content .wp-block-table table tbody tr:first-child td {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #464D55;
    height: 48px;
    background: #E5ECF3; }

.to_all_articles {
  background: #BEDCFF;
  border-radius: 30px; }
  .to_all_articles a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    color: #46515C;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .to_all_articles a svg {
      margin-right: 5px; }

.share_me_div {
  padding: 20px 20px; }

.desc_slider_header,
.mobile_slider_header {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  color: #48515B; }

.article_slider_date {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  color: #98A2AE; }

.article_slider_title {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  color: #4A515A; }

.articles_swiper_container .swiper-slide {
  box-shadow: 0px 0px 10px rgba(155, 181, 194, 0.26);
  height: auto; }

.article_slider_img {
  background-size: cover; }

@media screen and (max-width: 751px) and (min-width: 336px) {
  .swiper_prev_button,
  .swiper_next_button {
    display: none; }
  .desk_article_header_container {
    display: none; }
  .mobile_article_header_container {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%; }
  .col-12 {
    padding-left: 16px;
    padding-right: 16px; }
  .header_background {
    height: 176px; }
  .breadcrumbs {
    margin-top: 38px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .breadcrumbs a {
      font-size: 15px;
      line-height: 20px;
      color: white; }
    .breadcrumbs svg {
      margin-right: 8px; }
  .article_title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px; }
    .article_title h1 {
      font-size: 20px;
      line-height: 24px;
      text-align: center; }
  .article_date {
    margin-top: 50px;
    font-size: 16px;
    line-height: 28px; }
  .article_content {
    padding-left: 0;
    padding-right: 0; }
    .article_content h2 {
      padding-left: 16px;
      padding-right: 16px;
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 60px;
      position: relative; }
    .article_content h2:after {
      content: '';
      position: absolute;
      width: 124px;
      height: 8px;
      background: #6C9FEA;
      border-radius: 100px;
      bottom: -24px;
      left: 16px; }
    .article_content p {
      padding-left: 16px;
      padding-right: 16px;
      font-size: 16px;
      line-height: 24px; }
    .article_content img {
      width: 100%; }
  .body_article {
    position: relative; }
  .body_article:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0px;
    border: 1px solid #D8E3EE;
    bottom: -16px; }
  .button_all_articles_wrapp {
    margin-top: 48px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .button_all_articles_wrapp .to_all_articles {
      border: none;
      outline: none;
      width: 303px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .button_all_articles_wrapp .to_all_articles a {
        font-size: 14px;
        line-height: 19px;
        text-align: center; }
  .share_text {
    font-size: 18px;
    line-height: 28px;
    width: 100%;
    margin-bottom: 16px;
    text-align: center; }
  .slider_article {
    background: #E5ECF3;
    border-top: 0.1px solid #E5ECF3;
    padding-bottom: 50px; }
  .articles_swiper_container {
    margin-top: 60px; }
    .articles_swiper_container a:hover {
      text-decoration: none; }
  .desc_slider_header {
    display: none; }
  .mobile_slider_header {
    margin-top: 32px; }
    .mobile_slider_header h2 {
      font-size: 20px;
      line-height: 24px;
      position: relative;
      text-align: center; }
    .mobile_slider_header h2:after {
      content: '';
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
      top: 40px;
      background: #6C9FEA;
      border-radius: 100px;
      height: 8px;
      width: 124px; }
  .articles_swiper_container .swiper-slide {
    width: 289px !important;
    min-height: 304px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0px 0px 10px rgba(155, 181, 194, 0.26); }
    .articles_swiper_container .swiper-slide .article_slider_img {
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      width: 289px;
      height: 176px; }
    .articles_swiper_container .swiper-slide .article_slider_date {
      font-size: 16px;
      line-height: 28px;
      text-align: center;
      margin-top: 17px; }
    .articles_swiper_container .swiper-slide .article_slider_title {
      font-size: 16px;
      line-height: 25px;
      text-align: center;
      margin-top: 10px;
      padding-left: 24px;
      padding-right: 24px; } }

@media screen and (min-width: 752px) and (max-width: 1263px) {
  .desc_slider_header {
    display: block; }
  .col-6-desk {
    width: 50%;
    max-width: 50%; }
  .container {
    max-width: 752px; }
  .desk_article_header_container {
    max-width: 100%;
    background-size: cover; }
  .header_background {
    height: 288px; }
  .breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    max-width: 752px;
    margin-top: 69px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.58); }
    .breadcrumbs a {
      font-size: 16px;
      line-height: 22px;
      color: white; }
    .breadcrumbs svg {
      margin-right: 8px;
      margin-left: 8px; }
  .article_title {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 752px; }
    .article_title h1 {
      max-width: 590px;
      font-size: 34px;
      line-height: 54px;
      text-align: center; }
  .article_date {
    margin-top: 50px;
    font-size: 16px;
    line-height: 28px; }
  .article_content h2 {
    margin-top: 0;
    font-size: 32px;
    line-height: 62px;
    margin-bottom: 60px;
    position: relative; }
  .article_content h2:after {
    content: '';
    position: absolute;
    width: 124px;
    height: 8px;
    background: #6C9FEA;
    border-radius: 100px;
    bottom: -24px;
    left: 0; }
  .article_content p {
    font-size: 16px;
    line-height: 24px; }
  .article_content img {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px; }
  .body_article {
    position: relative; }
  .body_article:after {
    content: '';
    position: absolute;
    width: 752px;
    height: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    border: 1px solid #D8E3EE;
    bottom: -64px; }
  .footer_article {
    padding-bottom: 64px; }
  .button_all_articles_wrapp {
    margin-top: 127px;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .button_all_articles_wrapp svg {
      margin-right: 5px; }
    .button_all_articles_wrapp .to_all_articles {
      border: none;
      outline: none;
      width: 192px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .button_all_articles_wrapp .to_all_articles a {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        line-height: 19px;
        text-align: center; }
  .share_me_div {
    margin-top: 127px;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .share_me_div .heateor_sss_sharing_ul {
      display: flex;
      align-items: center; }
  .share_text {
    font-size: 18px;
    line-height: 28px;
    margin-right: 20px; }
  .slider_article {
    background: #E5ECF3;
    border-top: 0.1px solid #E5ECF3;
    padding-bottom: 50px; }
  .articles_swiper_wrapper {
    max-width: 722px;
    width: 100%;
    margin: 0 auto;
    position: relative; }
  .articles_swiper_container {
    margin-top: 72px;
    max-width: 722px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .articles_swiper_container a:hover {
      text-decoration: none; }
  .swiper_prev_button,
  .swiper_next_button {
    display: none; }
  .desc_slider_header {
    margin-top: 60px; }
    .desc_slider_header h2 {
      font-size: 32px;
      line-height: 62px;
      position: relative;
      text-align: center; }
    .desc_slider_header h2:after {
      content: '';
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
      bottom: -32px;
      background: #6C9FEA;
      border-radius: 100px;
      height: 8px;
      width: 124px; }
  .articles_swiper_container .swiper-wrapper {
    justify-content: center; }
  .articles_swiper_container .swiper-slide {
    width: 230px !important;
    min-height: 304px;
    border-radius: 10px;
    background-color: white;
    padding-bottom: 20px; }
    .articles_swiper_container .swiper-slide .article_slider_img {
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      width: 230px;
      height: 180px; }
    .articles_swiper_container .swiper-slide .article_slider_date {
      font-size: 12px;
      line-height: 22px;
      text-align: center;
      margin-top: 17px; }
    .articles_swiper_container .swiper-slide .article_slider_title {
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      margin-top: 10px;
      padding-left: 32px;
      padding-right: 32px; }
  .mobile_slider_header {
    display: none; } }

@media screen and (min-width: 1264px) {
  .col-6-desk {
    width: 50%;
    max-width: 50%; }
  .container {
    max-width: 800px; }
  .desk_article_header_container {
    max-width: 100%; }
  .header_background {
    height: 288px; }
  .breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 69px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.58); }
    .breadcrumbs a {
      font-size: 16px;
      line-height: 22px;
      color: white; }
    .breadcrumbs svg {
      margin-right: 8px;
      margin-left: 8px; }
  .article_title {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    .article_title h1 {
      max-width: 728px;
      font-size: 40px;
      line-height: 54px;
      text-align: center; }
  .article_date {
    margin-top: 50px;
    font-size: 16px;
    line-height: 28px; }
  .article_content h2 {
    margin-top: 0;
    font-size: 32px;
    line-height: 62px;
    margin-bottom: 60px;
    position: relative; }
  .article_content h2:after {
    content: '';
    position: absolute;
    width: 124px;
    height: 8px;
    background: #6C9FEA;
    border-radius: 100px;
    bottom: -24px;
    left: 0; }
  .article_content p {
    font-size: 16px;
    line-height: 24px; }
  .article_content img {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px; }
  .body_article {
    position: relative; }
  .body_article:after {
    content: '';
    position: absolute;
    width: 785px;
    height: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    border: 1px solid #D8E3EE;
    bottom: -64px; }
  .button_all_articles_wrapp {
    margin-top: 127px;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .button_all_articles_wrapp .to_all_articles {
      border: none;
      outline: none;
      width: 192px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .button_all_articles_wrapp .to_all_articles svg {
        margin-right: 5px; }
      .button_all_articles_wrapp .to_all_articles a {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        line-height: 19px;
        text-align: center; }
  .share_me_div {
    margin-top: 127px;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .share_me_div .heateor_sss_sharing_ul {
      display: flex;
      align-items: center; }
  .share_text {
    font-size: 18px;
    line-height: 28px;
    margin-right: 34px; }
  .footer_article {
    padding-bottom: 64px; }
  .slider_article {
    background: #E5ECF3;
    border-top: 0.1px solid #E5ECF3;
    padding-bottom: 50px; }
  .articles_swiper_wrapper {
    max-width: 976px;
    width: 100%;
    margin: 0 auto;
    position: relative; }
  .articles_swiper_container {
    margin-top: 72px;
    max-width: 944px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .articles_swiper_container a:hover {
      text-decoration: none; }
  .swiper_prev_button,
  .swiper_next_button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .swiper_prev_button {
    left: -32px; }
  .swiper_next_button {
    right: -32px; }
  .desc_slider_header {
    display: block; }
  .desc_slider_header {
    margin-top: 60px; }
    .desc_slider_header h2 {
      font-size: 32px;
      line-height: 62px;
      position: relative;
      text-align: center; }
    .desc_slider_header h2:after {
      content: '';
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
      bottom: -32px;
      background: #6C9FEA;
      border-radius: 100px;
      height: 8px;
      width: 124px; }
  .mobile_slider_header {
    display: none; }
  .articles_swiper_container .swiper-wrapper {
    justify-content: center; }
  .articles_swiper_container .swiper-slide {
    width: 304px !important;
    min-height: 304px;
    border-radius: 10px;
    background-color: white; }
    .articles_swiper_container .swiper-slide .article_slider_img {
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      width: 304px;
      height: 180px; }
    .articles_swiper_container .swiper-slide .article_slider_date {
      font-size: 16px;
      line-height: 28px;
      text-align: center;
      margin-top: 17px; }
    .articles_swiper_container .swiper-slide .article_slider_title {
      font-size: 16px;
      line-height: 25px;
      text-align: center;
      margin-top: 10px;
      padding-left: 32px;
      padding-right: 32px; } }