@charset "UTF-8";
/* CSS Document */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.6rem;
}

:where(.mod-menu__toggle-sub) {
  color: currentColor;
  background-color: #0000;
  border: none;
  align-items: center;
  padding: 0;
  display: inline-flex;
  &[aria-expanded="true"] .icon-chevron-down {
    transform: rotate(180deg);
  }
}
:where(.mod-menu [class*="icon-"]) {
  margin-inline-start: 0.5rem;
  transition: all 0.2s, background-color 0.2s;
}
:where(.mod-menu__sub[aria-hidden="true"]) {
  display: none;
}
:where(.mod-menu__sub[aria-hidden="false"]) {
  display: block;
}

:root {
  --radius: 4px;

  --color-font: #141414;
  --color-sub-font: #747474;
  --color-other-elements: #bebebe;
  --color-primary-alternative: #c40d1a;
  --color-white: #ffffff;
  --color-secondary-alternative: #488d07;
  --color-primary: #114232;
  --color-secondary: #c99d45;
  --color-secondary-hover: ;
  --color-gray: #333333;

  --shadow-text: 0px 4px 3px rgba(0, 0, 0, 0.65);
  --shadow-field: 0px 0px 24px -11px rgba(0, 0, 0, 0.2) inset;
  --shadow-field-hover: 0px 0px 12px -6px rgba(0, 0, 0, 0.2) inset;
  --shadow-external: 0px 5px 22px -9px rgba(11, 11, 11, 0.6); /* 3-rd origin value: 13px */
  --shadow-icemegamenu: 0px 5px 10px 0px #b2b2b2;
  --cubik: cubic-bezier(0.17, 0.51, 0.36, 0.99);
  --time: 0.4s;
  --color-bg: #fff;
  --gradient-gold: linear-gradient(-90deg, #c99d45, #f9efb4);
}

/**сброс стилей**/
*::before,
*::after {
  box-sizing: border-box;
}

ul,
ol {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

ul,
ol {
  list-style: none;
}

a,
a:not([class]) {
  text-decoration-skip-ink: auto;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
  margin: auto;
}

article > * + * {
  margin-top: 1em;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  * {
    /* animation-duration: 0.01ms !important; */
    animation-iteration-count: 1 !important;
    /* transition-duration: 0.01ms !important; */
    scroll-behavior: auto !important;
  }
}

/*******/

html {
  overflow: auto;
  height: 100%;
  font-size: 10px;
}

@font-face {
  font-family: "Manrope"; /* Название вашего шрифта */
  src: url("../fonts/Manrope-Bold.ttf") format("truetype"); /* Путь к ttf файлу */
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Manrope"; /* Название вашего шрифта */
  src: url("../fonts/Manrope-ExtraBold.ttf") format("truetype"); /* Путь к ttf файлу */
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Manrope"; /* Название вашего шрифта */
  src: url("../fonts/Manrope-ExtraLight.ttf") format("truetype"); /* Путь к ttf файлу */
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Manrope"; /* Название вашего шрифта */
  src: url("../fonts/Manrope-Light.ttf") format("truetype"); /* Путь к ttf файлу */
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Manrope"; /* Название вашего шрифта */
  src: url("../fonts/Manrope-Medium.ttf") format("truetype"); /* Путь к ttf файлу */
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Manrope"; /* Название вашего шрифта */
  src: url("../fonts/Manrope-Regular.ttf") format("truetype"); /* Путь к ttf файлу */
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Manrope"; /* Название вашего шрифта */
  src: url("../fonts/Manrope-SemiBold.ttf") format("truetype"); /* Путь к ttf файлу */
  font-weight: 600;
  font-style: normal;
}

.news-wrapper,
.projects-wrapper,
.partners,
.breadcrumbs,
.com-finder,
.internet-resources #mod-custom134,
.container-component,
content .com-content-article.item-page,
content .blog {
  padding: 0 1.5rem;
  max-width: 1398px;
  margin: auto;
  width: 100%;
}

header {
  width: 100%;
  margin: auto;
  height: auto;
  background: var(--color-primary) url("/images/icons/ornament.jpg") no-repeat;
  z-index: 2;
}

body {
  padding: 0px;
  margin: auto;
  height: auto !important;
  height: 100%;
  font-family: "Мanrope";
  font: normal 1.6rem/1.3 "Manrope", sans-serif;
  color: var(--color-font);
  overflow: hidden;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  cursor: default;
  /*max-width: 1920px;*/
}

.main {
  flex: 1;
  width: 100%;
  /* max-width: 1920px; */
  margin: auto;
}

.copyright {
  padding: 1.5rem 0;
  width: 100%;
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    90deg,
    transparent 167px,
    var(--color-primary-alternative) 100px,
    var(--color-primary-alternative) 100%
  );

  color: var(--color-white);
  /* margin-left: 17.4rem; */
}

.copyright::after {
  content: "";
  background: url("/images/icons/footer-lenta.png") no-repeat left center;
  width: 235px;
  height: 102px;
  left: 0;
  bottom: 0;
  position: absolute;
}

.copyright a:hover {
  text-decoration: underline;
  transition: var(--time) var(--cubik);
}

.footer1,
.footer1 a {
  text-align: center;
  font-size: 1.4rem;
}

.additional-buttons {
  width: auto;
  display: flex;
  flex-direction: row;
}

.header-wrapper {
  padding: 0 1.5rem;
  max-width: 1398px;
  margin: auto;
  display: flex;
  flex-direction: column;
  background-color: var(--color-primary);
}

.header .top-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid var(--color-white);
  padding-bottom: 1.5rem;
}

