@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face { 
    font-family: 'Digital';
    src: url('../../fonts/digital-7.ttf');
    font-weight: normal;
    font-style: normal; 
}


body{ background: #F5F5F5; font-family: 'Roboto', sans-serif; font-weight: 400; position: relative; overflow-x: hidden; display: flex; flex-direction: column; }
ul{ list-style: none; }
img{ max-width: 100%; max-height: 100%; }
a { text-decoration: none; color:#0066CC; }

a.player:hover { text-decoration: underline; }

body > .content{ flex-grow: 1; }
.site_loader { display:none; }

/* Scrollbar */
    /* Firefox */
    * { scrollbar-width: thin; scrollbar-color: #00000059 #ffffff; }
    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar { width: 12px; }
    *::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px     rgba(0,0,0,0.3);  }
    *::-webkit-scrollbar-thumb { background-color: #00000059; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px     rgba(0,0,0,0.5); }

/* General */
    .hidden{ display: none !important; }

    .tablet{ display: none !important; }
    .mobile{ display: none !important; }
    .desktop{ display: block !important; }
	th.desktop, td.desktop { display: table-cell !important; }

    .tablet-flex{ display: none !important; }
    .mobile-flex{ display: none !important; }
    .desktop-flex{ display: flex !important; }

    .fl-l { float: left; }
    .fl-r { float: right; }

    .ta-c{ text-align: center !important; }
    .ta-l{ text-align: left !important; }
    .ta-r{ text-align: right !important; }
    .va-m{ vertical-align: middle !important; }
    .ml-auto{ margin-left: auto; }
    .m-auto{ margin: auto; }

    .w-auto{ width: auto !important; }
    .h-auto{ height: auto !important; }

    .row-gap-10{ row-gap: 10px; }
    .row.space_between{ justify-content: space-between; }
    .cursor:hover{ cursor: pointer; }
    .bold, .bold td{ font-weight: 700 !important;}

    .w100p{ width: 100% !important; }
    .w16{ width: 16px; }
    .w30{ width: 30px; }
    .w40{ width: 40px; }
    .w50{ width: 50px; }
    .w60{ width: 60px; }
    .w70{ width: 70px; }
    .w80{ width: 80px; }
    .w100{ width: 100px; }
    .w110{ width: 110px; }
    .w120{ width: 120px; }
    .w140{ width: 140px; }
    .w150{ width: 150px; }
    .w200{ width: 200px; }
    .w250{ width: 250px; }
    .w320{ width: 320px; }
    .w350{ width: 350px; }
    .w380{ width: 380px; }
    .w495{ width: 495px !important; }

    .minw150{ min-width: 150px !important; }

    .h120{ height: 120px; }
    .h300{ height: 300px; }

    .mr-5{ margin-right: 5px; }

    .ml-10{ margin-left: 10px; }

	.mt-20 { margin-top: 20px !important; }

	.ml-50{ margin-left: 50px; }

	.border-l { border-left: 1px solid #CCCCCC !important; }
	.border-r { border-right: 1px solid #CCCCCC !important; }

    .link{ color: #fff; text-decoration: underline; }
    .link:hover{ text-decoration: none; }

    .black_link{ color: #000; text-decoration: underline; }
    .black_link:hover{ text-decoration: none; }

    .white_link{ color: #fff; }

    .red_link{ color: #a32035; text-decoration: none; border: 1px solid #a32035; border-radius: 3px; padding: 4px 8px; }
    .red_link.bolder{ padding: 8px 12px; font-size: 18px; font-weight: bold; }
    .red_link:hover{ color:#fff; background-color: #a32035; }
		.red_link.with_svg{ line-height: 20px; height: 20px; width: fit-content; }
		.red_link.with_svg svg{ stroke:#a32035; width: 20px; height: 20px;margin-left: 10px; line-height: 20px; float: right; }
		.red_link:hover .with_svg svg{ stroke:#fff; }

		.contracts .red_link.with_svg{ width: 100%; display: block; text-align: left; margin-bottom: 5px; height:auto; }
		.contracts .red_link.with_svg:last-child{ margin-bottom: 0px; }

    .hover_underline{ text-decoration: none !important; }
    .hover_underline:hover{ text-decoration: underline !important; }



	.flagIcon { margin-right:5px;font-size:20px; }

    .svgIcon { max-width: 100%; max-height: 100%; }
    .svgIcon.icon { width:16px;height:16px; }

    .section{ max-width: 100%; }
        .section.white_row{ background: #fff; width: calc(100% - calc(var(--bs-gutter-x))); margin-left: calc(var(--bs-gutter-x) * 0); padding-top: 16px; padding-bottom: 16px; }

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

    .align-flex-start{ align-items: flex-start; }

	.text-red { color:#A32035; }
	.text-green { color:#38B92D; }

    .side_padding_40{ padding: 0 40px; }

/* Paragraphs */
    .header{ font-weight: 700; color: #242424; }
        .header.xl_4{ font-size: 36px; line-height: 48px; }
        .header.xl_4.oneline{ height: 48px; }
        .header.xl_3{ font-size: 28px; line-height: 48px; }
        .header.xl_2{ font-size: 24px; line-height: 32px; }
        .header.xl{ font-size: 20px; line-height: 28px; }
        .header.large{ font-size: 16px; line-height: 20px; }
        .header.medium{ font-size: 14px; line-height: 20px; }
        .header.small{ font-size: 14px; line-height: 16px; }

    .body_text{ font-size: 400; font-size: 14px; line-height: 20px; color: #242424; }
        .body_text.large{ font-size: 16px; line-height: 20px; }
        .body_text.small{ font-size: 14px; line-height: 16px; }
        .body_text.extra_small{ font-size: 12px; line-height: 16px; }

    .blue_text{ color: #0066CC !important; }
    .gray_text{ color: #6C6D6F; }
    .red_text{ color: #A32035!important; }
    .black_text{ color: #000 !important; }
    .white_text{ color: #fff !important; }

/* Buttons */
    .buttons{ display: flex; gap: 4px; }
    .game_info_block.documents .buttons{ flex-wrap: wrap; }
    .game_info_block.documents .buttons .btn{ flex: 1 1 calc(50% - 20px); }
    .btn{ display: inline-block; border-radius: 4px; padding: 8px; font-size: 14px; font-weight: 700; outline: none; border: none; }
    .btn:hover{ cursor: pointer; }
    .btn.white{ background: #fff; color: #000; }
        .btn.white:hover{ background: #F5F5F5; }
        .btn.white:focus-visible{ background: #F5F5F5; border: 1px solid #000; outline: 1px solid #fff; padding: 7px; }
    .btn.black{ background: #000; color: #fff!important; border: 1px solid #000; }
        .btn.black:hover{ background: #fff; color: #000!important; }
				.btn.black.remove, .btn.black.remove:hover{ color: #ff4e4e; }
    .btn.red-transparent{ color: #A32035; background: #fff; border: 1px solid #A32035; border-radius: 4px; }
        .btn.red-transparent:hover{ background-color: #A32035; color: #fff; }
    .btn.red{ background-color: #A32035; color: #fff; border-radius: 4px; padding: 6px 8px; border: 1px solid #A32035; }
    .btn.red.large{ padding: 8px;  }
    .btn.green.large{ padding: 8px; border-radius: 4px; }
        .btn.red:hover{ color: #A32035; background-color: #fff; }
    .btn.green{ background-color: #38B92D; color: #fff; border-radius: 2px; padding: 2px 8px; border: 1px solid #38B92D; }
        .btn.green:hover{ color: #38B92D; background-color: #fff; }

/* Header games */
    .header_games{ height: 68px; min-height: 68px; vertical-align: middle; display: flex; justify-content: space-between; }
    .header_games .white_select_block{ background: #fff; height: 100%; width: 118px; display: flex; align-items: center; justify-content: center; font-size: 12px; }
    .header_games .select_block{ padding: 8px; border-radius: 4px; position: relative; width: calc(100% - 24px); }
        .header_games .select_block .value{ display: inline-block; position: relative; padding-right: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: calc(100% - 20px); height: 14px; }
        .header_games .select_block .value svg.arrow{ width: 12px; height: 6px; position: absolute; top: 4px; right: 5px; color: #CCC; }
        .header_games .select_block:hover{ cursor: pointer; background-color: #F5F5F5; }
        .header_games .select_block:focus-visible{ background-color: #F5F5F5; outline: 1px solid #000000; }

        /* Options */
            .header_games .select_block .options{ display: none; padding: 4px 8px; border-radius: 4px; max-height: 200px; overflow: auto; }
            .header_games .select_block .options li{ display: flex; flex-direction: column; gap: 4px; white-space: nowrap; padding: 4px 8px; border-radius: 2px; position: relative; padding-left: 25px; font-size: 16px; line-height: 24px; }
            .header_games .select_block .options li svg{ color: #9E9E9E; width: 14px; height: 11px; display: none; position: absolute; left: 6px; top: 10px;}

        /* Active options */
            .header_games .select_block.active{ background-color: #F5F5F5; }
            .header_games .select_block.active .value svg.arrow{ transform: rotate(180deg); }
            .header_games .select_block.active .options{ display: block; position: absolute; top: 29px; background: #fff; left: 0; z-index: 100; box-shadow: 0px 0px 16px 0px #00000029; }

        /* Selected option */
            .header_games .select_block .options li:hover{ background: #F5F5F5; }
            .header_games .select_block .options li.active{ background: #F5F5F5; }
            .header_games .select_block .options li.active svg{ display: inline-block; }



    .header_games .games{ height: 100%; position: relative; max-width: calc(100% - 206px); margin-right: 44px; }
    .header_games.full_width_games .games{ max-width: calc(100% - 84px); margin-left: 40px; }
        .header_games .games .date_box{ background-color: #F5F5F5; padding: 10px 4px; width: 45px; color: #9E9E9E; text-align: center; font-size: 12px; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 48px; }
        .header_games .games .date_box .day{ font-weight: 700; }
        .header_games .games .game_box{ background: #FFFFFF; height: 60px; width: 176px; padding: 4px 8px; position: relative; }

            .header_games .games .game_box .place_data{ display: flex; font-size: 10px; justify-content: space-between; color: #6C6D6F; align-items: center; }
            .header_games .games .game_box .time{ background-color: #F5F5F5; padding: 3px 5px; height: 14px; border-radius: 2px; display: flex; justify-content: center; align-items: center; color: #6C6D6F; font-size: 10px; }
            .header_games .games .game_box .time svg{ width: 11px; height: 11px; margin-right: 4px; min-width: 11px; }
            .header_games .games .game_box .place_data .place{ margin-left: auto; }

            .header_games .games .game_box .game_data{ display: flex; align-items: center; }
            .header_games .games .game_box .game_data .teams{ display: flex; flex-direction: column; font-size: 12px; font-weight: 700; color: #000000; width: 100%; }
            .header_games .games .game_box .game_data .teams .team{ display: flex; align-items: center; }
            .header_games .games .game_box .game_data .teams .team .score{ margin-left: auto; }
            .header_games .games .game_box .game_data .teams .gray{ color: #9E9E9E; }
            .header_games .games .game_box .game_data .teams img{ width: 20px; height: 20px; margin-right: 5px; }
            .header_games .games .game_box .game_data .teams .image { height: 20px; width: 25px; display: flex;  align-content: center;  align-items: center; }
            .header_games .games .game_box .game_data .teams .image img{ width: 20px; height: fit-content; }
            .game_live { background-color: #a32035;  color: #fff;  padding: 3px 5px;  border-radius: 5px;  font-size: 10px; }
            .header_games .games .game_box .game_data .game_live { position: absolute;  top: 34px;  right: 8px; }

            .owl-carousel .game_box .game_extras,
            .tournament_landing_games  .game_box .game_extras{ position: absolute; top: 0; width: 100%; height: 100%; z-index: 9999; background: #333; left: 0; justify-content: center; display: none; gap: 5px; align-items: center; }
            .owl-carousel .game_box:hover .game_extras,
            .tournament_landing_games .game_box:hover .game_extras{ display: flex; }
            .owl-carousel .game_box .game_extras .divider,
            .tournament_landing_games  .game_box .game_extras .divider{ width: 1px; height: 16px; background-color: #9E9E9E; }
            .owl-carousel .game_box .game_extras a,
            .tournament_landing_games .game_box .game_extras a{ display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; text-decoration: none; font-size: 11px; width: 55px; gap: 5px; }
            .owl-carousel .game_box .game_extras a svg,
            .tournament_landing_games .game_box .game_extras a svg{ width: auto; height: 16px; }
            .owl-carousel .game_box .game_extras a:hover,
            .tournament_landing_games .game_box .game_extras a:hover{ color: #9E9E9E; }

        .header_games .games .owl-stage-outer{ z-index: 9; }
        .header_games .games .owl-nav{ position: absolute; top: 0; bottom: 0; width: 100%; }
        .header_games .games .owl-nav button{ height: 68px; background-color: #F5F5F5; width: 44px; position: absolute; z-index: 10;}
        .header_games .games .owl-nav button:hover{ background: #EDEEF0; }
        .header_games .games .owl-nav button:focus-visible{ background: #EDEEF0; outline: 1px solid #000; height: 66px; top: 1px; }
        .header_games .games .owl-nav button.owl-prev{ box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.16); left: -44px; }
        .header_games .games .owl-nav button.owl-next{ box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.16); right: -44px; }
        .header_games .games .owl-nav button span{ font-size: 32px; }



/* Header menu */
    .header_menu{ display: flex; background-color: #242424; height: 64px; min-height: 64px; align-items: center; }
    .header_menu .logo{ width: 100px; text-align: center; }
    .header_menu.open_tournament .logo{ text-align: right; width: 70px; margin-right: 10px; }
    .header_menu .tournament{ display: flex; height: 32px; align-items: center; gap: 15px; margin-right: 15px; }
        .header_menu .tournament .back_to_btn{ color: #fff; font-size: 14px; font-weight: 700; line-height: 20px; padding: 8px; min-width: 50px; }
        .header_menu .tournament .back_to_btn svg{ width: 16px; height: 10px; transform: rotate(180deg); }
        .header_menu .tournament .divider{ width: 1px; height: 20px; background-color: #fff; }
        .header_menu .tournament .image{ height: 32px; }
        .header_menu .tournament .image img{ max-height: 32px; width: auto; }
    .header_menu .menu{ display: flex; margin-right: auto; height: 100%; align-items: center; }
        .header_menu .menu > li{ height: 100%; display: flex; align-items: center; position: relative; }
        .header_menu .menu > li > a{ color: #fff; text-decoration: none; position: relative; height: 100%; padding: 0 8px; display: flex; align-items: center;  font-size: 15px; font-weight: 400;}
        .header_menu .menu > li > a:hover, .header_menu .menu > li.active > a{ background: #3A3A3A; }
            .header_menu .menu > li{ border-radius: 4px; }
            .header_menu .menu > li a .arrow{ display: none; }
            .header_menu .menu > li .submenu > li a .arrow{ display: inline-block; stroke: #A32035; width: 16px; height: 16px; min-width: 16px; min-height: 16px; transform: rotate(-90deg); }
            .header_menu .menu > li > a:focus-visible{ outline: 1px solid #A32035; border: 1px solid #fff; background-color: #3A3A3A; height: calc(100% - 4px); padding: 0 7px; }
            .header_menu .menu > li .submenu{ display: none; background-color: #FFFFFF; border-radius: 4px; box-shadow: 0px 0px 16px 0px #00000029; }
            .header_menu .menu > li .submenu a:focus-visible, .header_menu .menu > li .submenu a:focus{ outline: 1px solid #A32035; background-color: #F5F5F5; border-color:#b85767; }
            .header_menu .menu > li:hover > .submenu,
            .header_menu .menu > li.active > .submenu
            { /* display: inline-block; */ border: 1px solid #F5F5F5;  position: absolute; z-index: 99; top:64px; }
            .header_menu .menu > li:hover > .submenu > li:hover > .submenu,
            .header_menu .menu > li.active > .submenu > li.active > .submenu
            { /* display: inline-block; */ border: 1px solid #F5F5F5; position: absolute; z-index: 99; top:1px; left: 100%; }
            .header_menu .menu > li:hover > .submenu > li:hover > .submenu li:hover > .submenu,
            .header_menu .menu > li.active > .submenu > li.active > .submenu li.active > .submenu
            { /* display: inline-block; */ border: 1px solid #F5F5F5; position: absolute; z-index: 99; top:1px; left: 100%; }
            .header_menu .menu > li .submenu li{ position: relative; }
            .header_menu .menu > li .submenu a{ color: #242424; line-height: 20px; padding: 6px 8px; border-radius: 4px; width: calc(100% - 18px); display: block; white-space: nowrap; border:1px solid #fff; display: flex; justify-content: space-between; gap: 5px; align-items: center; font-size: 15px; font-weight: 400; }
            .header_menu .menu > li .submenu a:hover{ background-color: #F5F5F5;  }

        .header_menu .menu.tournament_menu > li > a{ font-weight: 400; font-size: 14px; }


    .header_menu .left_options{ margin-left: auto; margin-right: 30px; display: flex; gap: 25px; color: #fff; align-items: center; font-size: 14px; font-weight: 700; }
        .header_menu .left_options svg{ width: 20px; height: 20px; }
        .header_menu .left_options svg.hamburger{ position: relative; top: 3px; }
        .header_menu .left_options svg.cross{ width: 26px; height: 26px; position: relative; left: -4px; }
        .header_menu .left_options .search{ display: flex; align-items: center; gap: 5px; }
        .search_input{ border-radius: 4px; background: #fff; display: flex; color: #CCCCCC; align-items: center; }
        .search_input .magnifying_glass{ margin-left: 6px; }
        .search_input input{ border: none !important; }
        .header_menu .left_options .search_input .cross{ width: 14px; height: 14px; margin-right: 6px; }
        .header_menu .left_options .calendar{ position: relative; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; border-radius: 8px; }
        .header_menu .left_options .calendar.active{ background-color: #3A3A3A; }
        .header_menu .left_options .calendar input{ position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0; }
        .header_menu .left_options .language{ position: relative; }
            .header_menu .left_options .language .icon{ display: flex; align-items: center; gap: 5px; }
            .header_menu .left_options .language .language_list{ display: none; flex-direction: column; background: #fff; position: absolute;top: 37px; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; }
            .header_menu .left_options .language.active .language_list{ display: flex; }
            .header_menu .left_options .language .language_list li{ display: flex; }
            .header_menu .left_options .language .language_list li a{ padding: 7px 20px; color: #000; width: 100%; }


    .tournament_top_line{ display: flex; justify-content: space-between; padding-left: 26px; align-items: center; padding-right: 30px; }
    .tournament_header_line{ display: flex; }
    .tournament_header_line .element{ width: 100%; }
    .tournament_header_line .element img{ width: 100%; }


    .tournament_top_select.select_block{ position: relative; display: inline-block; }
    .tournament_top_select_block .tournament_top_select.select_block{ margin-right: 25px; }
    .tournament_top_select_block .tournament_top_select.select_block:last-child, .tournament_top_select_block .tournament_top_select.select_block:only-child{ margin-right: 0px; }
    .tournament_top_select.select_block .arrow{ position: absolute; top: 15px; right: 10px; width: 11px; height: 6px; color: #0066CC;pointer-events: none; }
    .tournament_top_select.select_block select{ padding-right: 28px; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
    .tournament_top_select.select_block select::-ms-expand{ display: none; }

/* Datepicker */
    .datepicker th, .datepicker td{ vertical-align: middle; font-size: 16px; }
    .datepicker .day, .datepicker .dow{ width: 24px !important; height: 20px !important; padding: 4px !important; text-align: center !important; border-radius: 4px !important; }
    .datepicker::before{ display: none; }
    .datepicker::after{ display: none; }
    .datepicker th{ font-weight: 700; color: #9E9E9E; }
    .datepicker td.active{ background-color: #242424 !important; color: #fff !important; }
    .datepicker table tr td span{ height: 30px; line-height: 30px; }
    .datepicker table tr td span.active{ background-color: #242424 !important; color: #fff !important; }
    .datepicker thead .datepicker-switch{ color: #242424; }
    .datepicker thead .datepicker-switch:focus-visible{ outline: 1px solid #A32035; background: #eee; }
    .datepicker .arrow_left{ color: #9E9E9E; transform: rotate(90deg); width: 11px; height: 6px; }
    .datepicker .arrow_right{ color: #9E9E9E; transform: rotate(-90deg); width: 11px; height: 6px; }

/* News block */
    .news_block{ background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.625) 69%, #000000 100%); position: relative; color: #fff; background: #fff; }
    .news_block .active_news{ height: 432px; position: relative; padding: 8px; }
        .news_block .active_news img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0px; }
        .news_block .active_news .overlay{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.625) 69%, #000000 100%); }
        .news_block .active_news .news_data{ position: absolute; bottom: 81px; width: calc(100% - 10px); left: 4px; display: flex; flex-direction: column; gap: 4px; height: calc(100% - 85px); justify-content: end; color: #fff; }
        .news_block .active_news .news_data .date{ font-size: 12px; margin: 0 10px; }
        .news_block .active_news .news_data .name{ font-size: 24px; font-weight: 700; margin: 0 10px; margin-bottom: 10px; }
    .news_block .news_list{ position: absolute; bottom: 8px; height: 68px; display: flex; width: 100%; }
        .news_block .news_list li{ width: 25%; display: flex; flex-direction: column; gap: 3px; border-right: 1px solid #CCCCCC; padding: 0 8px; }
        .news_block .news_list li:last-child{ border-right: none; }
        .news_block .news_list li:hover .name{ color: #CCCCCC; }
        .news_block .news_list li .progress_bar{ background-color: #CCCCCC; width: 100%; height: 4px; border-radius: 4px; margin-bottom: 8px; position: relative; }
        .news_block .news_list li .progress_bar span{ display: inline-block; background-color: #A81B25; height: 4px; position: absolute; }
        .news_block .news_list li .date{ font-size: 12px; color: #CCCCCC; }
        .news_block .news_list li .name{ font-size: 14px; line-height: 20px; height: 40px; text-overflow: ellipsis; overflow: hidden; }

        .media_list.news.column{ row-gap: 13px; }
            .media_list.news.column .media_block{ width: 100%; display: flex; gap: 5px; align-items: flex-start; border-bottom: 1px solid #CCC; padding-bottom: 13px; }
            .media_list.news.column .media_block:last-child{ border-bottom: none; padding-bottom: 0px; }
            .media_list.news.column .media_block .thumbnail_block{ width: 135px; height: unset; min-height: 75px; }
            .media_list.news.column .media_block .media_data{ max-width: calc(100% - 140px); }
            .media_list.news.column .media_block .media_data .name{ font-size: 14px; line-height: 18px; }



    .news_open .news_header, .section_open .section_header{ display: flex; flex-direction: column; gap: 10px; }
        .news_open .news_header .date, .section_open .section_header .date{ font-size: 14px; line-height: 20px; color: #9E9E9E; }
        .news_open .news_header .name, .section_open .section_header .name{ color: #242424; font-weight: 700; font-size: 24px; line-height: 28px; }
        .news_open .news_header .image, .section_open .section_header .image{ width: 100%; }
            .news_open .news_header .image img, .section_open .section_header .image img{ width: 100%; height: auto; }
        .news_open .news_header .author_row, .section_open .section_header .author_row{ color: #9E9E9E; display: flex; justify-content: space-between; align-items: center; font-size: 14px; line-height: 20px; }


    .news_content h1, .news_content h2, .news_content h3, .news_content h4,  h1.section_title,  h2.section_title,  h3.section_title,  h4.section_title{ font-weight: 700!important; color: #242424!important; }
    .news_content h1, h1.section_title{ font-size: 24px; line-height: 28px; }
    .news_content h2, h2.section_title{ font-size: 20px; line-height: 24px; margin-bottom: 10px; }
    .news_content h2.mb-0, h2.section_title.mb-0{ margin-bottom: 0px; }
    .news_content h3, h3.section_title{ font-size: 18px; line-height: 22px; }
    .news_content h4, h4.section_title{ font-size: 16px; line-height: 20px; }
    .news_content p,{ font-size: 14px; line-height: 20px; color: #242424; }
    .news_content p:first-child{ font-weight: 700; }
		.news_content.wysiwyg img{ width:100%!important; height:auto!important; }

    .quote{ font-weight: 700; font-size: 16px; line-height: 20px; border-left: 4px solid #B62940; padding: 8px 16px; }

/* Video open */
    .video_title{ display: flex; justify-content: space-between; align-items: center; }
        .video_title .date{ color: #9E9E9E; font-size: 14px; line-height: 20px; }
        .video_title .name{ font-weight: 700; font-size: 24px; line-height: 28px; margin-top: 5px; }

/* Socials list*/
    .socials_list{ display: flex; gap: 10px; color: #9E9E9E; }
    .socials_list li a{ width: 32px; height: 32px; border-radius: 32px; border: 1px solid #9E9E9E; display: flex; justify-content: center; align-items: center; }
    .socials_list li svg{ height: 14px; width: auto; color: #9E9E9E; }


/* Gallery */
    .gallery_row{ display: flex; justify-content: space-between; gap: 10px; }
        .gallery_row a{ position: relative; }
        .gallery_row.picture_1 a{ width: 100%; }
        .gallery_row.picture_2 a{ width: 50%; }
        .gallery_row.picture_3 a{ width: 33%; }
        .gallery_row.picture_4 a{ width: 25%; }
        .gallery_row a img{ width: 100%; }
        .gallery_row a .overlay{ position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #242424; color: #fff; font-size: 16px; line-height: 20px; top: 0px; text-align: center; }

    .gallery_list{ display: flex; justify-content: flex-start; gap: 10px; flex-wrap: wrap; }
        .gallery_list a{ max-width: 310px; width: calc(25% - 10px); }

/* White block */
    .white_block{ background: #fff; padding: 16px; max-height: calc(100% - 32px); max-width: calc(100% - 32px); margin: 0 auto; }
        .section_title{ color: #000000; font-size: 16px; font-weight: 700; line-height: 20px; width: 100%; display: block; }
        .section_title:hover svg{ color: #A32035; }
        .section_title:focus-visible{ outline: 1px solid #A32035; }
        .section_title:focus-visible svg{ color: #A32035; }
        .section_title svg{ width: 16px; height: 10px; margin-left: 5px; }
        .section_title svg.arrow_back{ transform: rotate(180deg); }
        .section_title .back_btn{ color: #000; }
        .link_list a{ display: block; color: #000; border-bottom: 1px solid #CCCCCC; padding: 8px 4px; }
        .link_list a:hover{ border-bottom-color: #A32035; background: #F5F5F5; }
        .link_list a:focus-visible{ outline: 1px solid #A32035; background: #F5F5F5; }

/* Banners */
    .banner_wide{ width: 100%; height: auto; }
        .banner_wide img{ width: 100%; }
    .banner{ display: block; width: 100%; height: auto; }
        .banner img{ width: 100%; }
        .banner:focus-visible{ outline: 1px solid #A32035; }

/* Games */
    .games_large{ height: 128px; display: flex; background: #fff; justify-content: space-between;overflow:hidden; }
    .games_large.tournament_landing_games{ flex-direction: column; height: auto; gap: 12px; }
    .games_large .image{ width: 128px; }
    .games_large .owl-carousel{ height: 100%; max-width: calc(100% - 128px); position: relative; align-items: center; display: flex;
        max-width: calc(100% - 224px); margin-right: 44px;
    }
        .games_large .game_box{ border: 1px solid #CCCCCC; padding: 8px; border-radius: 8px; width: 264px; position: relative; }
        .games_large .game_box .date_data{ text-align: center; font-size: 10px; line-height: 14px; color: #9E9E9E; }
        .games_large .game_box .place_data{ text-align: center; font-size: 10px; line-height: 14px; color: #9E9E9E; }
        .games_large .game_box .image{ height: 44px; display: flex; align-items: center; justify-content: center; }
        .games_large .game_box .image img{ width: auto; }
        .games_large .game_box .teams{ display: flex; justify-content: center; align-items: center; }
        .games_large .game_box .teams .team{ width: 84px; display: flex; justify-content: center; }
        .games_large .game_box .teams .versus_text{ width: 96px; display: flex; justify-content: center;  }
        .games_large .game_box .teams .versus_text .vs{ font-size: 10px; line-height: 19px; margin: 0px 11px; }
        .games_large .game_box .game_extras { position: absolute; top: 0; width: 100%; height: 100%; z-index: 9999; background: #333; left: 0; justify-content: center; display: none; gap: 5px; }

        .games_large .game_box .game_extras{ border-radius: 8px; }
        .games_large .game_box .game_extras a{ width: 70px; font-size: 14px; }

        .games_large.tournament_landing_games .game_box{ width: calc(100% - 18px); }
        .games_large.tournament_landing_games .game_box .teams .team{ flex-direction: column; align-items: center; }

    .games_large .owl-stage-outer{ z-index: 9; }
    .games_large .owl-nav{ position: absolute; top: 0; bottom: 0; width: 100%; }
    .games_large .owl-nav button{ height: 128px; background-color: #fff !important; width: 44px; position: absolute; z-index: 10; }
    .games_large .owl-nav button:hover{ background-color: #EDEEF0 !important; }
    .games_large .owl-nav button:focus-visible{ background-color: #EDEEF0 !important; outline: 1px solid #000; height: 126px; top: 1px; }
    .games_large .owl-nav button.owl-prev{ box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.16); left: -44px;}
    .games_large .owl-nav button.owl-next{ box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.16); right: -44px;}
    .games_large .owl-nav button span{ font-size: 32px; }

/* Media */
    .media_list{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start; }
        .media_list .media_block{ width: 188px; display: inline-block; }
				/* width: 310px; height: 170px; */
        .media_list .media_block .thumbnail_block{ position: relative; }
        .media_list.galler_list .media_block .thumbnail_block, .media_list.video .media_block .thumbnail_block{
					/* KS TMP START */
					height: 96px;
				  overflow:	hidden;
					/* KS TMP END*/
				}
        .media_list .media_block .thumbnail_block.large{ width: 630px; height: auto; max-width: 100%;}
        .media_list .media_block .thumbnail_block .overlay{ display: none; }
        .media_list .media_block:focus-visible{ outline: 1px solid #A32035; }
        .media_list .media_block:hover .thumbnail_block .overlay{ display: block; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3125) 69%, rgba(0, 0, 0, 0.5) 100%); }
        .media_list .media_block .thumbnail_block img{ width: 100%; height: auto; margin: 0px auto;  max-width: fit-content;  display: block; }
        .media_list .media_block.galler_list .thumbnail_block img, .media_list .media_block.video .thumbnail_block img{
					/* KS TMP START */
					max-height: none;
					/* KS TMP END */
		 		}
				.media_list.galler_list .media_block .thumbnail_block img, .media_list.video .media_block .thumbnail_block img{
						/* KS TMP START */
						 /* height:96px;  */
						 max-height: unset;
					 /* KS TMP END */
				 }
        .media_list .media_block .thumbnail_block .options{ position: absolute; left: 5px; bottom: 5px; display: flex; gap: 5px; }
        .media_list .media_block .thumbnail_block .options .round_btn{ background: #FFFFFF; opacity: 0.8; border-radius: 34px; padding: 4px; color: #9E9E9E; font-size: 12px; line-height: 16px; min-width: 20px; min-height: 20px; height: 20px; display: flex; justify-content: center; align-items: center; }
        .media_list .media_block .thumbnail_block .options .round_btn.large{ padding: 4px 8px; width: auto; }
        .media_list .media_block .thumbnail_block .options .round_btn .time{ margin-left: 5px; }
        .media_list.video .media_block .thumbnail_block .options .round_btn svg{ width: 10px; height: 10px; }
        .media_list.gallery .media_block .thumbnail_block .options .round_btn svg{ width: 16px; height: 13px; }

        .media_list .media_block .media_data .date{ font-size: 12px; line-height: 16px; color: #9E9E9E; margin-bottom: 4px; } /* margin-top: 8px; */
        .media_list .media_block.large .media_data .date{ margin-top: 16px; }
        .media_list .media_block .media_data .name{ font-size: 16px; line-height: 20px; color: #000; font-weight: 400; }
        .media_list.galler_list .media_block .media_data .name, .media_list.video .media_block .media_data .name{
					/* KS TMP START */
					height: 60px;
					overflow: hidden;
					/* KS TMP END */
				 }


        .with_dots .owl-carousel{ padding-bottom: 40px; }
        .with_dots .owl-carousel .owl-dots:not(.disabled){ display: flex; text-align: center; position: absolute; bottom: 10px; justify-content: center; width: 100%; gap: 8px; }
        .with_dots .owl-carousel .owl-dots button{ width: 8px; height: 8px; border-radius: 10px; background: #D7D7D7; }
        .with_dots .owl-carousel .owl-dots button.active{ width: 48px; background: #A32035; }

    .media_list.news{ row-gap: 20px; }
        .media_list.news .media_block{ width: calc(25% - 6px); }
        .media_list.news .large{ width: calc(50% - 4px); }
        .media_list.news .large .media_data{ display: flex; flex-direction: column; gap: 4px; }
        .media_list.news .large .name{ font-size: 24px; line-height: 28px; font-weight: 700; }
    .media_list.video_list .round_btn.large{ width: 55px !important; }
    .media_list.video_list .round_btn svg{ color: #242424; width: 9px; height: 9px; }
    .media_list.video_list.gallery .round_btn svg{ width: 16px; height: 13px; }

/* Pagination */
    .pagination{ display: flex; justify-content: center; gap: 5px; }
        .pagination li a, .pagination li span{ color: #9e9e9e; font-size: 14px; line-height: 20px; width: 28px; height: 28px; display: flex; justify-content: center; align-items: center; border-radius: 4px; padding: 0px 2px; }
        .pagination li a:hover, .pagination li span:hover{ cursor: pointer; }
        .pagination li.active a, .pagination li.active span{ color: #242424; border: 1px solid #242424; font-weight: 700; }
        .pagination li.previous_page svg{ width: 14px; height: 8px; transform: rotate(90deg); }
        .pagination li.next_page svg{ width: 14px; height: 8px; transform: rotate(-90deg); }


/* Sponsors */
    .sponsor_list{ display: flex; flex-wrap: wrap; gap: 9px; }
    .sponsor_list .sponsor_img{ width: 120px; height: 60px; border: 1px solid #EDEEF0; border-radius: 8px; text-align: center; word-wrap: anywhere; }
    .sponsor_list .sponsor_img:hover{ border-color: #242424; }
    .sponsor_list .sponsor_img:focus-visible{ border-color: #fff; outline: 1px solid #242424; }
    .sponsor_list .sponsor_img img{ width: 100%; height: 100%; object-fit: contain; border-radius: 8px; }
    .sponsor_list.center{ justify-content: center; }

	/* Sponsors */
    .media_list.sponsors{ display: flex; flex-wrap: wrap; gap: 10px; }
    .media_list.sponsors .sponsor_img{ width: 110px; height: 50px; border: 1px solid #EDEEF0; border-radius: 8px;padding:4px; }
    .media_list.sponsors .sponsor_img:hover{ border-color: #242424; }
    .media_list.sponsors .sponsor_img:focus-visible{ border-color: #fff; outline: 1px solid #242424; }
    .media_list.sponsors .sponsor_img img{ width: 100%; height: 100%; object-fit: contain; }


/* Inputs */
    .form-input{ border: 1px solid #ACAAAA; padding: 8px; border-radius: 4px; background-color: #fff; outline: none; color: #242424; }
    .form-input::placeholder{ color: #989797; }
    .form-input:hover{ background-color: #FAFAFA; border-color: #ACAAAA; }
    .form-input:focus{ background-color: #fff; border-color: #000; }
    .form-input:disabled{ background-color: #F5F5F5; border-color: #EDEEF0; color: #00000090; }
    .form-input.gray_text{ color: #9E9E9E; }
    .form-input.error{ border-color: #A32035; }
    .form-input.success{ border-color: #38B92D; }
    textarea.form-input{ resize: none; width: 100%; }
    textarea.form-input.resizable{ resize: vertical; }

    input.form-input.narrow_input{ padding: 2px 8px; }
    .select_block.narrow_input select{ padding: 2px 8px; }
    .select_block.narrow_input svg.arrow{ top: 9px; }

    .checkbox_block{ display: inline-block; color: #fff; }
    .checkbox_block .label{ margin-bottom: 5px; font-size: 14px; line-height: 20px; }
    .checkbox_block label{ display: inline-block;  position: relative; padding-left: 24px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 8px; }
    .checkbox_block input{ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
    .checkbox_block .checkmark{ position: absolute; top: 0; left: 0; height: 14px; width: 14px; background-color: #fff; border-radius: 4px; border: 2px solid #ACAAAA; }
    .checkbox_block.radio .checkmark{  border-radius: 16px; }
    .checkbox_block .checkmark:after { content: ""; position: absolute; display: none; }
    .checkbox_block .checkmark:after { left: 4px; top: 1px; width: 4px; height: 8px; border: solid #fff; border-width: 0 1.5px 1.5px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    .checkbox_block.radio .checkmark::after{ border: none; background: #fff; border-radius: 100%; width: 8px; height: 8px; left: 3px; top: 3px; }
    .checkbox_block .text{ color: #000; }

    /* Checked */
        .checkbox_block label input:checked ~ .checkmark{ background-color: #3A3A3A;border: 2px solid #3A3A3A; }
        .checkbox_block label input:checked ~ .checkmark:after { display: block; }
    /* Hover */
        .checkbox_block label:hover input ~ .checkmark { background-color: #FAFAFA; }
        .checkbox_block label:hover input:checked ~ .checkmark{ background-color: #242424; }
    /* Focus */
        .checkbox_block label:focus input ~ .checkmark { background-color: #FAFAFA; border-color: #242424; }
        .checkbox_block label:focus input:checked ~ .checkmark{ outline: 1px solid #242424; border-color: #fff; width: 15px; height: 15px; background-color: #3A3A3A; left: 1px; }
    /* Disabled */
        .checkbox_block label input:disabled ~ .checkmark { background-color: #F5F5F5 !important; border-color: #EDEEF0; }
        .checkbox_block label input:disabled:checked ~ .checkmark{ border-color: #9E9E9E; }
     /* Hover */
        .checkbox_block label.error input ~ .checkmark { border-color: #A32035; }
        .checkbox_block label.error input:checked ~ .checkmark{ border-color: #A32035; }
     /* Success */
        .checkbox_block label.success input ~ .checkmark { border-color: #38B92D; }
        .checkbox_block label.success input:checked ~ .checkmark{ border-color: #38B92D; }

    .checkbox_block .text{ position: relative; top: 1px; }

    .switch { position: relative; display: inline-block; width: 40px; height: 20px; }
    .switch input { opacity: 0; width: 0; height: 0; }
    .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #242424; -webkit-transition: .4s; transition: .4s; border-radius: 20px; }
    .switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
    .switch input:checked + .slider { background-color: #A32035; }
    .switch input:focus + .slider { box-shadow: 0 0 1px #A32035; }
    .switch input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
    .switch input:disabled + .slider { background-color: #F1F1F1; }

/* Filter Row */
    .filter_row{ display: flex; flex-wrap: wrap; gap: 16px; }
    .form-group label{ font-size: 14px; line-height: 20px; margin-right: 5px; }
    .form-group label .mandatory { color:#A32035;margin-right: 5px; }
    .form-group.full_width label{ width: 100%; color: #000; font-size: 12px; line-height: 16px; margin-bottom: 3px; display: flex; } /* justify-content: space-between; */
    .form-group.full_width label .rule_text{ color: #242424; }
    .form-group.full_width input,
    .form-group.full_width textarea{ width: calc(100% - 16px); }
    .form-group.full_width select{ width: 100%; }
	.form-group input:read-only { background-color:#eee; }
	.form-group textarea:read-only { background-color:#eee; }
    .form-group .select_block{ position: relative; display: inline-block; }
    .form-group .select_block .arrow{ position: absolute; top: 15px; right: 10px; width: 11px; height: 6px; color: #0066CC; }
    .form-group .select_block select{ padding-right: 28px; appearance: none; -webkit-appearance: none; -moz-appearance: none;max-width:calc(100vw - 32px); }
    .form-group .select_block select::-ms-expand{ display: none; }
    .form-group .datepicker{ width: 90px; }
    .form-group.search_input{ position: relative; border: 1px solid #CCCCCC; border-radius: 4px; }
        .form-group.search_input svg{ width: 20px; height: 20px; position: absolute; left: 0px; top: 7px; }
        .form-group.search_input input{ padding-left: 30px; }
        .form-group.range .divider{ margin:0 5px; }

		.fixed_calendar .filter_row label{ min-width: 80px; display: block; float: left; line-height: 34px; }
		.fixed_calendar .filter_row label.mw50{ min-width: 50px; }
		.fixed_calendar .filter_row .form-group.calendar_team .select_block, .fixed_calendar .filter_row .form-group.calendar_arena .select_block{ width: 244px; }
		.fixed_calendar .filter_row .form-group.calendar_team .select_block select, .fixed_calendar .filter_row .form-group.calendar_arena .select_block select{ max-width: 100%; width: 100%; }
		.fixed_calendar .filter_row.mt-16 { margin-top:16px; }
		.fixed_calendar .form-group.mw244 { max-width: 244px; }

		.form-group.mw100, .form-group.mw100 .select_block, .form-group.mw100 .select_block select{ max-width: 100%!important; }

    .form-group .input_block{ position: relative; }
        .form-group .input_block input{ padding-right: 30px; }
        .form-group .input_block svg{ width: 12px; height: 15px; color: #000; position: absolute; right: 10px; top: 9px; }

        .login_block .form-group.full_width input{ width: calc(100% - 18px); }
        .login_block .form-group .input_block input{ width: calc(100% - 40px); }
        .login_block .form-group .input_block svg{ right: 10px; }

    .form-group.error input{ border: 1px solid #A32035; }
    .form-group .error_text{ color: #A32035; font-size: 12px; line-height: 16px; }
    .form-group input.readonly{ color: #98979759; background-color: #F5F5F5; }

    .form-group .color_picker_block{ display: flex; gap: 4px; align-items: center; }
    .form-group .color_picker_block input{ border: none; }
    .form-group .color_picker_block input:hover{ background: #fff; }

    .blank_link{ color: #242424; font-size: 12px; line-height: 16px; }
    .blue_link{ color: #0066CC; font-size: 12px; line-height: 16px; font-weight: 400; }

    .verification_code{ display: flex; gap: 8px; }
        .verification_code input{ border-radius: 4px; border: 1px solid #CCCCCC; padding: 10px 8px; text-align: center; font-size: 24px; outline: none; }
        .verification_code input:focus{ border-color: #000; }

/* Tournament open */
    .tab_buttons{ background-color: #F1F1F1; border-radius: 4px; padding: 2px; display: inline-block; }
    .tab_buttons a{ color:#000; }
    .tab_buttons.transparent_bg{ background-color: transparent; }
    .tab_buttons ul{ display: flex; gap: 2px; }
    .tab_buttons ul:not(.w100p) { flex-wrap: wrap; }
    .tab_buttons ul li{ border-radius: 2px; padding: 4px 8px; width: auto; text-align: center; margin-right: 10px; }
    .tab_buttons.narrow ul li{ margin-right: 2px; }
    .tab_buttons ul li:last-child{ margin-right: 0px; }
    .tab_buttons ul li.active{ background-color: #fff; box-shadow: 0px 0px 4px 0px #00000029; color: #B62940; }
    .tab_buttons.transparent_bg ul li{ color: #6C6D6F; padding: 8px 16px; width: auto; }
    .tab_buttons.transparent_bg ul li.active{ background-color: #fff; box-shadow: none; color: #000; border-bottom: 2px solid #C00037; }
    .tab_buttons ul li:hover{ background-color: #fff; cursor: pointer; }

		.tab_buttons.flex{ display: flex; justify-content: space-between; }
		.tab_buttons.flex.rightOnly { justify-content: right;}

    .tab_buttons.buttons_full_width { width: 100%; }
    .tab_buttons.buttons_full_width ul li{ flex: 1; }



    .leaders_list ul{ display: flex; flex-direction: column; gap: 8px; }
    .leaders_list ul li{ border-bottom: 1px solid #F5F5F5; padding-bottom: 12px; }
    .leaders_list ul li > a{ display: flex; align-items: center; gap: 8px; color: #000; }
    .leaders_list ul li:last-child{ border-bottom: 0; padding-bottom: 4px; }

    .leaders_list ul li .image{ border-radius: 4px; background-color: #f0f0f0; width: 40px; height: 40px; text-align: center; position: relative; }
    .leaders_list ul li.large .image{ width: 52px; height: 52px; min-width: 52px; min-height: 52px; }
        .leaders_list ul li .image img{ max-width: 100%; max-height: 100%; }
        .leaders_list ul li .place{ width: 25px; min-width: 25px; text-align: center; font-weight: 600; }
    .leaders_list ul li .player_data{ display: flex; flex-direction: column; }
    .leaders_list ul li.large .player_data{ gap: 8px; }
        .leaders_list ul li .player_data .name{ font-weight: 700; font-size: 16px; line-height: 20px; color: #000; }
        .leaders_list ul li .player_data .details{ display: flex; }
        .leaders_list ul li .player_data .details img{ width: 24px; height: max-content; margin: auto 0; }
        .leaders_list ul li .player_data .details span{ font-size: 14px; line-height: 20px; color: #9E9E9E; padding: 0 4px; border-right: 1px solid #9E9E9E; }
        .leaders_list ul li .player_data .details span:last-child{ border-right: none; }
    .leaders_list ul li .score{ margin-left: auto; display: flex; flex-direction: column; align-items: end; }
        .leaders_list ul li .score span{ font-weight: 700; font-size: 20px; line-height: 24px; }
        .leaders_list ul li.large .score span{ font-size: 28px; line-height: 32px; }
        .leaders_list ul li .score .score_title{ font-weight: 400; font-size: 14px !important; line-height: 20px !important; color: #9E9E9E; text-align: right; }

        .leaders_list.games ul li .image{ background: none; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; }
        .leaders_list.games ul li{ font-size: 16px; line-height: 20px; }
        .leaders_list.games ul li .name{ font-weight: 700; }

    .table_title{ display: flex !important; justify-content: space-between; align-items: center; }
    .table_title .tab_buttons ul li{ width: auto; font-weight: 400; }

    .tournament_table{ width: 100%; }
        .tournament_table thead th{ color: #242424; font-weight: 600; font-size: 14px; line-height: 20px; text-align: center; border-top: 1px solid #CCCCCC; padding: 6px 8px; border-right: unset; background-color: unset; }
            .tournament_table thead th.team_name_title.full_name{ width: 220px; }
            .tournament_table thead th svg{ width: 16px; height: 10px; float: right; position: relative; top: 6px; }
            .tournament_table thead th svg.active{ color: #06C; transform: rotate(180deg); }
            .tournament_table thead th svg:hover{ color: #06C; }
        .tournament_table .team .image { min-width:24px; }
        .tournament_table .gray_cell{ background: #F1F1F1 !important; }
        .tournament_table.td-border-left tbody td { border-left: 1px solid #EEE; }
        .tournament_table tbody td, .tournament_table tfoot td { padding: 6px 8px; text-align: center;  border-top: 1px solid #F5F5F5; vertical-align: middle; word-break: keep-all; white-space: normal; }
            .tournament_table tbody td.active,
            .tournament_table tbody td.hover{ color: #06C; }
            .tournament_table tbody td.game_result.hover a{ color: #fff; }
            .tournament_table tbody td.game_result.hover a:hover { color: #fff;text-decoration:underline; }
            .tournament_table tbody td.team_name .full_name{ display: none; }
            .tournament_table tbody td.team_name.active .short_name{ display: none; }
            .tournament_table tbody td.team_name.active .full_name{ display: inline-block; }
            .tournament_table tbody td.team_name a:hover{ text-decoration: underline; }
            .tournament_table tbody tr:first-child td{ border-top: 1px solid #CCCCCC; }
            .tournament_table tbody tr:last-child td{ border-bottom: 1px solid #F5F5F5; }
            .tournament_table:not(.single-color) tbody tr:nth-child(even) td{ background-color: #F9F9F9; }
            .tournament_table.single-color tbody { border-bottom: 1px solid #F5F5F5; }
            .tournament_table.single-color tbody tr:last-child td { border-bottom: none; }
            .tournament_table.single-color tbody tr.message td { border-top:1px dashed #E3E3E3; }
						.tournament_table.single-color tbody tr:hover td{ background-color: #F9F9F9; }
						.tournament_table.single-color tbody tr.unread:hover td{ background-color: #F2DBC7; }
						.tournament_table.single-color tbody tr td .arrow-block{ display: none; }
						.tournament_table.single-color tbody tr:hover td .arrow-block{ display: block;  }
						.tournament_table.single-color tbody tr:hover td .arrow-block .svgIcon{ transition-duration: 500ms; }
						.tournament_table.single-color tbody tr.active:hover td .arrow-block .svgIcon{ transform: rotate(-90deg);}

            .tournament_table tbody .checkbox_block .checkmark{ top: -3px; }
            .tournament_table.lower-font tbody td:not(.normal-size) { word-break: unset!important; font-size:12px; }

        .tournament_table.game_schedule tbody{ color: #6C6D6F }
        .tournament_table.game_schedule .team{ display: flex; gap: 6px; align-items: center; }
        .tournament_table.game_schedule .cross{ width: 14px; height: 14px; }
        .tournament_table .table_action_button{ display: flex; gap: 5px; justify-content: end; }
            .tournament_table .table_action_button a { color:#242424;flex-shrink: 0;  }
            .tournament_table .table_action_button a.btn.red { color:#fff; }
            .tournament_table .table_action_button a.btn.red:hover { color:#A32035; }
            .tournament_table .table_action_button svg{ width: 20px; height: 20px; }
            .tournament_table .table_action_button .bigger svg{ width: 20px;  height: 20px;  float: left;  margin-right: 5px; }
            .tournament_table .table_action_button a:hover svg{ color: #9E9E9E; }

        .tournament_table .disqualified td{ background-color: #C000371A !important; }
        .tournament_table .disqualified .disqualified_block{ display: flex; align-items: center; gap: 5px; justify-content: center; }
        .tournament_table .disqualified .disqualified_icon{ width: 16px; height: 16px; color: #C00037; }

        .tournament_table tbody tr.disqualified_player td{ background-color: #C000371A; }
        /* .tournament_table tbody .team img{ height: 26px; width: auto; margin-right: 5px; } */
        .tournament_table tbody .team img{ width: 24px; height: auto; }

				.tournament_table.td-p-2 tbody td, .tournament_table.td-p-2 tfoot td{ padding: 6px 2px; }

        .no_break_table td, .no_break_table_www td{ White-space: nowrap; }

        .teams_table tbody tr:hover td{ border-bottom: 1px solid #A32035 !important; border-top: 1px solid #A32035 !important; }
            .teams_table tbody tr:hover .team_name{ color: #06C; }
            .teams_table tbody tr td:first-child{ border-left: 1px solid transparent; }
            .teams_table tbody tr td:last-child{ border-right: 1px solid transparent; }
            .teams_table tbody tr:hover td:first-child{ border-left: 1px solid #A32035; }
            .teams_table tbody tr:hover td:last-child{ border-right: 1px solid #A32035; }
            .teams_table td .icon{ width:16px; height:16px; }

			.teams_table td.smaller-font { font-size:12px; }

        .result_table td{ font-size: 12px; line-height: 16px; }
        .result_table td.hover_red{ cursor: pointer; background-color: #A32035 !important; color: #fff; }
        .result_table td.hover_red a { color: #fff !important; }
        .result_table td.hover_red a:hover { text-decoration:underline !important; }

    .table_footnotes{ display: flex; gap: 16px; color: #6C6D6F; font-size: 12px; line-height: 16px; flex-wrap: wrap; padding-inline-start: 0 !important; }
    .table_footnotes.statuses li{ background: #F5F5F5; padding: 2px 4px; border-radius: 4px; display: flex; gap: 4px; align-items: center; color: #6C6D6F; }
    .table_footnotes.statuses li span{ background: #fff; padding: 0px 4px; border-radius: 2px; color: #242424; }

    .team_list{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; }
        .team_list a{ display: flex; position: relative; justify-content: center; align-items: center; border-radius: 8px; width: 120px; height: 50px; border: 1px solid #F5F5F5; }
        .team_list a .overlay{ position: absolute; display: none; width: 100%; height: 100%; font-size: 11px; line-height: 14px; background-color: #333333; border-radius: 8px; color: #fff; justify-content: center; align-items: center;}
        .team_list a:hover .overlay{ display: flex; justify-content: center; text-align: center; align-items: center; }

        .team_list.large_list a, .team_list.large_list span.empty_cell{ width: calc(25% - 14px); height: 100%; min-height: 100px; flex-direction: column; color: #000; gap: 5px; }
        .team_list.large_list a img{ max-height: 70px; }
        .team_list.large_list a .name{ text-align: center; }

/* Tournament archive */
    .tournament_archive{ display: flex; flex-direction: column; gap: 15px; margin-top: 10px; }
    .tournament_archive .name{ margin-bottom: 5px; }
    .tournament_archive .seasons{ display: flex; flex-direction: column; gap: 5px; padding-left: 20px; }
    .tournament_archive .seasons a{ color: #a32035; text-decoration: underline; }
    .tournament_archive .seasons a:hover{ text-decoration: none; }


/* Protocol */
    .protocol_title{ display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center; }
        .protocol_title .tournament_name{ font-size: 12px; line-height: 16px; color: #6C6D6F; }
        .protocol_title .tournament_name a{ color: #0066CC; }
        .protocol_title .teams{ display: flex; justify-content: center; color: #242424; width: 100%; gap: 20px; }
            .protocol_title .teams .team{ display: flex; align-items: center; gap: 10px; font-size: 24px; line-height: 28px; font-weight: 700; width: 50%; }
            .protocol_title .teams .team:first-child{ justify-content: end; }
						.protocol_title .teams .team .team_name{ display: flex; align-items: center; width:100%; }
						.protocol_title .teams .team .team_name.home{ justify-content: flex-end; }
						.protocol_title .teams .team .team_name.away{ justify-content: flex-start; }
						.protocol_title .teams .team .team_name .txt{ max-width: calc(100% - 148px); display: block; align-content: center; }
						.protocol_title .teams .team .team_name img{ width:128px; margin: 0px 10px; }
            .protocol_title .teams.upcoming_game .team{ width: calc(50% - 110px); }
            .protocol_title .teams .scores{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 180px; gap: 3px; }
            .protocol_title .teams .scores .main_score{ font-weight: 700; font-size: 24px; line-height: 28px; }
            .protocol_title .teams .scores .period_scores{ color: #6C6D6F; font-size: 14px; line-height: 20px; }

    .protocol_list{ display: flex; flex-direction: column; gap: 10px; }
        .protocol_list li{ display: flex; align-items: center; gap: 16px; align-items: center; }
        .protocol_list li:not(.gray_row) { border-bottom:1px dashed #999; padding-bottom: 5px; }

        .protocol_list li .time_info{ display: flex; flex-direction: column; align-items: center; width: 50px; font-size: 12px; line-height: 16px; color: #6C6D6F; }
            .protocol_list li .time_info .time{ background-color: #F5F5F5; border-radius: 4px; padding: 2px 4px; display: flex; gap: 4px; align-items: center; }
            .protocol_list li .time_info .time .dot{ display: inline-block; width: 6px; height: 6px; border-radius: 6px; }
            .protocol_list li .time_info .time .dot.team_home { background-color: #C00037; }
            .protocol_list li .time_info .time .dot.team_away { background-color: #0066CC; }

        .protocol_list li .image{ width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; }

        .protocol_list li .info_data{ font-size: 14px; line-height: 20px; color: #242424; min-height: 40px; display: flex; flex-direction: column; }
            .protocol_list li .info_data .player{ color: #6C6D6F; }
            .protocol_list li .info_data .info{ color: #6C6D6F; margin: auto 0; }

        .protocol_list li .icon{ width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; color: #6C6D6F; margin-right: 10px;margin-left:auto; }
            .protocol_list li .icon svg{ width: 16px; height: 16px; }
            .protocol_list li .icon svg.whistle{ height: 10px; }

        .protocol_list li.gray_row{ height: 20px; background: #F5F5F5; color: #242424; padding: 8px 30px; position: relative; justify-content: center; font-size: 14px; line-height: 20px; }
            .protocol_list li.gray_row .icon{ position: absolute; right: 10px; top: 8px; margin-right: 0; }

        .protocol_list li.gray_row.with_left_border{ height: 32px; padding: 16px 0; border-left: 2px solid #C00037; }
            .protocol_list li.gray_row.with_left_border .period_score{ display: flex; gap: 16px; align-items: center; }
            .protocol_list li.gray_row.with_left_border .period_score .score{ font-size: 16px; line-height: 20px; font-weight: 700; }
            .protocol_list li.gray_row.with_left_border .period_score .icon{ position: unset; }
            .protocol_list li.gray_row.with_left_border .period_score .icon svg{ width: 16px; height: 14px; color: #0066CC; }
            .protocol_list li.gray_row.with_left_border .period_score.team_home .icon svg{ color: #C00037; }
            .protocol_list li.gray_row.with_left_border .period_score.team_away .icon svg{ color: #0066CC; }

    .protocol_table tbody{ font-size: 20px; line-height: 32px; }
    .protocol_table .team img{ height: 32px; width: 32px; margin-right: 5px; }
    .protocol_table .team_home{ border-bottom: 2px solid #C00037 !important; }
    .protocol_table .team_away{ border-bottom: 2px solid #0066CC !important; }

    .protocol_table .shots_score{ display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 12px; line-height: 16px; }
        .protocol_table .shots_score .bottom{ color: #6C6D6F; }


    .shootouts{ display: flex; gap: 16px; align-items: center; }
        .shootouts .image{ width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; }
        .shootouts .name{ width:40px;font-size: 14px; line-height: 20px; font-weight: 700; }
        .shootouts ul{ display: flex; gap: 8px; }
        .shootouts ul li{ width: 16px; height: 16px; border-radius: 16px; background-color: #D9D9D9; }
        .shootouts ul li.none { background-color: #f7f7f7; }
        .shootouts.team_home ul li.score{ background-color: #C00037; }
        .shootouts.team_away ul li.score{ background-color: #0066CC; }
        .shootouts .score{ margin-left: auto; }

    .protocol_stats{ display: flex; gap: 8px; flex-direction: column; }
        .protocol_stats li{ display: flex; padding: 4px 0px 4px 8px; gap: 5px; }
        .protocol_stats li.title_row{ background-color: #F5F5F5; padding: 8px 0px; justify-content: center; align-items: center; font-size: 14px; line-height: 20px; color: #242424; }
        .protocol_stats li.team_home{ border-left: 2px solid #C00037; }
        .protocol_stats li.team_away{ border-left: 2px solid #0066CC; }

        .protocol_stats li .image{ width: 40px; height: 40px; }
        .protocol_stats li .info_data{ display: flex; flex-direction: column; font-size: 14px; line-height: 20px; }
        .protocol_stats li .info_data img{ height: 20px; width: auto; margin-left: 5px; }
        .protocol_stats li .info_data .details{ color: #9E9E9E; }
        .protocol_stats li .scores{ display: flex; flex-direction: column; text-align: right; }
        .protocol_stats li .scores .score{ font-weight: 700; font-size: 20px; line-height: 24px; }
        .protocol_stats li .scores .time{ color: #6C6D6F; font-size: 14px; line-height: 20px; }

		.protocol_stats.mvp li .image{ width:100px; height:100px; }
        .protocol_stats.mvp li .info_data{ font-size: 16px; }


    .team_stats .teams{ display: flex; justify-content: space-between; }
    .team_stats .teams .team{ display: flex; gap: 10px; align-items: center; }
    .team_stats .stats_row{ margin-top: 15px; }
    .team_stats .stats_row .titles{ display: flex; justify-content: space-between; align-items: center; }
    .team_stats .stats_row .titles .team_score{ width: 30px; }
    .team_stats .stats_row .titles .stat_name{ color: #9E9E9E; font-size: 12px; line-height: 16px; }
    .team_stats .stats_row .bar{ width: 100%; height: 8px; display: flex; margin-top: 3px; }
    .team_stats .stats_row .bar .team_home { background-color: #A32035; }
    .team_stats .stats_row .bar .team_away { background-color: #0066CC; }
    .team_stats .stats_row .bar .team_home:not(.percent_0):not(.percent_100)::before,
	.team_stats .stats_row .bar .team_away:not(.percent_0):not(.percent_100)::before { content:'';width:2px;height:100%;background-color:#fff; }
    .team_stats .stats_row .bar .team_home::before { float:right; }
    .team_stats .stats_row .bar .team_away::before { float:left; }
    .team_stats .stats_row .bar span{ display: inline-block; height: 100%; }
    .team_stats .stats_row .bar span.percent_1{ width: 1%; }
    .team_stats .stats_row .bar span.percent_2{ width: 2%; }
    .team_stats .stats_row .bar span.percent_3{ width: 3%; }
    .team_stats .stats_row .bar span.percent_4{ width: 4%; }
    .team_stats .stats_row .bar span.percent_5{ width: 5%; }
    .team_stats .stats_row .bar span.percent_6{ width: 6%; }
    .team_stats .stats_row .bar span.percent_7{ width: 7%; }
    .team_stats .stats_row .bar span.percent_8{ width: 8%; }
    .team_stats .stats_row .bar span.percent_9{ width: 9%; }
    .team_stats .stats_row .bar span.percent_10{ width: 10%; }
    .team_stats .stats_row .bar span.percent_11{ width: 11%; }
    .team_stats .stats_row .bar span.percent_12{ width: 12%; }
    .team_stats .stats_row .bar span.percent_13{ width: 13%; }
    .team_stats .stats_row .bar span.percent_14{ width: 14%; }
    .team_stats .stats_row .bar span.percent_15{ width: 15%; }
    .team_stats .stats_row .bar span.percent_16{ width: 16%; }
    .team_stats .stats_row .bar span.percent_17{ width: 17%; }
    .team_stats .stats_row .bar span.percent_18{ width: 18%; }
    .team_stats .stats_row .bar span.percent_19{ width: 19%; }
    .team_stats .stats_row .bar span.percent_20{ width: 20%; }
    .team_stats .stats_row .bar span.percent_21{ width: 21%; }
    .team_stats .stats_row .bar span.percent_22{ width: 22%; }
    .team_stats .stats_row .bar span.percent_23{ width: 23%; }
    .team_stats .stats_row .bar span.percent_24{ width: 24%; }
    .team_stats .stats_row .bar span.percent_25{ width: 25%; }
    .team_stats .stats_row .bar span.percent_26{ width: 26%; }
    .team_stats .stats_row .bar span.percent_27{ width: 27%; }
    .team_stats .stats_row .bar span.percent_28{ width: 28%; }
    .team_stats .stats_row .bar span.percent_29{ width: 29%; }
    .team_stats .stats_row .bar span.percent_30{ width: 30%; }
    .team_stats .stats_row .bar span.percent_31{ width: 31%; }
    .team_stats .stats_row .bar span.percent_32{ width: 32%; }
    .team_stats .stats_row .bar span.percent_33{ width: 33%; }
    .team_stats .stats_row .bar span.percent_34{ width: 34%; }
    .team_stats .stats_row .bar span.percent_35{ width: 35%; }
    .team_stats .stats_row .bar span.percent_36{ width: 36%; }
    .team_stats .stats_row .bar span.percent_37{ width: 37%; }
    .team_stats .stats_row .bar span.percent_38{ width: 38%; }
    .team_stats .stats_row .bar span.percent_39{ width: 39%; }
    .team_stats .stats_row .bar span.percent_40{ width: 40%; }
    .team_stats .stats_row .bar span.percent_41{ width: 41%; }
    .team_stats .stats_row .bar span.percent_42{ width: 42%; }
    .team_stats .stats_row .bar span.percent_43{ width: 43%; }
    .team_stats .stats_row .bar span.percent_44{ width: 44%; }
    .team_stats .stats_row .bar span.percent_45{ width: 45%; }
    .team_stats .stats_row .bar span.percent_46{ width: 46%; }
    .team_stats .stats_row .bar span.percent_47{ width: 47%; }
    .team_stats .stats_row .bar span.percent_48{ width: 48%; }
    .team_stats .stats_row .bar span.percent_49{ width: 49%; }
    .team_stats .stats_row .bar span.percent_50{ width: 50%; }
    .team_stats .stats_row .bar span.percent_51{ width: 51%; }
    .team_stats .stats_row .bar span.percent_52{ width: 52%; }
    .team_stats .stats_row .bar span.percent_53{ width: 53%; }
    .team_stats .stats_row .bar span.percent_54{ width: 54%; }
    .team_stats .stats_row .bar span.percent_55{ width: 55%; }
    .team_stats .stats_row .bar span.percent_56{ width: 56%; }
    .team_stats .stats_row .bar span.percent_57{ width: 57%; }
    .team_stats .stats_row .bar span.percent_58{ width: 58%; }
    .team_stats .stats_row .bar span.percent_59{ width: 59%; }
    .team_stats .stats_row .bar span.percent_60{ width: 60%; }
    .team_stats .stats_row .bar span.percent_61{ width: 61%; }
    .team_stats .stats_row .bar span.percent_62{ width: 62%; }
    .team_stats .stats_row .bar span.percent_63{ width: 63%; }
    .team_stats .stats_row .bar span.percent_64{ width: 64%; }
    .team_stats .stats_row .bar span.percent_65{ width: 65%; }
    .team_stats .stats_row .bar span.percent_66{ width: 66%; }
    .team_stats .stats_row .bar span.percent_67{ width: 67%; }
    .team_stats .stats_row .bar span.percent_68{ width: 68%; }
    .team_stats .stats_row .bar span.percent_69{ width: 69%; }
    .team_stats .stats_row .bar span.percent_70{ width: 70%; }
    .team_stats .stats_row .bar span.percent_71{ width: 71%; }
    .team_stats .stats_row .bar span.percent_72{ width: 72%; }
    .team_stats .stats_row .bar span.percent_73{ width: 73%; }
    .team_stats .stats_row .bar span.percent_74{ width: 74%; }
    .team_stats .stats_row .bar span.percent_75{ width: 75%; }
    .team_stats .stats_row .bar span.percent_76{ width: 76%; }
    .team_stats .stats_row .bar span.percent_77{ width: 77%; }
    .team_stats .stats_row .bar span.percent_78{ width: 78%; }
    .team_stats .stats_row .bar span.percent_79{ width: 79%; }
    .team_stats .stats_row .bar span.percent_80{ width: 80%; }
    .team_stats .stats_row .bar span.percent_81{ width: 81%; }
    .team_stats .stats_row .bar span.percent_82{ width: 82%; }
    .team_stats .stats_row .bar span.percent_83{ width: 83%; }
    .team_stats .stats_row .bar span.percent_84{ width: 84%; }
    .team_stats .stats_row .bar span.percent_85{ width: 85%; }
    .team_stats .stats_row .bar span.percent_86{ width: 86%; }
    .team_stats .stats_row .bar span.percent_87{ width: 87%; }
    .team_stats .stats_row .bar span.percent_88{ width: 88%; }
    .team_stats .stats_row .bar span.percent_89{ width: 89%; }
    .team_stats .stats_row .bar span.percent_90{ width: 90%; }
    .team_stats .stats_row .bar span.percent_91{ width: 91%; }
    .team_stats .stats_row .bar span.percent_92{ width: 92%; }
    .team_stats .stats_row .bar span.percent_93{ width: 93%; }
    .team_stats .stats_row .bar span.percent_94{ width: 94%; }
    .team_stats .stats_row .bar span.percent_95{ width: 95%; }
    .team_stats .stats_row .bar span.percent_96{ width: 96%; }
    .team_stats .stats_row .bar span.percent_97{ width: 97%; }
    .team_stats .stats_row .bar span.percent_98{ width: 98%; }
    .team_stats .stats_row .bar span.percent_99{ width: 99%; }
    .team_stats .stats_row .bar span.percent_100{ width: 100%; }

    .game_info_list{ display: flex; flex-direction: column; gap: 8px; }
        .game_info_list li{ display: flex; gap: 16px; font-size: 14px; line-height: 20px; }
        .game_info_list li .label{ width: 140px; }
        .game_info_list li .data{ color: #6C6D6F; width: calc(100% - 140px); }

    .team_buttons{ display: flex; }
        .team_buttons button{ display: flex; background-color: #F9F9F9; justify-content: center; align-items: center; padding: 8px; gap: 10px; outline: none; width: 100%; border: none; font-size: 16px; line-height: 20px; color: #9E9E9E;}
        .team_buttons button img{ height: auto; width: auto; max-width: 48px; }
        .team_buttons button.active{ background-color: #fff; color: #000; }
        .team_buttons button.active.home{ border-bottom: 2px solid #C00037; }
        .team_buttons button.active.away{ border-bottom: 2px solid #0066CC; }
        .team_buttons button:hover{ cursor: pointer; }

    .tournament_table td{ font-size: 14px; line-height: 20px; }
    .tournament_table .player{ display: flex; align-items: center; gap: 5px;text-align:left; }
        .tournament_table .player img{ width: 36px; height: 36px; }
        .tournament_table.large-img .player img{ width: 96px; height: 96px; }
    .tournament_table .country{ width: 12px; height: 8px; border-radius: 1px; }

    .team_roasters .gray_title{ background-color: #F5F5F5; padding: 6px 8px; }


/* Playoff bracket */
    .tree-section{ display: flex; justify-content: center; align-items: center; gap: 32px; align-items: stretch; }
    ul.playoff_tree{ width:250px; display: flex; flex-direction: column; gap: 16px; justify-content: space-around; }
    ul.playoff_tree > li{ position: relative; display: flex;flex-direction: column;gap: 16px; }
    ul.playoff_tree > li.skip_game{ background: #f5f5f5; }
    ul.playoff_tree.level-2 > li{ position: relative; top: -8px; }
        ul.playoff_tree > li ul.game_block{ display: flex; flex-direction: column; }
        ul.playoff_tree > li ul.game_block li{ display: flex; flex-direction: row; gap: 6px; align-items: center; font-size: 14px; line-height: 20px; padding: 5px 8px; border: 1px solid #F5F5F5; }
        ul.playoff_tree > li ul.game_block li.to_be_determined{ min-height: 12px; }
            ul.playoff_tree > li ul.game_block li.winner{ border-right: 4px solid #C00037; }
            ul.playoff_tree > li ul.game_block li.loser{ opacity: 0.3; }
            ul.playoff_tree > li ul.game_block li.next_game{ background-color: #242424; padding: 1px 8px; font-size: 12px; line-height: 16px; color: #fff; display: flex; justify-content: space-between; }
            ul.playoff_tree > li ul.game_block li .image_block{ width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; }
            ul.playoff_tree > li ul.game_block li .name_short{ font-weight: 700; }
            ul.playoff_tree > li ul.game_block li.scores{ background-color: #F5F5F5; padding: 1px 8px; font-size: 12px; line-height: 16px; color: #6C6D6F; height: 16px; }

            /* ul.playoff_tree:not(.level-1) > li::before{ content: ''; position: absolute; width: 16px; height: 50%; border-left: 1px solid #000; left: -16px; border-bottom: 1px solid #000; } */
            ul.playoff_tree > li .bracket{ position: absolute; width: 8px; height: 50%; border-left: 1px solid #000; left: -24px; }
                ul.playoff_tree > li .bracket_up{ left: -16px; border-bottom: 1px solid #000; bottom: 50%; }
                ul.playoff_tree > li .bracket_down{ left: -16px; top: 50%; }
                ul.playoff_tree > li .bracket span{ position: absolute; width: 8px; height: 1px; background: #000; left: -8px; }
                ul.playoff_tree > li .bracket_up span{ top: 0px; }
                ul.playoff_tree > li .bracket_down span{ bottom: 0px; }

                ul.playoff_tree.level-4 > li .bracket{ display: none; }

                ul.playoff_tree.level-2 > li .bracket_up{ height: 50%; }
                ul.playoff_tree.level-2 > li .bracket_down{ height: 48px; }

                ul.playoff_tree.level-1 > li .bracket_up{ height: 107px; }
                ul.playoff_tree.level-1 > li .bracket_down{ height: 92px; }

            ul.playoff_tree .cup_winner{ background-color: #ffd700; width: 104px; height: 104px; border-radius: 4px; display: flex; justify-content: center; align-items: center; }
            ul.playoff_tree .cup_winner.bronze_winner{ background-color: #cd7f32; width: 70px; height: 70px; }
            ul.playoff_tree .cup_winner svg{ width: 50px; height: 50px; color: #fff; }

/* Player profile */
    .player_profile_cover{ position: relative; min-height: 160px; }
    .player_profile_cover.static{ position: static; }
        .player_profile_cover .image{ width: 100%; }
        .player_profile_cover .image img{ width: 100%; }
        .player_profile_cover .player_data{ background: #00000080; padding: 32px 16px; display: flex; gap: 16px; position: absolute; bottom: 0; width: calc(100% - 32px); }
        .player_profile_cover.static .player_data{ position: static; }
        .player_profile_cover.without_bg_image .player_data{ position: unset; }
            .player_profile_cover.without_bg_image.black .player_data{ background: linear-gradient(270deg, #000000, #000000), linear-gradient(0deg, #242424 0%, rgba(36, 36, 36, 0) 100%); }
            .player_profile_cover.without_bg_image.white_bg .player_data{ background: #fff; }

        .player_profile_cover.team_profile .player_data .player_image{ background-color: #fff; border-radius: 8px; }
        .player_profile_cover .player_data .player_image.gray_border{ background-color: #fff; border-radius: 8px; border: 1px solid #CCCCCC; }

        .player_profile_cover .player_data .player_image{ width: 96px; min-width: 96px; height: 96px; border-radius: 8px; display: flex; justify-content: center; align-items: center; }
        .player_profile_cover .player_data .player_image.grayscale{ filter: grayscale(100%); }
        .player_profile_cover .player_data .player_image.dark_with_border{ background: #242424; border: 1px solid #ccc; }
        .player_profile_cover .player_data .player_image img{ width: 100%; height: 100%; border-radius: 8px; }
        .player_profile_cover.team_profile  .player_data .player_image img{ width: auto; height: auto; }
        .player_profile_cover.white_bg  .player_data .player_image img{ width: auto; }

        .player_data.national_team_data .player_image img{ max-width: calc(100% - 20px); max-height: calc(100% - 20px); }

        .player_profile_cover .player_data .info{ display: flex; flex-direction: column; gap: 16px; }
        .player_profile_cover .player_data .info .name{ color: #fff; font-size: 36px; line-height: 40px; }
            .player_profile_cover.white_bg .player_data .info .name{ color: #000; }
        .player_profile_cover .player_data .info .name .player_badges{ display: inline-block; margin-left: 30px; }
        .player_profile_cover .player_data .info .name .player_badges .badge:not(:first-child){ margin-left: 10px; }

				.player_profile_cover .player_data .data_row, .data_row_simple{ display: flex; color: #fff; gap: 12px; height: 40px; }
        .data_row_simple{ background: #00000080; width: calc(100% - 476px - calc(var(--bs-gutter-x))); padding-left: 50px; }
        .data_row_simple.vertical{ width: calc(100% - 344px - calc(var(--bs-gutter-x))); }
        .data_row_simple.vertical{ flex-wrap: nowrap; flex-direction: column; height: auto!important; color:#000; background: #fff; padding-top: 20px; padding-bottom: 20px; }
        .data_row_simple.vertical > li{ display: block; border-right: 1px solid #fff; padding-right: 0px; width: 100%; }
            .player_profile_cover.white_bg .player_data .data_row, .player_profile_cover.white_bg .player_data .data_row{ color: #000; }
        .player_profile_cover .player_data .data_row > li, .data_row_simple > li{ display: flex; flex-direction: column; gap: 4px; border-right: 1px solid #fff; padding-right: 12px; }
            .player_profile_cover.white_bg .player_data .data_row > li{ border-right: 1px solid #ccc; }
            .player_profile_cover.white_bg .player_data .data_row li .label{ color: #6C6D6F; }
        .player_profile_cover .player_data .data_row > li:last-child, .data_row_simple > li:last-child{ border-right: none; padding-right: 0; }
        .player_profile_cover .player_data .data_row li .label, .data_row_simple li .label{ font-size: 12px; line-height: 16px; }
        .data_row_simple.vertical li .label{ font-size: 12px; line-height: 20px; float: left; height: 20px; width: 100px; background-color: #7a7a7a; color:#fff; margin-right: 10px; border-radius: 3px; padding-left: 5px;}
        .player_profile_cover .player_data .data_row li .data, .data_row_simple li .data{ font-size: 14px; line-height: 20px; }
        .player_profile_cover .player_data .data_row li .data .country, .data_row_simple li .data .country{ background: #fff; width: 11px; height: 8px; border-radius: 1px; }
        .player_profile_cover .player_data .data_row .socials_list, .data_row_simple .socials_list{ gap: 4px; }
        .player_profile_cover .player_data .data_row .socials_list a, .data_row_simple .socials_list a{ border: none; width: 20px; height: 20px; }
        .player_profile_cover .player_data .data_row .socials_list a svg, .data_row_simple .socials_list a svg{ color: #fff; }

				.personality_side_info{ width: calc(100% - 314px - calc(var(--bs-gutter-x))); color:#000; background: #fff; padding-top: 20px; padding-bottom: 20px; }
				.personality_side_info ul.person_data_list{ display: flex; gap: 12px; flex-wrap: nowrap; flex-direction: column; height: auto!important; padding: 20px 0px 20px 50px;  }
				.personality_side_info ul.person_data_list li{ display: block; border-right: 1px solid #fff; padding-right: 0px; width: 100%; }
				.personality_side_info ul.person_data_list li .label{ font-size: 12px; line-height: 20px; float: left; height: 20px; width: 100px; background-color: #7a7a7a; color:#fff; margin-right: 10px; border-radius: 3px; padding-left: 5px;}
				.personality_side_info h2{ font-size: 30px; padding: 0px 50px; }

        .player_profile_cover .player_data .transfer_block{ background-color: #F9F9F9; border-radius: 8px; flex-direction: column; padding: 16px; }
        .player_profile_cover .player_data .transfer_block .top{ display: flex; justify-content: space-between; align-items: center; width: 100%; }
        .player_profile_cover .player_data .transfer_block .bottom{ display: flex; align-items: center; gap: 6px; width: 100%; }

        .player_profile_cover .player_data .league_flag{ position: absolute; background: #fff; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px;  box-shadow: 0px 0px 16px 0px #00000029; width: 96px; height: 104px; display: flex; justify-content: center; align-items: center; top: 0px; right: 20px; }
        .player_profile_cover .player_data .league_flag img{ width: 64px; height: auto; position: relative; top: -10px; }

        .color_label{ display: inline-block; width: 16px; height: 16px; border-radius: 4px; }
            .color_label.blue{ background-color: #2973B8; }

/* Locations */
    .arena_list{ display: flex; flex-wrap: wrap; gap: 16px; row-gap: 32px; }
        /* .arena_list li{ width: calc(50% - 8px); } */
        .arena_list li{ width: calc(33.3% - 11px); }
        .arena_list li a{ display: flex; gap: 8px; align-items: flex-start; padding: 16px; border-bottom: 1px solid #CCCCCC; height: calc(100% - 32px); justify-content: space-between; }
        .arena_list li .image{ width: 100px; height: 100px; border-radius: 4px; min-width: 100px; float: left; margin-right: 10px; text-align: center; }
            .arena_list li .image img{ width: auto; border-radius: 4px; }
        .arena_list li .data{ display: flex; flex-direction: column; gap: 4px; }
            .arena_list li .data .name{ font-size: 20px; line-height: 24px; color: #242424; }
            .arena_list li .data .place{ font-size: 14px; line-height: 20px; color: #9E9E9E; }
            .arena_list li .data .info{ font-size: 14px; line-height: 20px; color: #9E9E9E; }
            .arena_list li .data svg{ width: 12px; height: 16px; color: #000; margin-right: 5px; position: relative; top: 2px; }
            .arena_list li .data .info svg{ width: 16px; height: 16px; color: #000; margin-right: 5px; }
        .arena_list li .arrow{ width: 16px; height: 10px; color: #242424; flex: none; margin: auto 0px; }

    .clubs_list li{ width: calc(50% - 8px); }
    .clubs_list li .link_block{ display: flex; gap: 8px; align-items: center; padding: 16px; border-bottom: 1px solid #CCCCCC; height: calc(100% - 32px); }
    .clubs_list li .link_block:hover{ cursor: pointer; }
    .clubs_list li .image{ width: 70px; height: 70px; }
    .clubs_list .info ul li{ width: 100%; }
    .clubs_list .info ul li .link{ color: #000 !important; text-decoration: underline; display: inline-block; padding: 0; border: 0; height: auto; }
    .clubs_list .info ul li .link:hover{ text-decoration: none; }

    .members_list{ display: flex; flex-wrap: wrap; gap: 16px; row-gap: 0; }
        /* .members_list li{ width: calc(50% - 8px); } */
        .members_list li{ width: calc(33.3% - 11px); }
				/* display: flex; gap: 8px; align-items: center; */
        .members_list li .member{ padding: 16px; border-bottom: 1px solid #CCCCCC; height: calc(100% - 32px); display: flex; gap: 10px; align-items: center; }
        .members_list li .image{ width: 100px; height: 100px; border-radius: 4px; }
            .members_list li .image img{ width: 100%; border-radius: 4px; }
        .members_list li .data{ display: flex; flex-direction: column; gap: 4px; }
            .members_list li .data .name{ font-size: 20px; line-height: 24px; color: #242424; }
            .members_list li .counter{ font-size: 16px; color: #fff; border-radius: 50%; background: #a32035; width: 30px !important; height: 30px !important; text-align: center; letter-spacing: 1.2px; display: flex; justify-content: center; align-items: center; }
            .members_list li .name{ font-size: 20px; line-height: 24px; color: #242424; width: calc(100% - 30px); }
            .members_list li .data .place{ font-size: 14px; line-height: 20px; color: #9E9E9E; }
            .members_list li .data .info{ font-size: 14px; line-height: 20px; color: #9E9E9E; }
            .members_list li .data svg{ width: 12px; height: 16px; color: #000; margin-right: 5px; position: relative; top: 2px; }
            .members_list li .data .info svg{ width: 16px; height: 16px; color: #000; margin-right: 5px; }
        .members_list li .arrow{ width: 16px; height: 10px; color: #242424; flex: none; }

    .arena_info_block{ display: flex; flex-direction: column; }
        .arena_info_block .white_block{ width: 100%; flex: 1; }
    .arena_image{ max-height: 432px; text-align: left; }
    .arena_image img{ width: auto; max-height: 432px; }
    #map{ width: 100%; min-height: 210px; height:calc(100% - 20px); z-index: 1; }
    .label_data_list{ display: flex; flex-direction: column; gap: 8px; }
        .label_data_list li{ display: flex; gap: 16px; font-size: 14px; line-height: 20px; }
        .label_data_list li .label{ width: 80px; color: #6C6D6F }
        .label_data_list li .data{ width: calc(100% - 80px); word-wrap: anywhere; }
				.label_data_list li .label.w-40{ width: 40px; }
				.label_data_list li .data.w-40{ width: calc(100% - 40px); }

    .score_cell div{ display: inline-block; }
    .status_flag { padding:3px 7px;font-size:10px;border-radius:3px;color:#fff;background-color:#aaa;white-space: nowrap; }
        .status_flag.red{ background-color: #EF1B1B33; color: #EF1B1B; }
        .bg-red { background-color:#a32035 !important; }
        .status_flag.blue{ background-color: #0066CC33; color: #0066CC; }
        .status_flag.light_blue { background-color:#18c4ec; }
        .status_flag.purple { background-color:#b134eb; }
        .status_flag.yellow, .bg-yellow { background-color:#f7a000 !important; }
        /* .status_flag.orange { background-color:#ff8000 !important; } */
        .status_flag.orange{ background-color: #FF953433; color: #FF9534; }
        .status_flag.brown { background-color:#a0522d !important; }
        .status_flag.green{ background-color: #38B92D33; color: #38B92D; }
        .bg-green { background-color:#8cc152 !important; }
        .status_flag.day { background-color:#E5DE44;color:#000; }
        .status_flag.night { background-color:#053752;color:#fff; }

/* Contacts */
    .gray_block{ background-color: #F9F9F9; padding: 16px; height: calc(100% - 32px); }
    /* .contact_row{ display: flex; gap: 16px; } */
    /* .contact_row .contact_map{ flex: 1; } */

    .company_employees{ display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 60px; }
        .company_employees li{ display: flex; flex-direction: column; gap: 4px; max-width: 178px; }
        .company_employees li .image{ background-color: #9E9E9E; width: 178px; height: 178px; border-radius: 8px; }
        .company_employees li .image.white{ background-color: #fff; }
            .company_employees li .image img{ object-fit: contain; width: 100%; height: 100%; border-radius: 8px; }
        .company_employees li .name{ font-weight: 700; font-size: 14px; line-height: 20px; }
        .company_employees li .position{ font-size: 14px; line-height: 20px; color: #6C6D6F; }

/* History */
    .top_cover_image{ width: 100%; height: 400px; }
        .top_cover_image img{ object-fit: cover; width: 100%; }

    .narrow_header_block{ width: 620px; margin: 0 auto; max-width: 100%; }

    .history_blocks.timeline{ padding: 0 32px; }
    .timeline_block{ padding-left: 100px; border-left: 1px solid #CCC; }
        .timeline_block .paragraph{ position: relative; }
        .timeline_block .paragraph .year{ border-radius: 4px; padding: 4px; border: 1px solid #cccccc; font-size: 12px; line-height: 16px; color: #6C6D6F; position: absolute; top: 0px; left: -119px; background: #fff; }
        .timeline.archive .timeline_block .paragraph .year{ top: -13px; }
        .timeline_block .paragraph .year.red{ color: #A32035; }

				.timeline_block .paragraph .year_content{ display: inline-block; width: 100%; padding-top: 15px; display: flex; gap:10px; }
				.timeline_block .paragraph .year_content .media{display: flex; gap:20px; flex-direction: column; }
				.timeline_block .paragraph .year_content .media .media_list.galler_list .media_block .media_data .name, .timeline_block .paragraph .year_content .media .media_list.video .media_block .media_data .name{ height: auto; font-size: 14px; line-height: 16px; }
				.timeline_block .media_list.galler_list .media_block .thumbnail_block, .timeline_block .media_list.video .media_block .thumbnail_block{ height: auto; overflow: visible; }
				.timeline_block .paragraph .year_content:first-of-type{ border-top: 1px solid #e1e1e1; }
				.timeline_block .paragraph:first-of-type .year_content:first-of-type{ border-top: none; }
				/* .timeline_block .paragraph .year_content .image{ margin: 0px 10px 10px 0px;  } */
				.timeline_block .paragraph .image { min-width: 188px; width:188px; height:auto; }
				.timeline_block .paragraph .image img{ max-width: 188px; object-fit: cover;  }

        .history_stats{ display: flex; justify-content: center; text-align: center; gap: 50px; }
        .history_stats li{ display: flex; flex-direction: column; width: 100px; }
        .history_stats li .count { margin-top: 5px; }
        .history_stats li svg{ height: 28px; width: auto; }

        .history_blocks .letter_list{ display: flex; gap: 5px; justify-content: center; }
        /* .history_blocks .letter_list.active{ display: flex; } */
            .history_blocks .letter_list li{ color: #9E9E9E; min-width: 16px;  text-align: center;  border-radius: 3px;}
            .history_blocks .letter_list li.black_text:hover{ background-color: #F1F1F1; }
            /* .history_blocks .persons { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; } */
						.history_blocks.personalities .persons { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 25px; column-gap: 15px; }
            .history_blocks.personalities .persons  a{ width: 294px; text-align: center; border: 5px solid #A32035;}
            .history_blocks.personalities .persons  a img{  width: 100%; height: 441px; object-fit: cover; }
            .history_blocks.personalities .persons  a span.person_name { font-size: 20px; text-transform: uppercase; color: #000; font-weight: 700; margin-top: 10px; display: block; width: 100%; text-align: center; }
            .history_blocks.personalities .persons  a .personality_img_block { width:100%; }
            .history_blocks.personalities .persons  a .personality_img_block.grayscale img { filter:grayscale(100%); }
            .history_blocks.personalities .persons  a .personality_img_block .gradient_overlay { position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: linear-gradient(to top, #000, transparent 60%); }

/* Search results */
    .search_result_top{ display: flex; gap: 4px; max-width: 100%; }
        .search_result_top input{ border: 1px solid #ccc; width: 100%; }

    .search_result_block{ padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-bottom: 30px; }
        .search_result_block.active,
        .search_result_block:not(.hidden):last-child{ border-bottom: none; margin-bottom: 0; }

    .search_result_block .teams_table tbody tr:hover{ cursor: pointer; }
    .search_result_block .arena_list li{ width: 100%; }
    .search_result_block .section_list a .svgIcon, .section_list.other_list a .svgIcon{ stroke: #A32035; color:#A32035; width: 12px; height: 12px; min-width: 12px; min-height: 12px; transform: rotate(-90deg); }
    .section_list.other_list a .icon.files .svgIcon{ width: 18px; height: 18px; }
    .search_result_block .section_list a.section:hover { background-color: #f5f5f5; border-bottom: 1px solid #a5263a; }

    .news_list_block{ display: flex; flex-direction: column; gap: 8px; }
        .news_list_block .news_item{ display: flex; gap: 8px; align-items: center; border-bottom: 1px solid #d2d2d2; padding-bottom: 8px; }
        .news_list_block .news_item:last-child{ border-bottom: none; padding-bottom: 0px; }
        .news_list_block .news_item .thumbnail{ width: 275px; }
        .news_list_block .news_item .data{ display: flex; gap: 8px; flex-direction: column; width: calc(100% - 275px); }

    .search_result_block .team_list{ display: flex; flex-direction: column; gap: 16px; }
        .search_result_block .team_list .team{ display: flex; gap: 8px; align-items: center; }
        .search_result_block .team_list .team .image{ display: flex; width: 110px; height: 50px; border-radius: 8px; border: 1px solid #F5F5F5; justify-content: center; align-items: center; }

    .section_list{ display: flex; flex-direction: column; }
        .section_list .section{ display: flex; border-bottom: 1px solid #d2d2d2; padding: 8px 5px; align-content: center; align-items: center; }
        .section_list .section:last-child{ border-bottom: 1px solid #fff; }
				.section_list .section.active, .section_list .section:hover{ background-color: #f5f5f5!important;  border-bottom: 1px solid #b62940!important; }
				.section_list .section .icon{ margin-right: 15px; }
				.section_list .section .item{ display: flex; flex-direction: column; gap: 8px; }


/* Tooltip */
    .tooltip{ position: relative; }
        .tooltip .tooltip_text{ visibility: hidden; background-color: #000000CC; border-radius: 8px; padding: 8px; color: #fff; font-weight: 400; font-size: 12px; line-height: 16px; position: absolute; z-index: 1; top: calc(100% + 7px); left: 50%; transform: translate(-50%, 0); white-space: nowrap; }
        .tooltip:hover .tooltip_text{ visibility: visible; }
        .tooltip .tooltip_text::after { content: " "; position: absolute; top: -10px; transform: rotate(180deg); left: 50%; margin-left: -5px; border-width: 5px; border-style: solid;border-color: black transparent transparent transparent; }

/* Login */
    .login_block{ background-color: #fff; width: 350px; max-width: 100%; padding: 32px; margin: 0 auto; }
        .login_block .logo{ text-align: center; }
        .login_block .logo img{ height: 64px; }
        .login_block .success_icon{ text-align: center; }
        .login_block .success_icon svg{ color: #ccc; width: 45px; height: 35px; }

/* Profile open */
    .profile_list .profile_name{ display: flex; gap: 10px; align-items: center; flex-direction: row; }
    .profile_list .profile_name img{ width: 60px; height: 60px; max-width: 100%; border-radius: 8px; }
    .profile_list .profile_name .name{ font-size: 14px; line-height: 16px; text-align: left; }
    .profile_list .profile_name .name span{ display: block; }

    .profile_list .profile_menu{ display: flex; flex-direction: column; gap: 4px; }
    .profile_list .profile_menu a{ display: flex; color: #242424; font-size: 14px; line-height: 20px; align-items: center; gap: 10px; padding: 6px 8px; }
    .profile_list .profile_menu li.active a,
    .profile_list .profile_menu li a:hover{ background-color: #F5F5F5; }
    .profile_list .profile_menu a .icon{ width: 26px; height: 26px; display: flex; justify-content: center; align-items: center; }
    .profile_list .profile_menu a .icon.pos-rel{ position: relative; }
    .profile_list .profile_menu a .icon .counter{ position: absolute;  top: -5px;  right: -5px;  border-radius: 50%;  background-color: #d20909;  color: #fff;  display: block;  width: 20px; font-size: 12px; height: 20px; line-height: 20px; text-align: center; }
    .profile_list .profile_menu a svg{ height: 24px; width: auto; }
    .profile_list .profile_menu .menu_transfers a svg{ height: 18px; }
    .profile_list .profile_menu .menu_logout a { color: #C00037; }
    .profile_list .profile_menu .menu_profile { border-top: 1px solid #ccc;  padding-top: 10px;  margin-top: 5px; }

    .notification{ display: flex; align-items: center; color: #fff; border-radius: 8px; padding: 16px; font-size: 14px; line-height: 20px; font-weight: 700; gap: 8px; }
    .notification.blue_notification,
    .notification.info{ background-color: #0066CC; }
    .notification.green_notification,
    .notification.success{ background-color: #38B92D; }
    .notification.orange_notification,
    .notification.warning{ background-color: #FF9534; }
    .notification.red_notification,
    .notification.error{ background-color: #F45454; }
    .notification svg{ width: 24px; height: 24px; min-width: 24px; min-height: 24px; }

		.section p.info{ border: 1px solid #1a658a; border-radius: 4px; padding: 8px; font-size: 12px; color: #1a658a; background: #edf8ff; }

    .transfer_block{ display: flex; align-items: center; gap: 6px; }
    .transfer_block .image{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; }
    .transfer_block svg{ width: 16px; height: 10px; margin: 0 10px; color: #000; }

    .profile_form{ display: flex; gap: 32px; }
        .profile_form .image{ display: flex; flex-direction: column; align-items: center; gap: 8px; }
        .profile_form .image .image_block{ border-radius: 8px; width: 108px; height: 108px; }
        .profile_form .image img{ border-radius: 8px; width: 108px; height: 108px; }
        .profile_form .image .image_options { display: flex; flex-direction: column; justify-content: space-between; padding: 10px 0; }
        .profile_form .image .image_options label{ color: #242424; font-size: 12px; line-height: 16px; text-align: center; border: 1px solid #000; font-weight: 400; padding: 4px; }
        .profile_form .image .logo_with_border{ border: 1px solid #CCCCCC; border-radius: 8px; width: 96px; height: 96px; display: flex; justify-content: center; align-items: center; }
        .profile_form .image .logo_with_border img{ width: 70px; height: auto; }
        .profile_form .form_block{ display: flex; gap: 16px; flex-wrap: wrap; width: 500px; }
        .profile_form .form_block.w100{ width: 100%; }
        .profile_form.full_width .form_block{ width: 100%; max-width: calc(100% - 140px); }
        .profile_form .form_block .form-group{ width: 240px; }

    .tournament_table.notification_table .unread, .tournament_table.notification_table .unread td{ background: #FFF1E5; color: #fff;}
    .tournament_table.notification_table .unread td{ font-weight: 700; border-top: 1px solid #f7d4b6;}
    .tournament_table.notification_table tbody tr:hover{ cursor: pointer; }
    .tournament_table.notification_table .message svg{ width: 16px; height: 16px; margin-right: 10px; position: relative; top: 2px; }

    .transfer_buttons .btn{ padding: 6px 8px; }

    .result_list{ max-height: 200px; overflow: auto; border: 1px solid #ddd; }
    .result_list li{ padding: 5px 10px; border-bottom: 1px solid #ccc; color: #242424; font-size: 14px; }
    .result_list li:last-child{ border-bottom: none; }
    .result_list li:hover{ cursor: pointer; background-color: #F5F5F5; }

/* Landing */
    .landing_page{ width: 100%; height: 100%; min-height: calc(100vh - 150px); display: flex;justify-content: center;align-items: center; position: relative; z-index: 99;  }
        .landing_page .video_block{ width: 100%; height: 100%; position: absolute;}
        .landing_page .video_block video{ position: absolute; width: 100%; height: 100%; object-fit: cover; }
        .landing_page .video_block .overlay{ background: #000; position: absolute; display: block; width: 100%; height: 100%; z-index: 99; top: 0;opacity: 0.5; }

        .landing_page .banners_block{ display: flex; gap: 8px; z-index: 999; flex-wrap: wrap; padding: 20px; }
        .landing_page .banners_block .banner{ display: block; width: 200px; height: 350px; border-radius: 8px; }
        .landing_page .banners_block .banner .top_image{ display: block; width: 200px; height: 200px; background: #ccc; border-top-right-radius: 8px; border-top-left-radius: 8px; }
        .landing_page .banners_block .banner .top_image img{ width: 100%; height: 100%; border-top-right-radius: 8px; border-top-left-radius: 8px; }

        .landing_page .banners_block .banner .bottom_block{ display: flex; flex-direction: column; gap: 8px; width: 168px; height: 127px; background-color: #fff; padding: 16px; padding-top: 7px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
        .landing_page .banners_block .banner .bottom_image{ display: flex; align-items: center; width: 168px; height: 86px; }
        .landing_page .banners_block .banner .bottom_image img{ width: auto; height: auto; max-width: 100%; max-height: 100%; }

        .landing_page .banners_block .banner .bottom_block .button{ background: #A32035; border-radius: 4px; text-align: center; text-decoration: none; color: #fff; padding: 5px; border: 1px solid #A32035; font-size: 16px; }
        .landing_page .banners_block .banner .bottom_block .button:hover, .landing_page .banners_block .banner a:hover .bottom_block .button{ background: #fff; color: #A32035; cursor: pointer; }
        .landing_page .banners_block .banner .bottom_block .button.white{ background: #fff; color: #A32035; }
        .landing_page .banners_block .banner .bottom_block .button.white:hover, .landing_page .banners_block .banner a:hover .bottom_block .button.white{ background-color: #A32035; color: #fff; }

    .landing_body .header_games{ display: none; }
    .landing_body .header_menu{ display: none; }
    .landing_body .content{ position: relative; }
    .landing_body .content .container{ width: 100%; margin: 0; max-width: 100%; padding: 0; height: 100%; min-height: calc(100vh - 150px); }

    .landing_body .footer{ z-index: 9999999; position: relative; width: 100%; }
    .landing_body .footer .section.row{ display: flex; justify-content: center; }
    .landing_body .footer .contacts{ display: none; }
    .landing_body .footer .newsletter{ display: none; }
    .landing_body .footer .socials .links{ display: none !important; }
    .landing_body #cookies{ display: none !important; }


/* Popup */
    #overlay{ position:fixed;top:0px;left:0px; bottom:0px;right:0px; background-color:rgba(0, 0, 0, 0.5); z-index: 30; }
    #popup { position: fixed; display: inline-block; padding: 10px 20px 20px; background-color: #fbfbfb; z-index: 100;min-width:300px; }
        #close_popup { position: absolute; cursor: pointer; width: 16px; height: 16px; background: url('../img/cross.png') no-repeat; top: 10px; right: 10px; }
        #popup h3 { font-size: 16px; color: #000; text-align: left;line-height:25px;padding-bottom:10px; }
        #popup a { color:#000;text-decoration:underline; }
        #popup a:hover { text-decoration:none; }

        .notification_popup{ max-width: calc(100vw - 60px); width: 500px; }



/* Footer */
    .footer{ background-color: #242424; color: #fff; font-size: 14px; line-height: 20px; }
        .footer .container{ padding: 32px 0 0; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); }

        .footer .links{ display: flex; gap: 10px; }
        .footer .links a{ color: #fff; font-weight: 700; }
        .footer .links a:hover{ text-decoration: underline; }
        .footer .links a:focus-visible{ text-decoration: underline; outline: 1px solid #FFFFFF; }
        .footer .links a:disabled{ color: #9E9E9E; }

        .footer .socials ul.social_links{ display: flex; justify-content: center; gap: 8px; margin-bottom: 8px; }
        .footer .socials ul.social_links li a{ width: 32px; height: 32px; border-radius: 32px; border: 2px solid #fff; display: flex; justify-content: center; align-items: center; color: #fff; }
        .footer .socials ul.social_links li a:hover{ background-color: #3A3A3A; }
        .footer .socials ul.social_links li a:focus-visible{ background-color: #3A3A3A; outline: 1px solid #fff; }
        .footer .socials ul.social_links li a:disabled{ border-color: #9E9E9E; }
        .footer .socials ul.social_links li a svg{ height: 14px; width: 16px; color: #fff !important; }

        .footer .newsletter .notification{ margin-bottom: 10px; padding: 10px; }
        .footer .newsletter .input_row{ display: flex; gap: 5px; }
        .footer .newsletter .input_row input{ width: 100%; }

        .footer .text_block p{ color: #fff; text-decoration:none; display: inline-block; width: 100%; line-height: 24px; margin-bottom: 2px;}
        .footer .text_block p:last-child{ margin-bottom: 0px;}
        .footer .text_block p a{ color: #fff; text-decoration:none; }

        .footer .checkbox_block .text{ color: #fff; }

    .footer .bottom_row{ background-color: #000; text-align: center; height: 52px; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 14px; line-height: 20px; }
    .footer #copyrights_txt{ font-size: 12px;  margin: 0px auto;  width: 100%;  text-align: center;  padding-bottom: 6px; }
    .footer .contacts-icon{ width: 24px;  height: 24px;  margin-right: 10px;  display: block;  float: left;}

/* Cookies */
    #cookies{ position: fixed; bottom: 0px; background: #fff; padding: 16px; width: calc(100% - 32px); box-shadow: 0px 0px 16px 0px #00000052; z-index: 9999; max-height: calc(100vh - 36px); overflow: auto; }
        #cookies .content_block{ display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 600px; margin: 0 auto; }
        #cookies .tab_buttons{ display: flex; gap: 0; background: #F1F1F1; padding: 2px; border-radius: 4px; }
            #cookies .tab_buttons .button{ border-radius: 2px; padding: 4px 8px; color: #242424; font-size: 14px; width: 100%; text-align: center; }
            #cookies .tab_buttons .button.active{ background-color: #FFFFFF; color: #B62940; box-shadow: 0px 0px 4px 0px #00000029; }
            #cookies .tab_buttons .button:hover{ cursor: pointer; }
        #cookies .cookie_tab{ display: none; flex-direction: column; gap: 16px; font-size: 14px; }
        #cookies .cookie_tab.active{ display: flex; }
            #cookies .cookie_tab .title{ font-weight: 600; color: #000; }
            #cookies .cookie_tab .text{ color: #242424; }
            #cookies .cookie_tab a{ color: #A32035; }
            #cookies .cookie_tab .detail_block{ display: flex; flex-direction: column; gap: 8px; position: relative; padding-left: 27px; }
                #cookies .cookie_tab .detail_block .arrow{ position: absolute; width: 14px; height: 8px; top: 1px; left: 5px; cursor: pointer; }
                #cookies .cookie_tab .detail_block.active > .arrow{ transform: rotate(180deg); top: 4px; top: 10px; }
                #cookies .cookie_tab .detail_block .title{ display: flex; gap: 8px; align-items: center; }
                #cookies .cookie_tab .detail_block .title .switch{ margin-left: auto; }
                #cookies .cookie_tab .detail_block .type_count{ background-color: #F5F5F5; border-radius: 2px; padding: 2px 4px; font-size: 12px; }

            #cookies .cookie_tab .detail_block .items{ display: none; flex-direction: column; gap: 8px; }
            #cookies .cookie_tab .detail_block.active .items{ display: flex; }
                #cookies .cookie_tab .detail_block .items .item{ display: flex; flex-direction: column; gap: 8px; border: 1px solid #CCCCCC; border-radius: 4px; padding: 8px; }
                #cookies .cookie_tab .detail_block .items .arrow{ position: relative; top: -6px; left: 0; margin-left: auto; cursor: pointer; }
                #cookies .cookie_tab .detail_block .items .item.active .arrow{ transform: rotate(180deg); top: 4px; }

            #cookies .cookie_tab .detail_block .sub_items{ display: none; flex-direction: column; gap: 8px; }
            #cookies .cookie_tab .detail_block .item.active .sub_items{ display: flex; }
                #cookies .cookie_tab .detail_block .sub_items .subitem{ display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid #CCCCCC; padding-bottom: 8px; }
                #cookies .cookie_tab .detail_block .sub_items .subitem:last-child{ border-bottom: none; padding-bottom: 0; }
                #cookies .cookie_tab .detail_block .sub_items .row_list{ display: flex; justify-content: space-between; }

        #cookies .action_buttons{ display: flex; gap: 16px; }
            #cookies .action_buttons .btn{ width: 100%; }

#errorPage{ margin-top: 100px; }

.wysiwyg { text-align: justify; }
.wysiwyg table{ margin:5px 0px; width:100%!important; }
#section_77 .section_content.wysiwyg table{ width: 100% !important; border: 1px solid #ccc; }
.wysiwyg th, .wysiwyg thead tr td{ background-color: #a32035; color: #fff; padding: 5px; border-right: 1px solid #ae6672; }
.wysiwyg tbody tr:nth-child(2n+1){ background-color: #F5F5F5; color: #000; }
.wysiwyg tbody tr td{ padding: 5px; border-right: 1px solid #ccc; }
.wysiwyg th td:last-child, .wysiwyg tbody tr td:last-child{ border-right: none; }
.wysiwyg ul, .wysiwyg ol { margin-block-start: 10px; margin-block-end: 10px; padding-inline-start: 40px; }
.wysiwyg ul { list-style: none; }
.wysiwyg ul li, .wysiwyg ol li { position: relative; }
.wysiwyg ul:not(.bulletless) li::before { content: "\2022"; color: #A32035; font-weight: bold; display: inline-block; font-size: 30px; position: absolute; top: 5px; left: -20px; height: 12px; line-height: 12px; }
.wysiwyg a{ color: #a32035; text-decoration: underline; }
.wysiwyg a:hover{ text-decoration: none; }
.wysiwyg .video {  width: 100%;  height: auto;  overflow: hidden;  position: relative;  aspect-ratio: 16/9;  margin: 10px 0px;}
.wysiwyg .video > * {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.wysiwyg p { margin: 10px 0px; }
.wysiwyg img { height: auto !important; }

.load_more_button{ background: #A32035; border-radius: 4px; text-align: center; text-decoration: none; color: #fff; padding: 5px 20px; border: 1px solid #A32035; cursor: pointer; margin: 10px auto; display: block; }
.load_more_button.elite{ margin: 0px; height: fit-content; }
.load_more_button.ml-0{ margin-left: 0px; }
.load_more_button:hover{ background: #fff; color: #A32035; }
.load_more_button.white{ background: #fff; color: #A32035; }
.load_more_button.white:hover{ background-color: #A32035; color: #fff; }

hr{ height: 1px; background-color: #CCC; margin:5px 0px; }

.mb-20{ margin-bottom: 20px; }

.over-h-scroll{ overflow-x: scroll!important; }
.over-h-scroll .tournament_table.game_schedule{ min-width: 750px;  }
.over-h-scroll .tournament_table.game_schedule td{ word-break: unset!important;  }

.person_block{ display: flex; flex-wrap: wrap; gap: 20px; }
/* .person_block:after { content: ""; flex: 99999 1 auto; } */
/* .person_block .person{ flex: 1 1 auto; border-radius: 3px; min-width: 245px;  border: 1px solid #ccc;padding: 16px;} */

.person_block .person{ border-radius: 3px; width: calc(25% - 49px); border: 1px solid #ccc; padding: 16px; }
/* .person_block .person:last-child{ flex-grow: 0; } */
.person_block .person .photo { border-radius: 4px; max-width: 84px; height:auto;  display: block; float: left;margin-right: 8px;position:relative;overflow:hidden; }
.person_block .person .photo.dead:before { content: '';position: absolute;bottom:0;left:-20px;background: #000;transform: rotate(45deg);z-index:20;width: 100%;height: 7px; }
.person_block .person .photo img { z-index:10;border-radius: 4px; }
.person_block .person .photo.dead img { filter: grayscale(100%); }
.person_block .person .info{ float: right; width: calc(100% - 92px); }
.person_block .person .full_name{ display: block;  font-size: 14px;   line-height: 20px;font-weight: 700; margin-bottom: 5px; }
.person_block .person .parameters { font-size: 14px; display: flex; flex-direction: column; }
.person_block .person .parameters li { color: #000; margin-bottom: 3px; }
.person_block .person .parameters li:last-child { margin-bottom: 0px; }
.person_block .person .parameters li .lbl{ color: #9E9E9E; width: 80px; display: block; float: left; }
.person_block.wider .person{ min-width: 345px; width: calc(33% - 44px); cursor:pointer;  }
/* .person_block.wider .person.referees_rec{ cursor:default;  } */
.person_block.wider .person:hover{ background-color: #f9f9f9;}
.person_block.wider .person .parameters li .lbl { width: 135px; }

.news_block.desktop_news .news_list li a { color: #fff!important; height:100%; }

.personality_open .personality_header{ background-color: #A32035; color: #fff; width: calc(100% - calc(var(--bs-gutter-x))); padding: 10px 0px; }
.personality_open .personality_header img{ margin-right:15px; }
.personality_img_block{ position: relative; width: 294px; margin-right: 0px; float: left; background: #fff; }
.personality_open  .personality_img_block{ padding: 20px 0px 20px 20px; }
.personality_img_block.grayscale img { filter:grayscale(100%); }
.personality_img_block img{ width: 100%; height: 441px; object-fit: cover; }
.personality_img_block .gradient_overlay{ position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: linear-gradient(to top, #000, transparent 60%); }
.personality_img_block .name_overlay{ display: flex; color: #fff; font-size: 8rem; position: absolute; top: 0; bottom: 10px; left: 0; right: 0; align-content: end; flex-direction: row; gap: 2rem; flex-wrap: wrap; font-weight: 700; text-align: left; }
.personality_img_block .name_overlay .line{ flex: 0 0 calc(100% - 7rem); max-height: 8rem; padding-left: 7rem; }
.personality_open .personality_img_block .name_overlay{ font-size: 2.5rem; gap: 0.2rem;}
.personality_open .personality_img_block .name_overlay .line{ padding-left: 2rem; }
.personality_open .personality_img_block .name_overlay .line:first-child{ font-size: 1.5rem; }
.personality_rec .personality_img_block .name_overlay{ font-size: 2.5rem; gap: 0.2rem; }
.personality_rec .personality_img_block .name_overlay .line{ padding-left: 2rem; }
.personality_rec .personality_img_block .name_overlay .line:first-child{ font-size: 1.5rem; }
.personality_open .title_row { display: flex; justify-content: space-between; }
.personality_open .title_row .links { display: flex; flex-direction: row; gap: 20px; margin-right: 20px; justify-content: flex-end; }
.personality_open .info_row { display: flex; justify-content: space-between; }
.personality_open .info_row ul.person_data_list,.personality_open .info_row .player_badges { flex:1 1 auto; }
.personality_open .info_row .player_badges { text-align: right; }

#section_127 table{ pointer-events: none;   -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ }
.wysiwyg blockquote, .timeline_block blockquote { border-left: 4px solid #B62940; margin: 1.5em 10px; padding: 8px 16px; font-size: 16px; font-weight: 700; line-height: 20px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; }
.wysiwyg blockquote:before, .timeline_block blockquote:before { color: #ccc; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;}
.wysiwyg blockquote p, .timeline_block blockquote p { display: inline; }

.timeline_block .hidden_slide{ display: none; }

.ta-j{ text-align: justify; }

.breadcrumb_row{ display: flex; align-items: center; justify-content: space-between; margin: 1rem 0; padding-right: var(--bs-gutter-x); }
.breadcrumb{ display: flex; gap: 7px; margin-top: 20px; }
.breadcrumb_row .breadcrumb{ margin-top: 0; }
.breadcrumb li a{ color: #000; }
.breadcrumb li.arrow{ display: flex; align-items: center; }
.breadcrumb li.arrow svg{ stroke: #A32035; width: 12px; height: 12px; min-width: 12px; min-height: 12px; transform: rotate(-90deg); }

.bgWallpaper .breadcrumb li, .bgWallpaper .breadcrumb li a { color: #fff !important; align-content: center; }
.bgWallpaper .breadcrumb li.arrow svg { fill: #fff !important; }

#section_127 table { margin:0 auto; }
#section_127 table tr th:first-child,
#section_127 table tbody tr td:first-child,
#section_127 table tr th:last-child,
#section_127 table tbody tr td:last-child { text-align:center;width:60px; }
#section_127 table tbody tr td:first-child::after { content:'.'; }



/* Hide all number elements initially */
/* ul.pagination li:not(.prev):not(.next) {
  display: none;
} */

/* Show first 3 numbers before .prev */
ul.pagination li:nth-child(-n+4):not(.prev) {
  display: inline-block;
}

/* Show 3 numbers after .next */
ul.pagination li:nth-last-child(-n+4):not(.next) {
  display: inline-block;
}

/* Show 3 numbers before and after .active */
ul.pagination li.active,
ul.pagination li.active + li,
ul.pagination li.active + li + li,
ul.pagination li.active + li + li + li,
ul.pagination li:nth-child(n):has(+ .active),
ul.pagination li:nth-child(n):has(+ .active + li),
ul.pagination li:nth-child(n):has(+ .active + li + li) {
  display: inline-block;
}

/* Add dots where numbers are hidden */
ul.pagination li.hidden::after {
  content: "...";
  padding: 0 8px;
}

.pos-r{ position: relative; }
.button.back{ background: transparent; border-radius: 4px; text-align: center; text-decoration: none; color: #fff; padding: 10px 20px 10px 10px; border: 1px solid #fff; font-size: 16px; cursor: pointer; }
.button.back:hover{ background-color: #fff; color: #A32035; }
.button.back .svgIcon{ width: 24px; transform: rotate(90deg); height: auto; margin-right: 5px; }
.button.back span{ line-height: 24px; }
.pos-r .button.back{ position: absolute; top:0px; left:20px; height:26px; }
.flex-center{ display: flex; justify-content: center; align-content: center;}


.type_search{ position: relative; }
.type_search .result_list{ position: absolute; z-index: 999; top: 33px; background: #fff; width: 100%; }
.type_search .status_flag{ margin-top: 5px; display: flex; justify-content: space-between; align-items: center; }
.type_search .status_flag .remove{ display: inline-block; width: 16px; height: 16px; background: url('../img/cross.png') no-repeat; top: 10px; right: 10px; }
.type_search .status_flag .remove:hover{ cursor: pointer; }

.order_table thead th{ position: relative; }
.order_table thead th:not(.no-order):hover{ cursor: pointer; }
.order_table thead th.asc:after, .order_table thead th.desc:after{ content: ''; position: absolute; right: 5px; top: 15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; clear: both; }
.order_table thead th.asc:after{ border-bottom: 5px solid #a32035; }
.order_table thead th.desc:after{ border-top: 5px solid #a32035; }

.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: #a32035;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% { transform: rotate(0deg); }
	100% {transform: rotate(360deg); }
}

.photo_author{ display: block;  width: 100%;  font-style: italic;  font-size: 13px;  color: #AAA;  margin-top: 5px; max-width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }




.more_option{ position: relative; display: flex; align-items: center; }
    .player_profile_cover .more_option{ position: absolute; top: 10px; right: 10px; }
    .player_profile_cover .more_option.has_team_logo{ right: 130px; }
    .more_option .dots{ font-size: 18px; font-weight: 600; position: relative; display: flex; align-items: center; }
    .more_option .dots svg{ width: 32px; height: 32px; color: #fff; }
    .more_option .dots:hover{ cursor: pointer; }
    .more_option .options{ display: none; }
	.more_option.active .options{ display: flex; flex-direction: column; position: absolute; width: 200px; background: #fff; border-radius: 5px;  z-index: 999; box-shadow: 1px 1px 2px #2624243b; padding: 8px; text-align: center; top: 28px; }
	.more_option.active .options:not(.buttons) { right: 0; }
	.more_option .options a:hover{ background: #eaeaea; }
    .more_option .options a{ border-bottom: 1px solid #02488f !important; display: flex; align-items: center; justify-content: flex-start; gap: 5px; color: #111111; padding: 5px 0 5px; font-size: 14px; }
    .more_option .options a:last-child{ border-bottom: none !important; }
    .more_option .options a svg{ width: 20px; height: 20px; margin-left: 5px; }

.stages{ display: flex; gap: 50px; justify-content: center; }
    .stages li{ position: relative; display: flex; flex-direction: column; align-items: center; width: 85px; text-align: center; }
    .stages li:not(:last-child):after{ content: ''; width: calc(100% + 20px); height: 4px; position: absolute; display: block; background: #ccc; left: calc(100%/2 + 16px); top: 14px; }

    .stages li .stage_nr{ width: 30px; height: 30px; border-radius: 20px; display: flex; border: 1px solid #ccc; justify-content: center; align-items: center; }
    .stages li.active .stage_nr{ font-weight: 600; background: #F5F5F5; }
    .stages li.done .stage_nr{ background: #000; color: #fff; border-color: #000; }

.transfer_fee { font-size: 14px; color: #000;text-align:right; }
.transfer_fee span { margin-left: 15px; font-size: 16px; color: #000;width:100px;display:inline-block; }

.profile_manager_club{ display: flex; align-items: center; gap: 10px; margin-top: 20px;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
.profile_manager_club .club_logo{ width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; }
.profile_manager_club .club_logo img{ max-width: 100%; max-height: 100%; }
.profile_manager_club .club_name{ font-size: 14px; font-weight: 600; }

.profile_arena_arena{ display: flex; align-items: center; gap: 10px; margin-top: 20px;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
.profile_arena_arena .arena_name{ font-size: 14px; font-weight: 600; }


		.mt-30{ margin-top: 30px; }

/* .menu_players a, .menu_players svg, */
.menu_team a, .menu_game a, .menu_dashboard a { color:#ccc !important; }
.menu_team svg, .menu_game svg, .menu_dashboard svg { fill:#ccc !important; }

.select_flex{ display: flex; gap: 10px; flex-wrap: wrap; justify-content: space-between; }
.form-group.full_width .select_flex select{ width: auto; }
.form-group .star{ color: #a32035; margin-right:3px; }

.iframe-wrapper-full {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.iframe-wrapper-full iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.arena_info_block .social_list{ display: flex; flex-wrap: wrap; flex-direction: row; }
.arena_info_block .social_list a{ color:#000;  width: 24px; height: 24px; margin-right: 10px;}
.arena_info_block .social_list a svg{ color:#000; }
.arena_info_block .social_list a.youtube svg, .arena_info_block .social_list a.tiktok svg{ stroke:#000; }

.clubs_open .clubs_image{ display: flex; justify-content: center; align-items: center; height: 100%; }

.personality_top_block{ display: flex;}
.other_list.column .body_text{ text-align: justify; font-size: 13px; }
.other_list.column .body_text.file_size{ font-size: 10px; color: #959595; line-height: 10px; }
.personality_top_block .personality_side_info.with_badges{ width: calc(50% - 147px - calc(var(--bs-gutter-x))); }
.personality_top_block .player_badges{ background: #fff; padding: 20px 0px; margin-right: 20px; }

.leagues_banner{ margin-bottom: 1rem; }

#calendar_timestamp_from, #calendar_timestamp_until{ background: url('../img/calendar.svg') no-repeat center right 8px; background-size: 18px 18px; padding-right: 15px; }


.option_box .checkbox{ height: 24px; display: flex; align-items: center; position: relative; padding-left: 35px; cursor: pointer; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 4px; margin-bottom: 8px; }
.option_box .checkbox input{  position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.option_box .checkbox .checkmark{ position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border: 2px solid #73716e;  }
.option_box .checkbox.type-radio .checkmark{ border-radius: 100%; }
.option_box .checkbox input:checked ~ .checkmark { background-color: #73716e; }
.checkmark:after { content: ""; position: absolute; display: none; }
.option_box .checkbox input:checked ~ .checkmark:after { display: block; }
.option_box .checkbox .checkmark:after { left: 7px; top: 3px; width: 4px; height: 8px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.fastdrop { border:2px dotted #ccc;background-color:#E5E5E5;padding:20px;border-radius:5px;text-align:center;font-weight:bold;color:#aaa;cursor:pointer;margin-bottom:15px; }
	.statusbar { margin:0 10px; padding:10px 0 20px;border-top:1px solid #ccc; }
	.statusbar .filename { font-weight:bold; }
	.statusbar .progressBar { height:4px;padding:0;margin-top:7px; }
	.statusbar .progressBar div { background-color:#DD4A29;height:4px;line-height:22px;font-size:11px; }
	.statusbar .filesize { width:70px;height:16px;line-height:16px;display:inline-block;font-size:11px;float:right;text-align:right;padding-bottom:4px; }
	.statusbar .abort { width:16px;height:16px;display:inline-block;float:right;cursor:pointer;background: url('../img/icons/px16/cross-script.png');margin:2px 0 0 5px; }

.person_contracts_files .red_link.with_svg{ display: inline-block; }

.timeline.archive a { color:#a32035; text-decoration: underline; }
.timeline.archive a:hover { text-decoration: none; }

/*** Error page ***/
	.error_block{ padding:20px; display: inline-block; }
	.error_block .line_1, .error_block .line_2{ font-size: 80px; display: block; width: 100%; font-weight: 600; }
	.error_block .line_3{ font-size: 30px; display: block; width: 100%; font-weight: 600; margin: 10px 0px; }
	.error_block .identifier{ background: #242424; color: #fff; border-radius: 5px; padding: 5px 10px; margin: 10px 0px; display: block; width: fit-content; }
	.error_block .info{ display: block;  width: 100%;  color: #a32035;  margin: 30px 0px 5px 0px; }
	.error_block .back-button{ display: block;  width: 100%;  color: #fff;  background-color: #a32035;  border: 1px solid #a32035;  font-size: 24px;  padding: 5px 30px;  border-radius: 5px;  text-align: center; }
	.error_block .back-button:hover{ color: #a32035;  background-color: #fff; border:1px solid #a32035; }

	#profile_logout .icon{ width: 26px; height: 26px; }
	#profile_logout .icon .svgIcon{ width: 24px; height: 24px; }


.white_block.scrollable{ max-height: 380px; height: 380px; overflow-y: scroll;}
.white_block.full_h{ height: calc(100% - 32px); max-height: 416px;}
.white_block.full_h .leaders_list ul li{ padding-bottom: 9px; }

tr td .time.tba{ display: flex;  align-content: center;  justify-content: center;  gap: 5px; }
tr td .time.tba .svgIcon{ width: 16px; height: 16px; }
tr td .time.tba p{ height: 16px; line-height: 16px; }


#countdownTimer{ padding-top: 20px; padding-bottom: 40px; }
#countdownTimer .countdown_title{ text-align: center; font-size: 20px; }
#countdownTimer ul{ display: flex; gap: 5px; justify-content: center; margin-top: 20px; }
#countdownTimer ul li{ display: flex; flex-direction: column; align-items: center; }
#countdownTimer ul li span{ font-family: 'Digital'; font-size: 60px; }