/* Шрифты Lora для основного текста */
@font-face {
    font-family: 'Lora';
    src: url('font/Lora/woff2/Lora-Regular.woff2') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('font/Lora/woff2/Lora-Italic.woff2') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lora';
    src: url('font/Lora/woff2/Lora-Bold.woff2') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('font/Lora/woff2/Lora-BoldItalic.woff2') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Lora';
    src: url('font/Lora/woff2/Lora-Medium.woff2') format('truetype');
    font-weight: 500; /* medium */
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('font/Lora/woff2/Lora-MediumItalic.woff2') format('truetype');
    font-weight: 500; /* medium */
    font-style: italic;
}

@font-face {
    font-family: 'Lora';
    src: url('font/Lora/woff2/Lora-SemiBold.woff2') format('truetype');
    font-weight: 600; /* semi-bold */
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('font/Lora/woff2/Lora-SemiBoldItalic.woff2') format('truetype');
    font-weight: 600; /* semi-bold */
    font-style: italic;
}

/* Шрифты Montserrat для заголовков */
@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-Regular.woff2') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-Italic.woff2') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-Bold.woff2') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-BoldItalic.woff2') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-ExtraBold.woff2') format('truetype');
    font-weight: 800; /* extra-bold */
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-ExtraBoldItalic.woff2') format('truetype');
    font-weight: 800; /* extra-bold */
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-ExtraLight.woff2') format('truetype');
    font-weight: 200; /* extra-light */
    font-weight: lighter; /* extra-light */
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-ExtraLightItalic.woff2') format('truetype');
    font-weight: 200; /* extra-light */
    font-weight: lighter; /* extra-light */
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-Light.woff2') format('truetype');
    font-weight: 300; /* light */
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-LightItalic.woff2') format('truetype');
    font-weight: 300; /* light */
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-Medium.woff2') format('truetype');
    font-weight: 500; /* medium */
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-MediumItalic.woff2') format('truetype');
    font-weight: 500; /* medium */
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-SemiBold.woff2') format('truetype');
    font-weight: 600; /* semi-bold */
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-SemiBoldItalic.woff2') format('truetype');
    font-weight: 600; /* semi-bold */
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-Thin.woff2') format('truetype');
    font-weight: 100; /* thin */
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat/woff2/Montserrat-ThinItalic.woff2') format('truetype');
    font-weight: 100; /* thin */
    font-style: italic;
}


/*включаем выключаем ночной режим*/
.form-switch .form-check-input:checked {
    background-image: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M405.8 373.8c-1.4 0-2.8.3-4.3.9-23.2 10.5-47.3 15.4-70.8 15.4-75.9 0-146.6-50.8-166-129.3-14.6-59.2 4-121.4 48.7-163.3 6.7-6.3 2.1-17.5-7-17.5h-.6c-13.3.8-26.6 2.7-39.5 5.8C49.4 114.1-22.3 231 6.3 347c24.3 98.7 113.4 165 211.6 165 17.1 0 34.5-2 51.8-6.2C335 490 387.4 446.1 415 388.3c3.4-7.1-2.3-14.5-9.2-14.5zm-147.4 85.3c-13.3 3.2-27 4.9-40.5 4.9-78.5 0-146.4-52.8-165-128.5-10.7-43.3-3.8-88.2 19.4-126.4 12.7-20.9 29.4-38.4 49.1-51.8-11.3 36.8-12.8 76.5-3.3 115 22.4 91 99.8 156.3 192.1 164.8-15.7 10.1-33.1 17.5-51.8 22zm200.3-277.8L432 128l-26.7 53.3L352 208l53.3 26.7L432 288l26.7-53.3L512 208l-53.3-26.7zM304 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32z"/></svg>');
}
.form-switch .form-check-input, .form-switch .form-check-input:focus {
    --bs-form-switch-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 143.7c-61.8 0-112 50.3-112 112.1s50.2 112.1 112 112.1 112-50.3 112-112.1-50.2-112.1-112-112.1zm0 192.2c-44.1 0-80-35.9-80-80.1s35.9-80.1 80-80.1 80 35.9 80 80.1-35.9 80.1-80 80.1zm256-80.1c0-5.3-2.7-10.3-7.1-13.3L422 187l19.4-97.9c1-5.2-.6-10.7-4.4-14.4-3.8-3.8-9.1-5.5-14.4-4.4l-97.8 19.4-55.5-83c-6-8.9-20.6-8.9-26.6 0l-55.5 83-97.8-19.5c-5.3-1.1-10.6.6-14.4 4.4-3.8 3.8-5.4 9.2-4.4 14.4L90 187 7.1 242.5c-4.4 3-7.1 8-7.1 13.3 0 5.3 2.7 10.3 7.1 13.3L90 324.6l-19.4 97.9c-1 5.2.6 10.7 4.4 14.4 3.8 3.8 9.1 5.5 14.4 4.4l97.8-19.4 55.5 83c3 4.5 8 7.1 13.3 7.1s10.3-2.7 13.3-7.1l55.5-83 97.8 19.4c5.4 1.2 10.7-.6 14.4-4.4 3.8-3.8 5.4-9.2 4.4-14.4L422 324.6l82.9-55.5c4.4-3 7.1-8 7.1-13.3zm-116.7 48.1c-5.4 3.6-8 10.1-6.8 16.4l16.8 84.9-84.8-16.8c-6.6-1.4-12.8 1.4-16.4 6.8l-48.1 72-48.1-71.9c-3-4.5-8-7.1-13.3-7.1-1 0-2.1.1-3.1.3l-84.8 16.8 16.8-84.9c1.2-6.3-1.4-12.8-6.8-16.4l-71.9-48.1 71.9-48.2c5.4-3.6 8-10.1 6.8-16.4l-16.8-84.9 84.8 16.8c6.5 1.3 12.8-1.4 16.4-6.8l48.1-72 48.1 72c3.6 5.4 9.9 8.1 16.4 6.8l84.8-16.8-16.8 84.9c-1.2 6.3 1.4 12.8 6.8 16.4l71.9 48.2-71.9 48z"/></svg>');
    cursor: pointer;
}

