<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    --red: #E72617;
    --dark-red: #80150D;
    --green: #4BAD0D;
    --gray: #808080;
    --gray-bck: #f3f3f3;
    --gray-bck2: #E3E3E3;
    --gray-text: #383838;
    --header-background: #212121;

    --content-width: 1314px;
    --content-padding: 12px;
    --main-column-width: 900px;
    --sidebar-width: 370px;
    --header-height: 66px;

    --list-border-radius: 15px;
}
html, body{
    margin: 0;
    padding: 0;
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #000;
    height: 100%;
}
[x-cloak] { display: none !important; }

#content {
    display: flex;
    flex-direction: column;
}
.container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0;
    padding-top: 0;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 var(--content-padding);
    width: calc(var(--content-width) + 2*var(--content-padding));
}
a:hover {
    color: var(--red);
}
.container, #header-main, #under-header{
    box-sizing: border-box;
    padding: 0 var(--content-padding);
    width: calc(var(--content-width) + 2*var(--content-padding));
}
#main-column{
    width: var(--main-column-width);
}
#sidebar{
    width: var(--sidebar-width);
}
.flb-c{
    display: flex;
    align-items: center;
}
.flb-c-c{
    display: flex;
    align-items: center;
    justify-content: center;
}
.mt20{
    margin-top: 1rem;
}
h1, h2, h3{
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
    line-height: 2.143rem;
    font-weight: 700;
    margin: 1rem 0;
}
.red{
    color: var(--red);
}
.green{
    color: var(--green);
}
/** Header **/
#header-wrapper{
    background-color: var(--header-background);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--header-height);
    width: 100%;
    box-sizing: border-box;
}
#header-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
#logo {
    display: block;
    background: url('/img/logo.webp') no-repeat center center;
    width: 221px;
    height: 45px;
}
#header-links{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
#header-date{
    color: var(--gray);
    padding: 0 2rem 0 0;
}
#header-top-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    border-right: 1px solid var(--gray-text);
}
#header-top-nav a{
    display: flex;
    align-items: center;
    padding: 0 1rem;
    color: #fff;
    font-weight: 700;
    font-size: 1.143rem;
    text-decoration: none;
    transition: all 0.3s;
    border-left: 1px solid var(--gray-text);
    height: 100%;
}
#header-top-nav a:hover, #header-top-nav a.active, #header-top-nav a:hover svg.icon{
    color: var(--red);
    fill: var(--red);
}
#header-top-nav a svg.icon{
    margin-right: 0.5rem;
    fill: #fff;
    transition: all 0.3s;
}
#header-top-nav a svg.icon-display{
    width: 45px;
    height: 32px;
    scale: .8;
}
#header-top-nav a svg.icon-tv{
    width: 45px;
    height: 35px;
    scale: .8;
}
#header-top-nav a svg.icon-shirt{
    width: 48px;
    height: 39px;
    scale: .8;
}
#langs{
    position: relative;
    padding: 0 2rem 0 1rem;
    border-right: 1px solid var(--gray-text);
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 100;
}
#langs:after {
    border: 2px solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    display: block;
    height: 5px;
    width: 5px;
    position: absolute;
    right: 1rem;
    top: calc(50% - 4px);
    transform: rotate(45deg);
}
#langs:hover ul{
    display: block;
}
#langs ul{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: var(--header-background);
    width: 100%;
}
#langs .flag{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
#langs ul li{
    border-bottom: 1px solid var(--gray-text);
}
#langs ul a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .5rem 0;
}
#langs ul a:hover{
    background-color: var(--gray-text);
}
/** Categories Menu **/
#under-header-wrapper{
    background-color: var(--gray-bck);
    color: var(--gray-text);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
}
#header-main-nav ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
#header-main-nav .submenu {
    display: grid;
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
#header-main-nav&gt;ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid var(--gray-bck2);
}
#header-main-nav ul&gt;li{
    position: relative;
    padding: 1rem 2rem 1rem 0;
}
#header-main-nav ul&gt;li.more{
    padding-right: 0;
    flex-grow: 2;
}
#header-main-nav ul&gt;li&gt;a{
    font-weight: 700;
    font-size: 1.071rem;
    line-height: 1.143rem;
    text-decoration: none;
    color: var(--gray-text);
    white-space: nowrap;
}
#header-main-nav ul a:hover, #header-main-nav ul a.active{
    color: var(--red);
    transition: all 0.3s;
}
#header-main-nav .more{
    position: relative;
    width: 40px;
    height: 20px;
    cursor: pointer;
}
#header-main-nav .more&gt;ul{
    display: none;
}
#header-main-nav .more.show&gt;ul{
    display: block;
    position: absolute;
    background-color: var(--gray-bck);
    z-index: 100;
    right: 0;
    top: 100%;
}
#header-main-nav .more.show&gt;ul&gt;li{
    padding: .8rem;
}
#header-main-nav .more::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border: 3px solid var(--gray-text);
    border-width: 0 3px 3px 0;
    position: absolute;
    right: 7px;
    top: calc(50% - 7px);
    transform: rotate3d(0, 0, 1, 45deg);
}
#header-main-nav .submenu.show, #header-main-nav&gt;ul&gt;li.more&gt;ul&gt;li:hover .submenu, #header-main-nav&gt;ul&gt;li:hover&gt;ul.submenu {
    background-color: #fff;
    display: grid;
    gap: .5rem 1.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    height: auto;
    width: auto;
    left: -20px;
    opacity: 1;
    padding: 20px;
    top: 100%;
    z-index: 100;
    border-radius: 15px;
    -webkit-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
    transition: all .2s ease-out;
}
#header-main-nav&gt;ul&gt;li:nth-child(n+6)&gt;ul.submenu {
    left: auto;
    right: -20px;
}
#header-main-nav&gt;ul&gt;li.more&gt;ul&gt;li:hover .submenu{
    top: 0px;
    left: auto;
    right: 100%;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
}
#header-main-nav .submenu.show.small, #header-main-nav&gt;ul&gt;li.more&gt;ul&gt;li:hover .submenu.small, #header-main-nav&gt;ul&gt;li:hover&gt;ul.submenu.small{
    grid-template-columns: 1fr 1fr;
}
#header-main-nav .submenu li{
    padding: 0;
}
#header-main-nav .submenu a{
    display: block;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
    line-height: 2rem;
}
#header-main-nav&gt;ul&gt;li.more&gt;ul&gt;li&gt;a::after, #header-main-nav&gt;ul&gt;li&gt;a::after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    bottom: 0px;
    left: calc(50% - 10px);
    transform: translateX(-50%);
    transition: all .2s ease-out;
    height: 0;
    opacity: 0;
    overflow: hidden;
}
#header-main-nav&gt;ul&gt;li.more&gt;ul&gt;li&gt;a::after{
    transform: rotate(90deg);
    left: -7px;
    bottom: auto;
    top: calc(50% - 5px);
    z-index: 101;
}
#header-main-nav&gt;ul&gt;li.more&gt;ul&gt;li:hover&gt;a.has-submenu::after, #header-main-nav&gt;ul&gt;li:hover&gt;a.has-submenu::after {
    height: auto;
    opacity: 1;
}
/** Top Matches **/
#matches-live{
    padding: 10px 0 0;
}
#matches-live&gt;span{
    color: var(--gray);
    font-size: 0.857rem;
    line-height: 1rem;
    display: block;
}
#top-matches{
    position: relative;
}
#top-matches .slider-items{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: scroll;
    scroll-behavior: smooth;
    padding: 12px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