.header-contacts ul,
.footer-contacts ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}

.header-contacts ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  color: var(--color-white);
}

.header-contacts ul li a {
  color: var(--color-white);
}

.footer-contacts ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  color: var(--color-font);
}

.header-contacts ul li img,
.footer-contacts ul li img {
  object-fit: cover;
  height: 1.3rem;
  width: auto;
}

.social-net .custom {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.socials ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.footer-socials ul {
  max-width: 162px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2rem;
}

.btn-primary {
  padding: 0.5rem 1rem;
  border-radius: var(--radius);
  background-color: var(--color-secondary);
  color: var(--color-primary);
  transition: var(--time) var(--cubik);
}

.btn-secondary {
  padding: 0.5rem 1rem;
  border-radius: var(--radius);
  background-color: var(--color-primary);
  color: var(--color-secondary);
  transition: var(--time) var(--cubik);
  border: none;
}

.btn-primary:hover {
  color: var(--color-secondary);
  transition: var(--time) var(--cubik);
  background-color: var(--color-bg);
}

.btn-primary:active,
.btn-primary:focus {
  background-color: var(--color-primary);
  color: var(--color-secondary);
  transition: var(--time) var(--cubik);
  box-shadow: none;
  border-color: var(--color-secondary);
}

.prpojects .btn-primary:hover {
  color: var(--color-secondary);
  transition: var(--time) var(--cubik);
  background-color: var(--color-primary);
}

.mod-finder__search.input-group .awesomplete input {
  opacity: 0.53;
  border-radius: var(--radius);
  width: 253px;
  font-size: 1.4rem;
}

.mod-finder__search.input-group .awesomplete input:focus {
  opacity: 1;
  transition: var(--time) var(--cubik);
}

.awesomplete:has(input:focus) + .btn .icon-white {
  color: var(--color-gray) !important;
  transition: var(--time) var(--cubik);
}

.mod-finder__search.input-group .btn .icon-white {
  padding-top: 0.4rem;
}

.mod-finder__search .btn {
  position: absolute;
  left: 21rem;
  border-radius: var(--radius);
  transition: var(--time) var(--cubik);
}

.input-group button {
  border: 0;
}

.gtranslate_wrapper .gt_selector option:nth-child(1) {
  display: none;
}

.gtranslate_wrapper .gt_selector option {
  font-size: 1.6rem;
}

.gtranslate_wrapper select {
  padding: 5px 10px; /* отступ справа под стрелку */
  font-size: 16px;
  border-radius: 4px;
  color: var(--color-primary);
  background-color: var(--color-secondary);

  /* Убираем стандартную стрелку */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* Стилизуем фон с кастомной стрелочкой справа */
  /* background-image: url('data:image/svg+xml;utf8,<svg fill="green" height="18" viewBox="-3 -8 18 18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M8.76315 6.75L13.5263 0H4.00001L8.76315 6.75Z"/></svg>'); */
  background-image: url("/images/icons/icon-chevron-primary.svg");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 10px;
  /* transform: scaleY(-1); */
}

.gtranslate_wrapper select:hover {
  background-color: var(--color-bg);
}

.gtranslate_wrapper select:focus-visible {
  outline: none;
}

.gtranslate_wrapper select path {
  fill: var(--color-primary);
  stroke: var(--color-primary);
}

.main-slider {
  width: 100%;
  margin-top: -20rem;
  z-index: 1;
  background: var(--color-primary);
}

.main-slider .swiper-slide::after {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background-color: var(--color-primary);
  opacity: 0.47;
  display: block;
  top: 0rem;
  left: 0;
  z-index: 2;
}

.swiper-slide .slider-text {
  position: absolute;
  left: 14%;
  top: 38%;
  color: var(--color-white);
  font-size: 4.8rem;
  font-weight: 700;
  text-shadow: var(--shadow-text);
  opacity: 1;
  max-width: 85rem;
  z-index: 3;
}

.main-slider .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fractionc {
  padding-top: 3rem;
  width: auto;
  min-width: 90px;
  height: 19px;
  position: absolute;
  left: 14%;
  top: 63%;
  z-index: 3;
}

.main-slider
  .swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  background: none;
  border: 2px solid var(--color-bg);
  height: 1.9rem;
  width: 1.9rem;
  transform: scale(1);
}

.main-slider
  .swiper-horizontal
  .swiper-pagination-horizontal
  > .swiper-pagination-bullet-active {
  border: 10px solid var(--color-bg);
}

