@import '/newsite/assets/csss/grids.css'; /* сетка */
@import '/newsite/assets/csss/typo.css'; /* типографика */
@import '/newsite/assets/csss/header.css'; /* шапка */
@import '/newsite/assets/csss/footer.css'; /* подвал */
@import '/newsite/assets/csss/drops.css'; /* дропы */
@import '/newsite/assets/csss/mainpage.css'; /* главная */
@import '/newsite/assets/csss/chips.css'; /* чипсы */
@import '/newsite/assets/csss/tabs.css'; /* табы */
@import '/newsite/assets/csss/tables.css'; /* таблицы */
@import '/newsite/assets/csss/forms.css'; /* формы */

:root {
--font-family: 'Stapel', sans-serif;

/* ─── Цвета ─── */
	--color-red-basic:#FF3359;
	--color-red-dark:#C60025;
	--color-red-medium:#FF6683;
	--color-blue-basic:#2762C2;
	--color-blue-dark:#003892;
	--color-blue-medium:#4E7AC2;
	--color-darkblue-basic:#00023C;
	--color-darkblue-dark:#061E3B;
	--color-darkblue-medium:#385D89;
	--color-gray-white:#FFFFFF;
	--color-gray-background:#F8F9FA;
	--color-gray-5:#F8F8F8;
	--color-gray-10:#EDEDED;
	--color-gray-20:#D7D7D7;
	--color-gray-40:#C2C2C2;
	--color-gray-60:#A1A1A1;
	--color-gray-80:#727272;
	--color-gray-90:#2B2B2B;
	--color-gray-100black:#000000;
	--color-gray-blue:#96A0AB;
/* ─── Цвета ─── */

/* ─── кнопки ─── */
	/* ─── Размер S ─── */
	--btn-s-font-size: 22px;
	--btn-s-font-weight: 500;
	--btn-s-padding: 10px 20px;
	/* ─── Размер M ─── */
	--btn-m-font-size: 30px;
	--btn-m-font-weight: 500;
	--btn-m-padding: 20px 40px;
	/* ─── Размер L ─── */
	--btn-l-font-size: 30px;
	--btn-l-font-weight: 500;
	--btn-l-padding: 20px 50px;
/* ─── кнопки ─── */
}
 .title--page, .title--xs{
	text-align:left !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding:0 !important;
}