/* WebKit */
#top-matches .slider-items::-webkit-scrollbar { 
    width: 0;
    height: 0;
}
#top-matches .slider-items&gt;.slider-item{
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    margin-right: .8rem;
    min-width: 98px;
    text-decoration: none;
    color: var(--gray-text);
}
#top-matches .slider-items&gt;.slider-item .day{
    text-transform: uppercase;
}
#top-matches .slider-items&gt;.slider-item .day.now{
    display: none;
}
#top-matches .slider-items&gt;.slider-item.now .day.now{
    display: block;
}
#top-matches .slider-items&gt;.slider-item.now .date-basic{
    display: none;
}
#top-matches .slider-items&gt;.slider-item:hover .teams{
    color: var(--red)
}
#top-matches table{
    width: 100%;
    border-collapse: collapse;
    
}
#top-matches table td{
    padding: 0.2rem;
}
#top-matches table .team-n{
    font-weight: 700;
    font-variation-settings: "wdth" 75;
    padding-left: 0;
    width: 100%;
    line-height: 1.5rem;
}
#top-matches .template{
    position: relative;
}
#top-matches .template .team-n span{
    display: block;
    background-color: var(--gray-bck);
    border-radius: 5px;
    animation: bckg-color-change 2s infinite;
}
@keyframes bckg-color-change {
    0% {background-color: var(--gray-bck);}
    50% {background-color: var(--gray-bck2);}
    100% {background-color: var(--gray-bck);}
}
#top-matches .warning{
    position: absolute;
    top: calc(50%);
    margin-top: -10px;
    left: 0;
    width: 100%;
    text-align: center;
}
#top-matches img{
    height: 18px;
}
#top-matches .teams{
    padding: 0.4rem 0.4rem 0.2rem 0.4rem;
    border-bottom: 1px solid var(--gray-bck2);
}
#top-matches .info{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    text-align: center;
    font-size: 0.786rem;
    font-weight: 700;
    font-variation-settings: "wdth" 75;
    color: #B7B7B7;
}
#top-matches .info .icon-live-speaker{
    width: 14px;
    height: 9px;
    margin-right: 0.2rem;
}
#top-matches .scroll{
    position: absolute;
    top: 0;
    height: 100%;
    background: none;
    box-shadow: none;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: auto;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
    display: none;
    z-index: 99;
}
#top-matches .scroll.show{
    display: flex;
}
#top-matches .scroll svg{
    width: 8px;
    height: 14px;
}
#top-matches .scroll.left{
    left: 0;
    background-image: linear-gradient(to right, rgba(243, 243, 243,1), rgba(243, 243, 243,.2));
}
#top-matches .scroll.right{
    right: 0;
    background-image: linear-gradient(to left, rgba(243, 243, 243,1), rgba(243, 243, 243,.2));
}
/** Footer **/
.full-width.footer{
    border-top: 2px solid var(--gray-bck);
}
#footer{
    padding: 0 var(--content-padding);
    width: calc(var(--content-width) + 2*var(--content-padding));
    display: flex;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: #fff; 
    position: relative;
}
#footer .footer-right{
    border-left: 1px solid #dbdbdb;
    padding: 20px;
}
#footer p{
    margin: 0;
    font-size: 16px;
}
#footer-logo{
    height: 28px;
    width: 118px;
    padding: 20px 0 0 0;
}
#footer-menu{
    font-size: 16px;
}
#footer-menu a{
    font-size: 16px;
}
#footer-menu .sep{
    color: #dbdbdb;
}
#footer-menu .more-links{
    padding: 15px 0;
}
.bold{
    font-weight: bold;
}
.footer-menu-sep{
    color: #dbdbdb;
    margin: 0 5px;
}
#footer-menu a, #footer-links a{
    color: #424242;
    text-decoration: none;
}
#footer-menu a:hover, #footer-links a:hover{
    text-decoration: underline;
}
#footer-links{
    font-size: 12px;
    color: #424242;
    line-height: 1.7em;
}
#footer-copyright{
    padding-top: 25px;
    color: #9a9a9a;
    font-size: 10px;
}
#footer-link-list{
    margin-top: 10px;
}
#footer-link-list span, #footer-link-list a{
    font-size: 16px;
}
#mobile-footer, .mobile-footer-div, .mobile-buttons, .mobile-sliders{
    display: none;
}
/** Lists **/
.box-w-header{
    padding: 0;
    margin: 0;
    width: 100%;
}
.box-w-header .header{
    background-color: var(--gray-bck);
    color: var(--gray-text);
    font-family: 'Roboto', sans-serif;
    font-size: 1.286rem;
    line-height: 2.143rem;
    border-radius: var(--list-border-radius) var(--list-border-radius) 0 0;
    padding: 1rem 1.4rem;
    display: flex;
    align-items: center;
}
.box-w-header .header svg{
    margin-right: 1rem;
    flex-shrink: 0;
}
.box-w-header .header svg.icon-shortcut{
    width: 27px;
    height: 25px;
}
.box-w-header .cnt{
    border: 1px solid var(--gray-bck2);
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 var(--list-border-radius) var(--list-border-radius);
}
.box-w-header .list .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--gray-bck2);
    padding: 1rem 1.4rem .6rem;
}
.box-w-header .list .item:last-child{
    border-bottom: none;
}
.box-w-header .list .item .ls, .box-w-header .list .item .rs{
    display: flex;
    align-items: center;
}