.partners
  .swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  background: none;
  border: 2px solid var(--color-primary);
  height: 1.9rem;
  width: 1.9rem;
  transform: scale(1);
}

.partners
  .swiper-horizontal
  .swiper-pagination-horizontal
  > .swiper-pagination-bullet-active {
  border: 10px solid var(--color-primary);
}

.header-logo {
  padding-top: 1rem;
}

.header-contacts,
.social-net,
.search-bar,
.accessibility-button,
.gtranslate-buttons {
  padding-top: 3.5rem;
}

/* .bottom-row {
  padding-top: 1.2rem;
  padding-bottom: 1rem;
} */

.bottom-row #mod-menu127 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}

.bottom-row ul li > a,
.bottom-row ul li > span,
.bottom-row ul li > button {
  font-size: 1.6rem;
  color: var(--color-secondary);
}

.footer {
  height: 434px;
  background: url("/images/icons/footer-back.png") no-repeat,
    linear-gradient(180deg, #c99d45, #f9efb4);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 0;
}

.footer-wrapper {
  padding: 0 1.5rem;
  max-width: 1398px;
  margin: auto;
  width: 100%;
}

.breadcrumbs .px-3 {
  max-width: 1398px;
  margin: auto;
  width: 100%;
  background-color: var(--color-bg);
  padding: 1.5rem 0 !important;
}

.breadcrumbs .breadcrumb {
  display: block;
}

.breadcrumbs .breadcrumb li {
  display: inline;
  padding-right: 0.5rem;
}

.breadcrumbs .breadcrumb .breadcrumb-item:before {
  float: none;
  padding-right: 1rem;
}

.footer .footer-top-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  gap: 10rem;
}

.left-col {
  display: flex;
  flex-direction: column;
  gap: 3.8rem;
}

.center-col {
  max-width: 581px;
  width: 100%;
}

.footer-wrapper .left-col {
  padding-top: 2rem;
}

.footer-wrapper .quick-links {
  padding-top: 2.5rem;
}

.footer-contacts {
  max-width: 323px;
}

.quick-links ul li > a {
  color: var(--color-primary);
  transition: var(--time) var(--cubik);
  font-weight: 500;
}

.quick-links ul li > a:hover {
  color: var(--color-primary-alternative);
  transition: var(--time) var(--cubik);
  font-weight: 500;
}

.quick-links ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.news-block {
  background: var(--color-bg) url("/images/icons/news-back.png") no-repeat;
  background-position: right;
  height: auto;
  padding-top: 7.6rem;
}

.news-block a {
  font-size: 2.4rem;
  color: var(--color-primary);
  transition: var(--time) var(--cubik);
}

.news-block h4 a {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-block span {
  font-size: 2.4rem;
  color: var(--color-primary);
  font-weight: 700;
  text-transform: uppercase;
}

.content-wrapper {
  padding-top: 2.8rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.first-article-column .top-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.5rem;
  padding: 0;
}

.first-article-column .top-row img {
  width: 669px;
  height: 342px;
  object-fit: cover;
}

.first-article-column .bottom-row {
  display: flex;
  flex-direction: row;
  gap: 4.5rem;
}

.first-article-column .bottom-row h4,
.first-article-column .bottom-row .item-text {
  width: 316px;
}

.first-article-column {
  max-width: 669px;
  padding-right: 3rem;
  border-right: 1px solid var(--color-other-elements);
}

.other-articles-column {
  padding-left: 3rem;
}

.other-articles-column .mod-articles-item-content {
  display: flex;
  flex-direction: row;
  gap: 1.8rem;
}

.other-articles-column .left-col {
  width: 100%;
  height: 100%;
  max-height: 209px;
  max-width: 319px;
}

.other-articles-column .right-col .mod-articles-title {
  max-width: 306px;
}

.other-articles-column .left-col img {
  object-fit: cover;
  height: 209px;
  width: 319px;
}

.other-articles-column ul {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.mod-list li {
  padding: 0.5rem 0;
}

.header .mod-list .show-menu {
  padding: 0.5rem 1.5rem;
  background-color: var(--color-primary);
  border-radius: 0 var(--radius) var(--radius) 0;
  position: absolute;
  min-width: 300px;
}

.news-block .to-other-news {
  padding-bottom: 4rem;
}

.news-block .to-other-news a {
  font-size: 1.6rem;
  transition: var(--time) var(--cubik);
  color: var(--color-secondary);
}

.news-block .to-other-news a:hover,
.news-block .to-other-news a:focus {
  color: var(--color-primary);
  background-color: var(--color-secondary);
  transition: var(--time) var(--cubik);
}

.projects img {
  /* width: 435px;
  height: 342px; */
  width: 440px;
  height: 250px;
  object-fit: cover;
}

.projects {
  background: url("/images/icons/projects-right.png") no-repeat right center,
    url("/images/icons/projects-left.png") no-repeat left center,
    var(--color-primary);
}

.projects-wrapper {
  padding-top: 7.7rem;
  padding-bottom: 8.4rem;
  background: var(--color-primary);
}

.projects ul {
  padding: 3rem 0;
}

.projects .title {
  font-size: 2.4rem;
  color: var(--color-secondary);
  text-transform: uppercase;
}

.internet-resources,
.partners {
  padding-top: 3rem;
}

.internet-resources h3,
.partners h3 {
  font-size: 2.4rem;
  color: var(--color-primary);
  font-weight: 700;
  padding-bottom: 3rem;
  text-transform: uppercase;
}

.internet-resources ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.3rem;
  flex-wrap: wrap;
}

.internet-resources ul li {
  max-width: 320px;
}

.internet-resources ul li a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 82px;
  gap: 1.5rem;
  padding: 1rem;
  background: #eeeeee;
  color: var(--color-font);
  border-radius: var(--radius);
  transition: var(--time) var(--cubik);
}

