

/* Start:/local/templates/main_new/components/bitrix/news.list/pages_all_blog_old/assets/useful-articles.css?17643373855650*/
.useful-articles {
  margin-top: 80px;
}
@media (max-width: 1239px) {
  .useful-articles {
    margin-top: 70px;
  }
}
@media (max-width: 759px) {
  .useful-articles {
    margin-top: 40px;
  }
}
@media (max-width: 759px) {
  .useful-articles-wrapper {
    overflow-y: auto;
    margin: 0 -10px;
  }
}
.useful-articles-wrapper::-webkit-scrollbar {
  display: none;
}
.useful-articles__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 35px;
  font: 750 44px / 1.1 'CocoSharp', sans-serif;
}
@media (max-width: 1239px) {
  .useful-articles__head {
    margin-bottom: 20px;
    font-size: 40px;
  }
}
@media (max-width: 759px) {
  .useful-articles__head {
    -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: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 26px;
  }
}
@media (max-width: 759px) {
  .useful-articles__head .ui-arrow-link {
    display: none;
  }
}
.useful-articles__body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1239px) {
  .useful-articles__body {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media (max-width: 759px) {
  .useful-articles__body {
    grid-auto-flow: column;
    grid-template-columns: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 25px;
    padding: 0 10px;
  }
}
.useful-articles__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 35px;
  background: #F2F2F2;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
}
@media (max-width: 1239px) {
  .useful-articles__item {
    padding-bottom: 30px;
  }
}
@media (max-width: 759px) {
  .useful-articles__item {
    min-width: 350px;
    padding-bottom: 20px;
  }
}
.useful-articles__item:hover {
  color: #1e1e1e;
}
.useful-articles__item:hover .useful-articles__badge {
  color: #fff;
  background: #dc0533;
}
.useful-articles__item:hover .ui-arrow-link {
  color: #dc0533;
}
.useful-articles__item .ui-arrow-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font: 700 18px/1 'CocoSharp', sans-serif;
  color: #262626;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.useful-articles__item .ui-arrow-link:hover {
  color: #dc0533;
}
.useful-articles__item .ui-arrow-link:after {
  content: '';
  margin-left: 15px;
  width: 9px;
  height: 9px;
  border-bottom: 2px solid #dc0533;
  border-left: 2px solid #dc0533;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.useful-articles__image {
  margin-bottom: 35px;
  height: 205px;
  overflow: hidden;
}
@media (max-width: 1239px) {
  .useful-articles__image {
    height: 212px;
    margin-bottom: 20px;
  }
}
.useful-articles__image a,
.useful-articles__image img {
  width: 100%;
  height: 100%;
}
.useful-articles__image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.useful-articles__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 25px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}
@media (max-width: 1239px) {
  .useful-articles__info {
    padding: 0 20px;
    margin-bottom: 20px;
  }
}
.useful-articles__badge {
  padding: 5px 20px;
  text-align: center;
  background: #fadae1;
  border-radius: 20px;
  color: #1e1e1e;
  font: 450 14px / 1.1 'CocoSharp', sans-serif;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.useful-articles__badge:hover {
  color: #fff;
  background: #DC0533;
}
@media (max-width: 1239px) {
  .useful-articles__badge {
    padding: 5px 12px;
    font-size: 12px;
  }
}
.useful-articles__date {
  color: #939393;
  font: 450 14px / 1.1 'CocoSharp', sans-serif;
}
@media (max-width: 1239px) {
  .useful-articles__date {
    font-size: 12px;
  }
}
.useful-articles__content {
  padding: 0 25px;
  margin-bottom: 24px;
}
@media (max-width: 1239px) {
  .useful-articles__content {
    padding: 0 20px;
    margin-bottom: 20px;
  }
}
.useful-articles__title {
  font: 750 24px / 1.1 'CocoSharp', sans-serif !important;
}
@media (max-width: 1239px) {
  .useful-articles__title {
    font-size: 20px !important;
  }
}
.useful-articles__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: auto;
  padding: 0 25px;
}
@media (max-width: 1239px) {
  .useful-articles__line {
    padding: 0 20px;
  }
}
.useful-articles__foot {
  display: none;
  margin-top: 20px;
}
@media (max-width: 759px) {
  .useful-articles__foot {
    display: block;
  }
}
.useful-articles__foot .ui-btn-hollow a {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 44px !important;
}

/* End */


/* Start:/local/templates/main_new/components/bitrix/menu/teg_menu/style.min.css?1764337385490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main_new/components/bitrix/menu/teg_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /local/templates/main_new/components/bitrix/news.list/pages_all_blog_old/assets/useful-articles.css?17643373855650 */
/* /local/templates/main_new/components/bitrix/menu/teg_menu/style.min.css?1764337385490 */