@font-face {
    font-family: 'Stapel Extra';
    src: url('Stapel-ExtraBold.eot');
    src: local('Stapel Extra Bold'), local('Stapel-ExtraBold'),
        url('fonts/stapel/Stapel-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/stapel/Stapel-ExtraBold.woff2') format('woff2'),
        url('fonts/stapel/Stapel-ExtraBold.woff') format('woff'),
        url('fonts/stapel/Stapel-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Stapel';
    src: url('Stapel-Bold.eot');
    src: local('Stapel Bold'), local('Stapel-Bold'),
        url('fonts/stapel/Stapel-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/stapel/Stapel-Bold.woff2') format('woff2'),
        url('fonts/stapel/Stapel-Bold.woff') format('woff'),
        url('fonts/stapel/Stapel-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Stapel';
    src: url('Stapel-Medium.eot');
    src: local('Stapel Medium'), local('Stapel-Medium'),
        url('fonts/stapel/Stapel-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/stapel/Stapel-Medium.woff2') format('woff2'),
        url('fonts/stapel/Stapel-Medium.woff') format('woff'),
        url('fonts/stapel/Stapel-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Stapel';
    src: url('Stapel-Light.eot');
    src: local('Stapel Light'), local('Stapel-Light'),
        url('fonts/stapel/Stapel-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/stapel/Stapel-Light.woff2') format('woff2'),
        url('fonts/stapel/Stapel-Light.woff') format('woff'),
        url('fonts/stapel/Stapel-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

*{
	 font-family: 'Stapel' !important;
	 border-radius:0 !important;
}

a{text-decoration:none;}
.news_item, .news_item_top{
	position:relative;
    cursor: pointer;
}

.imgfullwidth{
	width:100%;
}
.page-image-left {
    width: 100%;
    padding: 0;
    opacity: 0.9;
    margin-top: 40px;
    margin-bottom: 30px;
}

.fa {
    font-family: FontAwesome !important;
}
/* rnd_ префикс новых стилей*/



.news_date{
	color:var(--color-gray-white);
	padding:15px;
	display: inline-flex;
    background: var(--color-darkblue-dark);
}

.news_header{
	padding:20px 0 40px 0;
}

.news_header a{
	color:var(--color-darkblue-basic);
}

.news_header_red a{
	color:var(--color-red-basic);
}

 .news_item_top{
	 height:256px;
 }
 
 .news_item_videoprew{
	display:flex;
	justify-content: center;
    align-items: center;
 }

.header, footer, .mainalltop, footer.footernew{
	display:none;	
}

.right_sidebar_blue{
	display:flex;
	flex-direction:column;
	gap:30px;
	padding:30px;
	width:100%;
	color:var(--color-gray-white);
	background:var(--color-darkblue-dark);
	margin-bottom:50px;
}

.rnd_sidebar_news_line{
	display:flex;
	flex-direction:column;
	gap:20px;
	padding:15px 0 30px 0;
	color:var(--color-gray-white);
	border-bottom:1px solid var(--color-gray-blue);
	width:100%;
}

.rnd_sidebar_news_line_text a{
	color:var(--color-gray-white);
	line-height:1.1em;
}
.rnd_sidebar_news_line_text a:hover{
	color:var(--color-red-basic);
}

.rnd_main_docs{
	width:100%;
	padding-bottom:50px;
}

.rnd_docs_row{
	padding:20px 0;
	border-bottom:1px solid var(--color-gray-20);
}

.rnd_docs_date{
	color:var(--color-gray-blue);
}

.usefull_links{
	display:flex;
	flex-direction:column;
	gap:30px;
}

.linklist{
	display:flex;
	flex-direction:column;
	gap:10px;
}


.usefull_links a{
	color:var(--color-red-basic);
	text-decoration:underline;
}

.rnd_down_link{
	display:flex;
	align-items:center;
	gap:10px;
	text-decoration:underline;
}



/* ─── Базовые стили таблиц ─── */


.rnd_data_table{
	width:100%;
	box-shadow: 0 0 140px rgba(0, 0, 0, 0.18);
	margin-top: 30px;
}

.rnd_data_table th, .rnd_data_table thead {
	color:var(--color-gray-white);
	background:var(--color-darkblue-dark);
	padding:30px 10px;
}
.rnd_data_table td{
	padding:30px 10px;
	border-bottom:1px solid #DDDEDF;
}

.rnd_data_table_td_button{
	padding:30px 0;
}

.rnd_data_table td:nth-child(1),.rnd_data_table th:nth-child(1){
	padding-left:30px;
}

.rnd_table_subtitle{
	color:var(--color-gray-blue);
	display:block;
	padding-bottom:10px;
}

.NIOKR{
	background:#011026;
	color:var(--color-gray-white);
}


.blockwhiteshad{
	background:var(--color-gray-white);
    box-shadow: 0 0 140px rgba(0, 0, 0, 0.18);
}

.blockwhiteshad .content{
	padding:30px;
	display:flex;
	flex-direction:column;
	gap:30px;
}

.rnd_minical{
	border-collapse:collapse;
}
.rnd_minical td{
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid var(--color-gray-10);
	font-size:12px;
}

.rnd_minical_unactive{
	background:var(--color-gray-10);
}

.rnd_minical_sheduled{
	background:var(--color-red-basic);
	color:var(--color-gray-white);
}
.rnd_minical_month{
	padding-bottom:25px;
	color:var(--color-gray-blue);
}

.rnd_tableinfo_title{
	padding-bottom:25px;	
}
.rnd_tableinfo_wrap .rnd_table_subtitle{
	padding-bottom:0;
}

.rnd_tableinfo_wrap .content_item{
	margin-bottom:20px;
}





/* ─── antidop ─── */

.main_antidoping{
	padding:35px 0;
}

/* Базовые стили (десктоп, шире 1024px) */
.rnd_antidop-container {
  display: flex;
  gap: 20px;
  width:100%;
}

.rnd_antidop {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 130px;
  background-color: var(--color-red-basic);
  text-decoration: none;
  color: inherit;
}

.rnd_antidop:hover span{
	text-decoratio:underline;
}

.rnd_antidop-img-wrap {
  flex: 0 0 120px;
  max-width: 120px;
}

.rnd_antidop-img {
  display: block;
  max-width: 100%;
  height: auto;
}

.rnd_antidop-text {
  flex: 1;
  padding: 15px 15px 15px 0;
  color: var(--color-gray-white);
}


/* Планшет горизонтальный и узкие экраны до 1024px */
@media (max-width: 1024px) {
  .rnd_antidop-container {
    gap: 16px;
  }

  .rnd_antidop {
    height: 110px;
    gap: 8px;
  }

  .rnd_antidop-text {
    padding: 12px 12px 12px 0;
  }
}


/* Планшет вертикальный / мобильный горизонтальный до 768px */
@media (max-width: 768px) {
  .rnd_antidop-container {
    flex-wrap: wrap;
    gap: 16px;
  }

  .rnd_antidop {
    /* Две карточки в ряд с учётом gap */
    flex: 0 0 calc(50% - 8px);
    height: 100px;
    gap: 6px;
  }

  .rnd_antidop-text {
    padding: 10px 10px 10px 0;
    /* Если нужно уменьшить размер шрифта – используйте отдельный класс, здесь не добавляем */
  }
}


/* Мобильные устройства до 320px (и все что меньше 480px) */
@media (max-width: 480px) {
  .rnd_antidop-container {
    flex-direction: column;
    gap: 12px;
  }

  .rnd_antidop {
    flex: 0 0 100%;
    height: auto;       /* позволит блоку растягиваться по контенту */
    min-height: 80px;   /* минимальная высота для удобства касания */
    gap: 8px;
  }

  .rnd_antidop-text {
    padding: 10px 10px 10px 0;
  }
  
  .imgfullwidth
	 {
		width: 90vw;
	}
	

}

/* ─── antidop ─── */




/* Галерея миниатюр */
.rnd_gallery {
  display: flex;
  gap: 20px;
}

.rnd_gallery__item {
  width: 130px;
  height: 130px;
  object-fit: cover;
  cursor: pointer;
}

/* Оверлей и большое изображение */
.rnd_gallery__overlay, .rnd_overlay  {
  display: none;                 /* скрыто по умолчанию */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 20, 20, 0.9); /* #191414 с прозрачностью 90% */
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.rnd_gallery__overlay.active {
  display: flex;                 /* показываем флексом для центрирования */
}

.rnd_gallery__large {
  max-width: 1200px;
  max-height: 90vh;
  object-fit: contain;
  cursor: default;
}

.rnd_mediainn_photo .rnd_gallery {
  display: flex;
  gap: 20px;
  flex-wrap:wrap;
}

.rnd_mediainn_photo .rnd_gallery__item {
  width: 280px;
  height: 280px;
  object-fit: cover;
  cursor: pointer;
}

.contacts_section .pagecontent{
	gap:90px;
	margin:20px 0;
}

/* ─── Адаптив для галереи ─── */

/* Планшеты (ширина ≤ 1024px) */
@media (max-width: 1024px) {
  .rnd_gallery {
    gap: 15px;
  }

  .rnd_gallery__item {
    width: 100px;
    height: 100px;
  }

  .rnd_mediainn_photo .rnd_gallery {
    gap: 15px;
  }

  .rnd_mediainn_photo .rnd_gallery__item {
    width: 220px;
    height: 220px;
  }

  .rnd_gallery__large {
    max-width: 90vw;
    max-height: 80vh;
  }
}

/* Планшеты (ширина ≤ 768px) */
@media (max-width: 768px) {
  .rnd_gallery {
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .rnd_gallery__item {
    width: 80px;
    height: 80px;
  }

  .rnd_mediainn_photo .rnd_gallery {
    gap: 12px;
    justify-content: center;
  }

  .rnd_mediainn_photo .rnd_gallery__item {
    width: calc(33.33% - 12px);
    min-width: 140px;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .rnd_gallery__overlay.active,
  .rnd_overlay.active {
    padding: 20px;
  }

  .rnd_gallery__large {
    max-width: 95vw;
    max-height: 70vh;
  }
}

/* Мобильные телефоны (ширина ≤ 440px) */
@media (max-width: 440px) {
  .rnd_gallery {
    gap: 10px;
    justify-content: center;
  }

  .rnd_gallery__item {
    width: calc(50% - 10px);
    min-width: 120px;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .rnd_mediainn_photo .rnd_gallery {
    gap: 10px;
  }

  .rnd_mediainn_photo .rnd_gallery__item {
    width: calc(50% - 10px);
    min-width: 120px;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .rnd_gallery__overlay.active,
  .rnd_overlay.active {
    padding: 10px;
  }

  .rnd_gallery__large {
    max-width: 100%;
    max-height: 60vh;
  }

  /* Кнопка закрытия (если есть) можно добавить крупнее */
  .rnd_gallery__close {
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
  }
  
.rnd_docs_row{
	padding:20px 0;
	border-bottom:1px solid var(--color-gray-20);
	flex-direction:column;
	justify-content:flex-start;
	align-items: flex-start;
}

.right_sidebar_blue{
	display:none;
}

.contacts_section .pagecontent{
	gap:20px;
	margin:20px 0;
	flex-direction:column;
}

}

/* Трёхколоночная flex-сетка */
.rnd_team-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;      /* выравнивание секций по верхнему краю */
}

/* Секция на 1 колонку */
.rnd_team-section--1col {
  flex: 0 0 calc((100% - 40px) / 3);
  padding-bottom: 50px;         /* отступ снизу */
}

/* Секция на 2 колонки */
.rnd_team-section--2col {
  flex: 0 0 calc(2 * (100% - 40px) / 3 + 20px);
  padding-bottom: 50px;
}

/* Секция на 3 колонки (вся ширина) */
.rnd_team-section--3col {
  flex: 0 0 100%;
  padding-bottom: 50px;
}

/* Карточки внутри секции — горизонтальный ряд */
.rnd_team-cards {
  display: flex;
  gap: 20px;
}

.rnd_team-card {
  flex: 1;
  text-align: center;
}

.rnd_team-card img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 1;
}

.rnd_team-name {
  margin-top: 10px;
}

/* Заголовок: высота на 2 строки, текст выровнен по верхнему краю */
.rnd_team-title {
  line-height: 1.2;
  min-height: 2.4em;           /* 2 строки */
  display: flex;
  align-items: flex-start;     /* текст прижат к верху */
}


/* Слайдер-обёртка */
.rnd_news_slider {
    overflow: hidden;
    width: 100%;
}

/* Строка с новостями – делаем горизонтальной лентой */
.rnd_news_slider .rnd_news_list {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;                     /* убираем возможные отступы сетки */
    transition: transform 0.4s ease;
    will-change: transform;
}

/* Состояние неактивных кнопок */
.button_prev.disabled,
.button_next.disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}
.rnd_news_slider .rnd_grid_cw_4 {
    flex: 0 0 480px;
    margin: 0 10px;
}


.months-filter-row{
	background:var(--color-blue-basic);
}

.months-filter{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}

.months-filter a{
	display:flex;
		padding:20px 0;
	flex:1;
	color:var(--color-gray-white);
	justify-content:center;
}

.months-filter a.active{
	background:var(--color-blue-dark);
}


.months-filter-row-inner{
	background:var(--color-gray-10);
}

.months-filter{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}

.months-filter-row-inner a{
	display:flex;
		padding:20px 0;
	flex:1;
	color:var(--color-gray-100black);
	background:transparent;
	justify-content:center;
}

.months-filter-row-inner a.active{
	background:var(--color-red-basic);
	color:var(--color-gray-white);
}

@media (max-width: 440px) {
.newsinner .news_item{
	flex: 0 0 100%;
}

.newsinner .rnd_news_list{
	flex-wrap:wrap;
}
}