.internet-resources ul li a:hover {
  transition: var(--time) var(--cubik);
  background: var(--gradient-gold);
}

.header .top-row .interactives {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}

.top-row .interactives-bottom {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}

.header .top-left-col {
  display: flex;
  flex-direction: row;
  gap: 3rem;
}

.header .top-right-col {
  display: flex;
  flex-direction: row;
  gap: 3rem;
}

.header svg:hover path {
  transition: var(--time) var(--cubik);
  fill: var(--color-secondary);
}

.footer svg:hover path {
  transition: var(--time) var(--cubik);
  fill: var(--color-secondary-alternative);
}

.footer svg:hover circle {
  fill: var(--color-bg);
  transition: var(--time) var(--cubik);
}

.header-contacts ul li a:hover {
  transition: var(--time) var(--cubik);
  color: var(--color-secondary);
}

.header-contacts ul li:hover path {
  transition: var(--time) var(--cubik);
  fill: var(--color-secondary);
}

.footer-contacts ul li a:hover {
  transition: var(--time) var(--cubik);
  color: var(--color-primary-alternative);
}

.footer-contacts ul li:hover path {
  transition: var(--time) var(--cubik);
  fill: var(--color-primary-alternative);
}

.center-right-col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 7rem;
}

.partners .swiper,
.partners swiper-container {
  position: static;
}

.partners .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  position: static;
  padding-bottom: 2rem;
}

.navbar-toggler {
  padding-left: 0;
  border-left-width: 0;
}

.icon-menu:before {
  color: var(--color-secondary);
}

.accessibility-icon svg:hover path {
  transition: var(--time) var(--cubik);
  fill: var(--color-bg);
}

.mod-list li a:hover,
.bottom-row ul li > button:hover {
  transition: var(--time) var(--cubik);
  text-decoration: none;
  color: var(--color-bg);
}

.news-block .mod-list li a:hover {
  text-decoration: none;
  color: var(--color-secondary);
  transition: var(--time) var(--cubik);
}

.news-block a:hover {
  color: var(--color-secondary);
  text-decoration: none;
  transition: var(--time) var(--cubik);
}

.partners img {
  border: 1px solid var(--color-other-elements);
}

.com-finder .result__item .result__title span,
.com-finder .result__item .result__title mark {
  font-size: 2.4rem;
  color: var(--color-primary);
}

.com-finder .result__item .result__title mark,
.com-finder .result__item .result__description mark {
  padding: 0;
}

.com-finder .result__item .result__description mark {
  font-size: 1.6rem;
}

.error_site .container-component .btn-secondary {
  padding: 1rem 2rem;
  font-size: 1.6rem;
  border: none;
  margin: 1.5rem 0;
}

.error_site .container-component .btn-secondary:hover {
  color: var(--color-primary);
  background-color: var(--color-secondary);
  transition: var(--time) var(--cubik);
  border: none;
}

.error_site .container-component .page-header h1 {
  font-size: 4rem;
  color: var(--color-primary);
  text-transform: uppercase;
  font-weight: 500;
}

.error_site .container-component .page-header .bottom-line {
  padding-left: 5rem;
}

.error_site .container-component .card-body {
  line-height: 3rem;
}

.error_site .container-component .card-body ul {
  padding-left: 2rem;
}

.mod-list li.active > a {
  text-decoration: none;
  color: var(--color-bg);
}

.accessibility-icon {
  padding-top: 0.4rem;
}

.awesomplete input {
  padding-right: 4rem;
}

content .com-content-article.item-page .page-header h1 {
  font-size: 2.8rem;
  text-align: left;
  color: var(--color-primary);
  padding: 1.5rem 0;
  font-weight: 500;
}

content .com-content-article.item-page .com-content-article__body {
  line-height: 2.5rem;
  padding-bottom: 3rem;
}

content .com-content-article.item-page .com-content-article__body p {
  margin-bottom: 1rem;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.internet-resources #mod-custom134 {
  padding-bottom: 5rem;
}

.blog-items {
  padding-bottom: 5rem;
}

