

/* Start:/bitrix/templates/.default/components/bitrix/news.list/slider_main_top/style.css?16221158401245*/
.main-slider-wrap { 
    min-height: 606px;
}

.main-slider-wrap .slick-slide {
    height: 356px;
}
@media (min-width: 1100px){
	.main-slider-wrap-tabs .noicon span {
		margin-left: -25px !important;
		margin-right: 10px !important;
		display: inline-block;
		position: relative;
	}
}

@media(max-width: 1466px){
	.main-slider-wrap { 
		min-height: 575px;
	}
}

@media (max-width: 1299px){
	.main-slider-wrap .slick-slide {
		height: 307px;
	}
	.main-slider-wrap { 
		min-height: 505px;
	}
}


@media (max-width: 1099px){
	.main-slider-wrap-tabs .noicon span {
		margin-top: -15px !important;
		display: inline-block;
		position: relative;
	}
}

@media(max-width: 899px) and (min-width: 700px){
	.main-slider-wrap .slick-slide {
		padding-bottom: 110px !important;
	}
	.main-slider-wrap .slick-slide {
		height: 287px;
	}
	.main-slider-wrap .slick-dots {
		bottom: 140px !important;
	}
	.main-slider-wrap {
		min-height: 395px;
	}
}

@media(max-width: 699px){
	.main-slider-wrap {
		min-height: auto;
	}
}

@media(max-width: 459px){
	.main-slider-wrap .slick-slide {
		height: 230px;
	}
}


@media(max-width: 379px){
	.main-slider-wrap .slick-slide {
		height: 250px;
	}
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news.list/timetable/style.css?17448958534592*/
/* ------------------------------------------------------------------
   Блок «Расписание вебинаров»
   ------------------------------------------------------------------ */

/* === ПЕРЕМЕННЫЕ ================================================== */
:root{
  --c-bg:              #f8f8ff;          /* фон секции */
  --c-primary:         #0054a5;          /* фирменный синий */
  --c-primary-dark:    #003f7a;          /* тёмный синий (hover) */
  --c-heading:         #003366;          /* цвет заголовков/тем */
  --c-muted:           #999;             /* приглушённый текст */
  --radius:            8px;              /* общий радиус */
  --shadow:            0 2px 8px rgba(0,0,0,.06); /* базовая тень */
}

/* === ОБВЁРТКА СЕКЦИИ ============================================ */
.webinar-container{
  max-width:1360px;
  margin:30px auto;
  padding:24px;
  background:var(--c-bg);
  border-radius:var(--radius);
}

/* --- заголовок + «сегодня / всего» ------------------------------ */
.webinar-title{
  text-align:center;
  font-size:2rem;
  color:var(--c-heading);
  margin-bottom:12px;
}
.webinar-meta{
  text-align:center;
  margin-bottom:20px;
  color:#555;
  font-size:14px;
}

/* === СПИСОК КАРТОЧЕК ============================================ */
.webinar-list{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* --- карточка — свёрнута (≈200 px) ------------------------------ */
.webinar-card{
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  transform:translateY(0);
    transition:box-shadow .25s ease, transform .25s ease;
}
.webinar-card:hover{
    transform:translateY(-4px);            /* лёгкий подъём */
    box-shadow:0 8px 22px rgba(0,0,0,.12); /* чуть глубже тень */
}


.webinar-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.10);}

/* --- заголовок карточки ---------------------------------------- */
.webinar-card__header{
  position:relative;              /* для стрелки */
  padding:16px 20px 12px;
}
  /* дата */
  .webinar-card__date{
    color:var(--c-muted);
    font-size:13px;
    margin-bottom:8px;
  }
  /* тема */
  .webinar-card__topic{
    font-size:15px;
    line-height:1.45;
    color:var(--c-heading);
  }
  .webinar-card__label{font-weight:700;}

  /* стрелка‑кнопка */
  .webinar-toggle{
    position:absolute;
    top:14px;
    right:16px;
    background:none;
    border:none;
    font-size:20px;
    color:var(--c-primary);
    cursor:pointer;
    transition:transform .25s ease;
  }
  .webinar-toggle.rotated{transform:rotate(180deg) scale(1.15);}

/* --- скрываем детали по‑умолчанию ------------------------------ */
.hidden-detail{display:none;}

/* --- раскрытая часть (лектор+кнопки) --------------------------- */
.webinar-card__details{
  padding:18px 20px 20px;
  border-top:1px solid #eee;
  background:#fafafa;
  font-size:14px;
}
.webinar-lecturer-inline{
  font-size:13px;
  color:#444;
  margin-bottom:12px;
}

/* --- кнопки ----------------------------------------------------- */
.webinar-card__actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}
.btn-watch,
.btn-remind{
  background:var(--c-primary);
  color:#fff;
  border-radius:6px;
  padding:8px 18px;
  font-size:13px;
  text-decoration:none;
  transition:background .25s;
}
.btn-watch:hover,
.btn-remind:hover{background:var(--c-primary-dark);}
.btn-remind.done{
  background:#ccc;color:#333;pointer-events:none;
}

/* --- скрытые карточки (после 1‑й) ------------------------------ */
.hidden-webinar{display:none;}

/* --- кнопка «Показать все…» ------------------------------------ */
#toggleWebinars{
  background:var(--c-primary);
  color:#fff;
  border:none;
  border-radius:6px;
  padding:10px 24px;
  font-size:15px;
  cursor:pointer;
  margin:28px auto 0;
  display:block;
  transition:background .3s;
}
#toggleWebinars:hover{background:var(--c-primary-dark);}

/* --- пустое состояние ------------------------------------------ */
.webinar-empty{
  padding:40px 20px;
  text-align:center;
  font-size:16px;
  color:#777;
}
/* End */
/* /bitrix/templates/.default/components/bitrix/news.list/slider_main_top/style.css?16221158401245 */
/* /bitrix/templates/.default/components/bitrix/news.list/timetable/style.css?17448958534592 */
