
.feedback-status-input .feedback-complete-visible {
  display: none;
}
.feedback-status-complete .feedback-complete-hide {
  display: none;
}

.col-num {
  width: 50px;
}
.aw-event-item .poster img {
  width: 100%;
  height: auto;
}
.aw-event-item h2 {
  margin-top: 0px;
}

/**
 *  sport template — main.less
 *  version 1.0.0
 */
/**
 *  sport template variables
 *
 *  Цвета шаблона берутся из CSS-переменных Bootstrap 5.3 (--bs-*) и автоматически
 *  адаптируются к тёмной теме через data-bs-theme="dark" (см. bootstrap-5.3.md §1/§4) —
 *  здесь заведены только переменные для того, чему в самом Bootstrap нет аналога:
 *  кастомное двухуровневое горизонтальное меню (megamenu) шаблона, см. includes/header.less.
 *
 *  Брендовые акцентные цвета (primary/success/info/warning/danger) отдельным набором
 *  LESS-переменных НЕ дублируются — Bootstrap уже даёт --bs-primary/--bs-success/...
 *  и готовые утилитные классы (.text-primary, .bg-success, .btn-warning и т.п.); если
 *  когда-нибудь понадобится своя палитра акцентов — переопределяются эти же --bs-*
 *  переменные (см. bootstrap-5.3.md §4), не заводится параллельный LESS-набор.
 */
/**
 *  Base styles — sport template (Bootstrap 5.3)
 *
 *  Идеология (bootstrap-5.3.md §5): сначала штатные Bootstrap-переменные/утилиты, кастомный
 *  CSS — только для того, чего в Bootstrap нет. Ниже переопределяются именно те --bs-*
 *  переменные, которые сам bootstrap.min.css уже потребляет в своих правилах (reboot
 *  `body{font-family:var(--bs-body-font-family)...}`, `--bs-link-decoration` и т.д.) —
 *  это переопределяет поведение без переписывания классов Bootstrap целиком.
 */