/*--------------размер шрифтов-----------------*/
.fontsize-6{font-size: .6rem;}
.fontsize-7{font-size: .7rem;}
.fontsize-8{font-size: .8rem;}
.fontsize-9{font-size: .9rem;}
.fontsize-10{font-size: 1rem;}
.fontsize-11{font-size: 1.1rem;}
.fontsize-12{font-size: 1.2rem;}
.fontsize-15{font-size: 1.5rem;}
.fontsize-20{font-size: 2rem;}
.fontsize-30{font-size: 3rem;}
.fontsize-70{font-size: 7rem;}

.fw-extrabold{font-weight: 800;}
/*-------------------------------------*/
.z-4 {
    z-index: 4 !important;
}
.wrem-4{width: 4rem;}
.wrem-5{width: 5rem;}
.w-60{width: 60% !important;}
.w-70{width: 70% !important;}
.w-40{width: 40% !important;}

html {
    height: -webkit-fill-available;
    transition: background-color 2s ease-in-out, color 0.2s ease-in-out;
    visibility: hidden; /* Скрываем содержимое страницы до применения темы */
}


body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
    background: rgb(204,204,204);
background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(255,255,255,0) 12%, rgba(255,255,255,0) 95%, rgba(204,204,204,1) 100%);
}



[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .voting-form-box,
[data-bs-theme="dark"] .fon-vakansy,
[data-bs-theme="dark"] .fon-vakansy .datetime{
    background: none ;
}
[data-bs-theme="dark"] .fon-sovet-expert{
    background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(255,255,255,0) 2%);
}

[data-bs-theme="dark"] .link-dark{
    color: var(--bs-body-color) !important;
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], 
[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
    background-color: #fff;
}

[data-bs-theme=dark] .bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

body p, .lora{
    font-family: 'Lora', serif; /* Lora для основного текста*/
}

.montserrat{font-family: 'Montserrat';}

.link-dark.text-decoration-none:hover {
    color: var(--bs-primary-text-emphasis) !important;
}

main {
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}
.content {
            overflow-y: auto; /* Позволяет прокручивать контент при необходимости */
        }
.dropdown-toggle { outline: 0; }

.detail-news{font-size:1.1rem}

.btn-toggle {
  padding: .25rem .5rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
  background-color: var(--bs-tertiary-bg);
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

[data-bs-theme="dark"] .btn-toggle::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: var(--bs-tertiary-bg);
}


.btn-outline-light {
    --bs-btn-color: #4d4d4d;
    --bs-btn-bg: #e2e3e9;
    --bs-btn-hover-bg: var(--bs-tertiary-bg);
}

/*для иконки кнопки*/
.btnikon{ 
-webkit-box-shadow: 1px 1px 3px 1px rgb(124 124 124);
-moz-box-shadow: 1px 1px 3px 1px rgb(124 124 124);
box-shadow: 1px 1px 3px 1px rgb(124 124 124);
padding: 1px 4px;
border: solid 1px #ffffff75;
}

a:hover .btnikon{
    -webkit-box-shadow: none;
-moz-box-shadow: none;
    box-shadow:none;
    border: solid 1px;
}

.scrollarea {
  overflow-y: auto;
}

#leftmenu{
height: 100dvh;
    }
/*главное меню выезжающая панель*/
#glavmenuopen {
    width: 310px;
    
            left: -310px; /* Начальное положение вне экрана */
            height: 100vh; /* Высота на весь экран */
            transition: left 0.5s; /* Плавный переход */
        }

        #glavmenuopen.active {
            left: 3.5rem; /* Конечное положение */
        }

