* {margin: 0; padding: 0;}
body {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; background: #ebebeb;}
a, a:active, a:focus, a:visited, a:link, a:hover {outline: none; text-decoration: none; color: #1E1E1E; font-weight: bold;}
.container {max-width: 1170px; width: 100%; margin: 0 auto 0 auto;}
.center {text-align: center;}
.hide {display: none;}
.loading {background: #fff url(../images/loading.gif) no-repeat center center; opacity: 0.8; display: none; position: absolute; width: 100%; height: 100%; z-index: 9999;}
.breadcrumb {background: #fff; border-radius: 10px; padding: 8px 20px; margin-bottom: 10px;}
.breadcrumb em {font-size:115%; margin:0 2px 0 2px; display:inline-block}
input.error, textarea.error {border: 1px solid #E60012;}
.error {color: #E60012; font-size: 11px; font-weight: normal;}
main, footer, nav, header, section {display: inline-block}
footer, header, section {width: 100%;}
/* latest-games */
.latest-games {display: inline-block; text-align: center; width: 100%; height: 115px solid #ebebeb;}
.latest-games .latest-carousel-games {display: inline-block; visibility: hidden; width: 93%; margin-top: 10px;}
.latest-games .latest-carousel-games .item-games {display: inline-block; background: #fff; text-align: center; width: 97%; border-right: 1px solid #ebe8e8;}
.latest-games .latest-carousel-games .item-games div {display: table; width: 100%; padding: 0 3px;}
.latest-games .latest-carousel-games .item-games .item-games-tournament {display: inline-block; width: 100%; text-align: center; font-weight: bold; font-size: 13px; color: #121212;}
.latest-games .latest-carousel-games .item-games .item-games-command1,
.latest-games .latest-carousel-games .item-games .item-games-command2 {display: table-cell; width: 40%; text-align: center; height: 30px; font-size: 12px; line-height: 100%; vertical-align: middle; text-transform: uppercase; color: #686868;}
.latest-games .latest-carousel-games .item-games .item-games-score {display: table-cell; width: 20%; height: 35px; font-size: 25px; font-weight: bold; color: #E60012;}
.latest-games .latest-carousel-games .item-games .item-games-date {display: inline-block; width: 100%; text-align: center; font-size: 12px; color: #686868;}
.latest-games .latest-carousel-games .item-games .item-games-period-score {display: inline-block; width: 100%; text-align: center; font-weight: bold; font-size: 12px; color: #686868;}
.latest-games .latest-carousel-games .slick-slide .item-games {border-radius: 10px;}
.latest-games .latest-carousel-games .slick-slide:last-child .item-games {border: 0;}
/* header */
/* Красная полоса сверху */
.top-red-line {
    width: 100%;
    height: 18px;             /* толщина полосы, можешь менять */
    background-color: #E60012; /* красный из логотипа PLHL */
}
.top-red-line2 {
    width: 100%;
    height: 2px;             /* толщина полосы, можешь менять */
    background-color: #E60012; /* красный из логотипа PLHL */
    margin-top: -5px;
}
/* Чёрная полоса под ней */
.top-black-line {
    width: 100%;
    height: 16px;                  /* толщина верхней черной полосы */
    background-color: #121212;     /* глубокий черный */
}
/* Grayscale header
#header {display: inline-block; width: 100%; background:#585a5c top center; height: 90px;}*/
#header {display: inline-block; width: 100%; background:#1E1E1E top center; height: 90px;} 
#header .logo {display: inline-block; margin-top: 5px; float: left;}
#header .toggle-button {display: none; outline: none; border: 0; float: left; width: 45px; height: 40px; background: url(../images/toggle-button-bg_bo.png) no-repeat; margin: 20px 20px 0 40px; transition: background 0.5s ease;}
#header .toggle-button:hover {
  background: url(../images/toggle-button-bg_bo.png) no-repeat;
}
#header .top-menu {display: inline-block; float: left; height: 86px; margin: 0 0 0 50px; position: absolute; right: 5px;}

.logo {
    position: relative; /* Устанавливаем позицию как "относительную" */
    z-index: 2; /* Устанавливаем более высокий z-index */
}

.latest-games {
    position: relative; /* Устанавливаем позицию как "относительную" */
    z-index: 1; /* Устанавливаем более низкий z-index */
}

/* Стили для заголовка */
.header-title {
    display: none; /* Сначала скрываем заголовок */
    position: absolute;
    left: 11%;
    transform: translate(0%, 10%);
    margin: 0;
    font-weight: bold;
    color: #CCCCCC;
    text-align: left;
    min-width: 220px;
}
/* Стили для отдельных слов заголовка */
.header-title span:first-child {
    font-size: 54px;
}
.header-title span:nth-child(2) {
    font-size: 11px;
    padding-left: 1px;
}

/* Стили для отдельных слов заголовка (мобильная версия) */
.header-title-mobile span:first-child {
    font-size: 30px;
}

.header-title-mobile span:last-child {
    font-size: 7px;
    padding-left: 1px;
}
/* Стили для заголовка (мобильная версия) */
.header-title-mobile {
    display: none; /* Сначала скрываем заголовок */
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translate(-50%, 10%);
    margin: 0;
    font-weight: bold;
    color: #fff;
    text-align: center;
    min-width: 220px;
}
/* Стили для заголовка */
.header-title-mobile a {
    color: #fff; /* Исходный цвет ссылки */
    text-decoration: none; /* Убираем подчеркивание */
    transition: color 0.3s; /* Добавляем анимацию для цвета */
}
.header-title a {
    color: #fff; /* Исходный цвет ссылки */
    text-decoration: none; /* Убираем подчеркивание */
    transition: color 0.3s; /* Добавляем анимацию для цвета */
}
/* Стили для заголовка при наведении курсора */
.header-title-mobile a:hover {
    color: #E60012; /* Новый цвет при наведении */
}
.header-title a:hover {
    color: #E60012; /* Новый цвет при наведении */
}
/* Стили для отдельных слов заголовка (мобильная версия) */
.header-title-mobile span {
    display: block;
}
/* Стили для отдельных слов заголовка (мобильная версия) */
.header-title span {
    display: block;
}
/* Медиазапрос для десктопных устройств (ширина экрана больше 768px) */
@media (min-width: 768px) {
    /* Показываем заголовок только на десктопных устройствах */
    .header-title {
        display: block;
    }
    /* Скрываем логотип на десктопных устройствах, если необходимо */
    .logo {
        display: none;
    }
}
/* Медиазапрос для мобильных устройств (ширина экрана меньше 768px) */
@media (max-width: 767px) {
    /* Показываем заголовок только на мобильных устройствах */
    .header-title-mobile {
        display: block;
    }
    /* Скрываем логотип на мобильных устройствах, если необходимо */
    .logo {
        display: none;
    }
}

/* Для десктопной версии */
.desktop-padding1 {
  padding-left: 5px;
  padding-right: 15px;
}
.desktop-padding2 {
  padding-left: 15px;
  padding-right: 5px;
}
/* Для мобильной версии */
@media (max-width: 913px) {
  .mobile-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* top-menu-desktop */
#header .top-menu ul.top-menu-desktop {list-style: none; display: inline-block; line-height: 86px;}
#header .top-menu ul.top-menu-desktop li {display: inline-block; float: left;}
#header .top-menu ul.top-menu-desktop li a {display: inline-block; float: left; font-size: 17px; font-weight: bold; color: #fff; text-transform: uppercase; padding: 0 15px;}  
#header .top-menu ul.top-menu-desktop li a:hover {color: #E60012; transition: color 0.5s;}
#header .top-menu ul.top-menu-desktop li:nth-child(4) a {background: none;}
/* top-menu mobile */
#header .top-menu ul.top-menu-mobile {list-style: none; display: none; position: absolute; background: #ebebeb; width: 150px; top: 80px; margin-left: -35px; z-index: 99; border: 1px solid #E60012; border-radius: 10px;}
#header .top-menu ul.top-menu-mobile li {display: inline-block; float: left; width: 100%; border-bottom: 1px dashed #acaaa6; padding: 10px 0 10px 0;}
#header .top-menu ul.top-menu-mobile li:last-child {border: none;}
#header .top-menu ul.top-menu-mobile li a {display: inline-block; float: left; font-size: 17px; font-weight: bold; text-align: center; width: 100%; color: #121212; text-transform: math-auto;}
#header .top-menu ul.top-menu-mobile li a:hover {color: #E60012; transition: color 0.5s;}
/* sub menu */
#header .top-menu ul.top-menu-desktop li ul {display: none; position: absolute; top: 85px; width: 250px; background: #ebebeb; z-index: 99; line-height: 100%; border: 1px solid #E60012; border-radius: 10px;}
#header .top-menu ul.top-menu-desktop li ul li {display: inline-block; float: left; width: 100%; border-bottom: 1px dashed #CCCCCC; padding: 10px 0 10px 0;}
#header .top-menu ul.top-menu-desktop li ul li:last-child {border: none;}
#header .top-menu ul.top-menu-desktop li ul li a {display: inline-block; float: left; font-size: 17px; text-align: left; background: none; padding: 7px 7px; width: 100%; color: #000000; text-transform: none;}
#header .top-menu ul.top-menu-desktop li ul li a:hover {color: #E60012; transition: color 0.5s;}
#header .top-menu ul.top-menu-desktop li:hover ul {display: block;}
/* command-login */
#header .command-login {display: inline-block; float: right; background: url(../images/command-login-bg.png) no-repeat left; height: 86px; width: 154px; line-height: 86px;}
#header .command-login a {display: inline-block; float: right; color: #fff; font-size: 17px; margin-right: 20px;}
/* main */
#main {display: inline-block; width: 100%; min-height: 300px; background: #ebebeb; margin: 0 0 0 0;}
/* nav home */
.nav-tabs.home {margin: 10px 0 !important; padding: 0 10px;}
/* home news */
#main .home-news {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 10px; padding: 25px 20px 5px 20px; margin-bottom: 10px;}
#main .home-news .row {margin-bottom: 20px;}
#main .home-news .home-news-img {display: inline-block; float: left; width: 100%;}
#main .home-news .home-news-img img {width: 100%; height: auto; border: none;}
#main .home-news .home-news-title {display: inline-block; float: left; width: 100%; margin-bottom: 10px;}
#main .home-news .home-news-title a {color: #2b2a28; font-size: 16px; text-transform: uppercase; line-height: 105%;}
#main .home-news .home-news-text {display: inline-block; float: left; width: 100%; font-size: 16px; color: #686868; line-height: 120%; margin-bottom: 10px;}
#main .home-news .home-news-date {display: inline-block; float: left; width: auto; font-size: 16px; color: #686868;}
#main .home-news .home-news-category {display: inline-block; float: left; width: auto; margin-left: 10px;}
#main .home-news .home-news-category a {font-size: 16px; color: #B00010; text-decoration: underline;}
#main .home-news .home-news-all {display: inline-block; float: left; width: 100%; border-top: 1px solid #ebebeb;}
#main .home-news .home-news-all .home-news-all-btn {display: inline-block; width: 98%; height: 40px; line-height: 40px; text-align: center; color: #f4f4f4; font-size: 15px; text-transform: uppercase; background: #E60012; border: 1px solid #c1c0c0; border-radius: 10px; margin-top: 27px;}
#main .home-news .home-news-all .home-news-all-btn:hover {background: #B00010; border: 1px solid #B00010; color: #FFFFFF;}
/* home photo */
#main .home-photo {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 10px; padding: 10px 10px 0 10px; margin-bottom: 10px;}
#main .home-photo .row {margin-bottom: 15px;}
#main .home-photo .home-photo-caption {display: inline-block; width: 100%; color: #2b2a28; font-size: 16px; text-transform: uppercase;}
#main .home-photo .home-photo-all {display: inline-block; width: 100%; text-align: right;}
#main .home-photo .home-photo-all a {color: #005d9b; font-size: 14px; text-transform: uppercase; text-decoration: underline;}
#main .home-photo img {width: 100%; height: auto;}
#main .home-photo .home-photo-title {display: inline-block; float: left; text-align: left; width: 100%;  margin: 10px 0 5px 0;}
#main .home-photo .home-photo-title a {color: #004c86; font-size: 15px; text-transform: uppercase; line-height: 105%;}
#main .home-photo .home-photo-date {display: inline-block; float: left; text-align: left; width: 100%; font-size: 16px; color: #686868;}
/* home video */
#main .home-video {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 10px; padding: 10px 10px; margin-bottom: 10px;}
#main .home-video .row {margin-bottom: 15px;}
#main .home-video .home-video-caption {display: inline-block; width: 100%; color: #2b2a28; font-size: 16px; text-transform: uppercase;}
#main .home-video .home-video-all {display: inline-block; width: 100%; text-align: right;}
#main .home-video .home-video-all a {color: #005d9b; font-size: 14px; text-transform: uppercase; text-decoration: underline;}
#main .home-video img {width: 100%; height: auto;}
#main .home-video .yt-img {position:relative; display:inline-block;}
#main .home-video .yt-img span.yt-video {background:url(../images/youtube.png) no-repeat; width:34px; height:34px; position:absolute; left:40%; top:40%; opacity:0.9;}
#main .home-video .yt-img span.yt-video:hover{opacity:1}
#main .home-video .home-video-title {display: inline-block; float: left; text-align: left; width: 100%;  margin: 10px 0 5px 0;}
#main .home-video .home-video-title a {color: #004c86; font-size: 15px; text-transform: uppercase; line-height: 105%;}
#main .home-video .home-video-date {display: inline-block; float: left; text-align: left; width: 100%; font-size: 16px; color: #686868;}
/* home partners */
#main .home-partners {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 10px; padding: 15px 20px; margin-top: 10px;}
#main .home-partners .home-partners-caption {display: inline-block; width: 100%; color: #CCCCCC; font-size: 16px; text-transform: uppercase; font-weight: bold;}
#main .home-partners .home-partners-carousel {display: inline-block; width: 96%; margin: 15px 0; text-align: center;}
#main .home-partners .home-partners-carousel .home-partners-logo {display: inline-block; text-align: center; width: 97%;}
#main .home-partners .home-partners-carousel .home-partners-logo a {text-align: center; display: inline-block;}
/* banner */
#main .banner {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 10px; padding: 20px 20px 20px 20px; margin-bottom: 8px; text-align: center;}
/* players-stats */
#main .players-stats {display: inline-block; position: relative; float: left; min-height: 534px; max-height: 560px; width: 100%; background: #fff; border-radius: 10px; padding: 20px 0 0 0; margin-bottom: 10px;}
#main .players-stats-loading {background: #fff url(../images/loading.gif) no-repeat center center; opacity: 0.8; display: none; position: absolute; width: 100%; height: 100%; z-index: 9999;}
#main .players-stats .players-stats-head {padding: 0 15px;}
#main .players-stats .players-stats-caption {display: inline-block; width: 100%; color: #CCCCCC; font-weight: bold; font-size: 16px; text-transform: uppercase; margin-top: 5px;}
#main .players-stats ul.players-stats-list {list-style: none; display: inline-block; float: left; width: 100%; margin-top: 10px;}
#main .players-stats ul.players-stats-list li {display: inline-block; float: left; width: 100%; border-bottom: 1px solid #ebebeb; padding: 10px 15px;}
#main .players-stats ul.players-stats-list li .players-photo {display: inline-block; float: left; width: 15%;}
#main .players-stats ul.players-stats-list li .players-photo img {width: 60px; max-height: 77px; border-radius: 8px; border: none;}
#main .players-stats ul.players-stats-list li .players-stats-info {display: inline-block; float: left; width: 58%;}
#main .players-stats ul.players-stats-list li .players-stats-info .players-criterion {display: inline-block; float: left; width: 100%; color: #CCCCCC; text-transform: uppercase; font-size: 15px;}
#main .players-stats ul.players-stats-list li .players-stats-info .players-name {display: inline-block; float: left; width: 100%;}
#main .players-stats ul.players-stats-list li .players-stats-info .players-name a {color: #DE0000; text-transform: uppercase; font-size: 14px;}
#main .players-stats ul.players-stats-list li .players-stats-info .players-name a:hover {text-decoration: underline;}
#main .players-stats ul.players-stats-list li .players-stats-info .players-num {display: inline-block; float: left; width: auto; color: #CCCCCC; font-size: 13px;}
#main .players-stats ul.players-stats-list li .players-stats-info .players-command {display: inline-block; float: left; width: auto; margin-left: 5px;}
#main .players-stats ul.players-stats-list li .players-stats-info .players-command a {color: #CCCCCC; text-transform: uppercase; font-size: 13px;}
#main .players-stats ul.players-stats-list li .players-stats-info .players-command a:hover {text-decoration: underline;}
#main .players-stats ul.players-stats-list li .players-stats-info .players-division {display: inline-block; float: left; width: 100%; color: #918e88; text-transform: uppercase; font-size: 13px;}
#main .players-stats ul.players-stats-list li .players-stats-resultat {display: inline-block; width: 20%; float: right;}
#main .players-stats ul.players-stats-list li .players-stats-resultat .players-resultat-count {display: inline-block; float: left; width: 100%; font-size: 25px; color: #2b2a28; text-align: center;}
#main .players-stats ul.players-stats-list li .players-stats-resultat .players-resultat-caption {display: inline-block; float: left; width: 100%; font-size: 12px; color: #2b2a28; text-transform: uppercase; text-align: center;}
/* #main .players-stats .players-stats-all {display: inline-block; float: left; width: 100%; padding: 5px 15px;} */
#main .players-stats .players-stats-all {display: inline-block; float: left; width: 100%; text-align: center; padding: 3px 10px 0 10px;}
/* #main .players-stats .players-stats-all a {display: inline-block; float: left; color: #918e88; font-size: 15px; height: 24px; line-height: 24px; text-transform: uppercase; background: url(../images/players-stats-all-bg.png) no-repeat right center; padding-right: 40px;} */
#main .players-stats .players-stats-all a {display: inline-block; color: #ffffff; font-size: 15px; height: 40px; line-height: 40px; text-transform: uppercase; font-weight: bold; width: 100%; background: #DE0000; border-radius: 10px; transition: background 0.3s;}
#main  .players-stats .players-stats-all a:hover {background: #CCCCCC;}
/* structure-stats */
#main .structure-stats {display: inline-block; position: relative; float: left; min-height: 534px; max-height: auto; width: 100%; background: #fff; border-radius: 10px; padding: 12px 0 0 0; margin-bottom: 10px;}
#main .structure-stats-loading {background: #fff url(../images/loading.gif) no-repeat center center; opacity: 0.8; display: none; position: absolute; width: 100%; height: 100%; z-index: 9999;}
#main .structure-stats .structure-stats-head {padding: 0 15px 7px 15px;}
#main .structure-stats .structure-stats-caption {display: inline-block; width: 100%; color: #CCCCCC; font-weight: bold; font-size: 16px; text-transform: uppercase; margin-top: 5px;}
#main .structure-stats .structure-stats-conference-name,
#main .structure-stats .structure-stats-stage-name {display: inline-block; float: left; width: 100%; text-align: center; margin-top: 5px;}
#main .structure-stats .structure-stats-stage-no-data {display: inline-block; min-height: 100px; line-height: 100px;}
#main .structure-stats .table-responsive {padding: 10px; border: 0;}
#main .structure-stats .table {text-align: center;}
#main .structure-stats .table thead {background: #DE0000; color: #ffffff; font-weight: bold; font-size: 16px; text-transform: uppercase;}
#main .structure-stats .table thead th {font-weight: bold; border: none; border-right: 2px solid #ffffff; text-align: center;}
#main .structure-stats .table thead th:nth-child(1) {width: 10%;}
#main .structure-stats .table thead th:nth-child(2) {width: 72%;}
#main .structure-stats .table thead th:nth-child(3) {width: 5%;}
#main .structure-stats .table thead th:nth-child(4) {width: 5%;}
#main .structure-stats .table thead th:nth-child(5) {width: 8%;}
#main .structure-stats .table thead th:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
#main .structure-stats .table thead th:last-child {border: none;  border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
#main .structure-stats .table td {border: none;}
#main .structure-stats .table .table-row {border-bottom: 1px solid #ebebeb; padding: 10px 15px;}
#main .structure-stats .table .table-row td {color: #686868;}
#main .structure-stats .table .table-row td:nth-child(1) {font-size: 16px;}
#main .structure-stats .table .table-row td:nth-child(2) {text-align: left; text-transform: uppercase;}
#main .structure-stats .table .table-row td a {color: #121212;}
#main .structure-stats .table .table-row td a:hover {text-decoration: underline;}
#main .structure-stats ul.structure-stats-list {list-style: none; display: inline-block; float: left; width: 100%; margin-top: 10px;}
#main .structure-stats ul.structure-stats-list li {display: inline-block; float: left; width: 100%; border-bottom: 1px solid #ebebeb; padding: 10px 15px;}
#main .structure-stats ul.structure-stats-list li .structure-match-num {display: inline-block; float: left; width: 13%;text-align: center; font-size: 18px; color: #686868; margin: 5px 0 0 0;}
#main .structure-stats ul.structure-stats-list li .structure-command-list {display: inline-block; float: left; width: 60%;}
#main .structure-stats ul.structure-stats-list li .structure-command-list .structure-command1,
#main .structure-stats ul.structure-stats-list li .structure-command-list .structure-command2 {display: inline-block; float: left; width: 100%;}
#main .structure-stats ul.structure-stats-list li .structure-command-list .structure-command1 a,
#main .structure-stats ul.structure-stats-list li .structure-command-list .structure-command2 a {color: #686868; text-transform: uppercase; font-size: 14px;}
#main .structure-stats ul.structure-stats-list li .structure-command-list .structure-command1 a:hover,
#main .structure-stats ul.structure-stats-list li .structure-command-list .structure-command2 a:hover {text-decoration: underline;}
#main .structure-stats ul.structure-stats-list li .structure-score {display: inline-block; float: right; width: 20%; font-size: 25px; color: #2b2a28; text-align: center;}
#main .structure-stats .structure-stats-all {display: inline-block; float: left; width: 100%; text-align: center; margin: 40px 0 5px 0; padding: 0 10px 0 10px; position: absolute; bottom: 10px}
#main .structure-stats .structure-stats-all a {display: inline-block; color: #ffffff; font-size: 15px; height: 40px; line-height: 40px; text-transform: uppercase; font-weight: bold; width: 100%; background: #DE0000; border-radius: 10px; transition: background 0.3s;}
#main .structure-stats .structure-stats-all a:hover {background: #B00010;}
/* page */
#main .page {display: inline-block; float: left; width: 100%; background: #fff; font-size: 16px; color: #686868; border-radius: 10px; padding: 5px 20px 25px 20px; min-height: 300px;}
#main .page h1 {color: #2b2a28; font-size: 24px;}
#main .page ul {margin-left: 40px;}
/* page-list-menu */
#main ul.page-list-menu {list-style: none; margin: 0; margin: 15px 0 0 15px; padding: 0;}
#main ul.page-list-menu li {margin: 8px 0;}
#main ul.page-list-menu li a {font-size: 18px;}
/* pay */
#main .pay {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 2px; padding: 5px 20px 25px 20px; min-height: 300px; position: relative;}
#main .pay h1 {color: #2b2a28; font-size: 24px; text-transform: uppercase;}
#main .pay form {margin: 15px 0;}
#main .pay .loading {left: 0!important; top: 0!important;}
/* news */
#main .news {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 10px; padding: 5px 20px 25px 20px; min-height: 300px;}
#main .news h1 {color: #2b2a28; font-size: 24px;}
/* news-categories-list */
#main .news ul.news-categories-list {
    list-style: none;
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 10px;
}
/* сам <li> - без фона и паддингов */
#main .news ul.news-categories-list li {
    display: inline-block;
    float: left;
    margin: 5px 8px 10px 0;
}
/* кнопка (ссылка) */
#main .news ul.news-categories-list li a {
    display: inline-block;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    border-radius: 10px;

    background: #E60012;      /* красная по умолчанию */
    color: #FFFFFF;           /* тёмный текст */
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;

    transition: background 0.3s, color 0.3s;
}
/* ховер по всей кнопке */
#main .news ul.news-categories-list li a:hover {
    background: #B00010;      /* тёмно-красный */
    color: #1E1E1E;           /* белый текст */
}
/* активная вкладка (current) — чёрная с белым текстом */
#main .news ul.news-categories-list li a.current {
    background: #121212;      /* чёрный */
    color: #FFFFFF !important;
}
/* news-list */
#main .news .news-list {display: inline-block; float: left; width: 100%; margin: 20px 0 10px 0;}
#main .news .news-list .row {margin-bottom: 20px;}
#main .news .news-list .news-img {display: inline-block; float: left; width: 100%;}
#main .news .news-list .news-img img {width: 100%; height: auto; border: none;}
#main .news .news-list .news-title {display: inline-block; float: left; width: 100%; margin-bottom: 10px;}
#main .news .news-list .news-title a {color: #2b2a28; font-size: 16px; line-height: 105%;}
#main .news .news-list .news-text {display: inline-block; float: left; width: 100%; font-size: 16px; color: #686868; line-height: 120%; margin-bottom: 10px;}
#main .news .news-list .news-date {display: inline-block; float: left; width: auto; font-size: 16px; color: #686868;}
#main .news .news-list .news-category {display: inline-block; float: left; width: auto; margin-left: 10px;}
#main .news .news-list .news-category a {font-size: 16px; color: #CCCCCC; text-decoration: underline;}
/* news-item */
#main .news .news-item {display: inline-block; float: left; width: 100%; margin: 10px 0 0 0;}
#main .news .news-item .news-img {display: inline-block; float: left; width: 100%; text-align: center; margin-bottom: 10px;}
#main .news .news-item .news-img img {width: 100%; height: auto; border: none;}
#main .news .news-item .news-date {display: inline-block; float: left; width: auto; font-size: 16px; color: #686868;}
#main .news .news-item .news-category {display: inline-block; float: left; width: auto; margin-left: 10px;}
#main .news .news-item .news-category a {font-size: 16px; color: #CCCCCC; text-decoration: underline;}
#main .news .news-item .news-text {display: inline-block; float: left; width: 100%; font-size: 16px; color: #686868; line-height: 120%; margin: 10px 0;}
#main .news .news-item .news-text ul {margin-left: 40px;}
/* photo */
#main .photo {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 2px; padding: 5px 20px 25px 20px; min-height: 300px;}
#main .photo h1 {color: #2b2a28; font-size: 24px; text-transform: uppercase;}
#main .photo .photo-list {display: inline-block; float: left; width: 100%; margin: 20px 0 30px 0;}
#main .photo .photo-list .photo-col {display: inline-block; float: left; width: 23%; margin: 0 11px 25px 0;}
#main .photo .photo-list .photo-col:last-child {margin: 0;}
#main .photo .photo-list .photo-img {display: inline-block; float: left; width: 100%;}
#main .photo .photo-list .photo-img img {width: 100%; border: none;}
#main .photo .photo-list .photo-title {display: inline-block; float: left; text-align: left; width: 100%; margin: 10px 0 5px 0; height: 35px;}
#main .photo .photo-list .photo-title a {color: #004c86; font-size: 15px; text-transform: uppercase; line-height: 105%;}
#main .photo .photo-list .photo-date {display: inline-block; float: left; text-align: left; width: 100%; font-size: 16px; color: #686868;}
/* video */
#main .video {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 2px; padding: 5px 20px 25px 20px; min-height: 300px;}
#main .video h1 {color: #2b2a28; font-size: 24px; text-transform: uppercase;}
#main .video .video-list {display: inline-block; float: left; width: 100%; margin: 20px 0 30px 0;}
#main .video .video-list .video-col {display: inline-block; float: left; width: 31%; margin: 0 11px 25px 0;}
#main .video .video-list .video-col:last-child {margin: 0;}
#main .video .video-list .video-youtube {display: inline-block; float: left; width: 100%;}
#main .video .video-list .video-youtube img {width: 100%; border: none;}
#main .video .video-list .yt-img {position:relative; display:inline-block;}
#main .video .video-list .yt-img span.yt-video {background:url(../images/youtube.png) no-repeat; width:34px; height:34px; position:absolute; left:40%; top:40%; opacity:0.9;}
#main .video .video-list .yt-img span.yt-video:hover{opacity:1}
#main .video .video-list .video-title {display: inline-block; float: left; text-align: left; width: 100%; margin: 10px 0 5px 0; height: 45px;}
#main .video .video-list .video-title a {color: #004c86; font-size: 15px; text-transform: uppercase; line-height: 105%;}
#main .video .video-list .video-date {display: inline-block; float: left; text-align: left; width: 100%; font-size: 16px; color: #686868;}
#main .video .video-item {display: inline-block; width: 100%; float: left; margin-top: 20px;}
#main .video .video-item iframe {width: 100%; height: 400px;}
/* tournaments */
#main .tournaments {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 10px; padding: 5px 20px 25px 20px; min-height: 300px;}
#main .tournaments h1 {color: #2b2a28; font-size: 24px; text-transform: uppercase; margin-bottom: 20px;}
#main .tournaments h2 {color: #2b2a28; font-size: 20px; text-transform: uppercase; font-weight: normal; margin-bottom: 25px;}
#main .tournaments h3 {color: #2b2a28; font-size: 16px; text-transform: uppercase; font-weight: normal; margin-bottom: 25px;}
/* tournaments-menu-list */
#main .tournaments ul.tournaments-menu-list {list-style: none; display: inline-block; float: left; width: 100%; margin: 0; margin-top: 15px;}
#main .tournaments ul.tournaments-menu-list li {display: inline-block; float: left; position: relative; background: #CCCCCC; border-radius: 10px; height: 36px; line-height: 36px; width: 24%; text-align: center; margin: 5px 1% 10px 0; transition: all 0.5s ease;}
#main .tournaments ul.tournaments-menu-list li a {display: inline-block; text-transform: uppercase; color: #fff; font-size: 16px;}
#main .tournaments ul.tournaments-menu-list li.current {background: #DE0000;}
#main .tournaments ul.tournaments-menu-list li.current a {color: #fff;}
#main .tournaments ul.tournaments-menu-list li:hover {background: #DE0000;}
/* tournaments-command-list */
#main .tournaments ul.tournaments-command-list {list-style: none; display: inline-block; float: left; width: 100%; margin: 0; margin-top: 15px;}
#main .tournaments ul.tournaments-command-list li {display: inline-block; float: left; width: 24%; margin-bottom: 30px;}
#main .tournaments ul.tournaments-command-list li .tournaments-command-logo {display: inline-block; width: 100%; float: left; text-align: center; margin-bottom: 5px;}
#main .tournaments ul.tournaments-command-list li .tournaments-command-logo img {width: 100px; height: 100px; border: none;}
#main .tournaments ul.tournaments-command-list li .tournaments-command-name {display: inline-block; width: 100%; float: left; text-align: center;}
#main .tournaments ul.tournaments-command-list li .tournaments-command-name a {font-size: 18px;}
#main .tournaments ul.tournaments-command-list li .tournaments-command-name a:hover {text-decoration: underline;}
/* tournaments-menu-stats-players */
#main .tournaments ul.tournaments-menu-stats-players {list-style: none; display: inline-block; float: left; width: 100%; margin: 0; margin: 10px 0;}
#main .tournaments ul.tournaments-menu-stats-players li {display: inline-block; float: left; position: relative; background: #CCCCCC; border-radius: 10px; height: 30px; text-align: center; line-height: 30px; width: 19%; margin: 5px 1% 10px 0; transition: all 0.5s ease;}
#main .tournaments ul.tournaments-menu-stats-players li a {display: inline-block; text-transform: uppercase; color: #fff; font-size: 15px;}
#main .tournaments ul.tournaments-menu-stats-players li.current {background: #DE0000;}
#main .tournaments ul.tournaments-menu-stats-players li.current:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(238, 116, 30, 0); border-top-color: #DE0000; border-width: 8px; margin-left: -8px;}
#main .tournaments ul.tournaments-menu-stats-players li.current a {color: #fff;}
#main .tournaments ul.tournaments-menu-stats-players li:hover {background: #DE0000;}
#main .tournaments .stats-players-criterion-current {background: #CCCCCC41; font-weight:bold;}
#main .tournaments .table thead {background: #CCCCCC; color: #fff;}
#main .tournaments .table thead th {font-weight: bold; border: none; border-right: 2px solid #fff; text-align: center;}
#main .tournaments .table thead th:last-child {border: none;}
#main .tournaments .table thead th a {color: #686868;}
#main .tournaments .table thead th:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
#main .tournaments .table thead th:last-child {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
#main .tournaments .table td {border: none;}
#main .tournaments .table .table-row {border-bottom: 1px solid #ebebeb; padding: 10px 15px;}
#main .tournaments .table .table-row:hover {background: #f4f4f4}
#main .tournaments .table .table-row.cursor {cursor: pointer;}
#main .tournaments .table .table-row td {color: #686868;}
#main .tournaments .table .table-row td a {color: #CCCCCC;}
#main .tournaments .table .table-row td a:hover {text-decoration: underline;}
#main .tournaments .table .table-row td .score {font-size: 16px; font-weight: bold;}
#main .tournaments small {color: #393e40; font-size: 11px;}
#main .tournaments .tournaments-stage-filter {padding-top: 20px; padding-bottom: 5px;}
#main .tournaments .tournaments-statistics-filter {padding-top: 20px; padding-bottom: 5px;}
#main .tournaments .tournaments-calendar-filter {padding-top: 20px; padding-bottom: 10px;}
#main .tournaments .tournaments-calendar-filter .form-group {margin-bottom: 10px;}
#main .tournaments .tournaments-calendar-filter .date {width: 200px;}
#main .tournaments .tournaments-transfers-filter {padding-top: 20px; padding-bottom: 20px;}
#main .tournaments .form-group label {padding-left: 7px; padding-right: 7px; margin: 1px 0 0 0;}
#main .tournaments .archive-match-result-filter {padding-top: 20px; padding-bottom: 10px;}
#main .tournaments .archive-match-result-filter .form-group {margin-bottom: 10px;}
#main .tournaments .archive-match-result-filter .date {width: 200px;}
#main .tournaments .archive-players-stats-filter {padding-top: 20px; padding-bottom: 10px;}
#main .tournaments .archive-players-stats-filter .form-group {margin-bottom: 10px;}
/* matches */
#main .matches {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 10px; padding: 5px 20px 25px 20px; min-height: 300px;}
#main .matches h1 {color: #2b2a28; font-size: 24px; text-transform: uppercase; text-align: center;}
#main .matches h2 {color: #686868; font-size: 15px; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; text-align: center;}
#main .matches h3 {color: #ee741e; font-size: 15px; text-transform: uppercase; font-weight: normal; margin-bottom: 15px; margin-top: 15px; text-align: center; border-radius: 10px; height: 35px; line-height: 35px; background: #ebebeb;}
#main .matches ul.matches-menu-list {list-style: none; display: inline-block; float: left; width: 100%; margin: 0; margin: 15px 0;}
#main .matches ul.matches-menu-list li {display: inline-block; float: left; background: #ebebeb; border-radius: 10px; height: 36px; line-height: 36px; width: 24%; text-align: center; margin: 5px 1% 10px 0;}
#main .matches ul.matches-menu-list li a {display: inline-block; text-transform: uppercase; color: #918e88; font-size: 16px;}
#main .matches ul.matches-menu-list li a:hover,
#main .matches ul.matches-menu-list li .current {color: #DE0000}
#main .matches .matches-command-logo {display: inline-block; width: 100%; float: left; text-align: center;}
#main .matches .matches-command-logo img {width: 120px; height: 120px; border: none;}
#main .matches .matches-command-name {display: inline-block; width: 100%; float: left; text-align: center; margin-top: 10px;}
#main .matches .matches-command-name a {font-size: 22px; font-weight: 400; color: #393e40;}
#main .matches .matches-command-name a:hover {text-decoration: underline;}
#main .matches .matches-command-city {display: inline-block; width: 100%; color: #93899f; font-size: 14px; float: left; text-align: center; margin-top: 3px;}
#main .matches .matches-score {display: inline-block; width: 100%; float: left; text-align: center; font-size: 42px; margin: 5px 0; color: #000;}
#main .matches .matches-score-period {display: inline-block; width: 100%; float: left; text-align: center; font-size: 16px; color: #2b2a28; font-weight: 700;}
#main .matches .matches-date {font-size: 14px; color: #686868; display: inline-block; width: 100%; float: left; text-align: center;}
#main .matches .matches-icearena {display: inline-block; width: 100%; float: left; text-align: center; margin: 5px 0;}
#main .matches .matches-icearena a {color: #686868; font-size: 14px;}
#main .matches .matches-timeout {font-size: 14px; color: #686868; margin: 3px 0; display: inline-block; width: 100%; float: left; text-align: center;}
#main .matches .matches-status {font-size: 14px; color: #686868; margin: 3px 0; display: inline-block; width: 100%; float: left; text-align: center;}
#main .matches .matches-icearena {display: inline-block; float: right; font-size: 16px; color: #686868;}
#main .matches .table thead th {color: #000; border-color: #c3c3c3; white-space: nowrap;}
#main .matches .table td {color: #393e40; white-space: nowrap; border: none; border-bottom: 1px solid #eceaea;}
#main .matches .table td a {color: #393e40;}
#main .matches .table td a:hover {text-decoration: underline;}
#main .matches .table.matches-stats thead th {border: 2px solid #ecf3f9;}
#main .matches .table.matches-stats td {border: 2px solid #ecf3f9;}
#main .matches .table .total {font-weight: 700;}
#main .matches .table.bullets thead th {border: 2px solid #ecf3f9;}
#main .matches .table.bullets td {border: 2px solid #ecf3f9;}
#main .matches .table.bullets td.score {vertical-align: middle; font-weight: 700;}
/* matches text translation */
#main .matches.text-translation {position: relative;}
#main .matches.text-translation .text-translation-loading {background: url(../images/loading.gif) no-repeat center 26%, #fff; display: none; position: absolute; width: 96%; height: 100%; z-index: 9999; opacity: 0.7;}
#main .matches.text-translation .text-translation-title {margin: 15px 0; text-align: left;}
#main .matches.text-translation .game-text-translation {display: inline-block; width: 100%; margin: 30px 0 10px 0;}
#main .matches.text-translation .timeline .timeline-label .label-primary {background: #ffffff !important; color: #000 !important; font-weight: bold !important; font-size: 15px !important;}
#main .matches.text-translation .timeline .timeline-item .timeline-heading h4 {color: #000 !important; font-weight: 500 !important; font-size: 16px; margin-bottom: 0!important; padding-bottom: 0!important;}
#main .matches.text-translation .timeline .timeline-item .timeline-body {color: #000 !important; font-size: 15px !important;}
#main .matches.text-translation .timeline .timeline-item .timeline-body a {font-weight: bold; font-size: 14px;}
#main .matches.text-translation .timeline .timeline-item .timeline-body .label-text {padding: 5px 0;}
#main .matches.text-translation .timeline .timeline-item .timeline-event.timeline-event-danger {background: #ffffff !important;}
#main .matches.text-translation .timeline .timeline-item>.timeline-event.timeline-event-danger:after{border-left-color:#fff!important; border-right-color:#fff !important;}
#main .matches.text-translation .timeline .timeline-item .timeline-event.timeline-event-info {background: #ffffff !important;}
#main .matches.text-translation .timeline .timeline-item>.timeline-event.timeline-event-info:after{border-left-color:#fff!important; border-right-color:#fff !important;}
#main .matches.text-translation .timeline .timeline-item .timeline-event.timeline-event-success {background: #ffffff !important;}
#main .matches.text-translation .timeline .timeline-item>.timeline-event.timeline-event-success:after{border-left-color:#fff!important; border-right-color:#fff !important;}
#main .matches.text-translation .timeline .timeline-item .timeline-event.timeline-event-warning {background: #ffffff !important;}
#main .matches.text-translation .timeline .timeline-item>.timeline-event.timeline-event-warning:after{border-left-color:#fff!important; border-right-color:#fff !important;}
#main .matches.text-translation .timeline .btn-default.goal {font-size: 18px !important; padding: 2px 7px !important;}
/* command */
#main .command {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 10px; padding: 5px 20px 25px 20px; min-height: 300px;}
#main .command h1 {color: #2b2a28; font-size: 24px; text-transform: uppercase;}
#main .command h1 span {color: #004c86;}
#main .command h2 {color: #2b2a28; font-size: 20px; text-transform: uppercase; font-weight: normal; margin-bottom: 25px;}
/* command-menu-list */
#main .command ul.command-menu-list {list-style: none; display: inline-block; float: left; width: 100%; margin: 0; margin-top: 15px; margin-bottom: 20px;}
#main .command ul.command-menu-list li {display: inline-block; float: left; background: #CCCCCC; border-radius: 10px; height: 36px; line-height: 36px; width: 32%; text-align: center; margin: 8px 8px 8px 0;}
#main .command ul.command-menu-list li a {display: inline-block; text-transform: uppercase; color: #fff; font-size: 16px;}
#main .command ul.command-menu-list li a:hover,
#main .command ul.command-menu-list li .current {color: #ee741e}
#main .command .command-info-head {border-bottom: 1px solid #ebebeb; padding-bottom: 10px;}
#main .command .command-logo {display: inline-block; float: left; width: 100%; text-align: center; border: 1px solid #ececec; padding: 5px; margin-bottom: 10px;}
#main .command .command-logo img {width: 160px; height: 160px;}
#main .command .command-info-caption {display: inline-block; float: left; width: 100%; color: #2b2a28; font-size: 16px; margin: 2px 0 5px 0;}
#main .command .command-info-text {display: inline-block; float: left; width: 100%; color: #686868; font-size: 16px; margin: 2px 0 5px 0;}
#main .command .command-text {display: inline-block; float: left; width: 100%; margin: 15px 0; color: #686868; font-size: 16px;}
#main .command .table thead {background: #ebebeb; color: #686868;}
#main .command .table thead th {font-weight: normal; padding: 10px 25px 10px 5px; border: none; border-right: 1px solid #c3c3c3; text-align: center;}
#main .command .table thead th:last-child {border: none;}
#main .command .table td {border: none; border-bottom: 1px solid #ebebeb;}
#main .command .table tr:hover {background: #f4f4f4}
#main .command .table td {color: #686868;}
#main .command .table td a {color: #686868;}
#main .command .table td a:hover {text-decoration: underline;}
#main .command .table td .photo-players {width: 25px;}
#main .command #table-command-forwards-stats td.sorting_1,
#main .command #table-command-defenders-stats td.sorting_1,
#main .command #table-command-goalkeepers-stats td.sorting_1 {background: #ebebeb;}
/* players */
#main .players {display: inline-block; float: left; width: 100%; background: #fff; border-radius: 2px; padding: 5px 20px 25px 20px; min-height: 300px;}
#main .players h1 {color: #004c86; font-size: 20px; text-transform: uppercase; margin-top: 0;}
#main .players h2 {color: #2b2a28; font-size: 16px; text-transform: uppercase; font-weight: normal; margin-bottom: 25px;}
#main .players .players-info-head {border-bottom: 1px solid #ebebeb; padding: 20px 0 10px 0;}
#main .players .players-photo {display: inline-block; width: auto; text-align: center; margin-bottom: 10px; border: 1px solid #ececec; border-radius: 10px;}
#main .players .players-photo img {max-width: 220px; max-height: 290px; border-radius: 10px;}
#main .players .players-info-caption {display: inline-block; float: left; width: 100%; color: #2b2a28; font-size: 16px; margin: 2px 0 5px 0;}
#main .players .players-info-text {display: inline-block; float: left; width: 100%; color: #686868; font-size: 16px; margin: 2px 0 5px 0;}
#main .players .players-info-text a {color: #ee741e; text-decoration: underline; display: inline-block; margin-right: 10px;}
#main .players .table thead {background: #ebebeb; color: #686868;}
#main .players .table thead th {font-weight: normal; padding: 10px 25px 10px 5px; border: none; border-right: 1px solid #c3c3c3; text-align: center;}
#main .players .table thead th:last-child {border: none;}
#main .players .table td {border: none; border-bottom: 1px solid #ebebeb;}
#main .players .table tr:hover {background: #f4f4f4}
#main .players .table td {color: #686868;}
#main .players .table td a {color: #686868;}
#main .players .table td a:hover {text-decoration: underline;}
#main .players .table .table-cursor {cursor: pointer;}
/* footer */
#footer {display: inline-block; width: 100%; min-height: 178px; padding: 20px 0;}
/* copy */
#footer .copy {
    display: inline-block;
    float: left;
    width: 322px;
    height: 130px;
    margin: 0 0 0 20px;
    border-right: 1px solid #97958f;
}

/* логотип слева */
#footer .copy .copy-logo {
    display: inline-block;
    float: left;
    width: 120px; /* только под логотип */
    height: 95px;
    margin-left: 0px;
}

/* НАШ НОВЫЙ ТЕКСТ СПРАВА ОТ ЛОГО */
#footer .copy .copy-logo-text {
    display: inline-block;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    font-size: 18px;
    color: #686868;
    line-height: 120%;
}

/* копирайт под логотипом и текстом */
#footer .copy .copy-text {
    display: inline-block;
    clear: both;          /* уйти под оба блока выше */
    width: 100%;
    font-size: 15px;
    color: #686868;
    line-height: 105%;
    margin-left: 140px;
    border-top: 0px solid #ebebeb;
    padding-top: 0px;
}
/* menu */
#footer .menu {display: inline-block; float: left; width: 228px; height: 130px; border-right: 1px solid #97958f;}
#footer .menu ul {display: inline-block; width: 100px; list-style: none; margin-left: 80px;}
#footer .menu ul li {display: inline-block; float: left; width: 100%; text-align: left; padding: 3px 0;}
#footer .menu ul li a {display: inline-block; float: left; width: 100%; text-transform: uppercase; color: #686868; font-size: 14px;}
/* contacts */
#footer .contacts {display: inline-block; float: left; width: 250px; height: 130px; text-align: center; border-right: 1px solid #97958f;}
#footer .contacts .phone {display: inline-block; text-align: left; width: 80%; font-size: 15px; background: url(../images/phone-icon.png) no-repeat left center; color: #686868; padding: 10px 5px 10px 40px;}
#footer .contacts .phone span {display: inline-block; width: auto; border-bottom: 1px solid #ebebeb; padding-bottom: 5px;}
#footer .contacts .email {display: inline-block; text-align: left; width: 80%; font-size: 15px; background: url(../images/email-icon.png) no-repeat left top; color: #686868; padding-left: 40px;}
#footer .contacts .email span {display: inline-block; width: 100%; padding-bottom: 5px; color: #686868; line-height: 100%;}
/* social-icons */
#footer .social-icons {display: inline-block; float: left; margin: 0; padding-left: 20px;}
#footer .social-icons ul {display: inline-block; width: 100%; list-style: none; margin: 7px 0 0 0;}
#footer .social-icons ul li {display: inline-block; float: left; width: 19px; height: 19px; margin: 7px 8px;}
#footer .social-icons ul li a {display: inline-block; float: left; width: 19px; height: 19px;}
#footer .social-icons ul li .ok {background: url(../images/social-icons-bg.png) no-repeat 0 0;}
#footer .social-icons ul li .ok:hover {background: url(../images/social-icons-bg.png) no-repeat 0 -21px;}
#footer .social-icons ul li .vk {background: url(../images/social-icons-bg.png) no-repeat -39px 0;}
#footer .social-icons ul li .vk:hover {background: url(../images/social-icons-bg.png) no-repeat -39px -21px;}
#footer .social-icons ul li .f {background: url(../images/social-icons-bg.png) no-repeat -72px 0;}
#footer .social-icons ul li .f:hover {background: url(../images/social-icons-bg.png) no-repeat -72px -21px;}
#footer .social-icons ul li .y {background: url(../images/social-icons-bg.png) no-repeat -106px 0;}
#footer .social-icons ul li .y:hover {background: url(../images/social-icons-bg.png) no-repeat -106px -22px;}
#footer .social-icons ul li .i {background: url(../images/social-icons-bg.png) no-repeat -142px 0;}
#footer .social-icons ul li .i:hover {background: url(../images/social-icons-bg.png) no-repeat -142px -21px;}
#footer .social-icons ul li .t {background: url(../images/social-icons-bg.png) no-repeat -178px 0;}
#footer .social-icons ul li .t:hover {background: url(../images/social-icons-bg.png) no-repeat -178px -19px;}
#footer .social-icons ul li .g {background: url(../images/social-icons-bg.png) no-repeat -211px 0;}
#footer .social-icons ul li .g:hover {background: url(../images/social-icons-bg.png) no-repeat -211px -20px;}
/* zoom */
.zoom {-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;}     
.zoom:hover,  
.zoom:active,   
.zoom:focus {-ms-transform: scale(3.5); -moz-transform: scale(3.5); -webkit-transform: scale(3.5); -o-transform: scale(3.5); transform: scale(3.5); position:relative; z-index:100;}
/* ya-share2 */
.ya-share2 {margin-top: 20px;}
/* scrollup */
.scrollup {width:40px; height:40px; z-index:999999; outline:none; display:inline-block; position:fixed; bottom:50px; right:13px; display:none; background:url(../images/scroll-to-top.png) no-repeat; border-radius: 4px;}

#players-container{
    display: inline-block;
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    min-height: 300px;
}

.display-none{
    display: none;
}

/* Контейнер кнопок */
.structure-stats-structure .nav-tabs.home {
    display: flex;
    flex-wrap: nowrap;
    gap: 2px;  /* расстояние между кнопками */

    padding-left: 10px;   /* отступ слева */
    padding-right: 10px;  /* отступ справа */

    border-bottom: none;
    margin: 0;
}

/* Каждая кнопка занимает равную ширину */
.structure-stats-structure .nav-tabs.home > li {
    flex: 1 1 0;
    margin: 0;       /* обязательно убрать любые внешние отступы */
    float: none;
}

/* Внешний вид кнопок */
.structure-stats-structure .nav-tabs.home > li > a {
    display: block;
    width: 100%;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;

    background-color: #DE0000;
    color: #FFFFFF;

    border-radius: 12px;
    border: 2px solid #DE0000;

    transition: 0.3s;
}

/* hover */
.structure-stats-structure .nav-tabs.home > li > a:hover {
    background-color: #B00010;
    border-color: #B00010;
}

/* активная кнопка */
.structure-stats-structure .nav-tabs.home > li.active > a {
    background-color: #121212;
    border-color: #121212;
    color: #FFFFFF;
}
/* Скрыть вложенные дублирующиеся табы внутри табов */
.structure-stats-structure .tab-content .nav.nav-tabs.home {
    display: none !important;
}
/* Мобильная версия табов */
@media (max-width: 768px) {
    /* разрешаем перенос строк и чуть уменьшаем отступы */
    .structure-stats-structure .nav-tabs.home {
        flex-wrap: wrap;          /* теперь кнопки могут переходить на 2-й ряд */
        gap: 4px;                 /* чуть больше расстояние между кнопками на мобилке */
        flex-direction: column;
    }

    /* каждая кнопка занимает половину строки (2 в ряд) */
    .structure-stats-structure .nav-tabs.home > li {
        flex: 0 0 50%;            /* ширина 50% контейнера */
    }

    /* ссылка растягивается по li и не вылезает за края */
    .structure-stats-structure .nav-tabs.home > li > a {
        width: 100%;
        font-size: 12px;          /* можно чуть уменьшить текст, чтобы не ломало кнопки */
        padding: 8px 10px;        /* поменьше горизонтальный отступ */
        box-sizing: border-box;   /* учитываем бордеры/паддинги в ширине */
    }
}