:root {
  --bs-body-font-family: 'Roboto', sans-serif;
  --bs-body-font-weight: 300;
  --bs-link-decoration: none;
}
.col-num {
  width: 50px;
}
.bi {
  vertical-align: -0.125em;
}
body.ab-brick .img-thumbnail {
  border: none;
  background: none;
}
@media (min-width: 768px) {
  body.ab-brick {
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  body.ab-brick .container {
    max-width: 940px;
    padding-left: 0;
    padding-right: 0;
  }
}
a,
.btn {
  transition: all 0.2s ease-in;
}
a {
  text-decoration: none;
}
.ab-brick-content {
  padding-top: 30px;
  padding-bottom: 50px;
  min-height: 450px;
}
.ab-brick-content h1 {
  font-size: 30px;
  margin-bottom: 30px;
}
.ab-brick-content h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
.ab-brick-content h3 {
  font-size: 20px;
}
.ab-brick-content .indent-bottom {
  margin-bottom: 20px;
}
.ab-brick-content .description {
  padding-bottom: 10px;
}
.ab-brick-content .divider {
  height: 1px;
  margin: 10px 0 20px;
  overflow: hidden;
  background-color: var(--bs-border-color);
}
.ab-brick-content .navbar-details {
  border-bottom: 1px solid var(--bs-border-color);
}
.ab-brick-content .navbar-details .navbar-collapse {
  padding-right: 15px;
  padding-left: 0;
}
.ab-brick-content .navbar-details .nav > li > a,
.ab-brick-content .navbar-details .nav-item > a {
  color: var(--bs-secondary-color);
}
.ab-brick-content .navbar-details .first-text {
  margin-left: 0;
}
.page-content {
  background-color: var(--bs-body-bg);
}
.page-content .nav-tabs {
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
}
.page-content .card {
  --bs-card-cap-bg: var(--bs-tertiary-bg);
}
.page-content .breadcrumb {
  --bs-breadcrumb-bg: var(--bs-tertiary-bg);
  margin-bottom: 10px;
}
.page-content > .container {
  padding-top: 15px;
  min-height: 400px;
  padding-bottom: 25px;
}
/* Dark theme overrides вынесены в includes/dark.less — он импортируется последним в main.less */
/**
 *  list — sport template
 *  version 1.0.0
 *
 *  Стили для списков контента (мероприятия/клубы и т.п.), рендерящихся модулями внутри
 *  .ab-brick-content — разметку самих модулей менять нельзя, поддержка их классов (.aw-list,
 *  .row-title, .row-subtitle, .option) остаётся здесь.
 */
.ab-brick-content .float-start h2 {
  margin-top: 0;
}
.ab-brick-content .option {
  font-size: 14px;
  padding-bottom: 8px;
}
.ab-brick-content .option a {
  color: var(--bs-secondary-color);
}
.ab-brick-content .aw-list .nav {
  margin-bottom: 20px;
}
.ab-brick-content .aw-list .row-title {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 8px;
}
.ab-brick-content .aw-list .row-subtitle {
  font-size: 14px;
  padding-bottom: 8px;
}
.ab-brick-content .aw-list .divider {
  margin-top: 12px;
  margin-bottom: 20px;
}
/**
 *  ticket — sport template
 *  Стили для контента модуля ticket (экзаменационные вопросы), рендерящегося
 *  внутри .ab-brick-content.
 */
.aw-ticket .questionList .btn-question-view {
  min-width: 50px;
  margin: 0 10px 10px 0;
}
/**
 *  header — sport template (Bootstrap 5.3)
 *
 *  Двухуровневый header (тонкая верхняя строка + логотип + горизонтальное меню,
 *  класс .megamenu) — полностью кастомная секция, аналога-компонента в Bootstrap нет
 *  (обычный .navbar другой формы). Используем --bs-* переменные для цветов страницы,
 *  собственные LESS-переменные (mainvars.less) — только для брендового горизонтального меню.
 */
header.ab-brick {
  background: var(--bs-tertiary-bg);
}
header.ab-brick .navbar {
  margin-bottom: 0;
}
header.ab-brick .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
/* * * * * * * * * * * * Top-line + megamenu (кастомная вёрстка) * * * * * * * * * */
.megamenu {
  background: #3498db;
}
.megamenu .navbar.fixed-top {
  background-color: transparent;
  display: block;
  padding: 0;
  flex-wrap: initial;
}
.megamenu .navbar-scrolling {
  background-color: #3498db;
  color: #FFFFFF;
}
.megamenu .navbar-scrolling > .container::after {
  content: "";
  display: table;
  clear: both;
}
.megamenu .navbar-scrolling .overlogo {
  padding: 10px 0;
}
.megamenu .navbar-scrolling .overlogo img {
  height: 92px;
  width: auto;
}
@media (min-width: 1200px) {
  .megamenu .navbar-scrolling .navbar-brand {
    font-size: 24px;
  }
}
.megamenu ul.nonavmenu,
.megamenu ol.nonavmenu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.megamenu .navbar-top {
  background-color: #2c88c5;
}
.megamenu .navbar-top .float-start .nonavmenu > li > a {
  margin-right: 20px;
}
.megamenu .navbar-top .float-end .nonavmenu > li > a {
  margin-left: 20px;
}
.megamenu .nonavmenu {
  display: flex;
  align-items: center;
}
.megamenu .nonavmenu .bi {
  min-width: 14px;
}
.megamenu .nonavmenu > li {
  float: none;
  display: inline-block;
}
.megamenu .nonavmenu > li > a {
  color: #FFFFFF;
  display: block;
  line-height: 30px;
  text-decoration: none;
  font-size: 12px;
}
.megamenu .mod-user-button > a {
  padding-right: 0 !important;
}
.megamenu .mod-user-signform {
  min-width: 320px;
}
.megamenu .horz-menu-line {
  background-color: #3498db;
  border-top: #fff solid 1px;
  border-bottom: none;
}
.megamenu .navbar-nav > .nav-item > .nav-link,
.megamenu .navbar-nav > li > a {
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
}
.megamenu .nav > .nav-item.active,
.megamenu .nav > .nav-item > .nav-link:hover,
.megamenu .nav > .nav-item > .nav-link:focus,
.megamenu .nav > .nav-item:hover > .nav-link,
.megamenu .nav .show > .nav-link {
  background: #2980b9;
}
/* * * * * * * * * * * * Переключатель темы (только иконка, в верхнем меню) * * * * * * * * * */
.megamenu .nonavmenu .theme-switcher > a {
  padding: 0 8px !important;
  line-height: 30px;
}
.megamenu .nonavmenu .theme-switcher > a .bi {
  vertical-align: middle;
}
.dropdown-toggle-no-caret::after {
  display: none !important;
}
/**
 *  home — sport template
 *  Секции лендинга главной страницы (h1-line..h5-line, bg-group-1) — контент, задаваемый
 *  редактором (content-кирпич [tt]content[/tt] на home.html), кастомная вёрстка,
 *  аналога-компонента в Bootstrap нет.
 */
.h1-line {
  padding-top: 50px;
  padding-bottom: 70px;
}
.h2-line {
  padding-bottom: 50px;
}
.h2-line h2 {
  margin-top: 45px;
}
.h3-line {
  padding-bottom: 10px;
}
.h3-line h2 {
  margin-top: 10px;
}
body.ab-brick.home .page-content .bg-group-1 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
body.ab-brick.home .page-content h1 {
  margin-top: 65px;
}
body.ab-brick.home .page-content h2 {
  margin-top: 0;
  margin-bottom: 40px;
}
body.ab-brick.home .page-content .h3-line {
  padding-top: 50px;
  padding-bottom: 70px;
}
body.ab-brick.home .page-content .h4-line {
  background: #5C6BC0;
  padding-top: 50px;
  padding-bottom: 70px;
  color: #ffffff;
}
body.ab-brick.home .page-content .h5-line {
  padding-top: 30px;
  padding-bottom: 30px;
}
/**
 *  footer — sport template
 *
 *  Bootstrap не имеет готового компонента "футер сайта" — вся секция кастомная.
 *  Селектор ниже (footer .footer) подобран по фактической разметке
 *  override/sitemap/brick/footer.html: `<footer itemscope ...><div class="footer">...`
 *  (без класса ab-brick на самом <footer>). jticket исторически нёс ещё один,
 *  не совпадающий с реальной разметкой блок `footer.ab-brick {...}` — в sport он не
 *  переносится (мёртвый CSS, ничего не таргетит), см. отчёт.
 */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  margin: 0;
  padding-bottom: 15px;
}
footer ul li a {
  padding: 0 0 5px 0;
  display: block;
}
footer a {
  color: #78828D;
}
footer a:hover {
  text-decoration: none;
  color: #2c3e50;
}
footer ul {
  font-size: 13px;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-top: 15px;
  color: #78828D;
}
footer .footer {
  background: #EDEFF1;
  height: auto;
  padding-bottom: 30px;
  position: relative;
  width: 100%;
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
}
footer .footer h3 {
  border-bottom: 1px solid #BAC1C8;
  color: #54697E;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  padding: 40px 0 10px;
  text-transform: uppercase;
}
footer .footer .supportLi h4 {
  font-size: 17px;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
footer .footer p {
  margin: 0;
}
footer .social li {
  background-color: #B5B5B5;
  border: 2px solid #B5B5B5;
  border-radius: 50%;
  float: left;
  height: 36px;
  line-height: 36px;
  margin: 0 8px 0 0;
  padding: 0;
  text-align: center;
  width: 36px;
  transition: all 0.5s ease;
}
footer .social li:hover {
  border-color: #2c3e50;
  background-color: #2c3e50;
  transform: scale(1.1) rotate(360deg);
}
footer .social li a {
  color: #EDEFF1;
}
footer .social li a .bi {
  display: inline-block;
  vertical-align: -2px;
  color: #EDEFF1 !important;
}
footer .footer-bottom {
  background: #E3E3E3;
  border-top: 1px solid var(--bs-border-color);
  padding-top: 10px;
  padding-bottom: 10px;
}
/**
 * Theme polish для тёмной темы (Bootstrap 5.3 data-bs-theme="dark")
 * Импортируется ПОСЛЕДНИМ в main.less, чтобы перебивать light-стили модулей выше.
 *
 * Принципы (bootstrap-5.3.md §1/§4):
 *  - там, где у компонента есть штатная scoped-переменная (--bs-dropdown-*,
 *    --bs-badge-color и т.п.) — переопределяем именно её, не класс целиком;
 *  - для остального (изображения, кастомный header/footer/megamenu) — обычный CSS,
 *    Bootstrap для этого готового аналога не даёт.
 */
[data-bs-theme="dark"] {
  --bs-link-color: #9ec5fe;
  --bs-link-color-rgb: 158, 197, 254;
  --bs-link-hover-color: #cfe2ff;
  --bs-link-hover-color-rgb: 207, 226, 255;
}
[data-bs-theme="dark"] body.ab-brick {
  background-color: #1a1d20;
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] a,
[data-bs-theme="dark"] a:link,
[data-bs-theme="dark"] a:visited {
  color: var(--bs-link-color);
}
[data-bs-theme="dark"] a:hover {
  color: var(--bs-link-hover-color);
}
[data-bs-theme="dark"] header.ab-brick {
  border-bottom: 1px solid var(--bs-border-color);
}
[data-bs-theme="dark"] footer .footer {
  background: var(--bs-tertiary-bg);
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
}
[data-bs-theme="dark"] footer .footer h3,
[data-bs-theme="dark"] footer .footer h4 {
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] footer .footer a {
  color: var(--bs-secondary-color);
}
[data-bs-theme="dark"] footer .footer a:hover {
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] footer .footer ul {
  color: var(--bs-secondary-color);
}
[data-bs-theme="dark"] footer .footer-bottom {
  background: var(--bs-secondary-bg);
  border-top: 1px solid var(--bs-border-color);
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] .megamenu .navbar-scrolling,
[data-bs-theme="dark"] .megamenu .navbar-top,
[data-bs-theme="dark"] .megamenu .horz-menu-line {
  filter: brightness(0.85);
}
[data-bs-theme="dark"] .img-thumbnail {
  opacity: 0.92;
}
[data-bs-theme="dark"] .card {
  background-color: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] .badge.bg-secondary {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] .dropdown-menu {
  --bs-dropdown-bg: var(--bs-tertiary-bg);
  --bs-dropdown-border-color: var(--bs-border-color);
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg);
  --bs-dropdown-link-hover-color: var(--bs-emphasis-color);
}
[data-bs-theme="dark"] .theme-switcher .dropdown-menu {
  --bs-dropdown-bg: var(--bs-tertiary-bg);
  --bs-dropdown-border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] .aw-list .row-title,
[data-bs-theme="dark"] .ab-brick-content .row-title,
[data-bs-theme="dark"] .aw-list .row-subtitle,
[data-bs-theme="dark"] .ab-brick-content .row-subtitle {
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] .aw-list a,
[data-bs-theme="dark"] .ab-brick-content a {
  color: var(--bs-link-color);
}