/*--------ВЕРХНЕЕ МЕНЮ--------------*/
.topmenu a{
text-decoration: none;
color: var(--bs-dark-text-emphasis);
font-weight: bold;
font-size: .9rem;
}
.topmenu a:hover{
color:var(--bs-primary-text-emphasis);
}



/*---------------------------------------------------------------*/

.btn:hover { /* У всех кнопок при наведении будет белый цвет текста*/
    color: #FFFFFF !important;
}

/*для SVG ЛОГОТИП*/

#logotop svg{font-family: 'Montserrat'; font-size: 1.4rem; font-weight: 800;}
#logofootersvg svg{font-family: 'Montserrat'; font-weight: 800;}


/*для SVG полоса в шапке*/
.polosared{margin-top: -3rem;
    margin-bottom: 1.2rem;}

.polosared svg a {font-family: 'Montserrat';
    text-decoration: none; font-weight: 500; font-size: .8rem; cursor: pointer;}
.polosared svg text:hover{fill:var(--bs-primary-text-emphasis); cursor: pointer; font-weight: bold;}
.polosared svg #one text:hover{fill:#000000;}

/*для SVG тизеры*/
.tizer-right svg #ii{font-family: 'Montserrat'; font-size: 1rem; font-weight: bold;}
.tizer-right svg #konsul{font-family: 'Montserrat'; font-size: 1rem; font-weight: 500;}
.tizer-right svg #text-1, .tizer-right svg #text-2{font-family: 'Lora'; font-size: .8rem;}


.tizers svg #ii{font-family: 'Montserrat'; font-size: 4.5rem; font-weight: bold;}
.tizers svg #konsul{font-family: 'Montserrat'; font-size: 3.4rem; font-weight: 500;}
.tizers svg #text-1, .tizers svg #text-2{font-family: 'Lora'; font-size: 3.4rem;}




/*для SVG кнопки партнёра и презентации*/
.knopkavideo svg #video{font-family: 'Montserrat'; font-size: 1.2rem; font-weight: bold;}
.knopkavideo svg #videotext{font-family: 'Montserrat'; font-size: 1rem; font-weight: 500;}

.questionsblockheight svg{max-height:341px;}

/* Добавим стили для плавного появления */
/* Добавляем начальную прозрачность для контейнеров */
    .row.showeffekt {
      opacity: 0.2;
      transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
      transform: translateY(20px); /* небольшое смещение для появления */
    }
    .row.showeffektopen {
      opacity: 1;
      transform: translateY(0); /* убираем смещение */
    }


/*для кнопки наверх*/
#scrollToTop{
    opacity: 0; /* Полная непрозрачность */
    transition: opacity 1s ease; /* Плавный переход для эффекта появление */
}
#scrollToTop.showtop {
            
            opacity: 1; /* Полная непрозрачность */
        }



/*ФОН для блока*/
.fon-box-all {
    background: rgb(248, 248, 248);
    background: linear-gradient(90deg, rgba(204, 204, 204, 1) 0%, rgba(255, 255, 255, 0.5) 8%,  rgba(255, 255, 255, 0.5) 92%, rgba(204, 204, 204, 1) 100%);
}

.fon-box-right {
    background: rgb(248,248,248);
    background: linear-gradient(90deg, rgba(255,255,255,0.5) 92%, rgba(204,204,204,1) 100%);
}
.fon-box-left{
    background: rgb(204,204,204);
    background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(255,255,255,0) 12%);
}
[data-bs-theme="dark"] .fon-box-all, [data-bs-theme="dark"] .fon-box-left, [data-bs-theme="dark"] .fon-box-right{
    background: none ;
}



/* МЕНЮ С КРУГАМИ */
.timeline {
  position: relative;
}

/* Вертикальная линия */
.timeline::before {
  content: '';
    position: absolute;
    left: 21px;
    top: 13px;
    bottom: 0;
    width: 2px;
    background-color: #d9d9d9;
    height: calc(100% - 27px);
}

/* Элементы списка */
.timeline .items {
  list-style: none;
}

.timeline .items li {
  position: relative;
    margin-bottom: 1rem;
}

/* Круги на линии */
.timeline .items li::before {
  content: '';
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #d9d9d9; /* Цвет кругов */
  border-radius: 50%;
}

.timeline .items li:hover::before,
.timeline .items li:focus::before,
.timeline .items li.active::before{
  background-color: var(--bs-tertiary-bg);
}
.timeline .items li.active::before{
  background-color: var(--bs-tertiary-bg);
}
.timeline .items li a:hover, .timeline .items li.active a{
color:var(--bs-primary-text-emphasis) !important;
}

.vozrast{color: #fff;}
.vis-sm{display: none;}
    .vis-md{display: block;}