.blog-item {
  display: flex !important;
  flex-direction: row;
  box-shadow: var(--shadow-external);
  border-radius: var(--radius);
  gap: 1.5rem;
  height: 220px;
}

.itemid-140 .blog-items .blog-item {
  height: 220px;
}

.blog-item h2 a {
  font-size: 2.4rem;
  /* margin-bottom: 1.5rem; */
  color: var(--color-primary);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-item img {
  width: 320px;
  height: 220px;
  object-fit: cover;
  margin: 0;
}

.blog h1 {
  text-align: center;
  font-size: 3rem;
  color: var(--color-primary);
  padding: 1rem 0;
  font-weight: 500;
}

.blog-item .item-image {
  margin: 0;
  flex-grow: 1;
  flex-basis: 320px;
}

.blog-item .item-content {
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  flex: 0 1 75%;
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.pagination__wrapper .pagination {
  justify-content: center;
}

.page-item.active .page-link {
  border-color: var(--color-other-elements);
  color: var(--color-primary);
  background-color: var(--color-secondary);
}

.page-item .page-link {
  border-color: var(--color-other-elements);
  color: var(--color-primary);
}

.readmore .btn span {
  display: none;
}

.readmore .btn {
  font-size: 1.6rem;
}

.breadcrumbs li > a {
  color: var(--color-primary);
  transition: var(--time) var(--cubik);
}

.breadcrumbs li > a:hover {
  color: var(--color-secondary);
  transition: var(--time) var(--cubik);
}

.btn-secondary:focus,
.btn-secondary:hover {
  color: var(--color-primary);
  background-color: var(--color-secondary);
  transition: var(--time) var(--cubik);
  border: none;
  box-shadow: none;
}

.btn-secondary:active:focus {
  box-shadow: none;
}

.item-content .page-header a:hover {
  color: var(--color-secondary);
  transition: var(--time) var(--cubik);
}

.breadcrumbs a,
.breadcrumbs span {
  font-size: 1.4rem;
}

.container-footer,
.footer-container {
  margin-top: 3rem;
}

.form-inline .icon-search:before {
  content: none;
}

.form-control,
.btn {
  font-size: 1.6rem;
}

.result__item + .result__item {
  border-top: none;
}

.footer-contacts ul li > svg {
  flex-shrink: 0;
}

.mark,
mark {
  padding: 0 !important;
}

.awesomplete mark {
  padding: 0 !important;
  background: var(--color-secondary);
  color: var(--color-primary);
}

.awesomplete mark:hover {
  background: var(--color-secondary);
}

.input-group .btn-primary:hover {
  background-color: var(--color-primary);
}

.com-finder h1,
.content-category h1 {
  text-align: center;
  font-size: 2.4rem;
  color: var(--color-primary);
}
.com-finder .form-inline > label {
  display: none;
}

html {
  overflow-y: scroll; /* ФОРСИМ скроллбар ВСЕГДА */
}

/* Или если хочешь красивый тонкий скроллбар как на маке (тоже решает прыжки): */
html {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #c1c1c1 transparent;
}

body::-webkit-scrollbar {
  width: 6px;
}

body::-webkit-scrollbar-track {
  background: transparent;
}

body::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.spoilers .title {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  border-radius: var(--radius) var(--radius) 0 0;
}

.spoilers .title:hover {
  background-color: var(--color-secondary);
}

.icon-chevron-down:before {
  content: "";
  border: 5px solid transparent;
  display: block;
  border-top: 7px solid var(--color-secondary);
  transition: var(--time) var(--cubik);
  /* margin-top: 5px; */
}

.mod-menu__toggle-sub:hover .icon-chevron-down:before {
  border-top: 7px solid var(--color-bg);
  transition: var(--time) var(--cubik);
}

.navbar .icon-chevron-down {
  padding-top: 0.8rem;
}

[aria-expanded="true"] .icon-chevron-down {
  padding-top: 0.3rem;
}

.site.itemid-171 .com-content-article__body img {
  width: 50%;
  height: auto;
  margin: auto;
}

.site .com-content-article__body h3 {
  font-size: 2.6rem;
  margin-bottom: 1rem;
  font-weight: 700;
  color: var(--gradient-gold);
  background: var(--gradient-gold);
  padding: 1rem 2rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
  text-align: right;
  color: #fff;
}

.com-content-article__body p,
.com-content-article__body ul li {
  text-align: justify;
}

.com-content-article__body ul {
  list-style-type: disc;
  color: var(--color-font);
  padding-left: 2rem;
  padding-bottom: 1rem;
}

.com-content-article__body a {
  color: var(--color-primary);
}

.com-content-article__body a:hover {
  color: var(--color-secondary);
}

/*----------------------------------scroll-up-----*/
.scroll-up {
  position: fixed;
  right: 10px;
  bottom: 20px;
  z-index: 1000;
  width: 50px;
  height: 50px;
  color: var(--color-theme-primary);
  cursor: pointer;
  visibility: hidden;
  border-radius: 50px;
  opacity: 0;
  transition: 0.2s;
  transform: translateY(25px);
}
.scroll-up::before {
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 20px;
  content: "";
  background-image: url(/images/service/icons/svg/arrow-up.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  opacity: 0.5;
  transition: 0.4s var(--cubic-bezier);
}
.scroll-up:hover:before {
  opacity: 1;
}
.scroll-up :hover {
  opacity: 1 !important;
}
.scroll-up-active {
  visibility: visible;
  opacity: 0.5;
  transform: translateY(0);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.scroll-up-active:hover {
  opacity: 1;
}

.scroll-up__svg-path {
  box-sizing: border-box;
  fill: none;
  stroke: var(--color-theme-primary);
  stroke-width: 4px;
  transition: 0.2s;
  fill: #fff;
}

.table-of-contents ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  gap: 2.3rem;
  padding-left: 0;
  /* justify-content: space-between; */
}

.table-of-contents ul li {
  display: flex;
  flex: 0 0 32%;
}

.table-of-contents ul li a {
  color: var(--color-secondary);
  width: 100%;
  background-color: var(--color-primary);
  padding: 2rem 2rem;
  transition: var(--time) var(--cubik);
  font-size: 2.2rem;
  font-weight: 600;
  border-radius: var(--radius);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table-of-contents ul li a:hover {
  color: var(--color-primary);
  width: 100%;
  background-color: var(--color-secondary);
  padding: 2rem 2rem;
  transition: var(--time) var(--cubik);
}

.com-content-article__body ol {
  font-family: inherit;
  padding-left: 0;
  counter-reset: level1;
  list-style-type: none;
}

.com-content-article__body ol > li {
  counter-increment: level1;
  text-align: justify;
}

/* Блокируем нумерацию самого верхнего уровня */
.com-content-article__body > ol > li::before {
  visibility: hidden;
}

/* Второй уровень (1.1, 1.2, 1.3) */
.com-content-article__body ol > li > ol {
  counter-reset: level2;
  padding-left: 0; /* Убираем padding-left как просили */
  list-style-type: none;
}

.com-content-article__body ol > li > ol > li {
  counter-increment: level2;
}

.com-content-article__body ol > li > ol > li::before {
  content: counter(level1) "." counter(level2) ".";
  display: inline-block;
  text-align: right;
  margin-right: 0.2em;
  font-weight: 700;
  color: #000;
}

/* Третий уровень (1.3.1, 1.3.2, 1.3.3) */
.com-content-article__body ol > li > ol > li > ol {
  counter-reset: level3;
  padding-left: 2.5rem; /* Добавляем padding-left как просили */
  list-style-type: none;
}

.com-content-article__body ol > li > ol > li > ol > li {
  counter-increment: level3;
}

.com-content-article__body ol > li > ol > li > ol > li::before {
  content: counter(level1) "." counter(level2) "." counter(level3) ".";
  display: inline-block;
  text-align: right;
  margin-right: 0.2em;
  font-weight: 700;
  color: #000;
}

.predsedatel-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 1.5rem;
}

.predsedatel {
  background: var(--color-bg);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-external);
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
}

.predsedatel-photo {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #e0e0e0;
}

.predsedatel-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.predsedatel-content {
  padding: 2rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.name {
  margin-bottom: 1rem;
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
  color: var(--color-font);
}

.position {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.info {
  font-size: 1.6rem;
  line-height: 1.3;
  color: var(--color-font);
  width: 100%;
}

.info p {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-other-elements);
}

.info p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.com-content-category-blog p {
  /* margin-bottom: 1rem; */
  line-height: 2.2rem;
}

.com-content-category-blog h1 {
  text-align: left;
}

.com-content-category-blog ul {
  list-style-type: disc;
  margin-bottom: 1rem;
}

.com-content-category-blog ul li {
  margin-left: 2rem;
}

.com-content-category-blog h3 {
  font-size: 2.8rem;
  margin-bottom: 1rem;
  font-weight: 700;
  color: var(--gradient-gold);
  background: var(--gradient-gold);
  padding: 1rem 2rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
  text-align: right;
  color: #fff;
}

.com_content .blog-item,
.com_content .blog-item img {
  height: 300px;
}

.mod-interactive-map {
  max-width: 1400px;
  margin: auto;
}

.interactive-map-container {
  width: 70%;
  margin: auto;
}

.mod-interactive-map h1 {
  font-size: 3.6rem;
  color: var(--color-primary);
  font-weight: 500;
}

.mod-interactive-map svg polygon {
  stroke: var(--color-primary);
  fill: var(--color-secondary-alternative);
}

.small {
  font: 12px sans-serif;
  fill: var(--color-bg);
}

.very-small {
  font: 5px sans-serif;
  fill: var(--color-bg);
}

.mod-interactive-map g.region:hover polygon {
  stroke: var(--color-primary);
  fill: var(--color-primary);
  transition: var(--time) var(--cubik);
}

.mod-interactive-map svg g circle {
  fill: #8ddd4181;
  stroke: var(--color-primary);
}

.mod-interactive-map g.region:hover g#harady circle {
  fill: #8ddd4181;
  transition: var(--time) var(--cubik);
}

.mod-interactive-map g.region:hover .small,
.mod-interactive-map g.region:hover .very-small {
  fill: var(--color-bg);
  transition: all var(--time) var(--cubik);
}

[id*="-subregion"]:is(:hover) #regions polygon {
  fill: #8ddd4181;
  transition: all var(--time) var(--cubik);
}

.mod-interactive-map h1 {
  padding: 0 1.5rem;
}

.mod-interactive-map .region polygon {
  transition: all var(--time) var(--cubik);
  opacity: 1;
}

.reg-map {
  padding: 0 1.5rem;
}

.itemid-151 .blog-item {
  flex-direction: column;
}

.site.com_content.itemid-151 .blog-item {
  height: auto;
  width: 100%;
  object-fit: cover;
  min-height: 300px;
}

.site.com_content.itemid-151 .blog-item img {
  height: auto;
  width: 100%;
  object-fit: cover;
}

.itemid-151 .blog-item .item-content {
  padding: 0;
  text-align: center;
}

.itemid-151 .blog-item .item-image {
  flex-basis: auto;
}

.com-content-category-blog ul.pagination {
  list-style-type: none;
}

.com-content-category-blog ul.pagination li {
  margin: 0;
}

.com_content.itemid-175 .blog-item,
.com_content.itemid-176 .blog-item,
.com_content.itemid-177 .blog-item,
.com_content.itemid-178 .blog-item,
.com_content.itemid-179 .blog-item,
.com_content.itemid-180 .blog-item,
.com_content.itemid-181 .blog-item,
.com_content.itemid-187 .blog-item,
.com_content.itemid-159 .blog-item,
.com_content.itemid-161 .blog-item,
.com_content.itemid-164 .blog-item {
  background: var(--color-bg);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-external);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}