.box-w-header .list .item .date{
    min-width: 70px;
}
.box-w-header .list .item .date, .box-w-header .list .item .links{
    display: flex;
    flex-direction: column;
}
.box-w-header .list .date .time{
    font-weight: 700;
}
.box-w-header .list .date .day{
    font-size: 0.857rem;
    line-height: 1.286rem;
}
.box-w-header .list .date .day.now{
    display: none;
    color: var(--green);
    font-size: 0.786rem;
    font-weight: 800;
    font-style: italic;
}
.box-w-header .list .item.now .date .day{
    display: none;
}
.box-w-header .list .item.now .date .day.now{
    display: block;
}
.box-w-header .list .links a{
    color: #000;
    line-height: 1.286rem;
    text-decoration: none;
}
.box-w-header .list .links .categories, .box-w-header .list .links .categories a{
    color: var(--gray);
    font-size: 0.857rem;
    line-height: 1.286rem;
}
.box-w-header .list .links a:hover{
    color: var(--red);
    transition: all 0.3s;
}
.box-w-header .watch-btn svg{
    width: 8px;
    height: 11px;
}
.box-w-header .watch-btn svg.red{
    fill: var(--red);
}
#sidebar .box-w-header .watch-btn span{
    display: none;
}
#sidebar .box-w-header{
    margin-bottom: 1.4rem;
}
#sidebar .box-w-header .rs a{
    display: block;
    padding: .4rem 0 .4rem .8rem;
}
.box .header{
    color: var(--gray-text);
    font-family: 'Roboto', sans-serif;
    font-size: 1.286rem;
    line-height: 2.143rem;
}
.box .simple-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.box .simple-list li{
    padding: .3rem 0;
}
.box .simple-list a {
    color: #000;
    line-height: 1.286rem;
    text-decoration: none;
}
.box .simple-list a:hover{
    color: var(--red);
    transition: all 0.3s;
}
/** Sidebar comments **/
.box-w-header .comment{
    margin: 1.286rem;
    border-bottom: 1px dashed var(--gray-bck2);
    padding: 0 0 0.857rem 0;
}
.box-w-header .comment:first-child{
    margin-top: 0;
    padding-top: 1.286rem;
}
.box-w-header .comment:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.box-w-header .comment .name{
    font-size: 0.857rem;
    line-height: 1.286rem;
    color: var(--gray);
    text-decoration: none;
}
.box-w-header .comment .name:hover{
    color: var(--red);
    transition: all 0.3s;
}
.box-w-header .comment .text{
    margin: 0.857rem 0;
    word-wrap: break-word;
    line-height: 1.4rem;
}
.box-w-header .comment .user-info{
    text-align: right;
    font-size: 0.857rem;
    font-style: italic;
    color: var(--gray);
}
.box-w-header .comment .user-info .username{
    font-weight: 700;
}
/** Sidebar images lists **/
.box-w-header .img-item{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.857rem 1.286rem;
}
.box-w-header .img-item .img{
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
    display: block;
    width: 115px;
    height: 94px;
    margin-right: 1.286rem;
}
.box-w-header .img-item .img img{
    border-radius: 8px;
}
.box-w-header .img-item .info{
    display: flex;
    flex-direction: column;
    flex-grow: 2;
}
.box-w-header .img-item .info .date{
    color: var(--gray);
    padding-bottom: .6rem;
}
.box-w-header .img-item .info .title{
    font-weight: 700;
    line-height: 1.286rem;
    color: var(--gray-text);
    text-decoration: none;
}
.box-w-header .img-item .info .title:hover{
    color: var(--red);
    transition: all 0.3s;
}
/** Sidebar event info **/
.event-info-sidebar{
    background-color: var(--gray-bck);
    padding: 2rem;
    border-radius: var(--list-border-radius);
    margin-bottom: 1.4rem;
}
.event-info-sidebar .header{
    font-size: 1.286rem;
    font-weight: 700;
}
.event-info-sidebar .info-list{
    list-style: none;
    margin: 0;
    padding: 1rem 0;
    border-bottom: 1px dashed var(--gray-bck2);
}
.event-info-sidebar .info-list li{
    padding: .4rem 0;
}
.event-info-sidebar .info-list .i-val, .event-info-sidebar .info-list a.i-val{
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.event-info-sidebar .info-list a.i-val:hover{
    color: var(--red);
    transition: all 0.3s;
}
.event-info-sidebar .teams{
    padding: 1.4rem 0;
    display: flex;
    flex-direction: column;
}
.event-info-sidebar .teams .teams-logos, .event-info-sidebar .teams .teams-names{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.event-info-sidebar .teams .teams-logos .team{
    flex-grow: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.event-info-sidebar .teams .teams-logos .team img{
    width: 70px;
    height: 70px;
}
.event-info-sidebar .teams .result{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 .5rem;
}
.event-info-sidebar .teams .result .score{
    font-size: 2rem;
    line-height: 2.143rem;
    font-weight: 700;
    margin: .5rem 0;
}
.event-info-sidebar .teams .result .status{
    color: var(--gray);
    font-size: 0.786rem;
    font-weight: 800;
    font-style: italic;
}
.event-info-sidebar .teams .teams-names{
    padding-top: 1rem;
    justify-content: space-around;
}
.event-info-sidebar .teams .teams-names .sep{
    padding: 0 2rem;
}
.event-info-sidebar .teams .teams-names .name{
    color: #000;
    text-decoration: none;
    font-weight: 700;
}
.event-info-sidebar .teams .teams-names a.name:hover{
    color: var(--red);
    transition: all 0.3s;
}
.event-info-sidebar .rbtn{
    margin-top: 1rem;
}
/** Utils **/
.rbtn, .box-w-header .list.fill-items .watch-btn, .box-w-header .full-btn .watch-btn{
    display: flex;
    align-items: center;
    background-color: var(--red);
    color: #fff;
    text-decoration: none;
    padding: .6rem 1rem;
    border-radius: 2rem;
}
.rbtn svg, .box-w-header .list.fill-items .watch-btn svg, .box-w-header .full-btn .watch-btn svg{
    width: 11px;
    height: 11px;
    fill: #fff;
    margin-left: 1rem;
}
.rbtn:hover, .box-w-header .list.fill-items .watch-btn:hover, .box-w-header .full-btn .watch-btn:hover{
    color: #fff;
    background-color: var(--dark-red);
    transition: all 0.3s;
}
.site-desc{
    font-size: 1.286rem;
    line-height: 2.143rem;
}
.site-desc h3, .site-desc h2{
    font-size: 1.286rem;
    line-height: 2.143rem;
    font-weight: 700;
    margin: .5rem 0;
}
.site-desc p{
    margin: .4rem 0 1.2rem;
}
.site-desc.shortcut_embeds{
    margin-bottom: 15px;
}
.site-desc.shortcut_embeds &gt; div{
    margin: .4rem auto;
}
.site-desc.shortcut_embeds iframe{
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
}
/** Event preview **/
.event-preview{
    position: relative;
}
.img-wrapper{
    width: 100%;
    aspect-ratio: 9/5;
    border-radius: var(--list-border-radius);
}
.img-wrapper img{
    border-radius: var(--list-border-radius);
    max-width: 100%;
    
}
.img-desc{
    color: var(--gray);
    font-style: italic;
}
.event-preview .title-wrapper{
    position: absolute;
    bottom: 3px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0 0 var(--list-border-radius) var(--list-border-radius);
    padding: 2rem 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.event-preview .title-wrapper .title{
    color: var(--gray-bck);
    font-size: 2rem;
    line-height: 2.143rem;
    font-weight: 700;
    text-decoration: none;
}
.event-preview .title-wrapper .title:hover{
    color: var(--red);
    transition: all 0.3s;
}
.event-preview .title-wrapper .rbtn{
    margin-top: 1.4rem;
}
.event-preview .title-wrapper .top-info{
    display: flex;
    align-items: center;
    padding-bottom: .4rem;
}
.event-preview .title-wrapper .top-info .date{
    font-size: 0.786rem;
    font-weight: 800;
    font-style: italic;
    color: var(--gray-bck);
}
.event-preview .title-wrapper .top-info .date.now{
    color: var(--green);
    margin-right: 1rem;
}
.event-preview .title-wrapper .top-info .categories, .event-preview .title-wrapper .top-info .categories a{
    color: var(--gray-bck);
    font-size: 0.857rem;
    line-height: 1.286rem;
    text-decoration: none;
}
.event-preview .title-wrapper .top-info .categories a:hover{
    color: var(--red);
    transition: all 0.3s;
}
/** Transmissions tables **/
.tansmissions-box .box-w-header .list .item{
    padding: 1rem 1.4rem;
}
.row-selector{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    font-size: 1.143rem;
    color: var(--gray);
    padding-bottom: 1.4rem;
    position: relative;
    max-height: 45px;
}
.row-selector::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--gray-bck2);
    position: absolute;
    bottom: 1.4rem;
    z-index: 98;
}
.row-selector::-webkit-scrollbar { 
    width: 0;
    height: 0;
}
.row-selector&gt;.row-selector-item{
    padding: 1rem 0;
    margin: 0 1.4rem;
    cursor: pointer;
    position: relative;
    user-select: none;
    text-decoration: none;
    color: var(--gray);
    white-space: nowrap;
}
.row-selector&gt;.row-selector-item:first-child{
    margin-left: 0;
}
.row-selector&gt;.row-selector-item.active{
    font-weight: 700;
    color: var(--gray-text);
}
.row-selector&gt;.row-selector-item::after{
    opacity: 0;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: var(--gray-text);
    position: absolute;
    bottom: -1px;
    z-index: 100;
    transition: all 0.3s;
    z-index: 99;
}
.row-selector&gt;.row-selector-item.active::after, .row-selector&gt;.row-selector-item:hover::after{
    opacity: 1;
}
.row-selector .more{
    margin-left: auto;
    width: 40px;
    height: 100%;
    margin-right: 0;
}
.row-selector .more::after {
    content: "";
    opacity: 1;
    display: block;
    width: 7px;
    height: 7px;
    border: 2px solid var(--gray-text);
    border-width: 0 2px 2px 0;
    position: absolute;
    right: 7px;
    top: calc(50% - 7px);
    transform: rotate3d(0, 0, 1, 45deg);
    background-color: transparent;
}
.row-selector .more .row-selector-submenu{
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background-color: #fff;
    z-index: 100;
    border: 1px solid var(--gray-bck2);
    max-height: 200px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
/* WebKit */
.row-selector .more .row-selector-submenu::-webkit-scrollbar { 
    width: 0;
    height: 0;
}
.row-selector .more.show .row-selector-submenu{
    display: block;
}
.row-selector .more .row-selector-submenu .row-selector-item{
    display: block;
    padding: .6rem 1.4rem;
    border-bottom: 1px solid var(--gray-bck2);
    z-index: 100;
    text-decoration: none;
    color: var(--gray);
    font-weight: 400;
}
.row-selector .more .row-selector-submenu .row-selector-item:hover, .row-selector .more .row-selector-submenu .row-selector-item.active{
    background-color: var(--gray-bck);
}
.box-w-header .list.borderless .item, .box-w-header .cnt.borderless{
    border: none;
}
.box-w-header .list.fill-items .item{
    background-color: var(--gray-bck);
    border-radius: 10px;
    margin-bottom: 10px;
}
.box-w-header .list.fill-items .links a.title{
    font-weight: 700;
}
/** Shortcuts box **/
.box-w-header .dcols{
    display: flex;
    flex-wrap: wrap;
}
.box-w-header .dcols .img-item, .box-w-header .dcols .item{
    width: 50%;
    box-sizing: border-box;
    padding-left: 0;
}
.box-w-header .dcols .item{
    padding: 1rem 1.4rem;
    margin: 0 10px;
    width: calc(50% - 20px);
    border-bottom: none;
    border-top: 1px solid var(--gray-bck2);
}
.box-w-header .dcols .item:first-child, .box-w-header .dcols .item:nth-child(2){
    border-top: none;
}
.old-cat-trans{
    margin: 1rem 0;
}
.play-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--red);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
}
.play-btn svg{
    width: 7px;
    height: 11px;
    fill: #fff;
}
.shortcut-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
    font-size: 1.071rem;
    color: var(--gray);
    text-decoration: none;
    margin-right: 1.4rem;
}
.shortcut-btn:hover{
    color: var(--red);
    transition: all 0.3s;
}
.shortcut-btn svg.icon-shortcut{
    width: 27px;
    height: 25px;
    scale: .8;
    margin-right: .4rem;
}
.shortcuts-index{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

}
.shortcuts-index .box-w-header{
    width: 32%;
    margin-left: 2%;
    box-sizing: border-box;
    flex-shrink: 0;
}
.shortcuts-index .box-w-header .img-item{
    padding-left: 0;
    padding-right: 0;
}
.shortcuts-big-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}
.shortcuts-big-list li{
    width: 32%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    margin: 10px 0;
}
.shortcuts-big-list li img{
    border-radius: 8px;
}
.shortcuts-big-list li .img{
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
    display: block;
    margin-right: 1.286rem;
}
.shortcuts-big-list li:nth-child(3n - 1){
    margin-left: 2%;
    margin-right: 2%;
}
.shortcuts-big-list li:nth-child(-n+3){
    flex-direction: column;
    margin-bottom: 2rem;
}
.shortcuts-big-list li:nth-child(-n+3) a{
    width: 100%;
}
.shortcuts-big-list li:nth-child(-n+3) img{
    width: 100%;
    height: 250px;
    border-radius: 15px;
}
.shortcuts-big-list li:nth-child(-n+3) .img{
    margin-bottom: 1.286rem;
    margin-right: 0;
}
.shortcuts-big-list li:nth-child(-n+3) .play-btn{
    left: auto;
    top: auto;
    right: 20px;
    bottom: 20px;
    transform: none;
    width: 54px;
    height: 54px;
}
.shortcuts-big-list li:nth-child(-n+3) .play-btn svg{
    scale: 1.5;
}
.shortcuts-big-list li .info{
    display: flex;
    flex-direction: column;
    flex-grow: 2;
}
.shortcuts-big-list li .info .date{
    color: var(--gray);
    padding-bottom: .6rem;
}
.shortcuts-big-list li .info .title{
    font-weight: 700;
    line-height: 1.286rem;
    color: var(--gray-text);
    text-decoration: none;
}
.shortcuts-big-list li .info .title:hover{
    color: var(--red);
    transition: all 0.3s;
}
.shortcuts-cat-box{
    position: relative;
}
.shortcuts-cat-box .rbtn{
    position: absolute;
    right: 0;
    top: 0;
}
/** Category page **/
.day-picker{
    list-style: none;
    border: 1px solid var(--gray-bck2);
    border-radius: 10px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 1rem;
}
.day-picker li{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.429rem;
    cursor: pointer;
    flex-grow: 2;
}
.day-picker li .name{
    font-size: 1.071rem;
    font-weight: 700;
    line-height: 1.143rem;
}
.day-picker li .date{
    color: var(--gray);
    line-height: 1.071rem;
    display: inline-block;
    padding-top: .4rem;
    white-space: nowrap;
}
.day-picker li.active, .day-picker li:hover{
    background-color: var(--gray-bck);
    border-radius: 10px;
}
.day-picker .callendar{
    position: relative;
    padding-right: 2.429rem;
    justify-content: center;
}
.day-picker .callendar:after {
    border: 2px solid var(--gray-text);
    border-width: 0 2px 2px 0;
    content: "";
    display: block;
    height: 5px;
    width: 5px;
    position: absolute;
    right: 1rem;
    top: calc(50% - 4px);
    transform: rotate(45deg);
}
.day-picker .callendar .air-datepicker{
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
}
.day-picker .callendar.show .air-datepicker{
    display: block;
}
/** Breadcrumbs **/
#breadcrumbs{
    display: flex;
    align-items: center;
    padding: 0 0 1rem 0;
}
#breadcrumbs ol{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#breadcrumbs ol li{
    display: flex;
    align-items: center;
}
#breadcrumbs ol li:first-child a span{
    display: none;
}
#breadcrumbs svg{
    width: 10px;
    height: 10px;
    fill: var(--gray);
}
#breadcrumbs a{
    color: var(--gray);
    text-decoration: none;
    font-size: 0.857rem;
    line-height: 1rem;
    display: flex;
    align-items: center ;
}
#breadcrumbs a:hover{
    color: var(--red);
    transition: all 0.3s;
}
#breadcrumbs a:hover svg{
    fill: var(--red);
}
#breadcrumbs ol li:after {
    color: var(--gray);
    content: "/";
    padding: 0 5px;
}
#breadcrumbs ol li:last-child:after{
    content: "";
}
/** Event **/
.event-description{
    color: var(--gray-text);
    font-size: 1.286rem;
    line-height: 2.143rem;
    margin: 1rem 0;
}
h1 span, h2 span, h3 span{
    color: var(--gray-text);
    font-size: 1.286rem;
    line-height: 2.143rem;
    display: block;
    font-weight: 400;
    margin-top: .4rem;
}
.double-col{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.double-col .col{
    width: 48%;
    box-sizing: border-box;
}
/** Tables **/
.decorated-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.decorated-table thead th{
    text-align: left;
}
.flex-table{
    display: flex;
    flex-direction: column;
}
.flex-table .flex-table-header, .flex-table .flex-table-body .item{
    display: flex;
    align-items: flex-start;
    width: 100%;
}
.flex-table .flex-table-header, .decorated-table thead th{
    background-color: var(--gray-bck);
    font-size: 1rem;
    font-weight: 700;
    border: 1px solid var(--gray-bck2);
    border-radius: var(--list-border-radius) var(--list-border-radius) 0 0;
}
.decorated-table thead th a{
    font-size: 1.286rem;
    text-decoration: none;
    color: var(--gray-text);
    font-weight: 400;
}
.decorated-table.strong-data thead th:nth-child(n+1), .decorated-table.channels thead th:nth-child(n+1){
    border-radius: 0;
    border-width: 1px;
}
.decorated-table.head-no-b thead th:nth-child(n+1){
    border-width: 1px 0 1px 0;
}
.decorated-table.channels thead th:first-child, .decorated-table.strong-data thead th:first-child, .decorated-table.teams thead th:first-child{
    border-radius: var(--list-border-radius) 0 0 0;
    border-width: 1px 0 1px 1px;
}
.decorated-table.channels thead th:last-child, .decorated-table.strong-data thead th:last-child, .decorated-table.teams thead th:last-child{
    border-radius: 0 var(--list-border-radius) 0 0;
    border-width: 1px 1px 1px 0;
}

.flex-table .flex-table-header div, .flex-table .flex-table-body .item&gt;div, .flex-table .flex-table-body .item li, .decorated-table thead th, .decorated-table tbody td{
    padding: .7rem 1.4rem;
}
.flex-table .flex-table-header div:first-child, .flex-table .flex-table-body .item .country{
    min-width: 290px;
    box-sizing: border-box;
}
.flex-table .flex-table-body.hide-more .item:nth-child(n+6){
    display: none;
}
.flex-table .flex-table-body.hide-more .item:last-child{
    display: flex;
}
.flex-table .flex-table-body .item ul{
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.flex-table .flex-table-header div:last-child, .flex-table .flex-table-body .item ul{
    border-left: 1px solid var(--gray-bck2);
    margin-left: -1px;
}
.flex-table .flex-table-body .item, .decorated-table tbody td{
    border: 1px solid var(--gray-bck2);
    border-top: none;
    line-height: 22px;
}
.decorated-table tbody td{
    border-width: 0 0 1px 0;
}
.decorated-table tbody td:first-child{
    border-width: 0 0 1px 1px;
}
.decorated-table tbody td:last-child{
    border-width: 0 1px 1px 0;
}
.decorated-table tbody td.r{
    text-align: right;
}
.decorated-table tbody td.score{
    text-align: center;
    font-weight: 700;
    white-space: nowrap;
}
.decorated-table tbody td.score.s{
    font-weight: 400;
}
.decorated-table tbody td.score a{
    text-decoration: none;
    color: #000;
}
.decorated-table tbody td.score a:hover{
    color: var(--red);
    transition: all 0.3s;
}
.decorated-table .b{
    font-weight: 700;
}
.decorated-table .score, .decorated-table .team{
    font-size: 1.143rem;
}
.decorated-table .team{
    line-height: 25px;
}
.flex-table .flex-table-body .item li{
    border-bottom: 1px solid var(--gray-bck2);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-table .flex-table-body .item li:last-child{
    border-bottom: 0;
}
.flex-table .flex-table-body .item .country{
    display: flex;
    align-items: center;
    border-right: 1px solid var(--gray-bck2);
}
.flex-table .flex-table-body .item .flag{
    display: block;
    height: 16px;
    aspect-ratio: 4 / 3;
    background-color: var(--gray-bck);
    margin-right: 10px;
    background-size: cover;
}
.flex-table .flex-table-body .item.active{
    border-radius: 3px;
    border-top: 1px solid;
    border-color: var(--red);
    background-color: rgba(231, 38, 23, .1);
}
.flex-table .flex-table-body .item a.channel-name{
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.flex-table .flex-table-body .item a.channel-name:hover{
    color: var(--red);
}
.flex-table .flex-table-body .item:nth-last-child(1 of :not(.hidden)){
    border-radius: 0 0 var(--list-border-radius) var(--list-border-radius);
}
.decorated-table tbody tr:last-child td:first-child{
    border-radius: 0 0 0 var(--list-border-radius);
}
.decorated-table tbody tr:last-child td:last-child{
    border-radius: 0 0 var(--list-border-radius) 0;
}
.flex-table .rbtn{
    height: 30px;
    box-sizing: border-box;
}
.flex-table .flex-table-body .item.show-more{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    padding: 1rem 0;
    cursor: pointer;
}
.flex-table .flex-table-body .item.show-more svg{
    margin-left: .4rem;
    fill: #000;
}
.flex-table .flex-table-body .item.show-more.hidden{
    display: none;
}
.flex-table .flex-table-body .item.show-more:hover{
    color: var(--red);
}
.flex-table .flex-table-body .item.show-more:hover svg{
    fill: var(--red);
}
.decorated-table .team span, .decorated-table .team a, .decorated-table th span.team{
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #000;
}
.decorated-table th span.team{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.286rem;
}
.decorated-table .team.r span, .decorated-table .team.r a{
    justify-content: flex-end;
}
.decorated-table .team a:hover{
    color: var(--red);
    transition: all 0.3s;
}
.decorated-table .team img, .decorated-table th span.team img{
    height: 25px;
    margin-right: 1rem;
}
.decorated-table .team.r img{
    margin-right: 0;
    margin-left: 1rem;
}
.decorated-table tbody tr{
    position: relative;
}
.decorated-table.channels .country{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 25px;
}
.decorated-table.channels .country img{
    width: 35px;
    height: 25px;
    margin-right: 1rem;
}
.decorated-table.channels .flb-c{
    justify-content: space-between;
}
.decorated-table.channels td, .decorated-table.channels td a{
    font-weight: 700;
    text-decoration: none;
    color: #000;
}
.decorated-table.channels td a:hover{
    color: var(--red);
    transition: all 0.3s;
}
.decorated-table.channels .rbtn{
    background-color: transparent;
    color: var(--red);
    font-weight: 400;
    padding: 0;
}
.decorated-table.channels .rbtn svg{
    fill: var(--red);
}
.decorated-table.strong-data{
    font-family: 'Roboto', sans-serif;
}
.decorated-table.strong-data thead th{
    font-weight: 400;
}
.decorated-table.strong-data tbody td{
    font-weight: 700;
    font-size: 1.143rem;
}
.decorated-table .country{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.decorated-table .country img{
    height: 30px;
    margin-right: 15px;
    width: 47px;
}
.decorated-table .bl{
    border-left-width: 1px;
}
.decorated-table .bb{
    border-bottom: none;
}
.decorated-table .rbtn{
    font-size: 1.143rem;
    padding: 0;
    color: var(--red);
    background-color: transparent;
}
.decorated-table .rbtn svg{
    fill: var(--red);
}
.custom-select{
    position: relative;
    width: 200px;
    cursor: pointer;
}
.custom-select select{
    appearance: none;
    font-family: 'Roboto', sans-serif;
    border: 1px solid var(--gray-bck2);
    border-radius: 6px;
    padding: .8rem 1.4rem .8rem 1rem;
    width: 100%;
    cursor: pointer;
}
.custom-select::after {
    content: "";
    width: 0.5em;
    height: 0.5em;
    border: 2px solid var(--gray-text);
    border-width: 0 2px 2px 0;
    position: absolute;
    right: 1.2rem;
    top: calc(50% - 0.4em);
    transform: rotate3d(0, 0, 1, 45deg);
    pointer-events: none;
}
.custom-select select:focus{
    outline: none;
}
.custom-select select option{
    font-family: 'Roboto', sans-serif;
    padding: 1rem;
}
/** Comments **/
#comments-form{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0;
}
#comments-form form{
    
    display: flex;
    flex-direction: column;
    align-items: center;
}
#comments-form form, #comments-form .input.textarea, #comments-form .bottom, #comments-form .captcha-box .input input, #comments-form .username input, #comments .comments-list li{
    width: 100%;
    box-sizing: border-box;
}
#comments-form textarea, #comments-form input{
    border: 1px solid var(--gray-bck2);
    border-radius: var(--list-border-radius);
    padding: 1rem 1.4rem;
    font-size: 1.143rem;
    line-height: 1.286rem;
    color: var(--gray);
    font-family: "Archivo", sans-serif;
}
#comments-form textarea{
    width: 100%;
    margin-bottom: 1rem;
    box-sizing: border-box;
}
#comments-form input{
    padding: .7rem 1.4rem;
    border-radius: 20px;
}
#comments-form textarea::placeholder, #comments-form input::placeholder{
    font-family: "Archivo", sans-serif;
    color: var(--gray);
}
#comments-form .bottom, #comments-form .captcha-box, #comments-form .c-b{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#comments-form .captcha-box .input{
    width: 70px;
    margin: 0 1rem;
}
#comments-form .captcha-box .captcha{
    color: var(--gray);
    font-size: 1.143rem;
}
#comments-form .captcha-box .rbtn{
    border: none;
    font-size: 1.143rem;
    line-height: 1.286rem;
    padding: .7rem 2rem;
    border-radius: 20px;
    cursor: pointer;
}
#comments-form .username{
    flex-grow: 2;
    margin-right: 2rem;
}
#comments .comments-list{
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem 0;
    margin: 0;
}
#comments .comments-list .comment{
    background-color: var(--gray-bck);
    border-radius: var(--list-border-radius);
    padding: 1.2rem;
    margin-bottom: 1rem;
    font-size: 1.143rem;
    line-height: 1.286rem;
}
#comments .comments-list .comment p{
    margin: 0;
}
#comments .comments-list .comment .note{
    color: var(--gray);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 1rem;
    font-style: italic;
}
#comments .comments-list .comment .note .author{
    font-weight: 700;
}
#comments-msg{
    width: 100%;
}
#comments-msg span{
    padding: 1rem 0;
    display: block;
}
#comments-msg span.error{
    color: var(--red);
}
#comments-msg span.success{
    color: var(--green);
}
/** Pagination **/
.pagination, .pagination .middle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}
.pagination{
    margin: 2rem 0;
}
.pagination .middle{
    flex-grow: 2;
    justify-content: center;
}
.pagination, .pagination a{
    font-size: 1.286rem;
    text-decoration: none;
    color: #282828;
}
.pagination a:hover{
    color: var(--red);
    transition: all 0.3s;
}
.pagination .prev, .pagination .next{
    display: flex;
    align-items: center;
}
.pagination .prev.disabled, .pagination .next.disabled{
    display: none;
}
.pagination .prev svg, .pagination .next svg{
    width: 9px;
    height: 13px;
    fill: #282828;
    scale: .8;
    margin-right: 1rem;
}
.pagination .next svg{
    margin-left: 1rem;
    margin-right: 0;
}
.pagination .middle a{
    border: 1px solid #F4F4F4;
    background-color: #F4F4F4;
    border-radius: 5px;
    font-weight: 700;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .4rem;
    color: var(--red)
}
.pagination .middle .active a, .pagination .middle a:hover{
    background-color: #fff;
    color: #000;
}
/** Channels **/
h1.with-flag{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
h1.with-flag img{
    width: 43px;
    height: 32px;
    margin-right: 1rem;
    border: 1px solid var(--gray-bck2);
}
.side-box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}
.box-375{
    width: 375px;
    margin-right: 3rem;
    flex-shrink: 0;
    flex-grow: 0;
}
.filled-box{
    flex-grow: 2;
    background-color: var(--gray-bck);
    border-radius: var(--list-border-radius);
    padding: 2rem;
}
.filled-box .header{
    font-size: 1.286rem;
    font-weight: 700;
    margin-bottom: 1rem;
    display: block;
}
.filled-box .list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.filled-box .list li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--gray-bck2);
}
.filled-box .list li:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.filled-box .list li .label{
    width: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
}
.filled-box .list li .value{
    font-weight: 700;
}
.filled-box .list li a.value, .filled-box .list li .value a{
    color: var(--red);
    text-decoration: none;
}
.filled-box .list li a.value:hover, .filled-box .list li .value a:hover{
    color: var(--dark-red);
    transition: all 0.3s;
}
/** Teams **/
h1.with-logo{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
h1.with-logo img{
    width: 43px;
    height: 43px;
    margin-right: 1rem;
}
.cform{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}
.cform .input{
    flex-grow: 2;
    margin: .8rem 0;
}
.cform fieldset{
    margin-bottom: .8rem;
    padding: .8rem;
}
.cform label{
    font-size: 1.143rem;
    font-weight: 700;
    color: var(--gray);
    margin-bottom: .4rem;
    min-width: 150px;
    display: block;
}
.cform input{
    border: 1px solid var(--gray-bck2);
    border-radius: var(--list-border-radius);
    padding: 1rem 1.4rem;
    font-size: 1.143rem;
    line-height: 1.286rem;
    color: var(--gray);
    font-family: "Archivo", sans-serif;
    width: 100%;
    box-sizing: border-box;
}
.cform button{
    border: none;
    background-color: var(--red);
    color: #fff;
    font-size: 1.143rem;
    font-weight: 700;
    padding: 1rem 1.4rem;
    border-radius: var(--list-border-radius);
    cursor: pointer;
}
@media screen and (max-width: 1337px) {
    :root{
        --content-width: calc(100% - 2*var(--content-padding));
        --main-column-width: calc(100% - var(--sidebar-width) - 2*var(--content-padding));
    }
    #header-main-nav .submenu.show, #header-main-nav&gt;ul&gt;li:hover&gt;ul.submenu{
        left: 0;
        grid-template-columns: 1fr 1fr 1fr;
    }
    #header-main-nav&gt;ul&gt;li:nth-child(n+6)&gt;ul.submenu{
        left: auto;
        right: 0;
    }
    .day-picker{
        width: 100%;
        overflow-x: scroll;
    }
}
.m-o{
    display: none;
}
.htmx-indicator{
    opacity: 0;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator{
    height: auto;
}
#dynamic-content.htmx-request .htmx-hide{
    opacity: .2;
}
#dynamic-content.htmx-request.htmx-hide-all &gt; div, #dynamic-content.htmx-request.htmx-hide-all &gt; section{
    opacity: .2;
}
#dynamic-content.htmx-request.htmx-hide-all .htmx-indicator{
    opacity: 1;
}
.all-transmissions ul, .links-list{
    list-style: none;
    padding: 0;
    margin: 2rem 0;
    column-count: 3;
    width: 100%;
}
.links-list{
    margin: .4rem 0;
    column-count: 2;
}
.all-transmissions ul li, .links-list li{
    padding: .5rem 0;
}
.all-transmissions ul a, .links-list a{
    text-decoration: none;
    color: #000;
}
.all-transmissions ul a:hover, .links-list a:hover{
    color: var(--red);
    transition: all 0.3s;
}
.alphabet{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: .4rem 0;
}
.alphabet a{
    text-decoration: none;
    color: #000;
    font-size: 1.143rem;
    line-height: 1.429rem;
    margin-right: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gray-bck2);
    width: 26px;
    height: 26px;
}
.alphabet a:hover, .alphabet a.active{
    color: var(--red);
    transition: all 0.3s;
}
#content&gt;.message{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
}
#content&gt;.message.error{
    color: var(--red);
}