.com_content.itemid-187 .blog-item h2,
.com_content.itemid-159 .blog-item h2 {
  font-size: 2rem;
  color: var(--color-primary);
}

.com_content.itemid-175 .blog-item figure,
.com_content.itemid-176 .blog-item figure,
.com_content.itemid-177 .blog-item figure,
.com_content.itemid-178 .blog-item figure,
.com_content.itemid-179 .blog-item figure,
.com_content.itemid-180 .blog-item figure,
.com_content.itemid-181 .blog-item figure,
.com_content.itemid-187 .blog-item figure,
.com_content.itemid-159 .blog-item figure,
.com_content.itemid-161 .blog-item figure,
.com_content.itemid-164 .blog-item figure {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #e0e0e0;
  overflow: visible;
}

.com_content.itemid-187 .blog-item figure,
.com_content.itemid-159 .blog-item figure {
  width: auto;
  height: 100%;
  flex-basis: auto;
  flex-grow: 0;
}

.com_content.itemid-175 .blog-item img,
.com_content.itemid-176 .blog-item img,
.com_content.itemid-177 .blog-item img,
.com_content.itemid-178 .blog-item img,
.com_content.itemid-179 .blog-item img,
.com_content.itemid-180 .blog-item img,
.com_content.itemid-181 .blog-item img,
.com_content.itemid-161 .blog-item img,
.com_content.itemid-164 .blog-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.com_content.itemid-187 .blog-item img,
.com_content.itemid-159 .blog-item img {
  max-height: 300px;
  max-width: 250px;
}

.com_content.itemid-175 .blog-item .item-content,
.com_content.itemid-176 .blog-item .item-content,
.com_content.itemid-177 .blog-item .item-content,
.com_content.itemid-178 .blog-item .item-content,
.com_content.itemid-179 .blog-item .item-content,
.com_content.itemid-180 .blog-item .item-content,
.com_content.itemid-181 .blog-item .item-content,
.com_content.itemid-187 .blog-item .item-content,
.com_content.itemid-159 .blog-item .item-content,
.com_content.itemid-161 .blog-item .item-content,
.com_content.itemid-164 .blog-item .item-content {
  padding: 1.5rem;
  padding-left: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.itemid-175 h3,
.itemid-176 h3,
.itemid-177 h3,
.itemid-178 h3,
.itemid-179 h3,
.itemid-180 h3,
.itemid-181 h3,
.itemid-187 h3,
.itemid-159 h3,
.itemid-161 h3,
.itemid-164 h3 {
  font-size: 2rem;
}

.itemid-162 .blog-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  justify-content: space-between;
}

.itemid-162 .blog-items .blog-item {
  height: auto;
  box-shadow: none;
  flex: 0 0 32%;
  padding-bottom: 1.5rem;
  border-radius: var(--radius);
}

.itemid-162 .blog-items .blog-item .item-content {
  padding: 0;
  flex: 0 0 100%;
  text-align: center;
}

.itemid-162 .blog-item .item-content a {
  padding: 1.5rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-secondary);
}

.itemid-162 .blog-item .item-content a:hover {
  background-color: var(--color-secondary);
  color: var(--color-primary);
}