@media screen and (max-width: 900px) {
    :root{
        --content-width: 100%;
        --main-column-width: 100%;
        --sidebar-width: 100%;
        --content-padding: 12px;
        --header-height: 66px;
        --list-border-radius: 15px;
    }
    .m-o{
        display: block;
    }
    .m-h{
        display: none;
    }
    h1, h2, h3{
        font-size: 1.714rem;
    }
    h1 span, h2 span, h3 span{
        font-size: 1rem;
        line-height: 1.8rem;
        margin-top: 0;
    }

    .container{
        flex-direction: column;
        width: 100%;
    }
    #main-column, #sidebar, #under-header{
        width: 100%;
    }
    #under-header-wrapper{
        margin-bottom: 0;
    }

    #sidebar .event-info-sidebar{
        display: none;
    }

    #main-column .event-info-sidebar{
        margin-top: 1.4rem;
    }

    #breadcrumbs a{
        font-size: 0.7rem;
        line-height: 1.2rem;
    }
    #breadcrumbs ol{
        overflow-x: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
    }

    #header-main{
        padding: 0;
    }
    #mobile-menu, #mobile-menu-links{
        height: 100%;
        width: calc(2 * 30px + 17px);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #mobile-menu svg{
        width: 17px;
        height: 18px;
    }
    #mobile-menu svg.icon-menu-close, #mobile-menu-links svg.icon-menu-close{
        width: 14px;
        height: 14px;
    }
    #mobile-menu-links svg.icon-menu-all{
        width: 17px;
        height: 17px;
    }
    
    #logo{
        width: auto;
        height: 35px;
        background-size: contain;
        flex-grow: 2;
        background-position: left;
    }
    #header-date{
        display: none;
    }
    #header-top-nav a{
        flex-direction: column;
        justify-content: center;
        font-size: 0.571rem;
        font-weight: 400;
    }
    #langs&gt;a{
        pointer-events: none;
    }
    #header-main{
        position: relative;
    }
    #header-main-nav, #header-links{
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all 0.3s ease;
        position: absolute;
    }
    #header-main-nav.show-mobile-menu{
        height: auto;
        opacity: 1;
        overflow: visible;
        top: var(--header-height);
        left: 0;
        width: 100%;
        background-color: var(--header-background);
        z-index: 1000;
        border-top: 1px solid var(--gray-text);
    }
    #header-main-nav&gt;ul{
        flex-direction: column;
    }
    #header-main-nav ul&gt;li{
        width: 100%;
        padding: 1rem 1.4rem;
        box-sizing: border-box;
        transition: all 0.3s ease;
    }
    #header-main-nav ul&gt;li&gt;a{
        color: #fff;
        font-size: 1.357rem;
        line-height: 1.714rem;
    }
    #header-main-nav ul&gt;li&gt;.icon{
        fill: #fff;
        width: 12px;
        height: 14px;
        position: absolute;
        padding: 1.25rem 1.4rem;
        right: 0;
        top: 0;
        transition: all 0.3s ease;
    }
    #header-main-nav ul&gt;li.show-submenu{
        padding-left: 4rem;
    }
    #header-main-nav ul&gt;li.show-submenu&gt;.icon{
        transform: rotate(180deg);
        left: 0;
        right: auto;
    }
    #header-main-nav&gt;ul&gt;li:hover&gt;ul.submenu{
        display: flex;
        flex-direction: column;
        height: auto;
        width: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }
    #header-main-nav&gt;ul&gt;li.more&gt;ul&gt;li:hover&gt;a.has-submenu::after, #header-main-nav&gt;ul&gt;li:hover&gt;a.has-submenu::after{
        display: none;
    }
    #header-main-nav&gt;ul&gt;li.show-submenu&gt;ul.submenu{
        display: flex;
        flex-direction: column;
        height: auto;
        opacity: 1;
        width: 100%;
        box-sizing: border-box;
        z-index: 1001;
        background-color: var(--header-background);
        left: 0;
        top: 100%;
        border-top: 1px solid var(--gray-text);
        padding-left: 4rem;
        padding-top: 1rem;
        border-radius: 0;
    }
    #header-main-nav .submenu a{
        color: #fff;
        font-size: 1.143rem;
        line-height: 1.429rem;
        padding: .4rem 0;
    }
    #header-links.show-mobile-menu{
        height: auto;
        opacity: 1;
        overflow: visible;
        position: absolute;
        top: var(--header-height);
        left: 0;
        background-color: var(--header-background);
        z-index: 100;
        flex-direction: column;
        width: 100%;
        height: auto;
    }
    #header-top-nav{
        border: none;
        padding: 2rem 1rem 1rem 1rem;
        width: 100%;
        box-sizing: border-box;
        align-items: flex-start;
        border: 1px solid var(--gray-text);
        border-width: 1px 0;
    }
    #header-top-nav a{
        border: none;
        width: 33.333%;
        flex-shrink: 0;
        box-sizing: border-box;
        font-size: 1rem;
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
    }
    #header-top-nav a svg.icon-display, #header-top-nav a svg.icon-tv, #header-top-nav a svg.icon-shirt{
        scale: 1;
        margin: 0;
        min-height: 50px;
    }
    #langs{
        border: none;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 20px;
    }
    #langs:after{
        right: 20px;
    }
    #langs .flag{
        width: 30px;
        height: 30px;
        margin-right: 1rem;
    }
    #langs a{
        color: #fff;
        text-decoration: none;
        font-size: 1.429rem;
        display: flex;
        align-items: center;

    }
    #langs .lang-name{
        color: #fff;
    }
    #langs ul a{
        width: 100%;
        justify-content: flex-start;
        padding: 10px 20px;
    }
    #langs ul li:first-child{
        border-top: 1px solid var(--gray-text);
    }

    #matches-live{
        padding: var(--content-padding);
    }

    .event-preview {
        margin-left: calc(-1 * var(--content-padding));
        width: calc(100% + 2 * var(--content-padding));
    }
    .img-wrapper img{
        border-radius: 0;
    }
    .event-preview .title-wrapper{
        box-sizing: border-box;
        width: calc(100% - 2 * var(--content-padding));
        border-radius: var(--list-border-radius);
        left: var(--content-padding);
        bottom: var(--content-padding);
        padding: .8rem;
    }
    .event-preview .title-wrapper .title{
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .event-preview .title-wrapper .rbtn{
        margin-top: .4rem;
    }
    .tansmissions-box .box-w-header .list .item{
        padding: .8rem;
    }
    .box-w-header .dcols{
        flex-direction: column;
    }
    .box-w-header .dcols .img-item, .box-w-header .dcols .item{
        width: 100%;
        padding-left: 0;
    }
    .box-w-header .dcols .item{
        width: calc(100% - 20px);
    }
    .box-w-header .dcols .item:nth-child(2){
        border-top: 1px solid var(--gray-bck2);
    }
    .shortcut-btn span{
        display: none;
    }
    .box-w-header .list .item .date{
        min-width: 50px;
    }
    .box-w-header .list .links a.title{
        display: flex;
        flex-direction: column;
    }
    .box-w-header .list .links a.title .vs{
        display: none;
    }

    .day-picker{
        overflow: visible;
    }
    .day-picker li{
        padding: .6rem .8rem;
    }
    .day-picker li:nth-child(n+6){
        display: none;
    }
    .day-picker li:last-child{
        display: flex;
    }
    .day-picker li .name{
        font-size: 0.857rem;
    }
    .day-picker li .date{
        font-size: 0.714rem;
        line-height: .8rem;
        padding-top: .2rem;
    }
    .day-picker .callendar {
        padding-right: 2rem;
    }

    .rbtn, .box-w-header .list.fill-items .watch-btn, .box-w-header .full-btn .watch-btn{
        font-size: 0.857rem;
        padding: .6rem .8rem;
    }

    .event-description{
        font-size: 1.143rem;
        line-height: 1.714rem;
    }

    .transmissions .flex-table-header{
        display: none;
    }
    .transmissions .flex-table .flex-table-body .item{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .transmissions .flex-table .flex-table-body .item .country{
        width: 100%;
        background-color: var(--gray-bck);
        font-size: 1rem;
        border: none;
    }
    .transmissions .flex-table-body .item:first-child{
        border-radius: var(--list-border-radius) var(--list-border-radius) 0 0;
    }
    .transmissions .flex-table-body .item:first-child .country{
        border-top: 1px solid var(--gray-bck2);
        border-radius: var(--list-border-radius) var(--list-border-radius) 0 0;
    }
    .transmissions .flex-table .flex-table-body .item ul{
        border: none;
        padding: .4rem;
        width: 100%;
        box-sizing: border-box;
    }

    .double-col{
        flex-direction: column;
    }
    .double-col .col{
        width: 100%;
    }
    .double-col .col:first-child{
        margin-bottom: 2rem;
    }
    .decorated-table tbody td{
        padding: .8rem;
    }
    .decorated-table .team{
        line-height: 22px;
    }
    .last-evnts .decorated-table tbody .team{
        width: 40%;
    }
    .last-h2h .decorated-table thead{
        display: none;
    }
    .last-h2h .decorated-table tbody td:nth-child(-n+3){
        display: none;
    }
    .last-h2h .decorated-table tbody td:nth-child(4){
        border-left: 1px solid var(--gray-bck2);
    }
    .last-h2h .decorated-table tbody tr:first-child td{
        border-top: 1px solid var(--gray-bck2);
    }
    .last-h2h .decorated-table tbody tr:first-child td:nth-child(4){
        border-radius: var(--list-border-radius) 0 0 0;
    }
    .last-h2h .decorated-table tbody tr:first-child td:last-child{
        border-radius: 0 var(--list-border-radius) 0 0;
    }
    .last-h2h .decorated-table tbody tr:last-child td:nth-child(4){
        border-radius: 0 0 0 var(--list-border-radius);
    }
    .last-h2h .decorated-table tbody td{
        padding-top: 2rem;
    }
    .last-h2h .decorated-table tbody .score{
        position: relative;
    }
    .last-h2h .decorated-table tbody .score .info{
        position: absolute;
        top: 4px;
        left: 50%;
        white-space: nowrap;
        transform: translateX(-50%);
        font-weight: 400;
        font-size: 0.786rem;
    }
    .last-h2h .decorated-table tbody .score .info span{
        padding: 0 .2rem;
    }
    .decorated-table.channels .rbtn{
        display: none;
    }

    #comments-form .bottom{
        flex-direction: column;
    }
    #comments-form .username{
        width: 100%;
        margin: 0 0 1rem 0;
    }
    #comments-form .captcha-box{
        width: 100%;
        justify-content: space-between;
    }
    #comments-form {
        padding-top: 0;
    }

    .row-selector&gt;.row-selector-item{
        margin: 0 .8rem;
    }
    .row-selector .more .row-selector-submenu{
        scrollbar-width: thin;
    }
    .pagination .prev span, .pagination .next span{
        display: none;
    }
    .pagination .prev a, .pagination .next a{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        width: 50px;
    }
    .pagination .prev a svg, .pagination .next a svg{
        margin: 0;
    }

    .side-box{
        flex-direction: column;
        align-items: center;
    }
    .box-375, .filled-box{
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
    }
    h1.with-flag{
        align-items: flex-start;
    }


    .satelites .decorated-table thead th{
        padding: .8rem;
    }
    .satelites .decorated-table thead th:nth-child(2), .satelites .decorated-table thead th:nth-child(4), .satelites .decorated-table tbody td:nth-child(2), .satelites .decorated-table tbody td:nth-child(4){
        
    }
    .satelites .decorated-table thead th:nth-child(3){
        border-radius: 0 var(--list-border-radius) 0 0;
    }
    .satelites .decorated-table tbody td:nth-child(3){
        border-right: 1px solid var(--gray-bck2);
        border-radius: 0 0 var(--list-border-radius) 0;
    }
    .satelites .decorated-table thead th span{
        display: inline-block;
        padding-left: 4px;
    }

    .decorated-table.teams thead th:first-child{
        display: none;
    }
    .decorated-table.teams thead th:nth-child(2){
        border-left: 1px solid var(--gray-bck2);
        border-radius: var(--list-border-radius) 0 0 0;
    }
    .decorated-table.teams tbody td:nth-child(2){
        display: none;
    }
    .decorated-table.teams thead th{
        padding: .7rem;
        vertical-align: bottom;
    }
    .decorated-table.teams .cat{
        font-weight: 400;
        font-size: 0.857rem;
        line-height: 1rem;
    }
    .decorated-table.teams .custom-select{
        width: auto;
    }
    .decorated-table.teams .mobile-header a{
        font-size: 1rem;
        display: block;
        margin: 0 0 .4rem .4rem;
    }

    /** footer **/
    #footer{
        width: 100%;
    }
    #footer-copyright{
        padding-top: 0;
    }
    .mobile-footer-div {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        position: relative;
        clear: both;
    }
    
    #mobile-footer {
        display: block;
        padding: 8px 20px 8px 8px;
        font-size: 13px;
        border: 1px solid #c2c2c2;
        border-radius: 3px;
        -webkit-appearance: none;
        height: 15px;
        overflow: hidden;
    }
    #mobile-footer a, #mobile-footer span {
        display: block;
        text-decoration: none;
        color: #000;
        font-size: 14px;
        padding: 5px 0;
        margin-bottom: 2px;
    }
    #mobile-footer span {
        padding-top: 0;
    }
    .mobile-footer-div.show  #mobile-footer{
        height: 100px;
        overflow-y: scroll;
    }
    .mobile-footer-div:before {
        content: '\25BC';
        position: absolute;
        right: 5px;
        top: 25px;
    }
    #footer-links, .mobile-h {
        display: none;
    }
    /* content end */
    .all-transmissions ul{
        column-count: 1;
    }
    .alphabet a{
        margin-bottom: .4rem;
    }
    .shortcuts-index{
        flex-direction: column;
    }
    .shortcuts-index .box-w-header{
        width: 100%;
        margin: 0;
    }
    .shortcuts-big-list{
        flex-direction: column;
    }
    .shortcuts-big-list li{
        width: 100%;
    }
    .shortcuts-big-list li:nth-child(3n - 1){
        margin: 0;
    }
}</pre></body></html>