.itemid-162 .com-content-article__body ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.itemid-162 .com-content-article__body ul li {
  display: flex;
  flex: 0 0 19%;
  box-shadow: var(--shadow-external);
  margin-bottom: 1.5rem;
}

.itemid-162 .mod-articles-item h4 a {
  font-size: 2rem;
  text-align: center;
  width: 100%;
  height: auto;
  padding: 1rem 0;
  background: var(--gradient-gold);
  display: block;
}

.itemid-162 .mod-articles-item p {
  font-size: 2rem;
  text-align: center;
  color: var(--color-primary);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.itemid-162 .mod-articles-item p.readmore a {
  color: var(--color-secondary);
  padding: 0.5rem 2rem;
}

.itemid-162 .mod-articles-item p.readmore a:hover {
  color: var(--color-primary);
}

.oblast:hover,
#regions a:hover polygon {
  fill: #95b874;
  stroke: var(--color-other-elements);
  transition: var(--time) var(--cubik);
}

.com-content-category.category-list {
  max-width: 1400px;
  padding: 0 1.5rem;
  margin: auto;
}

.com-content-category h1 {
  text-align: left;
  margin-bottom: 2rem;
}

.com-content-category.category-list .region polygon {
  fill: var(--color-secondary-alternative);
  stroke: var(--color-primary);
}

.com-content-category.category-list circle {
  fill: var(--color-primary);
}

.com-content-category.category-list .region:hover polygon {
  fill: #95b874;
}

.com-content-category.category-list .very-small {
  font-size: 0.4rem;
  fill: var(--color-bg);
}

.com-content-category.category-list .small {
  font-size: 0.5rem;
  fill: var(--color-bg);
}

.com-content-category .reg-predsedatel {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: nowrap;
  box-shadow: var(--shadow-external);
  width: auto;
  padding: 1.5rem;
  margin-bottom: 1rem;
}

.com-content-category .reg-predsedatel .reg-image {
  max-width: 160px;
  height: auto;
  object-fit: cover;
}

.com-content-category .reg-predsedatel .reg-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.itemid-151 .blog-items .blog-item {
  padding-bottom: 1.5rem;
}

.pdf-link,
.word-link,
.excel-link,
.presentation-link {
  display: flex;
  align-items: center;
}

.pdf-link:before,
.word-link:before,
.excel-link:before,
.presentation-link:before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  padding-right: 2rem;
}

.pdf-link:before {
  background: url("../../../../../images/service/icons/svg/file-pdf-solid.svg")
    no-repeat;
}

.word-link:before {
  background: url("../../../../../images/service/icons/svg/file-word-solid.svg")
    no-repeat;
}

.excel-link:before {
  background: url("../../../../../images/service/icons/svg/file-excelx-solid.svg")
    no-repeat;
}

.presentation-link:before {
  background: url("../../../../../images/service/icons/svg/file-presentation-solid.svg")
    no-repeat;
}
/* 
.footer-bottom-row {
  padding-top: 2.5rem;
} */

#mod-swiper126 .swiper-slide {
  max-height: 842px;
}

.header-contacts ul li div span {
  flex-grow: 0;
}

#Belarus {
  padding-bottom: 2rem;
}

.itemid-141 .main,
.itemid-189 .main,
.itemid-192 .main,
.itemid-191 .main,
.itemid-190 .main,
.itemid-188 .main,
.itemid-193 .main {
  background: url(/images/icons/reg-map-back.png) no-repeat right center,
    #488d073b;
}

.itemid-141 footer,
.itemid-189 footer,
.itemid-192 footer,
.itemid-191 footer,
.itemid-190 footer,
.itemid-188 footer,
.itemid-193 footer {
  margin: 0;
}

.itemid-141 .mod-breadcrumbs.px-3,
.itemid-189 .mod-breadcrumbs.px-3,
.itemid-192 .mod-breadcrumbs.px-3,
.itemid-191 .mod-breadcrumbs.px-3,
.itemid-190 .mod-breadcrumbs.px-3,
.itemid-188 .mod-breadcrumbs.px-3,
.itemid-193 .mod-breadcrumbs.px-3 {
  background-color: inherit;
}

.reg-predsedatel {
  background-color: var(--color-bg);
}

.modal-window div {
  background: #95b874a1;
  padding: 1.5rem 1.5rem 0 1.5rem;
}

.modal-window button.close-modal {
  top: 1.5rem;
  right: 1.5rem;
}

.modal-window p {
  margin-bottom: 0.5rem;
  color: var(--color-bg);
}

.itemid-161 .blog-item h2 {
  font-size: 2rem;
  color: var(--color-primary);
}

/*ТЕСТОВАЯ ВЕРСИЯ ВАРН*/

/* .header-wrapper:before {
  content: "Уважаемые пользователи, сайт работает в тестовом режиме. Приносим свои извинения за неудобства";
  display: block;
  position: absolute;
  color: red;
  font-size: 1.4rem;
  padding: 0.5rem 1.5rem;
  left: 30%;
} */

/*====================*/