@charset "utf-8";@keyframes slide {
    0% {
        transform: translateX(-25%)
    }

    to {
        transform: translateX(25%)
    }
}

@-webkit-keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(190,55,10,.1);
        box-shadow: 0 0 0 0 rgba(190,55,10,.1)
    }

    80% {
        -moz-box-shadow: 0 0 0 5px rgba(190,55,10,.2);
        box-shadow: 0 0 0 5px rgba(190,55,10,.2)
    }

    to {
        -moz-box-shadow: 0 0 0 10px transparent;
        box-shadow: 0 0 0 10px transparent
    }
}

@keyframes round-pulse {
    0%,to {
        background-color: var(--color-current)
    }

    50% {
        background-color: var(--color-gray)
    }
}

@keyframes separator-pulse {
    0%,to {
        color: var(--color-gray)
    }

    50% {
        color: transparent
    }
}

:root {
    --color-white: rgba(240, 255, 255, 1.00);
    --color-black: rgba(33, 33, 33, 1.00);
    --color-gray: rgba(66, 66, 66, 1.00);
    --color-semigray: rgba(99, 99, 99, 1.00);
    --color-active: rgba(20, 100, 190, 1.00);
    --color-current: rgba(190, 55, 10, 1.00);
    --color-link: rgba(0, 120, 190, 1);
    --color-link-hover: rgba(40, 160, 230, 1);
    --color-subtitles: rgba(135, 135, 135, 1.00);
    --color-winner: rgba(230, 80, 0, 1.00);
    --color-loser: rgba(3, 155, 229, 1);
    --bet-bg: rgba(0, 120, 190, 1.00);
    --bet-active-bg: rgba(0, 85, 155, 1.00);
    --tips-red: rgba(200, 40, 40, 1.00);
    --tips-active-red: rgba(185, 30, 30, 1.00);
    --tips-green-passive: #f8f8f8;
    --tips-active-green: #eeeeee;
    --tips-green: #dcdcdc;
    --tips-gray: rgba(145, 145, 145, 1.00);
    --block-bg: rgba(245, 245, 245, 1.00);
    --block-header-bg: rgba(235, 235, 235, 1.00);
    --element-bg: rgba(255, 255, 255, 1.00);
    --header-bg: rgba(55, 70, 80, 1.00);
    --header-nav-bg: rgba(190, 55, 10, 1.00);
    --header-nav-border: rgba(245, 175, 175, 1.00);
    --header-nav-active-bg: rgba(170, 60, 20, 1.00);
    --header-active-border: rgba(190, 55, 10, 1.00);
    --block-shadow: rgba(33, 33, 33, 0.35);
    --block-active-shadow: rgba(20, 100, 190, 0.25);
    --border-primary-color: rgba(225, 225, 225, 1.00);
    --border-secondary-color: rgba(235, 235, 235, 1.00);
    --border-active-color: rgba(20, 100, 190, 0.25);
    --input-bg: rgba(235, 240, 240, 1.00);
    --input-border: rgba(205, 215, 220, 1.00);
    --button-bg: rgba(240, 110, 0, 1.00);
    --button-active-bg: rgba(255, 110, 0, 1.00);
    --button-border: rgba(245, 125, 25, 1.00);
    --color-silver-bg: #e3e3e3;
    --color-silver-bg-hover: #c8c8c8;
    --color-silver: #adadad;
    --color-gold-bg: #fae48d;
    --color-gold-bg-hover: #f8d151;
    --color-gold: #f5bd2a;
    --landing-neutrals-colors-800: #19213d;
    --landing-neutral-colors-white-100: #fff;
    --landing-primary-colors-yellow-300: #ffc700;
    --landing-neutral-colors-grey-400: #e3e6ea;
    --landing-secondary-colors-blue-500: #2a91ff;
    --landing-primary-colors-blue-600: #0d6efd;
    --landing-secondary-colors-blue-900: #144194;
    --landing-neutral-colors-grey-500: #bac0cc;
    --landing-neutral-colors-grey-700: #353e5c;
    --landing-neutral-colors-grey-900: #222a45;
    --landing-neutral-colors-grey-600: #6d758f
}

body,body #body .bg .container {
    background-color: var(--block-bg)
}

body {
    margin-top: 55px
}

body.noscroll {
    overflow: hidden
}

.branding-injection {
    position: fixed;
    top: 55px;
    width: 100vw;
    height: calc(100dvh - 55px);
    cursor: pointer;
    background-position: top 55px center
}

.branding-injection.bcgame,.branding-injection.futureplay,.branding-injection.thunderpick {
    background-image: url(../image/branding/futureplay/bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover
}

.branding-injection.bcgame,.branding-injection.thunderpick {
    background-image: url(../image/branding/bcgame/bcgame-branding.png)
}

.branding-injection.thunderpick {
    background-image: url(../image/branding/thunderpick/branding/esports.png)
}

.branding-injection.fairspin,.branding-injection.lunubet,.branding-injection.ybets {
    background-image: url(../image/branding/lunubet/branding/lunubet.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover
}

.branding-injection.thunderpick.football {
    background-image: url(../image/branding/thunderpick/branding/football.png)
}

.branding-injection.thunderpick.basketball {
    background-image: url(../image/branding/thunderpick/branding/basketball.png)
}

.branding-injection.fairspin,.branding-injection.ybets {
    background-image: url(../image/branding/fairspin/branding/esports.png)
}

.branding-injection.fairspin.football {
    background-image: url(../image/branding/fairspin/branding/football.png)
}

.branding-injection.fairspin.basketball {
    background-image: url(../image/branding/fairspin/branding/basketball.png)
}

.branding-injection.ybets {
    background-image: url(../image/branding/ybets/branding/esports.jpg)
}

.branding-injection.ybets.football {
    background-image: url(../image/branding/ybets/branding/football.jpg)
}

.branding-injection.ybets.basketball {
    background-image: url(../image/branding/ybets/branding/basketball.jpg)
}

.branding-injection.immerion,.branding-injection.rainbet,body.onexbet,body.parimatch {
    background-image: url(../image/branding/immerion/branding/esports.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover
}

.branding-injection.immerion.football {
    background-image: url(../image/branding/immerion/branding/football.jpg)
}

.branding-injection.immerion.basketball {
    background-image: url(../image/branding/immerion/branding/basketball.jpg)
}

.branding-injection.rainbet,body.onexbet,body.parimatch {
    background-image: url(../image/branding/rainbet/branding/esports.png)
}

.branding-injection.rainbet.football {
    background-image: url(../image/branding/rainbet/branding/football.png)
}

.branding-injection.rainbet.basketball {
    background-image: url(../image/branding/rainbet/branding/basketball.png)
}

body.onexbet,body.parimatch {
    background-image: url(../image/branding/parimatch/bg.jpg)
}

body.onexbet {
    background-image: url(../image/branding/onexbet/bg.jpg)
}

.bodybanner {
    width: 340px;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 2
}

.bodybanner a.bbannerlink {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bodybanner.left {
    right: calc(50% + 590px)
}

.bodybanner.right {
    left: calc(50% + 590px)
}

.parimatch .bodybanner.left {
    background-repeat: no-repeat;
    background-position: right center
}

.parimatch .bodybanner.right {
    background-repeat: no-repeat;
    background-position: left center
}

button,input {
    outline: 0
}

.container {
    width: 1140px;
    margin: 0 auto;
    padding: 0 20px
}

body #body .bg .container {
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
    min-height: calc(100vh - 85px)
}

form div.checkbox-option,form div.select-option {
    width: 100%;
    display: flex;
    line-height: 20px;
    flex-direction: row;
    justify-content: space-between;
    height: 35px;
    align-items: center
}

form div.select-option select {
    width: 100px
}

form div.checkbox-option .switch {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 12px
}

form div.checkbox-option .switch input {
    display: none
}

form div.checkbox-option .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    height: 12px
}

form div.checkbox-option .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 1px;
    top: 1px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

form div.checkbox-option input:checked+.slider {
    background-color: var(--button-bg)
}

form div.checkbox-option input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

header {
    position: fixed;
    background-color: var(--header-bg);
    width: 100%;
    top: 0;
    left: 0;
    height: 55px;
    box-shadow: 0 5px 5px -2px var(--block-shadow);
    z-index: 99
}

header .sidebar-button {
    display: inline-block;
    margin: 10px 10px 10px 0;
    width: 33px;
    height: 33px;
    float: left;
    border: 1px solid;
    border-color: var(--header-bg);
    border-radius: 5px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../svg/burger.svg)
}

header .sidebar-button.active,header .sidebar-button:hover {
    border-color: var(--color-white)
}

header .mobile-nav {
    display: none
}

header .logo,header .logo-gift {
    float: left;
    text-align: center;
    height: 55px;
    margin-right: 10px
}

header .logo-gift {
    width: 145px;
    position: relative
}

header .logo-gift #gift-animation-container {
    position: absolute
}

header .logo-gift a {
    position: absolute;
    font-family: "Montserrat Alternates",sans-serif;
    font-size: 23px;
    line-height: 55px;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    width: 80px;
    right: 0
}

header .logo a span,header .logo-gift a span {
    font-size: 16px;
    display: inline-block;
    line-height: 50px;
    color: var(--header-nav-bg);
    margin-left: 2px;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    transition: all .15s
}

header .logo-gift a:hover,header .logo:hover a {
    text-shadow: 1px -1px 0#f4511e,3px -3px 0 var(--header-bg),5px -5px 0#ff5722
}

header,header .logo-gift a:hover span,header .logo:hover a span {
    color: var(--color-white)
}

header .logo {
    width: 100px
}

header .games-short a,header .logo a,header .logo-gift a {
    display: inline-block;
    color: var(--color-white)
}

header .logo a,header .logo a span,header .logo-gift a span {
    font-family: "Montserrat Alternates",sans-serif;
    text-decoration: none
}

header .logo a {
    font-size: 20px;
    line-height: 55px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

header .games,header .games-short {
    position: relative;
    margin-right: 20px;
    background-size: 30px;
    cursor: pointer
}

header .games-short a {
    padding: 0 10px;
    width: auto;
    cursor: pointer;
    margin: 0
}

#sidebar .game .toggle span,header .betting-menu .section .toggle span,header .games span,header .games-short a span {
    display: inline-block;
    line-height: 55px;
    padding-left: 40px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 30px
}

#sidebar .game.allgames .toggle span,header .games .toggle-content a.allgames,header .games span.allgames,header .games-short a span.allgames {
    background-image: url(../svg/games/allgames.svg)
}

header .games-short a span.football {
    background-image: url(../svg/games/football.svg)
}

header .games-short a span.basketball {
    background-image: url(../svg/games/basketball.svg)
}

header .games .toggle-content a,header .games div.toggle {
    background-repeat: no-repeat;
    color: var(--color-white);
    background-color: var(--header-nav-bg)
}

header .games div.toggle {
    display: inline-block;
    padding: 0 10px;
    width: 195px;
    background-image: url(../svg/to-bot.svg);
    background-position: right 17.5px center;
    background-size: 20px;
    cursor: pointer
}

header .games div.toggle.active,header .games div.toggle:hover {
    background-color: var(--header-nav-active-bg)
}

header .games div.toggle.active {
    background-image: url(../svg/to-top.svg)
}

header .games .toggle-content {
    display: none;
    position: absolute;
    z-index: 99
}

header .games .toggle-content a {
    display: block;
    width: 155px;
    padding: 0 10px 0 50px;
    border-top: 1px var(--header-nav-border) solid;
    background-position: left 10px center;
    background-size: 30px;
    text-decoration: none
}

#sidebar .game.csgo .toggle span,header .games .toggle-content a.csgo,header .games span.csgo {
    background-image: url(../svg/games/csgo.svg)
}

#sidebar .game.valorant .toggle span,header .games .toggle-content a.valorant,header .games span.valorant {
    background-image: url(../svg/games/valorant.svg)
}

#sidebar .game.dota2 .toggle span,header .games .toggle-content a.dota2,header .games span.dota2 {
    background-image: url(../svg/games/dota2.svg)
}

#sidebar .game.lol .toggle span,header .games .toggle-content a.lol,header .games span.lol {
    background-image: url(../svg/games/lol.svg)
}

#sidebar .game.ow .toggle span,header .games .toggle-content a.ow,header .games span.ow {
    background-image: url(../svg/games/ow.svg)
}

#sidebar .game.aov .toggle span,header .games .toggle-content a.aov,header .games span.aov {
    background-image: url(../svg/games/aov.svg)
}

header .games .toggle-content a.kog,header .games span.kog {
    background-image: url(../svg/games/kog.svg)
}

header .games .toggle-content a.cod,header .games span.cod {
    background-image: url(../svg/games/cod.svg)
}

header .games .toggle-content a.pubg,header .games span.pubg {
    background-image: url(../svg/games/pubg.svg)
}

#sidebar .game.rl .toggle span,header .games .toggle-content a.rl,header .games span.rl {
    background-image: url(../svg/games/rl.svg)
}

header .games .toggle-content a.r6,header .games span.r6 {
    background-image: url(../svg/games/r6.svg)
}

header .games .toggle-content a.wr,header .games span.wr {
    background-image: url(../svg/games/wr.svg)
}

header .games .toggle-content a.football,header .games span.football {
    background-image: url(../svg/games/football.svg)
}

header .games .toggle-content a.basketball,header .games span.basketball {
    background-image: url(../svg/games/basketball.svg)
}

header .betting-menu .section .toggle:hover,header .games .toggle-content a:hover {
    background-color: var(--header-nav-active-bg)
}

header .games,header .games-short,header .sections,header .sections a {
    display: inline-block;
    line-height: 55px
}

header .sections a {
    margin-right: 10px;
    padding-bottom: 5px;
    line-height: 15px;
    color: var(--color-white);
    text-decoration: none;
    font-size: 15px
}

header .sections a.active,header .sections a:hover {
    border-bottom: 2px var(--header-active-border) solid
}

header .sections a:last-child {
    margin-right: 0
}

header .user {
    float: right;
    height: 35px;
    display: flex;
    vertical-align: middle;
    overflow: hidden;
    padding: 10px 0
}

header .user a {
    color: var(--color-white);
    text-decoration: none
}

header .user .user-tips {
    float: right
}

header .user .user-tips .count {
    display: inline-block;
    padding: 10px;
    text-align: center;
    line-height: 15px;
    margin-left: 15px;
    margin-right: 10px;
    cursor: pointer;
    min-width: 15px;
    border-radius: 5px;
    float: right
}

header .user .count.red {
    background-color: var(--tips-red)
}

header .user .count.green {
    background-color: var(--tips-green)
}

header .betting-menu .content {
    position: fixed;
    width: 300px;
    height: 100vh;
    background-color: var(--block-bg);
    top: 0;
    right: -300px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    z-index: 999!important
}

header .betting-menu .content .navigation {
    max-height: 100vh;
    overflow-y: auto;
    color: var(--color-black)
}

header .betting-menu .content .navigation a.hub-link {
    display: inline-block;
    line-height: 55px;
    width: calc(100% - 60px);
    padding: 0 10px 0 50px;
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: 30px;
    background-color: rgba(222,222,222,.2);
    color: var(--color-black);
    cursor: pointer
}

#sidebar .user .toggle:hover,header .betting-menu .content .navigation a.hub-link:hover {
    background-color: rgba(222,222,222,.3)
}

header .betting-menu .section {
    line-height: 55px;
    -webkit-transition: all .1s;
    transition: all .1s;
    overflow: hidden;
    border-top: 1px var(--header-nav-border) solid
}

header .betting-menu .section .toggle {
    display: inline-block;
    padding: 0 10px;
    width: calc(100% - 20px);
    background-image: url(../svg/to-bot.svg);
    background-position: right 17.5px center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: var(--header-nav-bg);
    color: var(--color-white);
    cursor: pointer
}

header .betting-menu .section .toggle.active {
    background-color: var(--header-nav-active-bg);
    background-image: url(../svg/to-top.svg)
}

header .betting-menu .section .toggle-content {
    display: none;
    padding: 10px;
    z-index: 1
}

#sidebar .additional-content a,#sidebar .additional-info .toggle-content a,#sidebar .game .toggle-content a,#sidebar .languages .toggle-content a,#sidebar .odds-format .toggle-content a,#sidebar .user .toggle-content a,header .betting-menu .section .toggle-content a {
    display: block;
    padding: 0 10px;
    line-height: 55px;
    color: var(--color-black);
    text-decoration: none
}

header .betting-menu .section .toggle-content a.active,header .betting-menu .section .toggle-content a:hover {
    color: #be370a;
    background-color: rgba(222,222,222,.2)
}

header .betting-menu .content .navigation::-webkit-scrollbar-track,header .user .user-tips .content .navigation::-webkit-scrollbar-track {
    background: var(--block-bg)
}

header .betting-menu .content.active {
    right: 0;
    box-shadow: -2px 0 5px -2px var(--block-shadow)
}

header .user .user-tips .content {
    position: fixed;
    width: 300px;
    height: 100vh;
    background-color: var(--block-bg);
    top: 0;
    right: -300px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    z-index: 999!important
}

header .user .user-tips .content .navigation {
    max-height: calc(100vh - 75px);
    overflow-y: auto;
    color: var(--color-black)
}

header .user .user-tips .content.active {
    right: 0;
    box-shadow: -2px 0 5px -2px var(--block-shadow)
}

header .user .user-tips .content .user-progress {
    color: var(--color-white);
    overflow: hidden;
    border-radius: 5px;
    margin: 10px;
    background: url(../image/user-process.jpeg)top center no-repeat;
    position: relative
}

header .user .user-tips .content .user-progress a.account {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

header .user .user-tips .content .user-progress .no-items {
    padding: 10px
}

header .user .user-tips .content .user-progress .no-items .title {
    display: block;
    line-height: 20px;
    font-weight: 500
}

header .user .user-tips .content .user-progress .no-items .subtitle {
    display: block;
    line-height: 10px;
    font-size: .8em;
    margin-top: 5px
}

header .user .user-tips .content .user-progress .area {
    background-color: rgba(33,33,33,.3);
    box-shadow: inset 70px 0 45px rgba(33,33,33,.6);
    overflow: hidden;
    padding: 0 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

header .user .user-tips .content .user-progress .area:hover {
    background-color: rgba(33,33,33,.8);
    cursor: pointer
}

header .user .user-tips .content .user-progress .progress-bar {
    width: 45px;
    height: 55px;
    float: left;
    margin-right: 10px;
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat
}

header .user .user-tips .content .user-progress .progress-bar svg {
    margin-top: 6px
}

.content-block.user-details .content .user-progress svg path,header .user .user-tips .content .user-progress svg path {
    will-change: auto;
    stroke-width: 10px;
    stroke: #ccc;
    transition: stroke-dashoffset .8s linear
}

.content-block.user-details .content .user-progress svg path.clean,header .user .user-tips .content .user-progress svg path.clean {
    transition: stroke-dashoffset .4s linear
}

.content-block.user-details .content .user-progress svg path.meter,header .user .user-tips .content .user-progress svg path.meter {
    stroke-width: 12px;
    stroke: var(--tips-green)
}

header .user .user-tips .content .user-progress .progress-info {
    float: left;
    width: calc(100% - 55px);
    height: 55px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center
}

header .user .user-tips .content .user-progress .progress-info .item-name {
    display: block;
    line-height: 20px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

header .user .user-tips .content .user-progress .progress-info .item-info {
    display: block;
    line-height: 15px;
    font-size: .75em;
    color: #f0f0f0
}

.content-block.user-details .content .user-progress .progress-info .item-info em,header .user .user-tips .content .user-progress .progress-info .item-info em {
    font-style: normal
}

header .user .user-tips .content .matches .match,header .user .user-tips .content .no-data {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px)
}

header .user .user-tips .content .matches .match {
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row
}

header .user .user-tips .content .matches .match:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

header .user .user-tips .content .matches .match .match-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

header .user .user-tips .content .matches .match .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 60px;
    color: var(--color-gray)
}

header .user .user-tips .content .matches .match .info .time {
    font-size: .8em;
    font-weight: 500;
    line-height: 15px
}

header .user .user-tips .content .matches .match .info .date,header .user .user-tips .content .matches .match .info .status {
    margin-top: 5px;
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray);
    line-height: 10px
}

header .user .user-tips .content .matches .match .info .status.live {
    color: var(--color-current)
}

header .user .user-tips .content .matches .match .match-content {
    width: calc(100% - 60px);
    display: flex;
    flex-direction: row
}

header .user .user-tips .content .matches .match .teams {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: calc(100% - 70px);
    margin-left: 10px;
    line-height: 25px
}

header .user .user-tips .content .matches .match .teams .team {
    display: block;
    font-size: .96em;
    overflow: hidden;
    width: 100%
}

header .user .user-tips .content .matches .match .teams .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 20px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

header .user .user-tips .content .matches .match .teams .team .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    line-height: 25px;
    width: calc(100% - 45px);
    color: var(--color-black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 0
}

header .user .user-tips .content .matches .match .additional {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 60px;
    line-height: 25px
}

header .user .user-tips .content .matches .match .additional .tips {
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 10px;
    padding-left: 10px
}

header .user .user-tips .content .matches .match .additional .tip {
    width: 100%;
    z-index: 2
}

header .user .user-tips .content .matches .match .additional .tip .points {
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    border-radius: 5px;
    line-height: 15px;
    padding: 5px 0;
    text-align: right;
    color: var(--tips-red);
    float: right
}

header .user .user-tips .content .matches .match .additional .tip .points.high {
    color: var(--tips-green)
}

header .user .user-tips .content .no-data {
    padding: 20px 10px;
    text-align: center;
    line-height: 25px
}

header .user .info {
    float: right;
    text-align: right;
    padding: 10px 0;
    margin-right: 20px
}

header .user .name {
    display: block;
    padding-bottom: 5px;
    line-height: 15px;
    color: var(--color-white);
    text-decoration: none
}

header .user .name.active,header .user .name:hover,header .user .signin.active,header .user .signin:hover {
    border-bottom: 2px var(--header-active-border) solid
}

header .user .promo {
    display: block;
    margin-top: 5px;
    line-height: 10px;
    font-size: .75em
}

header .user .signin {
    display: inline-block;
    margin-right: 20px;
    padding-bottom: 5px;
    line-height: 35px
}

header .betting-menu-bt {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-color: var(--bet-bg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-image: url(../svg/betting.svg);
    cursor: pointer
}

header .betting-menu-bt.active,header .betting-menu-bt:hover {
    background-color: var(--bet-active-bg)
}

header .betting-menu-bt,header .user .signup {
    border-radius: 5px;
    background-position: center center;
    line-height: 15px
}

header .user .signup {
    padding: 1px;
    margin-right: 10px;
    width: 30px;
    background-color: #2d7d32;
    background-image: url(../svg/user.svg)
}

#sidebar .close-sidebar-button:hover,header .user .signup.active,header .user .signup:hover {
    background-color: #2d8c46
}

.page-title button.share-button,header .user .signup,header .user .supporting-ukraine {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 30px
}

header .user .supporting-ukraine {
    border-radius: 5px;
    padding: 10px;
    width: 30px;
    background-color: var(--header-nav-bg);
    background-position: center center;
    line-height: 15px;
    background-image: url(../svg/ukraine-heart.svg);
    margin-left: 10px
}

header .user .supporting-ukraine.active,header .user .supporting-ukraine:hover {
    background-color: var(--header-nav-active-bg)
}

#body {
    overflow: hidden;
    min-height: calc(100vh - 392px)
}

.breadcrumbs {
    display: block;
    margin-bottom: 10px;
    line-height: 15px
}

.breadcrumbs a {
    color: var(--color-black);
    opacity: .8;
    text-decoration: none
}

.breadcrumbs a:hover {
    opacity: 1
}

.breadcrumbs a:hover span {
    text-decoration: underline
}

.breadcrumbs span.element {
    display: inline-block;
    padding: 5px;
    line-height: 20px
}

.breadcrumbs span.homepage .element {
    font-family: "Montserrat Alternates",sans-serif;
    padding: 5px 5px 5px 0;
    line-height: 20px
}

.breadcrumbs span.separator {
    margin: 0 10px;
    color: var(--color-black);
    opacity: .25
}

.page-title {
    display: flex;
    flex-direction: row;
    line-height: 40px;
    margin-bottom: 20px
}

.page-title span.title {
    display: inline-block;
    min-width: calc(100% - 60px)
}

.page-title span.share {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.page-title button.share-button {
    width: 60px;
    height: 40px;
    border: 0;
    background-color: transparent;
    background-image: url(../svg/share-black.svg);
    background-position: right center;
    outline: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

.page-title button.share-button:disabled {
    display: none
}

.page-title.preauth {
    flex-direction: row;
    background-color: #e8f5e9;
    border: 1px #66bb6a solid;
    border-radius: 5px;
    padding: 10px;
    width: calc(100% - 22px);
    line-height: normal
}

.page-title.preauth .header {
    width: calc(45% - 10px);
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.page-title.preauth .content {
    width: calc(20% - 20px);
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    text-align: center
}

.page-title.preauth .content .start {
    display: inline-block;
    border-radius: 5px;
    padding: 10px;
    color: var(--color-white);
    text-decoration: none;
    text-align: center;
    background-color: var(--tips-green);
    line-height: 20px
}

.page-title.preauth .content .start:hover {
    background-color: var(--tips-active-green)
}

.page-title.preauth .content .users-count {
    display: block;
    margin-top: 10px;
    font-size: .9em;
    line-height: 25px
}

.page-title.preauth .header h1 {
    line-height: 45px
}

.page-title.preauth .header .annotation {
    line-height: 30px
}

.page-title.preauth .slider {
    width: 35%;
    overflow: hidden;
    height: 75px;
    display: flex;
    border-radius: 5px;
    background-color: rgba(33,33,33,.08);
    color: var(--color-gray)
}

.page-title.preauth .slider-container {
    display: flex;
    flex-direction: column;
    height: 75px;
    transition: all 2s;
    width: 100%
}

.page-title.preauth .slide {
    display: flex;
    flex-direction: row;
    height: 55px!important;
    min-height: 55px!important;
    padding: 10px
}

.banner.tips-promo .slide img,.match-tips-promo .reg-promo .slide img,.page-title.preauth .slide img {
    width: 35px;
    height: 35px;
    padding: 10px;
    margin-right: 10px
}

.page-title.preauth .slide .slide-title {
    padding: 5px 0;
    width: calc(100% - 55px)
}

.page-title.preauth .slide .trophy-name {
    display: block;
    line-height: 30px;
    font-weight: 500;
    font-size: 1em;
    width: calc(100% - 10px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-title.preauth .slide .price {
    display: block;
    line-height: 15px;
    font-size: .85em;
    color: var(--color-semigray)
}

.b23 {
    width: calc(66.66% - 10px)
}

.b13 {
    width: calc(33.33% - 10px)
}

.b16 {
    width: calc(25% - 13.33px)
}

.b46 {
    width: calc(50% - 13.33px)
}

.b516 {
    width: calc(75% - 10px)
}

.b156 {
    width: calc(25% - 10px)
}

.b100 {
    width: 100%
}

.fl-left {
    float: left
}

.fl-right {
    float: right
}

.ml20 {
    margin-left: 20px
}

.mt20 {
    margin-top: 20px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.mt0 {
    margin-top: 0!important
}

.row {
    width: 100%;
    height: 0;
    overflow: hidden
}

.content-block,.shortcode-block {
    border-radius: 5px;
    overflow: hidden
}

.shortcode-block {
    position: relative;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    width: calc(100% - 22px);
    padding: 10px;
    margin-bottom: 15px
}

.shortcode-block:hover {
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.shortcode-block.no-hover:hover {
    border-color: var(--border-secondary-color);
    box-shadow: 0 0 0 0
}

.content-block.article.betting .thumbnail .top-match span.block-link,.shortcode-block .block-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.shortcode-block .shortcode-block-header {
    line-height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px var(--border-primary-color) solid;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.shortcode-block .shortcode-block-header .title {
    color: var(--color-black)!important;
    font-size: .9rem!important;
    font-weight: 700!important;
    text-decoration: none!important;
    margin: 0!important
}

.content-block .header .title h2,.shortcode-block .shortcode-block-header .title h4 {
    font-size: 1em
}

.shortcode-block .shortcode-block-header .subtitle {
    display: block;
    font-size: .8em;
    color: var(--color-subtitles)
}

.content-block {
    width: calc(100% - 2px);
    background-color: var(--block-bg);
    border: 1px var(--border-primary-color) solid;
    box-shadow: 0 0 5px -2px var(--block-shadow)
}

.b23 .content-block {
    margin-bottom: 20px
}

.b23 .content-block:last-of-type {
    margin-bottom: 0
}

.b23 .content-block:last-child {
    margin-bottom: 0
}

.content-block.last-matches .element,.content-block.player-overall .element,.content-block.player-stats-chart .element,.content-block.team-maps-chart .element {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px
}

.content-block.last-matches .chart-header,.content-block.sidebar-matches {
    margin-bottom: 20px
}

.content-block.last-matches .chart-header h3 {
    color: var(--color-black);
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 5px
}

.content-block.last-matches .chart-header span {
    color: var(--color-gray);
    font-size: .8rem;
    text-decoration: none
}

.content-block.last-matches .chart-navigation,.content-block.team-maps-chart .bar-navigation {
    margin: 10px
}

.content-block.last-matches .chart-navigation a,.content-block.team-maps-chart .bar-navigation a {
    display: inline-block;
    line-height: 43px;
    height: 43px;
    border: 1px solid;
    border-color: transparent;
    margin-right: 5px;
    border-radius: 5px;
    font-weight: 700;
    font-size: .8em;
    color: var(--color-gray);
    padding: 0 5px
}

.content-block.last-matches .chart-navigation a.current,.content-block.last-matches .chart-navigation a:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color)!important;
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block.last-matches .chart-navigation a.current {
    color: var(--color-active);
    border-color: var(--border-secondary-color)!important
}

.content-block.team-maps-chart .bar-navigation a.current,.content-block.team-maps-chart .bar-navigation a:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color)!important;
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block.team-maps-chart .bar-navigation a.current {
    color: var(--color-active);
    border-color: var(--border-secondary-color)!important
}

.content-block.user-description .element {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px
}

.content-block .header,.content-block.user-description .user-details {
    
    flex-direction: row
}

.content-block.user-description .user-details img.avatar {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-right: 20px
}

.content-block.user-description .user-details .description p {
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 10px
}

.content-block.user-description .user-details .description .links a {
    display: inline-block;
    padding: 5px 5px 5px 30px;
    color: var(--color-link);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px;
    line-height: 25px;
    margin-right: 15px;
    border-radius: 5px
}

.content-block .header .title a:hover,.content-block .header a.title:hover,.content-block.user-description .user-details .description .links a:hover {
    color: var(--color-active)
}

.content-block.user-description .user-details .description .links a.email {
    background-image: url(../svg/email.svg)
}

.content-block.user-description .user-details .description .links a.twitter {
    background-image: url(../svg/twitter.svg)
}

.content-block.user-description .user-details .description .links a.facebook {
    background-image: url(../svg/facebook.svg)
}

.content-block.user-description .user-details .description .links a.linkedin {
    background-image: url(../svg/linkedin.svg)
}

.content-block.user-description .user-details .description .links a.web {
    background-image: url(../svg/external-link.svg)
}

.content-block .header {
    width: calc(100% - 20px);
    padding: 10px;
    line-height: 20px;
    justify-content: space-between;
    border-bottom: 1px var(--border-primary-color) solid;
    background-color: var(--block-header-bg)
}

.content-block .header.np {
    width: 100%!important;
    padding: 0!important
}

.content-block .header .title,.content-block .header .title a {
    color: var(--color-black);
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none
}

.content-block .header .match-details,.content-block .header .subtitle,.content-block.match-details .header .predictions-count,.content-block.matches .header .matches-count,.content-block.predictions .header .predictions-count,.content-block.tournaments .header .tournaments-count {
    display: block;
    font-size: .8em;
    color: var(--color-subtitles)
}

.content-block .image-title,.match-details .header .tournament-link,.matches .header .tournament-link,.player-details .header .players-link,.team-details .header .teams-link,.team-details .shortcode-block-header .teams-link,.teams .header .game-link,.tournament-description .header span.title,.tournament-details .header .tournaments-link,.tournaments .header .game-link,.tournaments .header .tournament-link {
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px
}

.content-block .header a.title.no-logo {
    padding-left: 0
}

.content-block.archive-matches .toggle,.content-block.matches .toggle,.content-block.navigation .toggle,.content-block.predictions .toggle,.content-block.sidebar-matches .toggle,.content-block.teams .toggle,.content-block.tournament-description .toggle,.content-block.tournament-groups .toggle,.content-block.tournaments .toggle,.content-block.user-tips .toggle {
    width: calc(100% - 50px);
    background-image: url(../svg/to-bot-black.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: transparent;
    cursor: pointer;
    padding-right: 40px
}

.content-block.matches .predictions:nth-last-child(2),.content-block.matches .toggle:nth-last-child(2),.content-block.navigation .toggle:nth-last-child(2),.content-block.teams .toggle:nth-last-child(2),.content-block.tournament-groups .toggle:nth-last-child(2),.content-block.tournaments .toggle:nth-last-child(2) {
    border-color: transparent
}

.content-block.matches .active.toggle:nth-last-child(2),.content-block.navigation .active.toggle:nth-last-child(2),.content-block.predictions .active.toggle:nth-last-child(2),.content-block.teams .active.toggle:nth-last-child(2),.content-block.tournament-groups .active.toggle:nth-last-child(2),.content-block.tournaments .active.toggle:nth-last-child(2) {
    border-color: rgba(205,205,205,.6)!important
}

.content-block.archive-matches .toggle.active,.content-block.matches .toggle.active,.content-block.navigation .toggle.active,.content-block.predictions .toggle.active,.content-block.sidebar-matches .toggle.active,.content-block.teams .toggle.active,.content-block.tournament-description .toggle.active,.content-block.tournament-groups .toggle.active,.content-block.tournaments .toggle.active,.content-block.user-tips .toggle.active {
    background-color: var(--block-header-bg);
    background-image: url(../svg/to-top-black.svg)
}

.content-block.matches .toggle:hover,.content-block.navigation .toggle:hover,.content-block.predictions .toggle:hover,.content-block.teams .toggle:hover,.content-block.tournament-groups .toggle:hover,.content-block.tournaments .toggle:hover {
    background-color: var(--block-header-bg)
}

.content-block.matches .toggle-content,.content-block.navigation .toggle-content,.content-block.predictions .toggle-content,.content-block.teams .toggle-content,.content-block.tournament-groups .toggle-content,.content-block.tournaments .toggle-content {
    border-bottom: 1px rgba(205,205,205,.6) solid
}

.content-block.matches .toggle-content:last-child,.content-block.navigation .toggle-content:last-child,.content-block.predictions .toggle-content:last-child,.content-block.teams .toggle-content:last-child,.content-block.tournament-groups .toggle-content:last-child,.content-block.tournaments .toggle-content:last-child {
    border-bottom: 0
}

.content-block.archive-matches .match,.content-block.matches .match,.content-block.sidebar-matches .match,.content-block.user-tips .match,.tournament-groups .tournament-grid .match {
    flex-direction: column
}

.content-block.archive-matches .match,.content-block.matches .match,.content-block.matches .match-prediction,.content-block.navigation .navlink,.content-block.predictions .prediction,.content-block.predictions .prediction-new,.content-block.sidebar-matches .match,.content-block.user-tips .match,.tournament-groups .tournament-grid .match {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex
}

.content-block.matches .match-prediction {
    flex-direction: column
}

.content-block.article .body h1,.content-block.match-predictions .prediction .content .text-content h1,.content-block.matches .match.hide {
    display: none
}

.content-block.archive-matches .match .match-content,.content-block.matches .match .match-content,.content-block.sidebar-matches .match .match-content,.content-block.user-tips .match .match-content,.tournament-groups .tournament-grid .match .match-content {
    display: flex;
    flex-direction: row
}

.content-block.archive-matches .match:hover,.content-block.matches .match-prediction:hover,.content-block.matches .match:hover,.content-block.navigation .navlink:hover,.content-block.predictions .prediction-new:hover,.content-block.predictions .prediction:hover,.content-block.sidebar-matches .match:hover,.content-block.user-tips .match:hover,.tournament-groups .tournament-grid .match:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block.archive-matches .match .match-link,.content-block.matches .match .match-link,.content-block.matches .match-prediction .match-link,.content-block.predictions .prediction .match-link,.content-block.predictions .prediction-new .match-link,.content-block.sidebar-matches .match .match-link,.content-block.user-tips .match .match-link,.tournament-groups .tournament-grid .match .match-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.content-block.archive-matches .match .info,.content-block.matches .match .info,.tournament-groups .tournament-grid .match .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px var(--border-secondary-color) solid
}

.content-block.navigation .navlink {
    flex-direction: row;
    align-items: center
}

.content-block.navigation .navlink .navigation-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.content-block.navigation .navlink .thumbnail {
    min-width: 50px;
    width: 50px;
    height: 50px;
    margin: 0!important
}

.content-block.navigation .navlink .navlink-content {
    margin-left: 20px;
    display: flex;
    flex-direction: column
}

.content-block.navigation .navlink .navlink-content .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5em;
    color: #444
}

.content-block.navigation .navlink .navlink-content .subtitle {
    font-size: .9em;
    line-height: 1.5em;
    color: #333;
    display: block;
    font-weight: 400;
    margin-top: 5px
}

.content-block.news .header:not(:first-child) {
    border-top: 1px var(--border-primary-color) solid
}

.content-block.article .betting-navigation-container {
    height: 47.5px
}

.content-block.article .betting-navigation {
    position: relative;
    overflow: hidden;
    padding: 7.5px 10px 0;
    background-color: var(--block-bg);
    width: calc(100% - 20px)
}

.content-block.article .betting-navigation.fixed {
    position: fixed;
    top: 55px;
    z-index: 98;
    left: 0;
    width: 100%;
    padding-bottom: 7.5px;
    box-shadow: 0 3px 3px -1px var(--block-shadow)
}

.content-block.article .betting-navigation .content {
    display: flex;
    white-space: pre;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-padding: 0;
    line-height: 20px
}

.content-block.article .betting-navigation .content::-webkit-scrollbar {
    display: none
}

.content-block.article .betting-navigation .content a {
    margin: 0 10px;
    padding: 10px;
    color: #333;
    text-decoration: none
}

.content-block.article .betting-navigation .content a.active {
    color: #999;
    text-decoration: underline
}

.content-block.article .body,.content-block.article .body .infobox {
    padding: 10px;
    border-radius: 5px;
    border: 1px var(--border-secondary-color) solid
}

.content-block.article .body {
    margin: 10px;
    background-color: var(--element-bg);
    width: calc(100% - 42px);
    display: block;
    font-size: 16px;
    overflow: hidden
}

.content-block.article .body img.inline-img {
    display: inline;
    margin: 0 0-4px 2px;
    max-height: 20px
}

.content-block.article .body .infobox {
    background-color: #eee;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px
}

.content-block.article .body .infobox .thumbnail {
    min-width: 100px;
    width: 100px;
    height: 100px;
    margin: 0!important
}

.content-block.article .body .infobox .thumbnail.round {
    border-radius: 50px
}

.content-block.article .body .infobox.w-image .content {
    margin-left: 20px
}

.content-block.article .body .infobox .content span {
    display: block
}

.content-block.article .body .infobox .content p {
    font-size: .9em;
    line-height: 1.5em
}

.content-block.article .body .series,.content-block.article .body .teams-org {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap
}

.content-block.article .body .series .tournament,.content-block.article .body .teams-org .team {
    margin-bottom: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    min-width: 20%;
    border-radius: 5px;
    flex: 1 1 0px;
    padding: 5px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 25px
}

.content-block.article .body .series .tournament a,.content-block.article .body .teams-org .team a {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.content-block.article .body .teams-org .team:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block.article .body .teams-org .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 5px 0 0;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.article .body .teams-org .team .name {
    display: block;
    font-weight: 500;
    float: left;
    width: calc(100% - 110px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.article .body .series .tournament em,.content-block.article .body .teams-org .team em,.tournaments-top-banner .tournaments-list .tournament em {
    float: right;
    font-size: .8em;
    color: var(--color-gray);
    font-style: normal;
    font-weight: 500;
    display: inline-block;
    width: 80px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.article .body .series .tournament:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block.article .body .series .tournament .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 5px 0 0;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.article .body .series .tournament .name {
    display: block;
    font-weight: 500;
    float: left;
    width: calc(100% - 110px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.article .body h2 {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600;
    line-height: 30px;
    color: #333
}

.content-block.article .body h2.w-image {
    background-repeat: no-repeat;
    padding-left: 40px;
    background-size: 30px;
    background-position: left center
}

.content-block.article .body h3 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 1.5em;
    color: #444
}

.content-block.article .body h3.w-image,.content-block.article .body h4.w-image {
    background-repeat: no-repeat;
    padding-left: 37px;
    background-size: 27px;
    background-position: left center
}

.content-block.article .body .infobox .content span,.content-block.article .body h4 {
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 500;
    color: var(--color-black)!important
}

.content-block.article .body h4.w-image {
    text-align: left
}

.content-block.article .body p {
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 15px
}

.content-block.article .body p:empty {
    display: none
}

.content-block.article .body div.twitter-tweet {
    margin: 0 auto!important
}

.content-block.article .body h2 a.anchor {
    visibility: hidden
}

.content-block.article .body .infobox a.anchor {
    display: block;
    position: relative;
    top: -140px;
    visibility: hidden
}

.content-block.article .body table {
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 15px;
    border: 0!important;
    border-collapse: collapse;
    width: 100%!important;
    display: table;
    overflow-x: auto;
    color: #333;
    text-align: justify
}

.content-block.article .body .scroll-layout {
    overflow-x: auto;
    margin-bottom: 15px
}

.content-block.article .body .scroll-layout table {
    min-width: 100%;
    width: max-content!important
}

.content-block.article .body table tbody,.content-block.article .body table thead {
    min-width: calc(100% - 2px);
    border-collapse: collapse
}

.content-block.article .body table.left-header tr td:first-child {
    background: #ededed;
    font-weight: 700;
    border-color: #ccc
}

.content-block.article .body table.autowidth {
    table-layout: fixed
}

.content-block.article .body table th {
    background: #ededed;
    padding: 5px;
    line-height: 30px
}

.content-block.article .body table tr {
    text-align: center
}

.content-block.article .body table td {
    line-height: 30px;
    padding: 5px;
    vertical-align: middle
}

.content-block.article .body table.left-header tr td,.content-block.article .body table.left-header tr td p,.content-block.article .body table.lefttext,.content-block.article .body table.lefttext td,.content-block.article .body table.lefttext th,.content-block.article .body table.lefttext tr {
    text-align: left
}

.content-block.article .body table td .infobox {
    margin-bottom: 0!important
}

.content-block.article .body table {
}

.content-block.article .body td,.content-block.article .body th {
    border: 1px solid #eee
}

.content-block.article .body th {
    border-color: #ccc
}

.content-block.article .body blockquote {
    color: #111;
    display: block;
    padding-left: 20px;
    border-left: 3px #c4191c solid;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 15px
}

.content-block.article .body p:last-child {
    margin-bottom: 0
}

.content-block.article .body li a,.content-block.article .body p a,.content-block.article .body table a,.content-block.match-predictions .prediction .content .text-content li a,.content-block.match-predictions .prediction .content .text-content p a,.content-block.match-predictions .prediction .content .text-content table a {
    color: var(--color-link)
}

.content-block.article .body li a:hover,.content-block.article .body p a:hover,.content-block.article .body table a:hover,.content-block.match-predictions .prediction .content .text-content li a:hover,.content-block.match-predictions .prediction .content .text-content p a:hover,.content-block.match-predictions .prediction .content .text-content table a:hover {
    color: var(--color-link-hover)
}

.content-block.article .body p img {
    max-width: 100%;
    height: auto
}

.content-block.article .body p img.aligncenter {
    display: block;
    margin: 0 auto 15px
}

.content-block.article .body p img.alignnone {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 15px
}

.content-block.article .body ul,.content-block.match-predictions .prediction .content .text-content ul,.content-block.tournament-description .description ul {
    margin-bottom: 15px;
    list-style: square;
    margin-left: 20px
}

.content-block.article .body ol,.content-block.match-predictions .prediction .content .text-content ol,.content-block.tournament-description .description ol {
    margin-bottom: 15px;
    list-style: decimal;
    margin-left: 20px
}

.content-block.article .body ol li,.content-block.article .body ul li {
    margin-bottom: 10px;
    padding-left: 5px;
    line-height: 30px
}

.content-block.article .body .twitch-embed,.content-block.article .body .yt-embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 15px
}

.blog article .video iframe.youtube,.content-block.article .body .twitch-embed iframe,.content-block.article .body .yt-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.content-block.article .body .wp-caption {
    position: relative;
    margin-bottom: 15px;
    max-width: 100%
}

.content-block.article .body .wp-caption.aligncenter {
    margin: 0 auto 15px
}

.content-block.article .body .wp-caption.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}

.content-block.article .body .wp-caption.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}

.content-block.article .body .wp-caption img,.content-block.match-predictions .prediction .content .text-content p img {
    width: 100%;
    height: auto
}

.content-block.article .body .wp-caption p.wp-caption-text {
    position: absolute;
    width: calc(100% - 20px);
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.8);
    color: var(--color-white);
    margin-bottom: 0;
    padding: 10px;
    font-size: .9em
}

.content-block.article .thumbnail {
    position: relative;
    min-height: 30px
}

.content-block.article .thumbnail.available {
    height: 350px;
    background-size: cover;
    background-position: center center
}

.content-block.article.betting .thumbnail.available {
    height: 200px
}

.content-block.article.betting .thumbnail .top-match {
    width: calc(100% - 60px);
    height: 80px;
    display: flex;
    flex-direction: row;
    position: relative;
    top: 20px;
    left: 20px;
    cursor: pointer;
    border-radius: 5px;
    background-color: rgba(0,0,0,.3);
    padding: 10px
}

.content-block.article.betting .thumbnail .top-match .authors-choise {
    position: absolute;
    width: 220px;
    height: 20px;
    bottom: 20px;
    left: calc(50% - 110px);
    color: var(--color-white);
    text-align: center
}

.content-block.article.betting .thumbnail .top-match .b-header {
    width: calc(20% - 20px);
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--color-white)
}

.content-block.article.betting .thumbnail .top-match .b-header .tournament {
    padding-left: 25px;
    width: calc(100% - 25px);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.article.betting .thumbnail .top-match .b-header .date-time,.content-block.article.betting .thumbnail .top-match .teams {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.content-block.article.betting .thumbnail .top-match .b-header .date-time {
    line-height: 35px;
    font-size: .9em
}

.content-block.article.betting .thumbnail .top-match .b-header .date-time .time {
    margin-right: 15px;
    font-size: 1.5em;
    font-weight: 500
}

.content-block.article.betting .thumbnail .top-match .b-header .date-time .date,.content-block.article.betting .thumbnail .top-match .b-header .date-time .status {
    margin-top: 3px;
    font-weight: 400;
    color: var(--color-white)
}

.content-block.article.betting .thumbnail .top-match .teams {
    width: 60%;
    overflow: hidden;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--color-gray);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center center
}

.content-block.article.betting .thumbnail .top-match .teams .team {
    display: block;
    font-size: .96em;
    width: calc(50% - 20px);
    height: 55px;
    padding: 10px
}

.content-block.article.betting .thumbnail .top-match .teams .team .logo {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 2.5px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    margin: 0 20px
}

.content-block.article.betting .thumbnail .top-match .teams .team .name {
    display: inline-block;
    font-weight: 500;
    float: right;
    width: calc(100% - 95px);
    font-size: 1.2em;
    line-height: 30px;
    color: var(--color-white);
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.article.betting .thumbnail .top-match .teams .team .odd {
    float: left;
    display: inline-block;
    font-size: .7em;
    font-weight: 700;
    border-radius: 5px;
    line-height: 25px;
    padding: 0 5px;
    text-align: center;
    background-color: var(--bet-bg);
    color: var(--color-white);
    z-index: 2;
    position: relative
}

.content-block.article.betting .thumbnail .top-match .bet-promo .button:hover,.content-block.article.betting .thumbnail .top-match .teams .team .odd:hover {
    cursor: pointer;
    background-color: var(--bet-active-bg)
}

.content-block.article.betting .thumbnail .top-match .teams .team:last-child .name {
    text-align: right
}

.content-block.article.betting .thumbnail .top-match .teams .team:last-child .logo,.content-block.article.betting .thumbnail .top-match .teams .team:last-child .odd {
    float: right
}

.content-block.article.betting .thumbnail .top-match .bet-promo {
    width: calc(20% - 20px);
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center
}

.content-block.article.betting .thumbnail .top-match .bet-promo .button {
    width: calc(100% - 20px);
    display: inline-block;
    border-radius: 5px;
    line-height: 20px;
    padding: 10px;
    background-color: var(--bet-bg);
    color: var(--color-white);
    z-index: 1;
    position: relative
}

.content-block.article.betting .thumbnail .top-match .bet-promo .promo {
    display: block;
    font-size: .9em;
    line-height: 15px;
    color: var(--color-white)
}

.content-block.article.betting .thumbnail .top-match .bet-promo .promo i {
    font-style: normal;
    color: var(--color-white);
    text-decoration: underline
}

.content-block.article .thumbnail.available .categories {
    top: 20px;
    border-radius: 5px;
    position: absolute;
    right: 20px;
    text-align: right;
    display: flex;
    flex-direction: column
}

.content-block.article .thumbnail.available .categories .category {
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
    background-color: var(--block-header-bg);
    width: auto;
    border-radius: 5px;
    line-height: 20px;
    font-size: .7em;
    font-weight: 500;
    color: var(--color-gray);
    text-decoration: none;
    text-align: center;
    text-transform: uppercase
}

.content-block.article .thumbnail .info {
    line-height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    background-color: var(--block-header-bg);
    border-bottom: 1px var(--border-primary-color) solid
}

.content-block.article .thumbnail.available .info {
    bottom: 20px;
    background-color: var(--block-bg);
    border-radius: 5px;
    position: absolute;
    width: calc(100% - 62px);
    left: 20px;
    border: 1px var(--border-primary-color) solid
}

.content-block.article .thumbnail .info .author {
    display: flex;
    flex-direction: row;
    font-size: .9em;
    font-weight: 500
}

.content-block.article .thumbnail .info .about {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--color-gray)
}

.content-block.article .thumbnail .info .about .date,.content-block.news .article .info .date {
    line-height: 20px;
    font-size: .8em;
    font-weight: 500
}

.content-block.article .thumbnail .info .author .avatar {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: 0 10px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.news .article {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 20px);
    overflow: hidden;
    position: relative
}

.content-block.news .article:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block.matches .match .prediction-content .results-block a,.content-block.news .article .article-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.content-block.news .article .thumbnail {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.content-block.news .article-info {
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.content-block.news .article .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 60px;
    color: var(--color-gray)
}

.content-block.news .article .content,.content-block.news .article .content .title {
    width: calc(100% - 70px);
    display: flex;
    flex-direction: row;
    align-items: center
}

.content-block.news .article .content .title {
    justify-content: flex-start;
    font-size: .96em;
    overflow: hidden;
    width: calc(100% - 45px);
    line-height: 20px
}

.content-block.news .article .content .title .thumbnail {
    background-size: cover;
    width: 72px;
    height: 40px;
    margin-right: 20px
}

.content-block.news .article .content .game {
    width: 25px;
    height: 25px;
    padding: 5px;
    display: inline-block;
    margin: 0 0 0 10px;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat
}

.content-block.user-tips .match .info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100px;
    color: var(--color-gray)
}

.content-block.user-tips .match .info .date-time {
    display: flex;
    flex-direction: column;
    width: 60px
}

.content-block.archive-matches .match .info .time,.content-block.matches .match .info .time,.content-block.user-tips .match .info .time,.tournament-groups .tournament-grid .match .info .time {
    font-size: .8em;
    font-weight: 500
}

.content-block.user-tips .match .info .status {
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray)
}

.content-block.archive-matches .match .info .status,.content-block.matches .match .info .status,.tournament-groups .tournament-grid .match .info .status {
    margin: 0 0 0 15px;
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray)
}

.content-block.user-tips .match .info .status {
    margin: 5px 0 0
}

.content-block.archive-matches .match .info .predictions-count,.content-block.matches .match .info .predictions-count,.content-block.user-tips .match .info .predictions-count,.tournament-groups .tournament-grid .match .info .predictions-count {
    font-weight: 500;
    font-size: .8em;
    margin: 0 0 0 15px
}

.content-block.matches .match .prediction-content {
    display: flex;
    flex-direction: row
}

.content-block.matches .match .prediction-content .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    margin: 0 10px 0 0
}

.content-block.matches .match .prediction-content .teams-block {
    display: flex;
    flex-direction: column;
    width: calc(86% - 120px);
    height: 40px;
    padding: 5px
}

.content-block.matches .match .prediction-content .results-block,.content-block.matches .match .prediction-content .results-block2 {
    display: flex;
    flex-direction: column;
    width: 48px;
    height: 48px;
    margin-left: auto;
    background-color: var(--element-bg);
    border-radius: 7px;
    border: 1px var(--border-secondary-color) solid;
    overflow: hidden;
    text-align: center;
    position: relative
}

.content-block.matches .match .prediction-content .results-block:hover {
    border-color: var(--border-active-color)
}

.content-block.matches .match .prediction-content .results-block2 {
    width: 68px;
    height: 28px;
    margin-top: 10px
}

.content-block.matches .match .prediction-content .results-block2 .result {
    line-height: 28px;
    font-size: .8em;
    display: block;
    font-weight: 700
}

.content-block.matches .match.win .prediction-content .results-block2 .result.win,.content-block.predictions .prediction-new.win .prediction-content .pcontent p {
    background-color: rgba(45,125,50,.1)
}

.content-block.matches .match .prediction-content .results-block2 .result.lose,.content-block.predictions .prediction-new.lose .prediction-content .pcontent p {
    background-color: rgba(185,30,30,.1)
}

.content-block.matches .match .prediction-content .results-block .middle-odd {
    line-height: 30px;
    font-weight: 700;
    font-size: 1.1em;
    display: block;
    background-color: var(--block-bg);
    position: relative
}

.content-block.matches .match .prediction-content .results-block .middle-odd.fractional {
    font-size: .75em
}

.content-block.matches .match .prediction-content .results-block a {
    z-index: 2
}

.content-block.matches .match .prediction-content .results-block .middle-odd.unavailable {
    height: 48px;
    background-image: url(../svg/lock.svg);
    background-size: 15px;
    background-position: center center;
    background-repeat: no-repeat
}

.content-block.matches .match .prediction-content .results-block .middle-odd.no-premium {
    height: 48px;
    line-height: 48px
}

.content-block.matches .match .prediction-content .results-block .win-chance {
    display: block;
    width: 100%;
    height: 17px;
    line-height: 17px;
    font-size: .8em;
    font-weight: 500;
    background-color: var(--tips-green-passive);
    border-top: 1px var(--border-secondary-color) solid;
    color: var(--color-black)
}

.content-block.matches .match .prediction-content .results-block .win-chance.golden {
    background-color: var(--color-gold-bg)
}

.content-block.matches .match .prediction-content .results-block .win-chance.silver {
    background-color: var(--color-silver-bg)
}

.content-block.matches .match .prediction-content .results-block.win .win-chance.golden,.content-block.matches .match .prediction-content .results-block.win .win-chance.silver,.content-block.matches .match.win .prediction-content .results-block.win .middle-odd {
    background-color: rgba(45,125,50,.1)!important
}

.content-block.matches .match .prediction-content .results-block.lose .middle-odd,.content-block.matches .match .prediction-content .results-block.lose .win-chance.golden,.content-block.matches .match .prediction-content .results-block.lose .win-chance.silver {
    background-color: rgba(185,30,30,.1)!important
}

.content-block.matches .match .prediction-content .results-block .brand {
    display: block;
    width: 100%;
    height: 20px;
    font-size: .8em;
    font-weight: 500;
    background-color: var(--bet-bg);
    color: var(--color-white);
    background-size: contain
}

.content-block.matches .match .prediction-content .teams-block .winner-name {
    display: block;
    line-height: 25px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    width: 100%
}

.content-block.matches .match .prediction-content .teams-block .vs {
    display: block;
    line-height: 15px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .8em;
    font-weight: 400;
    width: 100%
}

.content-block.matches .match .info .tournament-name {
    font-size: .8em;
    font-weight: 500;
    margin-left: auto;
    text-align: right;
    width: calc(100% - 280px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.info .predictions-count {
    position: relative;
    z-index: 2!important
}

.info .predictions-count a {
    display: inline-block;
    padding: 0 5px;
    border-radius: 7px;
    background-color: var(--tips-green-passive);
    color: var(--color-black);
    text-decoration: none;
    border: 1px var(--tips-green) solid;
    line-height: 18px
}

.info .predictions-count a:hover {
    background-color: var(--tips-active-green)
}

.info .predictions-count.silver a {
    background-color: var(--color-silver-bg);
    border: 1px var(--color-silver) solid
}

.info .predictions-count.silver a:hover {
    background-color: var(--color-silver-bg-hover)
}

.info .predictions-count.golden a {
    background-color: var(--color-gold-bg);
    border: 1px var(--color-gold) solid
}

.info .predictions-count.golden a:hover {
    background-color: var(--color-gold-bg-hover)
}

.info .predictions-count.hot a {
    color: var(--color-black);
    background-image: url(../svg/icon-power.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: left 2px center;
    padding: 0 3px 0 20px
}

.content-block.user-tips .match .info .status.live {
    color: var(--color-current)
}

.content-block.archive-matches .match .info .date,.content-block.matches .match .info .date,.content-block.user-tips .match .info .date,.tournament-groups .tournament-grid .match .info .date {
    margin-top: 5px;
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray)
}

.content-block.matches .match .info .status-live,.tournament-groups .tournament-grid .match .info .status-live {
    margin: 0 0 0 15px;
    line-height: 12px;
    width: auto;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.content-block.matches .match .info .status-live .round,.tournament-groups .tournament-grid .match .info .status-live .round {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 1px;
    border-radius: 2px;
    background-color: var(--color-gray)
}

.content-block.matches .match .info .status-live .round.finished,.tournament-groups .tournament-grid .match .info .status-live .round.finished {
    background-color: var(--color-current)
}

.content-block.matches .match .info .status-live .round.current,.tournament-groups .tournament-grid .match .info .status-live .round.current {
    background-color: var(--color-current);
    animation-name: round-pulse;
    animation-duration: 4s;
    animation-iteration-count: infinite
}

.content-block.archive-matches .match .content,.content-block.matches .match .content,.tournament-groups .tournament-grid .match .content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.content-block.matches .match .content .h2h {
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 50px
}

.content-block.matches .match .content .h2h .compare,.content-block.matches .match .content .h2h .compare:hover {
    background-color: var(--element-bg);
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block.matches .match .content .h2h .compare {
    margin: 5px;
    width: 38px;
    height: 38px;
    background-image: url(../svg/compare.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
    border-radius: 5px;
    border: 1px solid;
    border-color: var(--border-secondary-color)!important
}

.content-block.matches .match .content .h2h .compare:hover {
    border-color: var(--border-active-color)!important
}

.content-block.matches .match .content .h2h .compare a {
    display: block;
    width: 38px;
    height: 38px;
    text-decoration: none
}

.content-block.matches .match .content .h2h .timeline {
    overflow: hidden;
    text-align: right;
    line-height: 25px;
    display: flex;
    flex-direction: row;
    margin-right: 10px;
    opacity: .5
}

.content-block.matches .match:hover .content .h2h .timeline {
    opacity: 1
}

.content-block.matches .match .content .h2h .timeline .result {
    height: 10px;
    float: right;
    width: 10px;
    background-color: var(--color-gray);
    border-radius: 5px;
    margin: 7.5px 0 7.5px 5px
}

.content-block.matches .match .content .h2h .timeline .result.win {
    background-color: var(--color-winner)
}

.content-block.matches .match .content .h2h .timeline .result.draw {
    margin-top: 20px
}

.content-block.matches .match .content .h2h .timeline .result.bottom {
    margin-top: 32.5px
}

.content-block.predictions .prediction-new {
    flex-direction: column
}

.content-block.predictions .prediction-new .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px var(--border-secondary-color) solid
}

.content-block.predictions .prediction-new .info .time {
    font-size: .8em;
    font-weight: 500;
    display: inline-block;
    float: left
}

.content-block.predictions .prediction-new .info .tournament {
    font-size: .8em;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    right: 10px
}

.content-block.predictions .prediction-new .info .status {
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray);
    margin: 0 0 0 15px
}

.content-block.predictions .prediction-new .info .status-live {
    margin: 0 0 0 15px;
    line-height: 12px;
    padding-bottom: 8px;
    width: auto;
    overflow: hidden;
    text-align: center
}

.content-block.predictions .prediction-new .info .status-live .round {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 1px;
    border-radius: 2px;
    background-color: var(--color-gray)
}

.content-block.predictions .prediction-new .info .status-live .round.finished {
    background-color: var(--color-current)
}

.content-block.predictions .prediction-new .info .status-live .round.current {
    background-color: var(--color-current);
    -webkit-animation-name: round-pulse;
    animation-name: round-pulse;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.content-block.predictions .prediction-new .prediction-content {
    display: flex;
    flex-direction: row;
    column-gap: 20px
}

.content-block.predictions .prediction-new .prediction-content .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px var(--border-secondary-color) solid;
    padding-right: 20px
}

.content-block.predictions .prediction-new .prediction-content .left .bk {
    overflow: hidden;
    line-height: 25px;
    display: flex;
    margin-top: 15px
}

.content-block.predictions .prediction-new .prediction-content .left .bk .odd {
    width: 100%;
    z-index: 2;
    position: relative
}

.content-block.matches .match .additional .odds .odd span.outbound-bet,.content-block.predictions .prediction-new .prediction-content .left .bk .odd .outbound-bet,.content-block.sidebar-matches .match .additional .odds .odd span.outbound-bet,.tournament-groups .tournament-grid .match .additional .odds .odd span.outbound-bet {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.content-block.predictions .prediction-new .prediction-content .left .bk .odd .bookmaker {
    display: inline-block;
    width: 55px;
    height: 25px;
    margin: 0 10px 0 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 55px;
    float: left
}

.content-block.predictions .prediction-new .prediction-content .left .bk .odd .value {
    display: inline-block;
    font-size: .7em;
    font-weight: 700;
    border-radius: 5px;
    line-height: 10px;
    padding: 5px;
    margin: 2.5px 0;
    text-align: center;
    background-color: var(--bet-bg);
    color: var(--color-white);
    float: right
}

.content-block.predictions .prediction-new .prediction-content .left .bk .odd:hover .value {
    background-color: var(--bet-active-bg)
}

.content-block.predictions .prediction-new .prediction-content .left .team {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px
}

.content-block.predictions .prediction-new .prediction-content .left .team .logo {
    display: inline-block;
    width: 65px;
    height: 65px;
    margin: 0 0 10px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle
}

.content-block.predictions .prediction-new .prediction-content .left .team .name {
    font-size: .9em;
    display: inline-block;
    font-weight: 500;
    line-height: 20px;
    width: 100px;
    text-align: center;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.predictions .prediction-new .prediction-content .chances {
    display: flex;
    flex-direction: column;
    text-align: center;
    min-width: 95px;
    align-items: center;
    justify-content: center;
    row-gap: 20px
}

.content-block.predictions .prediction .right .chances div span,.content-block.predictions .prediction-new .prediction-content .chances div span {
    display: block
}

.content-block.predictions .prediction-new .prediction-content .chances div span.chance {
    font-size: 1.05em;
    color: var(--color-gray);
    font-weight: 500;
    margin-bottom: 15px
}

.content-block.predictions .prediction-new .prediction-content .chances div span.annotation {
    font-size: .75em
}

.content-block.predictions .prediction .left .title,.content-block.predictions .prediction-new .prediction-content .pcontent .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: .9em;
    font-weight: 500;
    line-height: 20px
}

.content-block.predictions .prediction .left .avatar,.content-block.predictions .prediction-new .prediction-content .pcontent .avatar {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: 0 10px 0 0;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.predictions .prediction .left p,.content-block.predictions .prediction-new .prediction-content .pcontent p {
    color: #111;
    display: block;
    font-weight: 400;
    line-height: 1.5em;
    padding: 10px;
    background-color: #f0f8ff;
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    margin-top: 15px
}

.content-block.predictions .prediction {
    flex-direction: row
}

.content-block.predictions .prediction .left,.content-block.predictions .prediction .right {
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.content-block.predictions .prediction.win .left p {
    background-color: rgba(45,125,50,.1)
}

.content-block.predictions .prediction.lose .left p {
    background-color: rgba(185,30,30,.1)
}

.content-block.predictions .prediction .right {
    width: 30%
}

.content-block.predictions .prediction .right .team {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-block.predictions .prediction .right .team .logo {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle
}

.content-block.predictions .prediction .right .team .name {
    font-size: .9em;
    display: inline-block;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.predictions .prediction .right .chances {
    display: flex;
    flex-direction: row;
    text-align: center;
    min-height: 95px;
    align-items: center
}

.content-block.predictions .prediction .right .chances div {
    flex: 1 1 0px
}

.content-block.predictions .prediction .right .chances div span.chance {
    font-size: 1.05em;
    color: var(--color-gray);
    font-weight: 500;
    margin-bottom: 15px
}

.content-block.predictions .prediction .right .chances div span.annotation {
    font-size: .75em
}

.content-block.archive-matches .match .teams {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 200px;
    margin-left: 10px;
    height: 25px
}

.content-block.archive-matches .match .teams .team {
    display: block;
    font-size: .96em;
    overflow: hidden;
    width: calc(50% - 40px);
    text-align: right
}

.content-block.archive-matches .match .teams .team:last-child {
    text-align: left
}

.content-block.archive-matches .match .teams .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle
}

.content-block.archive-matches .match .teams .scores {
    width: 80px;
    text-align: center;
    height: 25px
}

.content-block.archive-matches .match .teams .scores .score {
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: var(--color-gray);
    width: 20px;
    text-align: center!important
}

.content-block.archive-matches .match .teams .scores .score.high {
    color: var(--color-winner)
}

.content-block.archive-matches .match .tournament {
    width: calc(100% - 200px);
    line-height: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-size: .8em
}

.content-block.archive-matches .match .tournament div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.archive-matches .match .tournament div.season {
    width: 80%;
    text-align: left
}

.content-block.archive-matches .match .tournament div.group {
    width: 20%;
    text-align: right
}

.content-block.user-tips .match .game {
    display: block;
    width: 30px;
    height: 30px;
    background-size: 25px;
    background-position: center center;
    margin-right: 10px;
    background-repeat: no-repeat
}

.content-block.user-tips .match .content {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: row;
    align-items: center
}

.content-block.user-tips .match .teams {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 300px;
    margin-left: 30px;
    height: 25px
}

.content-block.user-tips .match .teams .team {
    display: block;
    font-size: .96em;
    overflow: hidden;
    text-align: right;
    width: 25px
}

.content-block.user-tips .match .teams .team.tip-team {
    width: 195px;
    display: flex;
    flex-direction: row;
    line-height: 25px;
    text-align: left
}

.content-block.user-tips .match .teams .team.tip-team .team-name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 42px);
    margin-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px
}

.content-block.user-tips .match .teams .team:last-child {
    text-align: left
}

.content-block.user-tips .match .teams .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle
}

.content-block.user-tips .match .teams .scores {
    width: 80px;
    text-align: center;
    height: 25px
}

.content-block.user-tips .match .teams .scores .score {
    width: 20px
}

.content-block.user-tips .match .teams .scores .score,.content-block.user-tips .match .teams .scores .separator {
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: var(--color-gray);
    text-align: center!important
}

.content-block.user-tips .match .teams .scores .score.high {
    color: var(--color-winner)
}

.content-block.matches .match .additional .scores.by-team .score.low,.content-block.sidebar-matches .match .additional .scores.by-team .score.low,.content-block.user-tips .match .teams .scores .score.low,.tournament-groups .tournament-grid .match .additional .scores .score.low {
    color: var(--color-loser)
}

.content-block.matches .performer,.content-block.user-tips .match .tip {
    width: calc(100% - 330px);
    line-height: 25px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-size: .8em
}

.content-block.user-tips .match .tip .points {
    display: inline-block;
    font-weight: 700;
    color: var(--tips-red);
    margin-left: 35px;
    width: 40px;
    text-align: right
}

.content-block.user-tips .match .tip .points.win {
    color: var(--tips-green)
}

.content-block.matches .match .teams,.tournament-groups .tournament-grid .match .teams {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: calc(100% - 335px);
    margin-left: 10px;
    line-height: 25px
}

.content-block.matches .match .teams .team,.tournament-groups .tournament-grid .match .teams .team {
    display: block;
    font-size: .96em;
    overflow: hidden;

}

.content-block.matches .match .teams .team .logo,.tournament-groups .tournament-grid .match .teams .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 20px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.matches .match .teams .team .name,.tournament-groups .tournament-grid .match .teams .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 45px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.sidebar-matches .match .content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.content-block.sidebar-matches .match .teams {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: calc(100% - 200px);
    line-height: 25px
}

.content-block.sidebar-matches .match .teams .team {
    display: block;
    font-size: .96em;
    overflow: hidden;
    width: 100%
}

.content-block.sidebar-matches .match .teams .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 20px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.sidebar-matches .match .teams .team .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 45px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.matches .match .additional,.content-block.sidebar-matches .match .additional,.tournament-groups .tournament-grid .match .additional {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    width: 200px;
    line-height: 25px
}

.content-block.matches .match.running .teams,.content-block.matches .match.upcoming .teams {
    width: calc(100% - 260px)
}

.content-block.matches .match.bets-unavailable .teams {
    width: calc(100% - 210px)
}



.content-block.matches .match.finished .teams,.content-block.sidebar-matches .match.finished .teams,.tournament-groups .tournament-grid .match.finished .teams {
    width: calc(100% - 115px)
}

.content-block.sidebar-matches .match.finished .additional {
    width: 71px
}

.content-block.matches .match.finished .additional {
}

.tournament-groups .tournament-grid .match.finished .additional {
    width: 71px
}

.content-block.matches .match .additional .scores,.content-block.sidebar-matches .match .additional .scores,.tournament-groups .tournament-grid .match .additional .scores {
    width: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px var(--border-secondary-color) solid
}

.content-block.matches .match .additional .scores .score,.content-block.sidebar-matches .match .additional .scores .score,.tournament-groups .tournament-grid .match .additional .scores .score {
    font-weight: 700;
    font-size: 20px;
    color: var(--color-gray);
    width: 30px;
    padding-right: 5px
}

.content-block.matches .match .additional .scores .score.high,.content-block.sidebar-matches .match .additional .scores .score.high,.tournament-groups .tournament-grid .match .additional .scores .score.high {
    color: var(--color-winner)
}

.content-block.matches .match .additional .odds,.content-block.sidebar-matches .match .additional .odds,.tournament-groups .tournament-grid .match .additional .odds {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.content-block.matches .match .additional .odds .odd,.content-block.sidebar-matches .match .additional .odds .odd,.tournament-groups .tournament-grid .match .additional .odds .odd {
    width: 100%;
    z-index: 2;
    position: relative
}

.content-block.matches .match .additional .odds .odd .bookmaker,.content-block.sidebar-matches .match .additional .odds .odd .bookmaker,.tournament-groups .tournament-grid .match .additional .odds .odd .bookmaker {
    display: inline-block;

    height: 25px;
    margin: 0 10px 0 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 55px;
    float: left
}

.content-block.matches .match .additional .odds .odd .value,.content-block.sidebar-matches .match .additional .odds .odd .value,.tournament-groups .tournament-grid .match .additional .odds .odd .value {
    display: inline-block;
    font-size: .7em;
    font-weight: 700;
    border-radius: 5px;
    line-height: 10px;
    padding: 5px;
    margin: 2.5px 0;
    text-align: center;
    background-color: var(--bet-bg);
    color: var(--color-white);
    float: right
}

.content-block.matches .match .additional .odds .odd:hover,.content-block.sidebar-matches .match .additional .odds .odd:hover,.tournament-groups .tournament-grid .match .additional .odds .odd:hover {
    cursor: pointer
}

.content-block.matches .match .additional .odds .odd:hover .value,.content-block.sidebar-matches .match .additional .odds .odd:hover .value,.tournament-groups .tournament-grid .match .additional .odds .odd:hover .value {
    background-color: var(--bet-active-bg)
}

.content-block.matches .match .additional .tips,.content-block.sidebar-matches .match .additional .tips,.tournament-groups .tournament-grid .match .additional .tips {
    width: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px var(--border-secondary-color) solid
}

.content-block.matches .match .additional .tips .tip,.content-block.sidebar-matches .match .additional .tips .tip,.tournament-groups .tournament-grid .match .additional .tips .tip {
    width: 100%;
    z-index: 2
}

.content-block.matches .match .additional .tips .tip .points,.content-block.sidebar-matches .match .additional .tips .tip .points,.tournament-groups .tournament-grid .match .additional .tips .tip .points {
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    border-radius: 5px;
    line-height: 10px;
    padding: 5px;
    margin: 2.5px 0;
    text-align: center;
    color: var(--tips-red);
    float: right
}

.content-block.matches .match .additional .tips .tip .points.high,.content-block.sidebar-matches .match .additional .tips .tip .points.high,.tournament-groups .tournament-grid .match .additional .tips .tip .points.high {
    color: var(--tips-green)
}

.content-block.matches .match .additional .tips.user-tip .tip .points.high,.content-block.sidebar-matches .match .additional .tips.user-tip .tip .points.high,.tournament-groups .tournament-grid .match .additional .tips.user-tip .tip .points.high {
    color: var(--color-white);
    background-color: var(--tips-green);
    font-size: .7em
}

.content-block.matches .match .additional .tips .tip:hover,.content-block.sidebar-matches .match .additional .tips .tip:hover,.tournament-groups .tournament-grid .match .additional .tips .tip:hover {
    cursor: pointer
}

.content-block.matches .match .additional .tips .tip.locked,.content-block.sidebar-matches .match .additional .tips .tip.locked,.tournament-groups .tournament-grid .match .additional .tips .tip.locked {
    background-image: url(../svg/lock.svg);
    background-size: 15px;
    background-position: center center;
    background-repeat: no-repeat
}

.content-block.matches .match .tournament,.content-block.sidebar-matches .match .tournament {
    padding-top: 5px;
    margin-top: 10px;
    border-top: 1px var(--border-primary-color) solid;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 20px;
    font-size: .8em
}

.content-block.sidebar-matches .match .tournament .season {
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px
}

.content-block.sidebar-matches .match .tournament .season.h-icon {
    width: calc(65% - 16px);
    padding-left: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 12px
}

.content-block.sidebar-matches .match .tournament .group {
    width: 35%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right
}

.content-block.sidebar-matches .match .tournament .status-live {
    width: 100%;
    overflow: hidden;
    text-align: right;
    line-height: 10px;
    margin-top: 5px
}

.content-block.sidebar-matches .match .tournament .status-live .round {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 1px;
    border-radius: 2px;
    background-color: var(--color-gray)
}

.content-block.sidebar-matches .match .tournament .status-live .round.finished {
    background-color: var(--color-current)
}

.content-block.sidebar-matches .match .tournament .status-live .round.current {
    background-color: var(--color-current);
    animation-name: round-pulse;
    animation-duration: 4s;
    animation-iteration-count: infinite
}

.content-block.matches .performer {
    width: calc(100% - 20px);
    padding: 0 10px 10px;
    line-height: 20px;
    justify-content: space-between
}

.content-block.matches .performer .country {
    display: flex;
    justify-content: center
}

.content-block.match-players .lineup-team .players .player .name .country .flag,.content-block.matches .performer .country .flag {
    display: inline-block;
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 5px
}

.content-block.match-details .match,.content-block.match-players .lineup-team,.content-block.match-predictions .prediction {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column
}

.content-block.match-players .lineup-team .players {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: nowrap
}

.content-block.match-players .lineup-team .players .player {
    flex: 1 1 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.content-block.match-details .match a.match-link,.content-block.match-details .predictions-new .prediction .prediction-team span.closed a,.content-block.match-players .lineup-team .players .player a.player-link,.content-block.match-players .lineup-team .team a.team-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.content-block.match-players .lineup-team .players .player:hover .name {
    color: var(--color-active)
}

.content-block.match-players .lineup-team .players .player .name {
    display: block;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px
}

.content-block.match-players .lineup-team .players .player .name .country .flag {
    float: left;
    height: 25px;
    margin-right: 10px
}

.content-block.match-players .lineup-team .players .player .logo {
    max-width: 100px;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 50%;
    margin-bottom: 15px
}

.content-block.match-players .lineup-team .team {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px var(--border-secondary-color) solid;
    line-height: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.content-block.match-players .lineup-team .team .left {
    position: relative
}

.content-block.match-players .lineup-team .team .place {
    color: var(--color-gray);
    font-size: .8em;
    font-weight: 500
}

.content-block.match-details .match .team .name a:hover,.content-block.match-details .performer a:hover,.content-block.match-players .lineup-team .team:hover .name,.content-block.match-predictions .prediction .info .author a:hover,.content-block.matches .performer a:hover {
    color: var(--color-active)
}

.content-block.match-players .lineup-team .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 5px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.match-players .lineup-team .team .name {
    display: block;
    font-weight: 500;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.match-predictions .prediction .info {
    display: flex;
    width: 100%;
    flex-direction: row;
    line-height: 20px;
    justify-content: space-between;
    align-content: center;
    padding: 5px 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px var(--border-secondary-color) solid
}

.content-block.match-predictions .prediction .info .author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: .9em;
    font-weight: 500
}

.content-block.match-predictions .prediction .info .author a {
    color: var(--color-gray);
    text-decoration: none
}

.content-block.match-predictions .prediction .info .avatar {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: 0 10px 0 0;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.match-predictions .prediction .info .bet-before {
    font-size: .8em;
    font-weight: 500;
    color: var(--color-gray)
}

.content-block.match-predictions .prediction .content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.content-block.match-predictions .prediction .content .text-content h2,.content-block.match-predictions .prediction .content .text-content h3,.content-block.tournament-description .description h2,.content-block.tournament-description .description h3 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
    line-height: 1.5em
}

.content-block.match-predictions .prediction .content .text-content h4,.content-block.tournament-description .description h4 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600;
    line-height: 1.5em
}

.content-block.match-predictions .prediction .content .text-content p,.content-block.tournament-description .description p {
    color: #111;
    display: block;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 15px
}

.content-block.match-predictions .prediction .content .text-content ol li:last-child,.content-block.match-predictions .prediction .content .text-content p:last-child,.content-block.match-predictions .prediction .content .text-content ul li:last-child,.content-block.match-predictions .prediction .content .text-content ul:last-child {
    margin-bottom: 0
}

.content-block.match-predictions .prediction .content .text-content ol li,.content-block.match-predictions .prediction .content .text-content ul li,.content-block.tournament-description .description ol li,.content-block.tournament-description .description ul li {
    margin-bottom: 10px;
    padding-left: 5px;
    line-height: 1.5em
}

.content-block.match-predictions .prediction .content a.read-more {
    display: inline-block;
    margin-top: 10px;
    color: var(--color-link);
    float: right
}

.content-block.match-details .predictions-new .prediction .bottom .desc a:hover,.content-block.match-predictions .prediction .content a:hover {
    color: var(--color-link-hover)
}

.content-block.match-predictions .prediction .team {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.content-block.match-predictions .prediction .team .logo {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    object-fit: contain;
    vertical-align: middle
}

.content-block.match-predictions .prediction .team .name {
    font-size: .9em;
    display: inline-block;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.match-details .match.md {
    margin: 0;
    border: 0;
    width: calc(100% - 20px)
}

.content-block.match-details .match.link-available:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block.match-details .match .info {
    display: flex;
    width: 100%;
    flex-direction: row;
    line-height: 20px;
    justify-content: flex-start;
    align-content: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px var(--border-secondary-color) solid
}

.content-block.match-details .match .info .time {
    font-size: .8em;
    font-weight: 500;
    display: inline-block;
    float: left
}

.content-block.match-details .match .info .date,.content-block.match-details .match .info .tournament {
    font-size: .8em;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    right: 10px;
    width: 450px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.match-details .match .info .status {
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray);
    margin: 0 0 0 15px
}

.content-block.match-details .match .info .predictions-count {
    font-weight: 500;
    font-size: .8em;
    color: var(--color-gray);
    margin: 0 0 0 15px;
    border-radius: 7px;
    padding: 0 5px;
    background-color: var(--tips-green-passive);
    border: 1px var(--tips-green) solid;
    line-height: 18px
}

.content-block.match-details .match .info .predictions-count.silver {
    background-color: var(--color-silver-bg);
    border: 1px var(--color-silver) solid
}

.content-block.match-details .match .info .predictions-count.golden {
    background-color: var(--color-gold-bg);
    border: 1px var(--color-gold) solid
}

.content-block.match-details .match .info .predictions-count.hot {
    color: var(--color-black);
    background-image: url(../svg/icon-power.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: left 2px center;
    padding: 0 3px 0 20px
}

.content-block.match-details .match .info .status-live {
    margin: 0 0 0 15px;
    line-height: 12px;
    padding-bottom: 8px;
    width: auto;
    overflow: hidden;
    text-align: center
}

.content-block.match-details .match .info .status-live .round {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 1px;
    border-radius: 2px;
    background-color: var(--color-gray)
}

.content-block.match-details .match .info .status-live .round.finished {
    background-color: var(--color-current)
}

.content-block.match-details .match .info .status-live .round.current {
    background-color: var(--color-current);
    animation-name: round-pulse;
    animation-duration: 4s;
    animation-iteration-count: infinite
}

.content-block.match-details .match .content {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    line-height: 50px;
    text-align: right
}

.content-block.match-details .match .team {
    display: block;
    font-size: .96em;
    overflow: hidden;
    width: calc(50% - 10px)
}

.content-block.match-details .match .team:first-child {
    margin-right: 20px
}

.content-block.match-details .match .team:first-child::after {
    position: absolute;
    float: right;
    content: ":";
    width: 20px;
    text-align: center;
    margin-left: 30px;
    font-size: 20px;
    font-weight: 700;
    line-height: 48px;
    color: var(--color-gray)
}

.content-block.match-details .match.archive .team:first-child::after {
    content: "#"
}

.content-block.match-details .match.running .team:first-child::after {
    animation-name: separator-pulse;
    animation-duration: 4s;
    animation-iteration-count: infinite
}

.content-block.match-details .match .team .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: right;
    margin: 0 0 0 20px
}

.content-block.match-details .match .team:first-child .logo {
    margin: 0 20px 0 0
}

.content-block.match-details .match .team .name {
    display: inline-block;
    font-weight: 500;
    float: right;
    width: calc(100% - 120px);
    font-size: 1.1em;
    position: relative
}

.content-block.match-details .match .team .name .team-name,.content-block.match-details .match .team .name a {
    display: block;
  
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.match-details .match .team .name .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px
}

.content-block.match-details .match .team .name .country .cn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.match-details .match .team:first-child .name .country {
    flex-direction: row-reverse;
    justify-content: flex-start
}

.content-block.match-details .match .team .name .country .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.content-block.match-details .match .team:first-child .name .country .flag {
    margin-left: 10px;
    margin-right: 0
}

.content-block.match-details .match .team .score {
    font-weight: 700;
    font-size: 20px;
    color: var(--color-gray);
    width: 30px;
    float: left;
    text-align: center!important
}

.content-block.match-details .match .team:first-child .score {
    float: right
}

.content-block.match-details .match .team .score.high {
    color: var(--color-winner)
}

.content-block.match-details .match .team:first-child .logo {
    float: left;
    text-align: left
}

.content-block.match-details .match .team:first-child .name {
    float: left
}

.content-block.match-details .match .team .name {
    text-align: left;
    margin: 0 0 0 20px
}

.content-block.match-details .match .team:first-child .name {
    text-align: right;
    margin: 0 20px 0 0
}

.content-block.match-details .predictions-new {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 0 10px 10px
}

.content-block.match-details .predictions-new .prediction {
    color: #111;
    display: flex;
    font-weight: 400;
    line-height: 1.5em;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 22px);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px;
    flex-wrap: wrap
}

.content-block.match-details .predictions-new .prediction.hide {
    display: none
}

.content-block.match-details .predictions-new .prediction.win {
    padding: 10px 10px 15px;
    background: linear-gradient(to bottom,#fff calc(100% - 5px),rgba(45,125,50,.3) 5px)
}

.content-block.match-details .predictions-new .prediction.lose {
    padding: 10px 10px 15px;
    background: linear-gradient(to bottom,#fff calc(100% - 5px),rgba(185,30,30,.3) 5px)
}

.content-block.match-details .predictions-new .prediction .bottom {
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between
}

.content-block.match-details .predictions-new .prediction .bottom .user-stats {
    display: flex;
    gap: 15px
}

.content-block.match-details .predictions-new .prediction .bottom .user-stats-item {
    padding-left: 25px;
    background-position: left center;
    background-repeat: no-repeat;
    font-weight: 500;
    font-size: .9em
}

.content-block.match-details .predictions-new .prediction .bottom .user-stats-item.winrate {
    background-image: url(../svg/disc-outline.svg)
}

.content-block.match-details .predictions-new .prediction .bottom .user-stats-item.roi {
    background-image: url(../svg/server-outline.svg)
}

.content-block.match-details .predictions-new .prediction .bottom .desc {
    font-size: .8em
}

.content-block.match-details .predictions-new .prediction .bottom .desc a {
    text-decoration: none;
    color: var(--color-link)
}

.content-block.match-details .predictions-new .prediction .prediction-tipster {
    color: #111;
    display: flex;
    font-weight: 400;
    line-height: 1.5em;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px
}

.content-block.match-details .predictions-new .prediction .user-desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px
}

.content-block.match-details .predictions-new .prediction .user-desc .username {
    font-weight: 500
}

.content-block.match-details .predictions-new .prediction .user-desc .last-results {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 3px
}

.content-block.match-details .predictions-new .prediction .user-desc .last-results .result {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #1e6641
}

.content-block.match-details .predictions-new .prediction .user-desc .last-results .result.lose {
    background-color: #b91d1d
}

.content-block.match-details .predictions-new .prediction .user-desc .last-results .result:last-child {
    border: 1px #000 solid
}

.content-block.match-details .predictions-new .prediction .prediction-tipster .images {
    position: relative;
    overflow: hidden;
    width: 50px;
    height: 50px
}

.content-block.match-details .predictions-new .prediction .prediction-tipster .images .avatar {
    display: inline-block;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    border: 2px #afb1b6 solid;
    object-fit: contain;
    vertical-align: middle
}

.content-block.match-details .predictions-new .prediction .prediction-tipster .images span.external-url img {
    width: 20px;
    height: 20px;
    object-fit: contain
}

.content-block.match-details .predictions-new .prediction .prediction-tipster .images img.source-w-url {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 4px;
    object-fit: contain
}

.content-block.match-details .predictions-new .prediction .prediction-tipster .images img.source-no-url,.content-block.match-details .predictions-new .prediction .prediction-tipster .images span.external-url {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden
}

.content-block.match-details .predictions-new .prediction .prediction-team img {
    width: 40px;
    height: 40px;
    object-fit: contain
}

.content-block.match-details .predictions-new .prediction .prediction-team span {
    display: block;
    color: #333;
    font-weight: 500;
    font-size: 1.5em;
    background-color: #e1e1e1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px
}

.content-block.match-details .predictions-new .prediction .prediction-team span.closed {
    position: relative;
    overflow: hidden;
    border: 2px rgba(33,33,33,.1) solid;
    background-color: var(--block-bg);
    background-image: url(../svg/lock.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat
}

.content-block.match-details .predictions-new .prediction .prediction-team span.closed:hover {
    border-color: var(--color-link-hover)
}

.content-block.match-details .predictions-new .prediction .prediction-team span.draw {
    position: relative;
    overflow: hidden;
    border: 2px var(--element-bg) solid;
    background-color: var(--block-bg);
    background-image: url(../svg/closed.svg);
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat
}

.content-block.match-details .match .predictions,.content-block.match-details .match .stats,.content-block.match-details .match .stats-details {
    display: flex;
    width: 100%;
    flex-direction: row;
    line-height: 20px;
    justify-content: flex-start;
    align-content: center;
    flex-flow: row wrap;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px var(--border-secondary-color) solid;
    row-gap: 10px;
    gap: 10px
}

.content-block.match-details .match .predictions .prediction {
    width: calc(50% - 5px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px
}

.content-block.match-details .match .predictions.w-draw .prediction {
    width: calc(33% - 5px)
}

.content-block.match-details .match .predictions .prediction.away-team {
    flex-direction: row-reverse
}

.content-block.match-details .match .predictions .prediction .bet {
    background-color: rgba(144,144,144,.1);
    width: 58px;
    height: 58px;
    border-radius: 7px;
    border: 1px var(--border-secondary-color) solid;
    position: relative
}

.content-block.match-details .match .predictions .prediction .bet:hover {
    border-color: var(--border-active-color)
}

.content-block.match-details .match .predictions .prediction .bet span.outbound-bet {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.content-block.match-details .match .predictions .prediction .bet.with-odd {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.content-block.match-details .match .predictions .prediction .bet.with-odd .odd {
    text-align: center;
    line-height: 35px;
    font-weight: 700;
    font-size: 1.1em
}

.content-block.match-details .match .predictions .prediction .bet.with-odd span.bookmaker {
    display: block;
    height: 27px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px;
    background-color: #000;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}

.content-block.match-details .match .predictions .prediction .bet.no-odd {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px
}

.content-block.match-details .match .predictions .prediction .prediction-content {
    color: #111;
    display: flex;
    font-weight: 400;
    line-height: 1.5em;
    padding: 10px;
    background-color: #f0f8ff;
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 22px);
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px
}

.content-block.match-details .match .predictions .prediction.home-team .prediction-content {
    background-color: rgba(3,155,229,.15)
}

.content-block.match-details .match .predictions .prediction.draw-team .prediction-content {
    background-color: rgba(235,235,235,.15)
}

.content-block.match-details .match .predictions .prediction.away-team .prediction-content {
    background-color: rgba(255,179,0,.15)
}

.content-block.match-details .match .predictions .prediction .prediction-content.win {
    background-color: rgba(45,125,50,.1)
}

.content-block.match-details .match .predictions .prediction .prediction-content.lose {
    background-color: rgba(185,30,30,.1)
}

.content-block.match-details .match .predictions .prediction .prediction-content .user {
    position: relative
}

.content-block.match-details .match .predictions .prediction .prediction-content .user .source {
    display: inline-block;
    width: 20px;
    height: 20px;
    left: -5px;
    bottom: -5px;
    position: absolute;
    border-radius: 10px;
    background-color: #f0f8ff
}

.content-block.match-details .match .predictions .prediction.away-team .prediction-content .user .source {
    right: -5px;
    left: auto
}

.content-block.match-details .match .predictions .prediction .prediction-content .user .avatar {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    object-fit: contain;
    vertical-align: middle
}

.content-block.match-details .match .predictions .prediction .prediction-content .source-w-url {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 7px;
    object-fit: contain;
    vertical-align: middle;
    border: 1px var(--border-primary-color) solid
}

.content-block.match-details .match .predictions .prediction .prediction-content .source-w-url:hover {
    border-color: var(--border-active-color)
}

.content-block.match-details .match .predictions .prediction .prediction-content .pr-desc {
    display: flex;
    flex-direction: column;
    width: calc(100% - 50px)
}

.content-block.match-details .match .predictions .prediction .prediction-content .pr-desc.w-link {
    width: calc(100% - 85px)
}

.content-block.match-details .match .predictions .prediction .prediction-content .pr-desc .username {
    font-weight: 700;
    line-height: 19px;
    font-size: .9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.content-block.match-details .match .predictions .prediction .prediction-content .pr-desc .teamname {
    font-size: .8em;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.content-block.match-details .performer {
    width: calc(100% - 20px);
    padding: 0 10px 10px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: .8em
}

.content-block.match-details .match .stats,.content-block.match-details .match .stats-details {
    justify-content: center
}

.content-block.match-details .match .stats-details.nob {
    padding-top: 0;
    margin-top: 0;
    border-top: 0
}

.content-block.match-details .match .stats-details .stats-detail {
    display: flex;
    flex-direction: row;
    background-color: rgba(144,144,144,.1);
    width: calc(50% - 5px);
    text-align: center;
    justify-content: center;
    height: 55px;
    border-radius: 7px
}

.content-block.match-details .match .stats-details.w-draw .stats-detail {
    width: calc(33% - 5px)
}

.content-block.match-details .match .stats-details .stats-detail .sd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(50% - 41px)
}

.content-block.match-details .match .stats-details .stats-detail .sd+.sd {
    border-left: solid 2px #fff;
    margin-left: 20px;
    padding-left: 20px;
    padding-right: 0;
    width: calc(50% - 43px)
}

.content-block.match-details .match .stats-details .stats-detail .detail-header {
    font-size: .75em;
    line-height: 15px;
    color: var(--color-gray)
}

.content-block.match-details .match .stats-details .stats-detail .detail-value {
    font-size: 1.05em;
    font-weight: 700;
    line-height: 20px
}

.content-block.match-details .match .stats.nob {
    padding-top: 0;
    margin-top: 2px;
    border-top: 0
}

.content-block.match-details .match .stats .chance {
    display: flex;
    flex-direction: column;
    background-color: rgba(144,144,144,.1);
    width: calc(50% - 5px);
    text-align: center;
    justify-content: center;
    height: 55px;
    border-radius: 7px
}

.content-block.match-details .match .stats.w-draw .chance {
    width: calc(33% - 5px)
}

.content-block.match-details .match .stats .chance .chance-header {
    font-size: .75em;
    line-height: 15px;
    color: var(--color-gray)
}

.content-block.match-details .match .stats .chance .chance-value {
    font-size: 1.05em;
    font-weight: 700;
    line-height: 20px
}

.content-block.match-details .match .stats .stats-block {
    width: calc(100% - 320px);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.content-block.match-details .match .stats .stats-block .stat {
    margin-bottom: 10px
}

.content-block.match-details .match .stats .stats-block .stat:last-child,.page-navigation .games-selector .games-list a:last-child,.shortcode-block.bookamkers-details .bookmaker .main .highlights ul li:last-child {
    margin-bottom: 0
}

.content-block.match-details .match .stats .stats-block .stat .stat-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 15px
}

.content-block.match-details .match .stats .stats-block .stat .stat-header .point {
    width: 50px;
    font-size: .95em
}

.content-block.match-details .match .stats .stats-block .stat .stat-header .point.point-second {
    text-align: right
}

.content-block.match-details .match .stats .stats-block .stat .stat-header .title {
    width: calc(100% - 100px);
    text-align: center;
    font-size: .8em;
    font-weight: 500;
    color: var(--color-gray)
}

.content-block.match-details .match .stats .stats-block .stat .stat-streak {
    margin-top: 10px;
    overflow: hidden
}

.content-block.match-details .match .stats .stats-block .stat .stat-streak .streak {
    width: 50%;
    height: 7px;
    float: left;
    background-color: #e1e1e1;
    position: relative
}

.content-block.match-details .match .stats .stats-block .stat .stat-streak .streak .value {
    position: absolute;
    width: 0%;
    height: 7px;
    background-color: #ffb300
}

.content-block.match-details .match .stats .stats-block .stat .stat-streak .streak.streak-first .value {
    right: 0;
    background-color: rgb(255 42 42)
}

.content-block.match-details .performer .country {
    display: flex;
    justify-content: center
}

.content-block.match-details .performer .country .flag {
    display: inline-block;
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 5px
}

.content-block.match-details .performer a,.content-block.matches .performer a {
    text-decoration: none;
    color: var(--color-black)
}

.content-block.player-details .player {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row
}

.content-block.player-details .immediate {
    width: calc(100% - 20px);
    padding: 0 10px 10px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: .8em
}

.content-block.player-details .info {
    font-size: .96em;
    overflow: hidden;
    width: 250px;
    display: flex;
    flex-wrap: wrap
}

.content-block.player-details .info .logo {
    display: inline-block;
    width: 90px;
    height: 90px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    margin: 0 10px 0 0;
    border-radius: 50px
}

.content-block.player-details .team {
    position: relative
}

.content-block.player-details .team .team-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.content-block.player-details .team .info {
    width: auto
}

.content-block.player-details .team .info .logo {
    width: 40px;
    height: 40px;
    border-radius: 0
}

.content-block.player-details .info .title .player-name,.content-block.player-details .info .title .team-name {
    display: block;
    line-height: 30px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 1.1em
}

.content-block.player-details .team:hover .info .title .team-name,.shortcode-block.bookamkers-details .bookmaker .main .highlights a:hover,.shortcode-block.bookamkers-details .bookmaker .main .info .bookmaker-score .score-header a:hover,.shortcode-block.bookamkers-details .bookmaker .main .review a:hover,.shortcode-block.match-details .match .team .name a:hover,.shortcode-block.tournament-details .info .title .tournament-name a:hover {
    color: var(--color-active)
}

.content-block.player-details .info .title .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 110px
}

.content-block.player-details .info .title .country .flag {
    min-width: 20px
}

.content-block.player-details .content {
    width: calc(100% - 251px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px var(--border-secondary-color) solid;
    align-items: center
}

.content-block.player-details .content .details {
    border-bottom: 1px var(--border-secondary-color) solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.content-block.player-details .content .details div {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.content-block.player-details .content .details div.name {
    width: 50%
}

.content-block.player-details .content .details div .value {
    font-size: 1.05em;
    color: var(--color-gray);
    font-weight: 500;
    display: block;
    line-height: 30px
}

.content-block.team-details .team {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row
}

.content-block.team-details .immediate {
    width: calc(100% - 20px);
    padding: 0 10px 10px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: .8em
}

.content-block.team-details .info {
    font-size: .96em;
    overflow: hidden;
    width: 250px
}

.content-block.team-details .info .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    margin: 0 10px 0 0
}

.content-block.team-details .info .title .team-name {
    display: block;
    line-height: 30px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 1.1em
}

.content-block.team-details .info .title .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.content-block.player-details .info .title .country .flag,.content-block.team-details .info .title .country .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.content-block.team-details .content {
    width: calc(100% - 250px);
    display: flex;
    flex-direction: row;
    justify-content: center
}

.content-block.team-details .content .tips-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(30% - 15px);
    padding-right: 15px;
    text-align: center
}

.content-block.team-details .content .tips-stat .counts {
    margin: 0 15px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.content-block.team-details .content .tips-stat .stat-streak {
    margin: 1.5px 10px;
    overflow: hidden;
    width: calc(100% - 20px)
}

.content-block.team-details .content .tips-stat .stat-streak .value {
    position: relative;
    float: left;
    width: 0%;
    height: 7px;
    background-color: var(--tips-red)
}

.content-block.team-details .content .tips-stat .stat-streak .value:last-child {
    right: 0;
    background-color: var(--tips-green)
}

.shortcode-block.bet-calculator .element,.shortcode-block.odds-switcher .element {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column
}

.shortcode-block.odds-switcher .element .calc-results {
    display: flex;
    flex-direction: row;
    flex: 1 1 0px
}

.shortcode-block.odds-switcher .element .calc-results div.block {
    display: flex;
    flex-direction: column;
    width: calc(25% - 20px);
    margin: 0 10px
}

.shortcode-block.bet-calculator .element .type-switcher span,.shortcode-block.odds-switcher .element .calc-results div.block label {
    display: block;
    font-size: .8em;
    font-weight: 500;
    color: var(--color-gray)
}

.shortcode-block.odds-switcher .element .calc-results div.block div.result {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    padding: 5px 10px;
    font-size: .9em
}

.shortcode-block.bet-calculator .element .inputs div.input-bet i,.shortcode-block.bet-calculator .element .inputs div.input-odd i,.shortcode-block.odds-switcher .element .calc-results div.result i {
    width: 20px;
    cursor: pointer;
    text-align: center;
    font-style: normal
}

.shortcode-block.odds-switcher .element .calc-results div.result span {
    font-weight: 700;
    font-size: 1.05em
}

.shortcode-block.bet-calculator .element {
    flex-direction: row
}

.shortcode-block.bet-calculator .element .type-switcher {
    width: 50%
}

.shortcode-block.bet-calculator .element .type-switcher span {
    width: calc(50% - 42px);
    background-color: #fff;
    border: 1px solid var(--input-border);
    border-radius: 5px;
    padding: 5px 10px;
    float: left;
    margin: 0 10px 25px;
    cursor: pointer
}

.shortcode-block.bet-calculator .element .type-switcher span.active {
    color: var(--color-active);
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color)!important;
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.shortcode-block.bet-calculator .element .type-switcher span:nth-child(4),.shortcode-block.bet-calculator .element .type-switcher span:nth-child(5) {
    margin-bottom: 0
}

.shortcode-block.bet-calculator .element .calc-results,.shortcode-block.bet-calculator .element .inputs {
    width: 25%;
    display: flex;
    flex-direction: column
}

.shortcode-block.bet-calculator .element .calc-results div.profit,.shortcode-block.bet-calculator .element .calc-results div.winning,.shortcode-block.bet-calculator .element .inputs div.input-bet,.shortcode-block.bet-calculator .element .inputs div.input-odd {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 10px;
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    padding: 5px 10px;
    font-size: .9em;
    text-align: center
}

.shortcode-block.bet-calculator .element .calc-results div.profit,.shortcode-block.bet-calculator .element .calc-results div.winning {
    justify-content: center;
    font-size: 1.05em;
    font-weight: 700
}

.shortcode-block.bet-calculator .element label {
    display: block;
    margin-left: 10px;
    font-size: .8em;
    font-weight: 500;
    color: var(--color-gray)
}

.shortcode-block.bet-calculator .element .inputs div.input-bet input.bet-input,.shortcode-block.bet-calculator .element .inputs div.input-odd input.odd-input {
    background-color: transparent;
    border: 0;
    text-align: center;
    font-weight: 700;
    font-size: 1.05em
}

.shortcode-block.match-details .match {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column
}

.shortcode-block.match-details .match .info {
    display: flex;
    width: 100%;
    flex-direction: row;
    line-height: 20px;
    justify-content: flex-start;
    align-content: center;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px var(--border-secondary-color) solid
}

.shortcode-block.match-details .match .info .time {
    font-size: .8em;
    font-weight: 500;
    display: inline-block;
    float: left
}

.shortcode-block.match-details .match .info .date {
    font-size: .8em;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    right: 10px
}

.shortcode-block.match-details .match .info .status {
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray);
    margin: 0 0 0 15px
}

.shortcode-block.match-details .match .info .status-live {
    margin: 0 0 0 15px;
    line-height: 12px;
    padding-bottom: 8px;
    width: auto;
    overflow: hidden;
    text-align: center
}

.shortcode-block.match-details .match .info .status-live .round {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 1px;
    border-radius: 2px;
    background-color: var(--color-gray)
}

.shortcode-block.match-details .match .info .status-live .round.finished {
    background-color: var(--color-current)
}

.shortcode-block.match-details .match .info .status-live .round.current {
    background-color: var(--color-current);
    animation-name: round-pulse;
    animation-duration: 4s;
    animation-iteration-count: infinite
}

.shortcode-block.match-details .match .content {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    line-height: 50px;
    text-align: right
}

.shortcode-block.match-details .match .team {
    display: block;
    font-size: .96em;
    overflow: hidden;
    width: calc(50% - 10px)
}

.shortcode-block.match-details .match .team:first-child {
    margin-right: 20px
}

.shortcode-block.match-details .match .team:first-child::after {
    position: absolute;
    float: right;
    content: ":";
    width: 20px;
    text-align: center;
    margin-left: 30px;
    font-size: 20px;
    font-weight: 700;
    line-height: 48px;
    color: var(--color-gray)
}

.shortcode-block.match-details .match.archive .team:first-child::after {
    content: "#"
}

.shortcode-block.match-details .match.running .team:first-child::after {
    animation-name: separator-pulse;
    animation-duration: 4s;
    animation-iteration-count: infinite
}

.shortcode-block.match-details .match .team .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: right;
    margin: 0 0 0 20px
}

.shortcode-block.match-details .match .team:first-child .logo {
    margin: 0 20px 0 0
}

.shortcode-block.match-details .match .team .name {
    display: inline-block;
    font-weight: 500;
    float: right;
    width: calc(100% - 120px);
    font-size: 1.1em;
    position: relative
}

.shortcode-block.match-details .match .team .name .team-name,.shortcode-block.match-details .match .team .name a {
    display: block;
    line-height: 30px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shortcode-block.match-details .match .team .name .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.shortcode-block.match-details .match .team:first-child .name .country {
    justify-content: flex-end
}

.shortcode-block.match-details .match .team .name .country .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.shortcode-block.match-details .match .team .score {
    font-weight: 700;
    font-size: 20px;
    color: var(--color-gray);
    width: 30px;
    float: left;
    text-align: center!important
}

.shortcode-block.match-details .match .team:first-child .score {
    float: right
}

.shortcode-block.match-details .match .team .score.high {
    color: var(--color-winner)
}

.shortcode-block.match-details .match .team:first-child .logo {
    float: left;
    text-align: left
}

.shortcode-block.match-details .match .team:first-child .name {
    float: left
}

.shortcode-block.match-details .match .team .name {
    text-align: left;
    margin: 0 0 0 20px
}

.shortcode-block.match-details .match .team:first-child .name {
    text-align: right;
    margin: 0 20px 0 0
}

.shortcode-block.team-details .team {
    display: flex;
    flex-direction: row
}

.shortcode-block.team-details .info {
    font-size: .96em;
    overflow: hidden;
    width: 250px
}

.shortcode-block.team-details .info .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    margin: 0 10px 0 0
}

.shortcode-block.team-details .info .title .team-name {
    display: block;
    line-height: 30px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 1.1em
}

.shortcode-block.team-details .info .title .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.shortcode-block.team-details .info .title .country .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.shortcode-block.team-details .content {
    width: calc(100% - 250px);
    display: flex;
    flex-direction: row;
    justify-content: center
}

.shortcode-block.team-details .content .tips-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(30% - 15px);
    padding-right: 15px;
    text-align: center
}

.shortcode-block.team-details .content .tips-stat .counts {
    margin: 0 15px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.shortcode-block.team-details .content .tips-stat .stat-streak {
    margin: 1.5px 10px;
    overflow: hidden;
    width: calc(100% - 20px)
}

.shortcode-block.team-details .content .tips-stat .stat-streak .value {
    position: relative;
    float: left;
    width: 0%;
    height: 7px;
    background-color: var(--tips-red)
}

.shortcode-block.team-details .content .tips-stat .stat-streak .value:last-child {
    right: 0;
    background-color: var(--tips-green)
}

.shortcode-block.team-details .content .wins-stat {
    border-left: 1px var(--border-secondary-color) solid;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 70%
}

.shortcode-block.team-details .content .wins-stat.results {
    width: calc(100% - 1px)
}

.content-block .matches-list .wins-stat div,.content-block.team-details .content .wins-stat div,.shortcode-block.team-details .content .wins-stat div {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.content-block .matches-list .wins-stat.results div,.content-block.team-details .content .wins-stat.results div,.shortcode-block.team-details .content .wins-stat.results div {
    width: 25%
}

.shortcode-block.team-details .content .wins-stat div .value {
    font-size: 1.05em;
    color: var(--color-gray);
    font-weight: 500;
    display: block;
    line-height: 30px
}

.shortcode-block.team-details .content .tips-stat .annotation,.shortcode-block.team-details .content .wins-stat div .annotation {
    font-size: .75em;
    line-height: 20px
}

.shortcode-block.tournament-details .tournament {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column
}

.shortcode-block.tournament-details .line {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.shortcode-block.tournament-details .line.top-places {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px #ebebeb solid
}

.shortcode-block.tournament-details .info {
    font-size: .96em;
    overflow: hidden;
    width: 350px
}

.shortcode-block.tournament-details .info .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    margin: 0 10px 0 0
}

.shortcode-block.tournament-details .info .title .tournament-name {
    display: block;
    line-height: 30px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 1.1em
}

.shortcode-block.tournament-details .info .title .tournament-name a {
    color: var(--color-black);
    text-decoration: none
}

.shortcode-block.tournament-details .info .title .place {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.shortcode-block.tournament-details .info .title .place .flag,.shortcode-block.tournaments .tournament.mainp .info .game {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.shortcode-block.tournament-details .additional {
    width: calc(100% - 350px);
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.shortcode-block.tournament-details .additional .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 33.33%
}

.shortcode-block.tournament-details .additional .item .value {
    font-size: 1.05em;
    color: var(--color-gray);
    font-weight: 500;
    display: block;
    line-height: 30px
}

.shortcode-block.tournament-details .additional .item .annotation {
    font-size: .75em;
    line-height: 20px
}

.shortcode-block.tournament-details .top-places .top-place {
    width: 33.33%
}

.shortcode-block.tournament-details .top-places .top-place .annotation {
    font-size: .75em;
    line-height: 20px;
    text-align: center;
    display: block
}

.shortcode-block.tournament-details .top-places .no-team,.shortcode-block.tournament-details .top-places .team {
    font-size: 1.1em;
    overflow: hidden;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.shortcode-block.tournament-details .top-places .team {
    font-size: .96em
}

.shortcode-block.tournament-details .top-places .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 5px 15px 5px 0;
    object-fit: contain;
    vertical-align: middle
}

.shortcode-block.tournament-details .top-places .team .name {
    display: inline-block;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px
}

.shortcode-block.tournaments .tournament {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row
}

.shortcode-block.tournaments .tournament .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 90px;
    color: var(--color-gray)
}

.shortcode-block.tournaments .tournament.mainp .info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 140px;
    line-height: 15px
}

.shortcode-block.tournaments .tournament.mainp .info .game {
    display: block;
    width: 30px;
    height: 30px;
    background-size: 25px;
    margin-right: 20px
}

.shortcode-block.tournaments .tournament .content,.shortcode-block.tournaments .tournament .info .dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.shortcode-block.tournaments .tournament .info .dates {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shortcode-block.tournaments .tournament .info .dates .date {
    font-size: .8em;
    font-weight: 500
}

.shortcode-block.tournaments .tournament .info .dates .separator {
    font-size: .8em;
    margin: 0 5px
}

.shortcode-block.tournaments .tournament .info .status {
    margin-top: 5px;
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray)
}

.shortcode-block.tournaments .tournament .content {
    width: calc(100% - 90px)
}

.shortcode-block.tournaments .tournament.mainp .content {
    width: calc(100% - 140px)
}

.shortcode-block.tournaments .tournament .content .additional,.shortcode-block.tournaments .tournament .content .tnmt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.shortcode-block.tournaments .tournament .content .tnmt {
    font-size: .96em;
    overflow: hidden;
    width: calc(100% - 300px)
}

.shortcode-block.tournaments .tournament.mainp .content .tnmt {
    width: calc(100% - 170px)
}

.shortcode-block.tournaments .tournament .content .additional .winner .team .logo,.shortcode-block.tournaments .tournament .content .tnmt .logo {
    width: 40px;
    height: 40px;
    padding: 5px;
    display: inline-block;
    margin: 0 15px 0 10px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.shortcode-block.tournaments .tournament .content .tnmt .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 75px);
    line-height: 20px
}

.shortcode-block.tournaments .tournament .content .additional {
    width: 280px;
    margin-left: 20px
}

.shortcode-block.tournaments .tournament.mainp .content .additional {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 450px
}

.shortcode-block.tournaments .tournament .content .additional .bl-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 20px;
    width: 130px;
    line-height: 25px
}

.shortcode-block.tournaments .tournament .content .additional .bl-right {
    width: 130px;
    line-height: 20px
}

.shortcode-block.tournaments .tournament .content .additional .prizepool {
    font-size: .85em;
    color: var(--color-gray);
    font-weight: 500;
    display: block
}

.shortcode-block.tournaments .tournament .content .additional .place {
    font-size: .9em;
    color: var(--color-gray);
    font-weight: 500;
    display: block;
    text-align: center
}

.shortcode-block.tournaments .tournament .content .additional .winner .team {
    display: block;
    font-size: .96em;
    overflow: hidden;
    width: 100%
}

.shortcode-block.tournaments .tournament .content .additional .no-team {
    display: block;
    font-weight: 500;
    text-align: center;
    line-height: 25px
}

.shortcode-block.tournaments .tournament .content .additional .winner .team .logo {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0
}

.shortcode-block.tournaments .tournament .content .additional .winner .no-team,.shortcode-block.tournaments .tournament .content .additional .winner .team .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 45px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px
}

.shortcode-block.tournaments .tournament .content .additional .teams {
    font-size: .8em
}

.shortcode-block.tournaments .tournament .content .additional .country {
    font-size: .8em;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.shortcode-block.tournaments .tournament .content .additional .country .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.shortcode-block.tournaments .tournament .content .additional .country .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shortcode-block.tournaments .tournament .content .additional .stages {
    font-size: .8em
}

.shortcode-block.bookamkers-details .bookmaker {
    display: flex;
    flex-direction: column
}

.shortcode-block.bookamkers-details .position {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-top: -10px;
    font-weight: 700;
    border-bottom-right-radius: 5px
}

.shortcode-block.bookamkers-details .position.pos1 {
    background-color: gold
}

.shortcode-block.bookamkers-details .position.pos2 {
    background-color: silver
}

.shortcode-block.bookamkers-details .position.pos3 {
    background-color: #cd7f32
}

.shortcode-block.bookamkers-details .bookmaker .main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.shortcode-block.bookamkers-details .bookmaker .main .info {
    padding: 0 10px
}

.shortcode-block.bookamkers-details .bookmaker .main .highlights,.shortcode-block.bookamkers-details .bookmaker .main .review {
    flex: 1 1 0px;
    padding: 0 10px
}

.shortcode-block.bookamkers-details .bookmaker .main .bonus {
    padding: 0 10px
}

.shortcode-block.bookamkers-details .bookmaker .main .button {
    flex: 1 1 0px;
    padding: 0 10px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports {
    flex: 1 1 0px
}

.shortcode-block.bookamkers-details .bookmaker .main .bonus,.shortcode-block.bookamkers-details .bookmaker .main .info {
    flex: 0 0 0px;
    min-width: 200px
}

.shortcode-block.bookamkers-details .bookmaker .main .info .bookmaker-logo {
    width: 100%;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 40px;
    margin-bottom: 20px
}

.shortcode-block.bookamkers-details .bookmaker .main .info .bookmaker-score {
    display: flex;
    flex-direction: column
}

.shortcode-block.bookamkers-details .bookmaker .main .info .bookmaker-score .score-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
    font-size: .8em;
    font-weight: 500;
    color: var(--color-gray)
}

.shortcode-block.bookamkers-details .bookmaker .main .info .bookmaker-score .score-header a {
    color: var(--color-gray);
    position: relative;
    z-index: 1!important
}

.shortcode-block.bookamkers-details .bookmaker .main .info .bookmaker-score .score-header .value {
    font-size: 1.2em
}

.shortcode-block.bookamkers-details .bookmaker .main .info .bookmaker-score .score-line {
    height: 7px;
    float: left;
    background-color: #e1e1e1;
    position: relative
}

.shortcode-block.bookamkers-details .bookmaker .main .info .bookmaker-score .score-line .value {
    position: absolute;
    width: 0%;
    height: 7px;
    background-color: #ffb300
}

.shortcode-block.bookamkers-details .bookmaker .main .highlights ul {
    margin: 0!important;
    padding: 0!important;
    list-style: none
}

.shortcode-block.bookamkers-details .bookmaker .main .highlights ul li {
    font-size: .8em;
    margin-bottom: 10px;
    line-height: 20px
}

.shortcode-block.bookamkers-details .bookmaker .main .highlights ul li:before {
    content: "✓";
    margin-right: 7px
}

.shortcode-block.bookamkers-details .bookmaker .main .highlights a {
    margin-left: 7px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f0f8ff;
    padding: 15px;
    margin: 0 15px;
    border-radius: 5px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line {
    line-height: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line i {
    font-style: normal;
    font-size: .8em;
    color: var(--color-gray);
    width: 70px;
    display: block
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line i.more {
    display: inline-block;
    margin-left: 10px;
    font-size: .8em;
    font-weight: 500;
    color: var(--color-gray);
    cursor: pointer;
    position: relative;
    z-index: 1!important;
    width: auto
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line i.more .tooltipcontainer {
    visibility: hidden;
    width: auto;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    background-color: #f0f8ff;
    display: flex;
    flex-direction: row;
    position: absolute;
    z-index: 100!important;
    border: 1px var(--border-secondary-color) solid;
    top: -5px;
    right: 110%
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line i.more:hover .tooltipcontainer {
    visibility: visible
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-position: center center;
    background-size: 20px;
    background-repeat: no-repeat
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.alipay {
    background-image: url(../image/betting-supports/alipay.svg);
    background-size: 18px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.unionpay {
    background-image: url(../image/betting-supports/unionpay.svg);
    background-size: 20px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.wechat {
    background-image: url(../image/betting-supports/wechat.svg);
    background-size: 20px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.paypal {
    background-image: url(../image/betting-supports/paypal.svg);
    background-size: 18px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.bitcoin {
    background-image: url(../image/betting-supports/bitcoin.svg)
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.ios {
    background-image: url(../image/betting-supports/ios.svg)
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.mastercard {
    background-image: url(../image/betting-supports/mastercard.svg);
    width: 30px;
    background-size: 28px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.crypto {
    background-image: url(../image/betting-supports/crypto.svg);
    width: 30px;
    background-size: 20px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.bank {
    background-image: url(../image/betting-supports/bank.svg);
    width: 30px;
    background-size: 25px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.juegoseguro {
    background-image: url(../image/betting-supports/juegoseguro.svg);
    width: 100px;
    background-size: 95px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.curacao {
    background-image: url(../image/betting-supports/curacao.png);
    width: 100px;
    background-size: 95px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.tanzania {
    background-image: url(../image/betting-supports/tanzania_license.png);
    width: 45px;
    background-size: 35px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.pagcor {
    background-image: url(../image/betting-supports/pagcor-license.png);
    width: 45px;
    background-size: 35px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.mwali {
    background-image: url(../image/betting-supports/mwali.png);
    width: 100px;
    background-size: 15px;
    background-position: left center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.polish_license_minister_of_finance {
    background-image: url(../image/betting-supports/polish-license-minister-of-finance.png);
    width: 100px;
    background-size: 95px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.costa_rica_gambling_license {
    background-image: url(../image/betting-supports/costa_rica_gambling_license.png);
    width: 100px;
    background-size: 25px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.kahnawake {
    background-image: url(../image/betting-supports/kahnawake.svg);
    width: 100px;
    background-size: 95px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.nsw {
    background-image: url(../image/betting-supports/nsw.svg);
    width: 40px;
    background-size: 20px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.singapore {
    background-image: url(../image/betting-supports/singapore.svg);
    width: 45px;
    background-size: 35px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.spillemyndigheden {
    background-image: url(../image/betting-supports/spillemyndigheden.svg);
    width: 90px;
    background-size: 85px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.anjouan {
    background-image: url(../image/betting-supports/anjouan.png);
    width: 90px;
    background-size: 45px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.isle_of_man {
    background-image: url(../image/betting-supports/isle-of-man.svg);
    width: 80px;
    background-size: 65px;
    background-position: left 5px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.agco {
    background-image: url(../image/betting-supports/agco.svg);
    width: 60px;
    background-size: 45px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.alderney {
    background-image: url(../image/betting-supports/alderney.svg);
    width: 85px;
    background-size: 70px;
    background-position: left 7px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.gibraltar {
    background-image: url(../image/betting-supports/gibraltar.png);
    width: 100px;
    background-size: 95px;
    background-position: left 3px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.ukgc {
    background-image: url(../image/betting-supports/ukgc.png);
    width: 110px;
    background-size: 90px;
    background-position: left 3px center!important
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.mga {
    background-image: url(../image/betting-supports/mga.svg);
    width: 100px;
    background-size: 95px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.visa {
    background-image: url(../image/betting-supports/visa.svg);
    width: 50px;
    background-size: 45px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.android {
    background-image: url(../image/betting-supports/android.svg)
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.mobile {
    background-image: url(../image/betting-supports/mobile.svg)
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.skrill {
    background-image: url(../image/betting-supports/skrill.svg);
    background-size: 15px;
    width: 20px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.neteller {
    background-image: url(../image/betting-supports/neteller.svg);
    background-size: 17px;
    width: 30px
}

.shortcode-block.bookamkers-details .bookmaker .main .supports .line span.pix {
    background-image: url(../image/betting-supports/pix.svg);
    background-size: 17px;
    width: 25px
}

.shortcode-block.bookamkers-details .bookmaker .main .review .author {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px
}

.shortcode-block.bookamkers-details .bookmaker .main .review .author .avatar {
    width: 35px;
    height: 35px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 35px;
    border-radius: 17.5px
}

.shortcode-block.bookamkers-details .bookmaker .main .review .author .user {
    display: flex;
    flex-direction: column;
    margin-left: 15px
}

.shortcode-block.bookamkers-details .bookmaker .main .review .author .user span {
    display: block;
    line-height: 15px
}

.shortcode-block.bookamkers-details .bookmaker .main .review .author .user span.title {
    color: var(--color-gray);
    font-size: .8em
}

.shortcode-block.bookamkers-details .bookmaker .main .review .author .user span.name {
    margin-top: 5px;
    font-weight: 700
}

.shortcode-block.bookamkers-details .bookmaker .main .review .content {
    display: block;
    font-size: .83em;
    line-height: 15px;
    font-style: italic
}

.shortcode-block.bookamkers-details .bookmaker .main .highlights a,.shortcode-block.bookamkers-details .bookmaker .main .review a {
    position: relative;
    z-index: 1!important;
    color: var(--color-gray);
    font-size: 12px;
    text-align: right
}

.shortcode-block.bookamkers-details .bookmaker .main .bonus .promocode {
    position: relative;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #e3f2fd;
    border: 1px var(--color-gray) dashed
}

.shortcode-block.bookamkers-details .bookmaker .main .bonus .promocode .code {
    display: inline-block;
    width: calc(100% - 12px);
    border: 0;
    background-color: transparent;
    line-height: 27px;
    font-size: 1.2em;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-gray);
    text-align: center
}

.shortcode-block.bookamkers-details .bookmaker .main .bonus .promocode .code.none {
    font-weight: 400;
    text-transform: none
}

.shortcode-block.bookamkers-details .bookmaker .main .bonus .promocode .promocode-annotation {
    display: block;
    text-align: center;
    font-size: .8em;
    line-height: 19px;
    color: var(--color-gray)
}

.shortcode-block.bookamkers-details .bookmaker .main .bonus .claim-bt {
    padding: 7px;
    line-height: 18px;
    text-align: center;
    border-radius: 5px;
    background-color: var(--bet-bg);
    color: var(--color-white);
    font-size: .9em;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    z-index: 1!important
}

.shortcode-block.bookamkers-details .bookmaker .main .bonus .claim-bt.not-available {
    background-color: #636363
}

.shortcode-block.bookamkers-details .bookmaker .main .bonus .claim-bt:hover,.shortcode-block.match-odds .bookmaker .content .claim:hover span.outbound-bet {
    background-color: var(--bet-active-bg)
}

.shortcode-block.bookamkers-details .bookmaker .main .bonus .claim-bt.not-available:hover {
    background-color: var(--color-gray)
}

.shortcode-block.bookamkers-details .bookmaker .annotation {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px var(--border-secondary-color) solid
}

.shortcode-block.bookamkers-details .bookmaker .annotation p {
    font-size: .8em;
    line-height: 15px;
    color: var(--color-gray)
}

.shortcode-block.match-odds {
    color: var(--color-white)
}

.shortcode-block.match-odds.csgo {
    background: url(../image/csgo-offer-1.jpg)center center
}

.shortcode-block.match-odds.csgo.s2 {
    background: url(../image/csgo-offer-2.jpg)center center
}

.shortcode-block.match-odds.csgo.s3 {
    background: url(../image/csgo-offer-3.jpg)center center
}

.shortcode-block.match-odds.dota2 {
    background: url(../image/dota2-offer-1.jpg)center center
}

.shortcode-block.match-odds.dota2.s2 {
    background: url(../image/dota2-offer-2.jpg)center center
}

.shortcode-block.match-odds.dota2.s3 {
    background: url(../image/dota2-offer-3.jpg)center center
}

.shortcode-block.match-odds.lol {
    background: url(../image/lol-offer-1.jpg)center center
}

.shortcode-block.match-odds.lol.s2 {
    background: url(../image/lol-offer-2.jpg)center center
}

.shortcode-block.match-odds.lol.s3 {
    background: url(../image/lol-offer-3.jpg)center center
}

.shortcode-block.match-odds.ow {
    background: url(../image/ow-offer-1.jpg)center center
}

.shortcode-block.match-odds.ow.s2 {
    background: url(../image/ow-offer-2.jpg)center center
}

.shortcode-block.match-odds.ow.s3 {
    background: url(../image/ow-offer-3.jpg)center center
}

.shortcode-block.match-odds.valorant {
    background: url(../image/valorant-offer-1.jpg)center center
}

.shortcode-block.match-odds.valorant.s2 {
    background: url(../image/valorant-offer-2.jpg)center center
}

.shortcode-block.match-odds.valorant.s3 {
    background: url(../image/valorant-offer-3.jpg)center center
}

.shortcode-block.match-odds .bookmaker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shortcode-block.match-odds .bookmaker span.outbound-bet,.shortcode-block.match-prediction span.outbound-bet {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.shortcode-block.match-odds .bookmaker .bookmaker-logo {
    width: 100px;
    height: 15px;
    line-height: 15px;
    padding-top: 30px;
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: top 3px center;
    font-size: .8em;
    text-align: center
}

.shortcode-block.match-odds .bookmaker .content,.shortcode-block.match-odds .odds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    border-radius: 5px
}

.shortcode-block.match-odds .bookmaker .content {
    text-align: center;
    width: calc(100% - 300px);
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(255,255,255,.8);
    padding: 5px;
    color: var(--color-gray)
}

.shortcode-block.match-odds .bookmaker .content .claim {
    width: calc(50% - 5px);
    position: relative
}

.shortcode-block.match-odds .bookmaker .content .claim span.outbound-bet {
    font-weight: 700;
    border-radius: 5px;
    line-height: 40px;
    padding: 5px;
    text-align: center;
    background-color: var(--bet-bg);
    color: var(--color-white)
}

.shortcode-block.match-odds .bookmaker .content .promo {
    text-align: center;
    width: calc(50% - 5px);
    border: 1px var(--color-gray) dashed;
    background-color: #e3f2fd;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow);
    position: relative
}

.shortcode-block.match-odds .bookmaker .promo .text {
    display: block;
    line-height: 19px;
    text-align: center;
    font-size: .8em
}

.shortcode-block.match-odds .bookmaker .promo .promocode {
    display: block;
    overflow: hidden
}

.shortcode-block.match-odds .bookmaker .promo .promocode .code {
    display: inline-block;
    width: calc(100% - 10px);
    line-height: 27px;
    font-size: 1.2em;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border: 0;
    background-color: transparent
}

.shortcode-block.match-odds .odds {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-black);
    width: calc(50% - 5px)
}

.shortcode-block.match-odds .odds .odd {
    position: relative
}

.shortcode-block.match-odds .odds .odd:hover {
    cursor: pointer
}

.shortcode-block.match-odds .odds .odd:hover .value,.shortcode-block.match-prediction .content .line .odd:hover .value {
    background-color: var(--bet-active-bg)
}

.shortcode-block.match-odds .odds .odd .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 5px 10px 5px 5px;
    float: left
}

.shortcode-block.match-odds .odds .odd .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 25px;
    text-align: left
}

.shortcode-block.match-odds .odds .odd .value {
    display: inline-block;
    font-size: .7em;
    font-weight: 700;
    border-radius: 5px;
    line-height: 10px;
    padding: 5px;
    margin: 2.5px 0 2.5px 10px;
    text-align: center;
    background-color: var(--bet-bg);
    color: var(--color-white);
    float: right
}

.shortcode-block.match-prediction {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: space-between
}

.shortcode-block.match-prediction .content {
    min-width: calc(70% - 10px)
}

.shortcode-block.match-prediction .content .line {
    height: 25px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px var(--border-secondary-color) solid;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.shortcode-block.match-prediction .content .line:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.shortcode-block.match-prediction .content .line .bookmaker-logo {
    width: 100px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: right center;
    font-size: .8em;
    text-align: center
}

.shortcode-block.match-prediction .content .line .author .avatar {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: 2.5px 10px 2.5px 5px;
    float: left
}

.shortcode-block.match-prediction .content .line .author .prediction-title {
    display: inline-block;
    float: left;
    width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 25px;
    text-align: left
}

.shortcode-block.match-prediction .content .line .author,.shortcode-block.match-prediction .content .line .team {
    min-width: 250px
}

.shortcode-block.match-prediction .content .line .team .logo {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 2.5px 10px 2.5px 5px;
    float: left
}

.shortcode-block.match-prediction .content .line .odd {
    position: relative
}

.shortcode-block.match-prediction .content .line .odd .value {
    display: inline-block;
    font-size: .7em;
    font-weight: 700;
    border-radius: 5px;
    line-height: 10px;
    padding: 5px;
    margin: 2.5px 0 2.5px 10px;
    text-align: center;
    background-color: var(--bet-bg);
    color: var(--color-white);
    float: right
}

.shortcode-block.match-prediction .content .line .team .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 25px;
    text-align: left
}

.shortcode-block.match-prediction .promo {
    text-align: center;
    width: 30%;
    margin-left: 10px;
    border: 1px var(--color-gray) dashed;
    background-color: #e3f2fd;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.shortcode-block.match-prediction .promo .text {
    display: block;
    line-height: 19px;
    text-align: center;
    font-size: .8em
}

.shortcode-block.match-prediction .promo .promocode {
    display: block;
    overflow: hidden
}

.shortcode-block.match-prediction .promo .promocode .code {
    display: inline-block;
    width: calc(100% - 10px);
    line-height: 27px;
    font-size: 1.2em;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border: 0;
    background-color: transparent
}

.content-block.user-details .closed-access,.content-block.user-details .user {
    margin: 10px;
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row
}

.content-block.user-details .closed-access {
    background-color: rgba(197,82,84,.9);
    color: var(--color-white);
    font-size: .8em;
    line-height: 1.2em
}

.content-block.user-details .user {
    background-color: var(--element-bg)
}

.content-block.user-details .info {
    font-size: .96em;
    overflow: hidden;
    width: 350px;
    position: relative
}

.content-block.user-details .info .user-points {
    display: flex;
    text-align: center;
    flex-direction: column
}

.content-block.user-details .info .user-points .title {
    font-size: 1.05em;
    color: var(--color-gray);
    font-weight: 500;
    display: block;
    line-height: 30px
}

.content-block.user-details .info .user-points .subtitle {
    font-size: .75em;
    line-height: 20px
}

.content-block.user-details .info .avatar,.content-block.user-details .info .edit-avatar {
    display: inline-block;
    width: 40px;
    height: 40px;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.user-details .info .edit-avatar {
    margin: 5px;
    position: absolute;
    left: 0;
    opacity: 0;
    background: rgba(0,0,0,.6)url(../svg/avatar-edit.svg)center center no-repeat;
    background-size: 25px
}

.content-block.user-details .info .edit-avatar:hover {
    opacity: 1
}

.content-block.user-details .info .avatar {
    padding: 5px;
    margin: 0 10px 0 0
}

.content-block.user-details .info .title .user-name {
    display: block;
    line-height: 30px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 1.1em
}

.content-block.user-details .info .title .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.content-block.user-details .info .title .country .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.content-block.user-details .info .user-points {
    position: absolute;
    top: 0;
    right: 0
}

.content-block.user-details .content {
    width: calc(100% - 350px);
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.content-block.user-details .content .trophies {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow-x: auto
}

.content-block.user-details .content .trophies::-webkit-scrollbar {
    height: 3px
}

.content-block.user-details .content .trophies::-webkit-scrollbar-track {
    background: 0 0
}

.content-block.user-details .content .trophies::-webkit-scrollbar-thumb {
    background: rgba(188,188,188,.8);
    cursor: pointer
}

.content-block.user-details .content .trophies::-webkit-scrollbar-thumb:hover {
    background: #bcbcbc
}

.content-block.user-details .content .trophies img {
    background-color: rgba(33,33,33,.08);
    border-radius: 5px;
    padding: 5px;
    width: auto;
    height: 40px;
    margin-right: 10px
}

.content-block.user-details .content .trophies img:last-child,.page-navigation .additional-links span.item:last-child,.page-navigation .text-links span.item a:last-child {
    margin-right: 0
}

.content-block.user-details .content .user-progress {
    overflow: hidden;
    border-radius: 5px;
    background-color: rgba(33,33,33,.08);
    width: 250px;
    color: var(--color-gray)
}

.content-block.user-details .content .user-progress .no-items {
    padding: 10px
}

.content-block.user-details .content .user-progress .no-items .title {
    display: block;
    line-height: 15px;
    font-weight: 500
}

.content-block.user-details .content .user-progress .no-items .subtitle {
    display: block;
    line-height: 10px;
    font-size: .8em;
    margin-top: 5px
}

.content-block.user-details .content .user-progress .area {
    overflow: hidden;
    padding: 0 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.content-block.user-details .content .user-progress .area:hover {
    background-color: rgba(33,33,33,.09);
    cursor: pointer
}

.content-block.user-details .content .user-progress .progress-bar {
    width: 45px;
    height: 50px;
    float: left;
    background-size: 20px;
    margin-right: 10px;
    background-position: top 17px center;
    background-repeat: no-repeat
}

.content-block.user-details .content .user-progress .progress-bar svg {
    margin-top: 5px
}

.content-block.user-details .content .user-progress .progress-info {
    float: left;
    width: calc(100% - 55px);
    height: 50px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center
}

.content-block.user-details .content .user-progress .progress-info .item-name {
    display: block;
    line-height: 20px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.user-details .content .user-progress .progress-info .item-info {
    display: block;
    line-height: 15px;
    font-size: .75em;
    color: var(--color-semigray)
}

.content-block.user-details .content .collect {
    display: flex;
    justify-content: center;
    align-items: center
}

.content-block.user-details .content .collect .redeem-trophy,.content-block.user-details .content .collect .redeem-trophy-locked {
    display: inline-block;
    padding: 7px;
    line-height: 11px;
    text-align: center;
    border-radius: 5px;
    background-color: var(--tips-green);
    color: var(--color-white);
    font-size: .7em;
    font-weight: 700;
    cursor: pointer;
    margin-left: 30px
}

.content-block.user-details .content .collect .redeem-trophy-locked {
    background-color: var(--color-gray);
    cursor: not-allowed
}

.content-block.user-details .content .collect .redeem-trophy:hover {
    background-color: var(--tips-active-green)
}

.content-block.user-details .immediate {
    width: calc(100% - 20px);
    padding: 0 10px 10px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: .8em
}

.content-block.team-details .content .wins-stat {
    border-left: 1px var(--border-secondary-color) solid;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 70%
}

.content-block.team-details .content .wins-stat.results {
    width: calc(100% - 1px)
}

.content-block .matches-list .wins-stat div .value,.content-block.team-details .content .wins-stat div .value {
    font-size: 1.05em;
    color: var(--color-gray);
    font-weight: 500;
    display: block;
    line-height: 30px
}

.content-block .matches-list .wins-stat div .annotation,.content-block.player-details .content .details div .annotation,.content-block.team-details .content .tips-stat .annotation,.content-block.team-details .content .wins-stat div .annotation {
    font-size: .75em;
    line-height: 20px
}

.content-block .matches-list .wins-stat.results,.page-navigation .games-selector .games-list a {
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px
}

.content-block .matches-list .wins-stat.results {
    margin: 10px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row
}

.page-navigation {
    overflow: hidden
}

.page-navigation .additional-links,.page-navigation .games-selector {
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-radius: 5px;
    margin: 5px
}

.page-navigation .games-selector .current-game {
    display: flex;
    width: 128px;
    height: 43px;
    border: 1px solid;
    border-radius: 5px;
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow);
    cursor: pointer
}

.page-navigation .additional-links span.item,.page-navigation .countries-picker span.item .flag,.page-navigation .games-selector .current-game .icon,.page-navigation .live-link span.item {
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 43px;
    height: 43px
}

.page-navigation .games-selector .current-game .name {
    line-height: 43px
}

.page-navigation .games-selector .games-list {
    display: none;
    position: absolute;
    width: 310px;
    z-index: 9;
    margin-top: 55px;
    padding: 15px 0;
    border: 1px var(--border-secondary-color) solid;
    box-shadow: 0 2px 5px -2px var(--block-shadow);
    background-color: var(--block-bg);
    border-radius: 5px;
    font-size: .95em
}

.page-navigation .countries-picker .countries-list .content.active,.page-navigation .games-selector .games-list.active {
    display: block
}

.page-navigation .games-selector .games-list .list {
    height: 390px;
    overflow-y: auto;
    padding: 0 10px;
    background-color: var(--block-bg)
}

.page-navigation .games-selector .games-list a {
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 35px;
    background-position: left 10px center;
    background-repeat: no-repeat;
    display: block;
    background-size: 15px;
    text-decoration: none;
    color: var(--color-black)
}

.page-navigation .additional-links {
    width: 282px
}

.page-navigation .live-link {
    width: calc(100% - 686px);
    float: left;
    margin: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.page-navigation .additional-links span.item,.page-navigation .live-link span.item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-color: transparent;
    border-radius: 5px;
    background-size: 24px
}

.page-navigation .additional-links span.item {
    margin-right: 2px
}

.page-navigation .live-link span.item {
    margin-right: 0;
    font-size: .7em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-current)
}

.page-navigation .live-link span.item i {
    display: block;
    margin-top: 2px;
    font-style: normal;
    font-size: 1.55em
}

.page-navigation .text-links span.item a {
    display: inline-block;
    text-align: center;
    min-width: 23px;
    line-height: 43px;
    height: 43px;
    border: 1px solid;
    border-color: transparent;
    padding: 0 10px;
    margin-right: 5px;
    border-radius: 5px;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    color: var(--color-gray);
    white-space: nowrap
}

.page-navigation .text-links span.item.active a {
    color: var(--color-active)
}

.page-navigation .text-links span.item.ongoing a {
    color: var(--color-current)
}

.page-navigation .additional-links span.active,.page-navigation .additional-links span.current,.page-navigation .games-selector .current-game.active,.page-navigation .live-link span.active,.page-navigation .text-links span.active a {
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.page-navigation .games-selector .current-game:hover,.page-navigation .games-selector .games-list a:hover,.page-navigation .live-link span:hover,.page-navigation .text-links span:hover a {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.page-navigation .additional-links span.item a,.page-navigation .countries-picker .item a,.page-navigation .days-picker .item a,.page-navigation .live-link span.item a {
    position: absolute;
    width: 100%;
    height: 100%
}

.page-navigation .countries-picker {
    float: right;
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    margin: 5px
}

.page-navigation .countries-picker .scrollable {
    display: flex;
    flex-direction: row
}

.page-navigation .just-text,.page-navigation .text-country {
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    margin: 5px;
    max-width: calc(100% - 10px)
}

.page-navigation .just-text .scrollable {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: 5px
}

.page-navigation .just-text .text-links {
    display: flex;
    max-width: 100%
}

.page-navigation .text-country {
    float: right;
    max-width: calc(100% - 232px)
}

.page-navigation .text-country .scrollable {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: 5px
}

.page-navigation .text-country .text-links {
    display: flex
}

.page-navigation .text-country .text-links.w-countries {
    max-width: calc(100% - 105px)
}

.page-navigation .text-country .countries-picker {
    margin: 0 0 0 5px;
    padding-left: 5px;
    justify-content: flex-end;
    border-left: 1px var(--border-secondary-color) solid;
    border-radius: 0
}

.page-navigation .countries-picker span.item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid;
    border-color: transparent;
    margin-right: 5px;
    border-radius: 5px
}

.page-navigation .countries-picker .item.countries-list-bt,.page-navigation .countries-picker span.item.all {
    background-image: url(../svg/world.svg);
    background-position: center center;
    background-size: 25px;
    background-repeat: no-repeat
}

.page-navigation .countries-picker span.item.all span {
    display: block;
    padding: 0 10px
}

.page-navigation .countries-picker span.item .flag {
    width: 20px;
    height: 20px;
    background-size: 15px
}

.page-navigation .countries-picker span.item .country {
    font-size: .7em;
    margin-top: 2px
}

.page-navigation .countries-picker .countries-list .content .list .country.current,.page-navigation .countries-picker span.item.current {
    color: var(--color-active);
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color)!important;
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.page-navigation .countries-picker span.item:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color)!important;
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.page-navigation .countries-picker .item.countries-list-bt {
    background-image: url(../svg/flag.svg);
    cursor: pointer;
    margin-right: 0
}

.page-navigation .countries-picker .countries-list .content {
    position: absolute;
    display: none;
    width: 310px;
    height: auto;
    background-color: var(--block-bg);
    margin-left: -266px;
    margin-top: 10px;
    padding: 15px 0;
    border: 1px var(--border-secondary-color) solid;
    box-shadow: 0 2px 5px -2px var(--block-shadow);
    border-radius: 5px;
    z-index: 9
}

.page-navigation .countries-picker .countries-list .content .list {
    height: 390px;
    overflow-y: auto;
    padding: 0 10px
}

.page-navigation .countries-picker .countries-list .content .list::-webkit-scrollbar-track,.page-navigation .games-selector .toggle-content .list::-webkit-scrollbar-track {
    background-color: transparent!important
}

.page-navigation .countries-picker .countries-list .content .list .country {
    position: relative;
    font-size: .95em;
    font-weight: 400;
    display: flex;
    line-height: 25px;
    justify-content: flex-start;
    margin-bottom: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    padding: 5px
}

.match-map-stats .stats-block .stats-line .player a,.match-map-stats .stats-block .team-line .team a,.match-stats .statistics .teams .team a,.page-navigation .countries-picker .countries-list .content .list .country a {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.page-navigation .countries-picker .countries-list .content .list .country:last-child {
    margin-bottom: 0
}

.page-navigation .countries-picker .countries-list .content .list .country .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin: 2.5px 10px 2.5px 0
}

.page-navigation .countries-picker .countries-list .content .list .country:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.page-navigation .countries-picker .item.countries-list-bt.active,.page-navigation .countries-picker .item.countries-list-bt:hover {
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.page-navigation .countries-picker .item.countries-list-bt:hover {
    border-color: var(--border-active-color)!important
}

.page-navigation .days-picker {
    float: right;
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    margin: 5px
}

.page-navigation .days-picker span.item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid;
    border-color: transparent;
    margin-right: 2px;
    border-radius: 5px
}

.page-navigation .days-picker span.item.passive {
    color: var(--color-subtitles)
}

.page-navigation .days-picker .item.calendar-bt {
    background-image: url(../svg/calendar.svg);
    background-position: center center;
    background-size: 25px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 0
}

.page-navigation .days-picker .day {
    font-size: .8em;
    font-weight: 700;
    margin-bottom: 2px
}

.page-navigation .days-picker .calendar .content {
    position: absolute;
    display: none;
    width: 280px;
    height: auto;
    background-color: var(--block-bg);
    margin-left: -266px;
    margin-top: 10px;
    padding: 15px;
    border: 1px var(--border-secondary-color) solid;
    box-shadow: 0 2px 5px -2px var(--block-shadow);
    border-radius: 5px;
    z-index: 9
}

.page-navigation .days-picker .calendar .header {
    line-height: 35px;
    margin-bottom: 5px;
    padding: 0;
    width: 100%;
    background-color: transparent;
    border: 0!important;
    display: block!important
}

.page-navigation .days-picker .calendar .header .bt {
    width: 35px;
    height: 35px;
    display: inline-block;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer
}

.page-navigation .days-picker .calendar .header .bt.next-calendar {
    background-image: url(../svg/to-bot-black.svg)
}

.page-navigation .days-picker .calendar .header .bt.prev-calendar {
    background-image: url(../svg/to-top-black.svg)
}

.page-navigation .days-picker .calendar .content span.today {
    display: block;
    margin-top: 10px;
    text-align: center;
    border: 1px solid;
    border-color: transparent;
    border-radius: 5px
}

.page-navigation .days-picker .calendar .content span.today a {
    text-decoration: none;
    display: block;
    padding: 10px;
    color: var(--color-current)
}

.page-navigation .days-picker .calendar .content .days,.page-navigation .days-picker .calendar .content tr {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px
}

.page-navigation .days-picker .calendar .content .days span {
    width: 35px;
    line-height: 35px;
    text-align: center;
    margin-right: 5px;
    border-radius: 5px;
    font-size: .8em;
    height: 23px;
    font-weight: 700;
    margin-bottom: 2px
}

.page-navigation .days-picker .calendar .content tr td {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-right: 5px;
    border-radius: 5px
}

.page-navigation .days-picker .calendar .content tr td.item {
    width: 33px;
    height: 33px;
    border: 1px solid;
    border-color: transparent;
    cursor: pointer
}

.page-navigation .days-picker .calendar .content.active {
    display: block
}

.calendar .content tr td.item.current,.days-picker span.item.current {
    color: var(--color-active);
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color)!important;
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.calendar .content tr td.item.today,.days-picker span.item.today,.page-navigation .days-picker .calendar .content span.today {
    color: var(--color-current)
}

.calendar .content tr td.item.today.active,.days-picker span.item.today.active,.page-navigation .days-picker .calendar .content span.today.active {
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color)!important;
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.page-navigation .days-picker .item.calendar-bt.active {
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.calendar .content tr td.item:hover,.days-picker .item.calendar-bt:hover,.days-picker span.item:hover,.page-navigation .additional-links span:hover,.page-navigation .days-picker .calendar .content span.today:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color)!important;
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.page-navigation .days-picker span.item.passive:hover {
    background-color: transparent;
    border-color: transparent!important;
    box-shadow: 0 0 5px -2px transparent
}

.page-navigation .match-links {
    width: 100%;
    float: left;
    justify-content: flex-start;
    border-radius: 5px;
    margin: 5px
}

.page-navigation .days-picker .scrollable,.page-navigation .match-links {
    display: flex;
    flex-direction: row
}

.page-navigation .match-links span.item {
    position: relative;
    display: inline-block;
    height: 43px;
    line-height: 43px;
    border: 1px solid;
    border-color: transparent;
    margin-right: 5px;
    border-radius: 5px;
    padding: 0 5px;
    cursor: pointer
}

.page-navigation .match-links span.active,.page-navigation .match-links span:hover {
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.page-navigation .match-links span:hover {
    border-color: var(--border-active-color)
}

.content-block .no-data {
    padding: 40px 10px;
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    text-align: center;
    line-height: 25px
}

.content-block .no-data a,.content-block.tournament-description .description li a,.content-block.tournament-description .description p a,.content-block.tournament-description .description table a {
    color: var(--color-link)
}

.content-block .no-data a:hover,.content-block.tournament-description .description li a:hover,.content-block.tournament-description .description p a:hover,.content-block.tournament-description .description table a:hover {
    color: var(--color-link-hover)
}

.content-block.banner .no-data {
    padding: 10px!important;
    margin: 0;
    width: calc(100% - 20px)!important
}

.content-block .navigation {
    overflow: hidden;
    width: calc(100% - 20px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 5px;
    margin: 10px
}

.content-block .navigation .games {
    width: 245px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.content-block .navigation .title {
    line-height: 45px;
    margin-right: 10px;
    font-size: .8em;
    font-weight: 700;
    color: var(--color-gray);
    display: block
}

.content-block .navigation span.item {
    width: 43px;
    height: 43px;
    border: 1px solid;
    border-color: transparent;
    margin-right: 5px;
    border-radius: 5px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.content-block .navigation span.item:last-child {
    margin-right: 0
}

.content-block .navigation span.item.active,.content-block .navigation span.item:hover {
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color)!important;
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block .navigation span.item:hover {
    border-color: var(--border-active-color)!important
}

.match-map-stats .map {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 22px)
}

.match-map-stats .map .map-header {
    width: 100%;
    height: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    color: var(--color-white);
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
    font-weight: 500;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.match-map-stats .map .map-header.inferno {
    background-image: url(../image/maps/csgo-inferno-map.jpg)
}

.match-map-stats .map .map-header.ancient {
    background-image: url(../image/maps/csgo-ancient-map.jpg)
}

.match-map-stats .map .map-header.dust2 {
    background-image: url(../image/maps/csgo-dust2-map.jpg)
}

.match-map-stats .map .map-header.mirage {
    background-image: url(../image/maps/csgo-mirage-map.jpg)
}

.match-map-stats .map .map-header.nuke {
    background-image: url(../image/maps/csgo-nuke-map.jpg)
}

.match-map-stats .map .map-header.overpass {
    background-image: url(../image/maps/csgo-overpass-map.jpg)
}

.match-map-stats .map .map-header.vertigo {
    background-image: url(../image/maps/csgo-vertigo-map.jpg)
}

.match-map-stats .map .map-header.anubis {
    background-image: url(../image/maps/csgo-anubis-map.jpg);
    color: var(--color-black)
}

.match-map-stats .rounds-block {
    display: flex;
    flex-direction: row;
    overflow-y: auto;
    background-color: var(--element-bg);
    padding: 10px
}

.match-map-stats .rounds-block .round {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.match-map-stats .rounds-block .round span:first-child,.match-map-stats .rounds-block .teams .team:first-child {
    border-bottom: 1px var(--border-secondary-color) solid
}

.match-map-stats .rounds-block .round span {
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-size: 25px;
    background-repeat: no-repeat;
    font-size: .8em;
    font-weight: 500;
    color: var(--color-gray)
}

.match-map-stats .rounds-block .teams {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px var(--border-secondary-color) solid
}

.match-map-stats .rounds-block .teams .team {
    display: flex;
    flex-direction: row;
    width: 80px;
    height: 40px;
    align-items: center
}

.match-map-stats .rounds-block .teams .team .logo {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 2.5px;
    margin: 0 5px 0 0;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle
}

.match-map-stats .rounds-block .teams .team .name {
    display: inline-block;
    font-weight: 500;
    width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    text-align: center
}

.match-map-stats .stats-block {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px
}

.match-map-stats .stats-block .stats-line {
    display: flex;
    flex-direction: row;
    height: 40px;
    flex: 1 1 auto;
    align-items: center;
    padding: 5px
}

.match-map-stats .stats-block .stats-line:nth-of-type(odd),table.player-stats tbody tr:nth-of-type(odd) {
    background: var(--block-bg)
}

.match-map-stats .stats-block .stats-line .player,.match-map-stats .stats-block .team-line .team {
    display: flex;
    flex-direction: row;
    width: 140px;
    position: relative
}

.match-map-stats .stats-block .team-line {
    display: flex;
    flex-direction: row;
    height: 40px;
    flex: 1 1 auto;
    align-items: center;
    padding: 5px;
    margin-top: 5px;
    border-top: 1px var(--border-secondary-color) solid
}

.match-map-stats .stats-block .team-line .stats-data {
    display: flex;
    width: calc(100% - 140px)
}

.match-map-stats .stats-block .team-line .stats-data span {
    font-weight: 500
}

.match-map-stats .stats-block .team-line .team .logo {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 2.5px;
    margin: 0 5px 0 0;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    border-radius: 17.5px
}

.match-map-stats .stats-block .team-line .team .name {
    display: inline-block;
    font-weight: 500;
    width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 35px
}

.match-map-stats .stats-block .stats-line .player:hover .name,.match-map-stats .stats-block .team-line .team:hover .name {
    color: var(--color-active)
}

.match-map-stats .stats-block .stats-line .player .logo {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 2.5px;
    margin: 0 5px 0 0;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    border-radius: 17.5px
}

.match-map-stats .stats-block .stats-line .player .name {
    display: inline-block;
    font-weight: 500;
    width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 35px
}

.match-map-stats .stats-block .stats-line .stats-data {
    display: flex;
    width: calc(100% - 140px);
    align-items: center
}

.match-map-stats .stats-block .stats-line .stats-data span,.match-map-stats .stats-block .team-line .stats-data span {
    flex: 1 1 auto;
    line-height: 40px;
    text-align: center;
    width: 50px;
    height: 40px;
    font-size: .9em;
    color: var(--color-gray)
}

.match-map-stats .stats-block .stats-line .stats-data span.highest {
    color: var(--color-winner);
    font-weight: 500
}

.match-map-stats .stats-block .stats-line.stats-title .stats-data span {
    line-height: 20px;
    font-size: .7em;
    height: auto;
    font-weight: 500
}

.match-map-stats .rounds-block .round span.ct.eliminated {
    background-image: url(../image/icons/win_ct.svg)
}

.match-map-stats .rounds-block .round span.t.eliminated {
    background-image: url(../image/icons/win_t.svg)
}

.match-map-stats .rounds-block .round span.ct.defused {
    background-image: url(../image/icons/bomb_defused_ct.svg)
}

.match-map-stats .rounds-block .round span.t.exploded {
    background-image: url(../image/icons/bomb_exploded_t.svg)
}

.match-map-stats .rounds-block .round span.ct.timeout {
    background-image: url(../image/icons/stopwatch_ct.svg)
}

.match-map-stats .rounds-block .round span.t.timeout {
    background-image: url(../image/icons/stopwatch_t.svg)
}

.game-scores .statistics {
    padding: 10px;
    margin: 10px;
    border: 1px solid;
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color)
}

.game-scores .statistics .teams {
    display: flex
}

.game-scores .statistics .teams .team {
    width: 43%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    line-height: 25px;
    text-align: left;
    justify-content: flex-end
}

.game-scores .statistics .teams .team:last-child {
    justify-content: flex-start
}

.game-scores .statistics .teams .vs {
    width: 14%;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center
}

.game-scores .statistics .game-map {
    display: block;
    text-align: center;
    font-size: .9em;
    margin-top: 15px;
    color: var(--color-semigray)
}

.game-scores .statistics .teams .team .score {
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    color: var(--color-gray);
    width: 30px;
    float: left;
    text-align: center!important
}

.game-scores .statistics .teams .team .logo {
    display: inline-block;
    width: 15px;
    height: 20px;
    padding: 2.5px;
    margin: 0 15px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.game-scores .statistics .teams .team:last-child .logo {
    margin: 0 0 0 15px
}

.match-stats .statistics .teams,.match-tips .tips {
    border-bottom: 1px var(--border-secondary-color) solid;
    overflow: hidden;
    padding-bottom: 10px;
    margin: 10px;
    display: flex
}

.match-stats .statistics .teams .team {
    width: calc(43% - 12px);
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    line-height: 25px;
    text-align: left;
    border: 1px solid;
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color)
}

.match-stats .statistics .teams .team:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.match-stats .statistics .teams .vs {
    width: 14%;
    font-weight: 700;
    font-size: .9em;
    color: var(--color-subtitles);
    line-height: 37px;
    text-align: center
}

.match-stats .statistics .teams .team .logo {
    display: inline-block;
    width: 15px;
    height: 20px;
    padding: 2.5px;
    margin: 0 5px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.match-stats .statistics .teams .team .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px
}

.match-stats .statistics .additional {
    display: flex;
    flex-direction: column;
    margin: 10px
}

.match-stats .statistics .additional .counts {
    margin-bottom: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.match-stats .statistics .additional .counts .count,.match-stats .statistics .additional .ratings .count {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 5px;
    width: calc(25% - 10px)
}

.match-stats .statistics .additional .value {
    font-size: 1.05em;
    color: var(--color-gray);
    font-weight: 500;
    display: block
}

.match-stats .statistics .additional .annotation {
    font-size: .75em;
    margin-top: 10px
}

.match-stats .statistics .additional .ratings {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.match-stats .statistics .additional .ratings .count {
    width: calc(50% - 10px)
}

.match-stats .statistics .content {
    margin: 10px
}

.match-stats .statistics .additional .ratings,.match-stats .statistics .stat {
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    padding: 10px
}

.match-stats .statistics .stat {
    margin-bottom: 10px
}

.content-block.tournament-description .description ol li:last-child,.content-block.tournament-description .description p:last-child,.content-block.tournament-description .description ul li:last-child,.content-block.tournament-description .description ul:last-child,.match-stats .statistics .stat:last-child {
    margin-bottom: 0
}

.match-stats .statistics .stat .stat-header,.match-tips .tips .tip {
    display: flex;
    flex-direction: row;
    line-height: 15px
}

.match-stats .statistics .stat .stat-header .point {
    width: 50px;
    font-size: .95em
}

.match-stats .statistics .stat .stat-header .point.point-second {
    text-align: right
}

.match-stats .statistics .stat .stat-header .title {
    width: calc(100% - 100px);
    text-align: center;
    font-size: .8em;
    font-weight: 500;
    color: var(--color-gray)
}

.match-stats .statistics .stat .stat-streak {
    margin-top: 10px;
    overflow: hidden
}

.match-stats .statistics .stat .stat-streak .streak {
    width: 50%;
    height: 7px;
    float: left;
    background-color: #e1e1e1;
    position: relative
}

.match-stats .statistics .stat .stat-streak .streak .value {
    position: absolute;
    width: 0%;
    height: 7px;
    background-color: #ffb300
}

.match-stats .statistics .stat .stat-streak .streak.streak-first .value {
    right: 0;
    background-color: #039be5
}

.match-stats .statistics .stat.user-stat .stat-streak .streak .value {
    background-color: var(--tips-green)
}

.match-stats .statistics .stat.user-stat .stat-streak .streak.streak-first .value {
    background-color: var(--tips-red)
}

.match-tips .tips .tip {
    width: calc(43% - 12px);
    border-radius: 5px;
    padding: 5px;
    line-height: 25px;
    text-align: left;
    border: 1px solid;
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color);
    cursor: pointer;
    position: relative
}

.match-tips .tips .tip span.add-tip-bt {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.match-tips .tips .tip:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.match-tips .tips .tip.locked,.match-tips .tips.user-tip .tip {
    cursor: default
}

.match-tips .tips .tip.locked:hover,.match-tips .tips.user-tip .tip:hover {
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color);
    box-shadow: none
}

.match-tips .tips.user-tip .tip.choosed {
    border-color: var(--border-active-color)
}

.match-tips .tips .tip.locked {
    background-image: url(../svg/lock.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 15px
}

.match-tips .tips .vs {
    width: 14%;
    font-weight: 700;
    font-size: .9em;
    color: var(--color-subtitles);
    line-height: 37px;
    text-align: center
}

.match-tips .tips .tip .logo {
    display: inline-block;
    width: 15px;
    height: 20px;
    padding: 2.5px;
    margin: 0 5px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.match-tips .tips .tip .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 80px);
    white-space: nowrap;
    overflow: hidden;
    line-height: 25px;
    text-overflow: ellipsis;
    font-size: 15px
}

.match-tips .tips .tip .points {
    width: 55px;
    text-align: right
}

.match-tips .tips .tip .points span {
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    border-radius: 5px;
    line-height: 10px;
    padding: 5px;
    margin: 2.5px 0;
    color: var(--tips-red);
    float: right
}

.match-tips .tips .tip .points.high span {
    color: var(--tips-green)
}

.match-tips .tips.user-tip .tip .points.high span {
    color: var(--color-white);
    background-color: var(--tips-green);
    font-size: .7em
}

.match-tips .tips.user-tip .tip .points.finished.low span {
    color: var(--color-white);
    background-color: var(--tips-red);
    font-size: .7em
}

.match-tips .posted-tips {
    overflow: hidden;
    padding: 0 10px 10px
}

.match-tips .posted-tips .no-tips {
    line-height: 37px;
    display: block;
    font-size: .8em;
    text-align: center
}

.match-tips .posted-tips .user-predictions {
    width: calc(43% - 12px);
    float: left;
    padding: 5px;
    border: 1px solid;
    border-color: transparent;
    line-height: 25px;
    border-radius: 5px
}

.match-tips .posted-tips .user-predictions:first-child {
    margin-right: 14%
}

.match-tips .posted-tips .user-predictions.available:hover {
    cursor: pointer
}

.match-tips .posted-tips .user-predictions .user img {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 14px
}

.match-tips .posted-tips .user-predictions .user {
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 14px;
    border: 2px var(--block-bg) solid;
    margin: .5px 0 .5px -10px
}

.match-tips .posted-tips .user-predictions .user:first-child,.match-tips-promo .promo .team .team-content .posted-tips .user:first-child {
    margin-left: 0
}

.match-tips .posted-tips .user-predictions .count {
    display: inline-block;
    margin-left: 10px;
    font-size: .8em;
    font-weight: 500;
    color: var(--color-gray)
}

.content-block.tournament-details .info .title .tournament-name a:hover,.match-tips .posted-tips .user-predictions:hover .count {
    color: var(--color-active)
}

.match-tips-promo .promo {
    margin: 10px;
    background-color: #e8f5e9;
    border: 1px #66bb6a solid;
    border-radius: 5px;
    padding: 5px;
    line-height: 60px;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.match-tips-promo .promo .vs {
    display: inline-block;
    margin: 0 20px;
    width: 20px;
    font-weight: 700;
    font-size: .9em;
    color: var(--color-subtitles)
}

.match-tips-promo .promo .team {
    width: calc(50% - 30px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.content-block.tournaments .tournament.all-list.ongoing .content .additional .bl-right,.content-block.tournaments .tournament.all-list.upcoming .content .additional .bl-right,.match-tips-promo .promo .team.team-first {
    justify-content: flex-end
}

.match-tips-promo .promo .team .points {
    width: 40px;
    padding: 0 10px;
    color: var(--tips-red);
    font-weight: 700;
    font-size: 1.1em
}

.match-tips-promo .promo .team .points.high {
    color: var(--tips-green)
}

.match-tips-promo .promo .team.team-second .points {
    text-align: right
}

.match-tips-promo .promo .team .team-content {
    width: calc(100% - 140px);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.match-tips-promo .promo .team.team-first .team-content {
    margin-right: 20px;
    align-items: flex-end;
    text-align: right
}

.match-tips-promo .promo .team.team-second .team-content {
    margin-left: 20px;
    align-items: flex-start;
    text-align: left
}

.match-tips-promo .promo .team .logo {
    width: 40px;
    height: 40px;
    padding: 10px;
    object-fit: contain
}

.match-tips-promo .promo .team .team-content .name {
    display: inline-block;
    font-weight: 500;
    font-size: 1.1em;
    position: relative;
    line-height: 20px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.match-tips-promo .promo .team .team-content .posted-tips {
    width: auto;
    line-height: 24px;
    max-width: 135px;
    float: left
}

.match-tips-promo .promo .team.team-first .team-content .posted-tips {
    float: right
}

.match-tips-promo .promo .team .team-content .posted-tips .user {
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 14px;
    border: 2px var(--element-bg) solid;
    margin: .5px 0 .5px -10px
}

.match-tips-promo .promo .team .team-content .posted-tips .user .avatar {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 14px
}

.match-tips-promo .promo .team .team-content .posted-tips .count {
    margin-left: 10px
}

.match-tips-promo .promo .team .team-content .posted-tips .count,.match-tips-promo .promo .team .team-content .posted-tips .no-tips {
    display: inline-block;
    font-size: .8em;
    font-weight: 500;
    color: var(--color-gray)
}

.match-tips-promo .reg-promo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px 10px
}

.match-bets .teams,.match-tips-promo .text-part {
    border-bottom: 1px var(--border-secondary-color) solid
}

.match-tips-promo .text-part {
    font-weight: 500;
    text-align: center;
    padding: 10px 0
}

.match-tips-promo .reg-promo .slider {
    width: calc(100% - 200px);
    overflow: hidden;
    height: 75px;
    display: flex;
    border-radius: 5px;
    background-color: rgba(33,33,33,.08);
    color: var(--color-gray)
}

.match-tips-promo .reg-promo .slider-container {
    display: flex;
    flex-direction: column;
    height: 75px;
    transition: all 2s;
    width: 100%
}

.match-tips-promo .reg-promo .slide {
    display: flex;
    flex-direction: row;
    height: 55px!important;
    min-height: 55px!important;
    padding: 10px
}

.match-tips-promo .reg-promo .slide .slide-title {
    padding: 5px 0;
    width: calc(100% - 55px)
}

.match-tips-promo .reg-promo .slide .trophy-name {
    display: block;
    line-height: 30px;
    font-weight: 500;
    font-size: 1em;
    width: calc(100% - 10px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.match-tips-promo .reg-promo .slide .price {
    display: block;
    line-height: 15px;
    font-size: .85em;
    color: var(--color-semigray)
}

.match-tips-promo .reg-promo .content {
    width: 180px;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    text-align: center
}

.match-tips-promo .reg-promo .content .start {
    display: inline-block;
    border-radius: 5px;
    padding: 10px;
    color: var(--color-white);
    text-decoration: none;
    text-align: center;
    background-color: var(--tips-green);
    line-height: 20px
}

.match-tips-promo .reg-promo .content .start:hover {
    background-color: var(--tips-active-green)
}

.match-tips-promo .reg-promo .content .users-count {
    display: block;
    margin-top: 10px;
    font-size: .9em;
    line-height: 25px
}

.match-bets .teams {
    width: 320px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-right: 10px;
    margin: 10px;
    display: flex;
    justify-content: flex-end;
    column-gap: 10px
}

.match-bets .teams .team {
    width: 38px;
    height: 33px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color)
}

.match-bets .teams .team:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.match-bets .teams .vs {
    width: 40px;
    font-weight: 700;
    font-size: .9em;
    color: var(--color-subtitles);
    line-height: 37px;
    text-align: center
}

.match-bets .teams .team a,.past-matches .past-matches-timeline .past-match .details a {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.match-bets .teams .team .logo {
    display: inline-block;
    width: 15px;
    height: 20px;
    object-fit: contain;
    vertical-align: middle
}

.match-bets .teams .team .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px
}

.match-bets .content,.past-matches-timeline {
    margin: 10px
}

.match-bets .bet-info {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px
}

.match-bets .bet-info .main {
    width: 310px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    column-gap: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    padding: 10px;
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: left 10px center;
    position: relative
}

.match-bets .bet-info .main div.empty-odd,.match-bets .bet-info .main div.odd {
    border-radius: 5px;
    padding: 5px 10px;
    text-align: center;
    height: 20px;
    width: 20px;
    position: relative
}

.match-bets .bet-info .main div.empty-odd {
    background-color: transparent
}

.match-bets .bet-info .main div.odd {
    background-color: var(--block-bg);
    color: var(--color-black)
}

.banner.bookmakers-animated-promo span.outbound-bet,.banner.bookmakers-promo span.outbound-bet,.match-bets .bet-info .main span.outbound-bet {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.match-bets .bet-info .main:hover {
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow);
    cursor: pointer
}

.match-bets .bet-info .main .odd:hover {
    background-color: var(--bet-active-bg);
    color: var(--color-white)
}

.match-bets .bet-info .odd .value {
    display: inline-block;
    font-size: .75em;
    font-weight: 700;
    line-height: 30px
}

.match-bets .bet-info .odd .value.locked {
    background-image: url(../svg/lock.svg);
    background-size: 15px;
    background-position: center center;
    background-repeat: no-repeat
}

.match-bets .bet-info .odd:last-child .value {
    float: right
}

.match-bets .bookmaker-promo {
    width: calc(100% - 370px);
    margin-left: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    line-height: 25px
}

.match-bets .bookmaker-promo .bonus {
    line-height: 32px;
    font-size: 1em;
    color: var(--color-gray);
    font-weight: 700;
    width: 60px;
    text-align: center
}

.match-bets .bookmaker-promo .bonus .currency {
    display: inline-block;
    font-size: .85em;
    margin-left: 2px
}

.match-bets .bookmaker-promo .promocode {
    display: block;
    position: relative;
    overflow: hidden
}

.match-bets .bookmaker-promo .promocode .code {
    display: inline-block;
    height: 20px;
    width: 150px;
    border: 1px var(--color-gray) dashed;
    line-height: 15px;
    font-size: .9em;
    -webkit-appearance: none;
    padding: 5px;
    border-radius: 5px;
    background-color: #e3f2fd;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-gray);
    text-align: center
}

.match-bets .bookmaker-promo .claim-bt {
    padding: 7px;
    line-height: 18px;
    text-align: center;
    border-radius: 5px;
    background-color: var(--bet-bg);
    color: var(--color-white);
    font-size: .7em;
    font-weight: 700;
    cursor: pointer
}

.match-bets .bookmaker-promo .claim-bt:hover {
    background-color: var(--bet-active-bg)
}

.past-matches .past-matches-timeline .past-match {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 20px
}

.past-matches .past-matches-timeline .past-match:last-child {
    margin: 0
}

.past-matches .past-matches-timeline .past-match .details {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: calc(50% - 58.5px)
}

.past-matches .past-matches-timeline .past-match .date-time {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 117px!important;
    flex-basis: 117px;
    color: var(--color-gray)
}

.past-matches .past-matches-timeline .past-match .date-time .time {
    font-size: .8em;
    font-weight: 500
}

.past-matches .past-matches-timeline .past-match .date-time .date {
    margin-top: 5px;
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray)
}

.past-matches .past-matches-timeline .past-match .details .scores {
    width: 80px;
    text-align: center
}

.past-matches .past-matches-timeline .past-match .details .scores .score {
    font-weight: 700;
    font-size: 20px;
    color: var(--color-gray);
    width: 30px;
    text-align: center!important
}

.past-matches .past-matches-timeline .past-match .details .scores .score.high {
    color: var(--color-winner)
}

.past-matches .past-matches-timeline .past-match .details .scores .score.low {
    color: var(--color-loser)
}

.past-matches .past-matches-timeline .past-match .details .scores .separator {
    width: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 37px;
    color: var(--color-gray)
}

.past-matches .past-matches-timeline .past-match .details .opponent,.past-matches .past-matches-timeline .past-match .details .team {
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    line-height: 25px;
    text-align: left;
    border: 1px solid;
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color)
}

.past-matches .past-matches-timeline .past-match .details .team {
    width: 25px
}

.past-matches .past-matches-timeline .past-match .details .opponent .logo,.past-matches .past-matches-timeline .past-match .details .team .logo {
    display: inline-block;
    width: 15px;
    height: 20px;
    padding: 2.5px;
    margin: 0 2.5px;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.past-matches .past-matches-timeline .past-match .details .opponent {
    width: calc(100% - 129px)
}

.past-matches .past-matches-timeline .past-match .details .opponent .logo {
    margin: 0 5px 0 0
}

.past-matches .past-matches-timeline .past-match .details .opponent .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px
}

.past-matches .past-matches-timeline .past-match .details:hover .opponent,.past-matches .past-matches-timeline .past-match .details:hover .team {
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow);
    cursor: pointer
}

.pagination {
    overflow: hidden;
    line-height: 40px
}

.pagination a,.pagination span {
    display: inline-block;
    padding: 5px;
    margin-right: 5px;
    width: 23px;
    height: 23px
}

.pagination a {
    line-height: 23px;
    text-align: center;
    font-weight: 500;
    font-size: .9em;
    border: 1px solid;
    border-color: transparent;
    border-radius: 5px
}

.pagination span {
    color: var(--color-gray)
}

.all-results {
    margin: 10px
}

.all-results a,.pagination a {
    color: var(--color-gray);
    text-decoration: none
}

.all-results a,.pagination span {
    line-height: 23px;
    text-align: center;
    font-weight: 500;
    font-size: .9em;
    border: 1px solid;
    border-color: transparent;
    border-radius: 5px
}

.all-results a {
    display: block;
    padding: 5px 10px;
    min-height: 23px;
    background-color: var(--element-bg)
}

.all-results a:hover,.pagination a:hover,.pagination span {
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.pagination a {
    background-color: transparent
}

.pagination a:hover,.pagination span {
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color)
}

.content-block.teams .team,.content-block.tournament-description .description,.content-block.tournament-details .tournament,.content-block.tournaments .tournament,.content-block.users .user {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row
}

.content-block.tournaments .tournament.hide {
    display: none
}

.content-block.tournaments .tournament:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block.tournaments .tournament .tournament-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.content-block.tournaments .tournament .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 90px;
    color: var(--color-gray)
}

.content-block.tournaments .tournament.mainp .info {
    flex-direction: row;
    width: 140px
}

.content-block.tournaments .tournament.mainp .info .date-status {
    display: flex;
    width: 100px;
    flex-direction: column
}

.content-block.tournaments .tournament.mainp .info .game {
    display: block;
    width: 30px;
    height: 30px;
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat
}

.content-block.tournaments .tournament .info .dates {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.content-block.tournaments .tournament .info .dates .date {
    font-size: .8em;
    font-weight: 500
}

.content-block.tournaments .tournament .info .dates .separator {
    font-size: .8em;
    margin: 0 5px
}

.content-block.tournaments .tournament .info .status {
    margin-top: 5px;
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray)
}

.content-block.tournaments .tournament .content {
    width: calc(100% - 90px);
    display: flex;
    flex-direction: row
}

.content-block.tournaments .tournament.mainp .content {
    width: calc(100% - 140px)
}

.content-block.tournaments .tournament .content .tnmt {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: .96em;
    overflow: hidden;
    width: calc(100% - 300px)
}

.content-block.tournaments .tournament.mainp .content .tnmt {
    width: 100%
}

.content-block.tournaments .tournament .content .tnmt .logo {
    width: 40px;
    height: 40px;
    padding: 5px;
    display: inline-block;
    margin: 0 15px 0 10px;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.tournaments .tournament.minor .content .tnmt .name {
    margin-left: 15px
}

.content-block.tournament-description .description h1,.content-block.tournaments .tournament.minor .content .tnmt .logo {
    display: none
}

.content-block.tournaments .tournament .content .tnmt .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 75px);
    line-height: 20px
}

.content-block.tournaments .tournament .content .additional {
    width: 280px;
    margin-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.content-block.tournaments .tournament.mainp .content .additional {
    justify-content: flex-end;
    width: 150px
}

.content-block.tournaments .tournament .content .additional .bl-left {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    width: 130px;
    line-height: 25px
}

.content-block.tournaments .tournament .content .additional .bl-right {
    max-width: 130px;
    line-height: 20px
}

.content-block.tournaments .tournament.all-list .content .tnmt {
    width: calc(100% - 220px)
}

.content-block.tournaments .tournament.all-list .content .additional {
    width: 200px
}

.content-block.tournaments .tournament.all-list .content .additional .bl-left {
    width: 100px;
    margin-right: 0
}

.content-block.tournaments .tournament.all-list .content .additional .bl-right {
    max-width: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.content-block.tournaments .tournament.all-list .content .additional .bl-right .game,.content-block.tournaments .tournament.all-list .content .additional .bl-right .winner {
    display: block;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 20px
}

.content-block.tournaments .tournament.all-list .content .additional .bl-right .winner {
    background-size: 15px
}

.content-block.tournaments .tournament .content .additional .prizepool {
    font-size: .85em;
    color: var(--color-gray);
    font-weight: 500;
    display: block
}

.content-block.tournaments .tournament .content .additional .place {
    font-size: .9em;
    color: var(--color-gray);
    font-weight: 500;
    display: block;
    text-align: center
}

.content-block.tournaments .tournament .content .additional .winner .team {
    display: block;
    font-size: .96em;
    overflow: hidden;
    width: 100%
}

.content-block.tournaments .tournament .content .additional .no-team {
    display: block;
    font-weight: 500;
    text-align: center;
    line-height: 25px
}

.content-block.tournaments .tournament .content .additional .winner .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 5px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.tournaments .tournament .content .additional .winner .no-team,.content-block.tournaments .tournament .content .additional .winner .team .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 45px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px
}

.content-block.tournaments .tournament .content .additional .teams {
    font-size: .8em
}

.content-block.tournaments .tournament .content .additional .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.content-block.teams .team .content .tm .name .country .flag,.content-block.tournaments .tournament .content .additional .country .flag,.content-block.users .user .content .usr .name .country .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.content-block.tournaments .tournament .content .additional .country .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block.tournaments .tournament .content .additional .stages {
    font-size: .8em
}

.content-block.users .user:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block.users .user .user-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.content-block.users .user .content {
    width: 100%;
    display: flex;
    flex-direction: row
}

.content-block.users .user .content .usr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: .96em;
    overflow: hidden;
    width: calc(100% - 400px);
    margin-left: 10px
}

.content-block.users .user .content .usr .logo {
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 0 20px 0 0;
    display: inline-block;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.users .user .content .usr .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 70px);
    line-height: 20px
}

.content-block.users .user .content .usr .name .user-name {
    line-height: 30px
}

.content-block.users .user .content .usr .name .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.content-block.users .user .content .additional {
    width: 380px;
    margin-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: center
}

.content-block.users .user .content .additional .bl-left,.content-block.users .user .content .additional .bl-right {
    display: flex;
    flex-direction: column
}

.content-block.users .user .content .additional .value {
    line-height: 35px
}

.content-block.users .user .content .additional .annotation {
    font-size: .75em;
    line-height: 15px
}

.content-block.users .user .content .additional .bl-collected {
    min-width: 110px
}

.content-block.users .user .content .additional .collected {
    height: 50px
}

.content-block.users .user .content .additional .collected .annotation {
    display: block;
    line-height: 15px
}

.content-block.users .user .content .additional .collected .trophies {
    height: 35px
}

.content-block.users .user .content .additional .collected img {
    background-color: rgba(33,33,33,.08);
    border-radius: 5px;
    padding: 2.5px;
    width: auto;
    height: 25px
}

.content-block.teams .team:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.content-block.teams .team .team-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.content-block.teams .team .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 60px;
    color: var(--color-gray);
    font-size: .8em
}

.content-block.teams .team .info .place {
    font-weight: 500;
    margin-bottom: 5px
}

.content-block.teams .team .content {
    width: calc(100% - 60px);
    display: flex;
    flex-direction: row
}

.content-block.teams .team .content .tm {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: .96em;
    overflow: hidden;
    width: calc(100% - 300px);
    margin-left: 10px
}

.content-block.teams .team .content .tm .logo {
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 0 20px 0 0;
    display: inline-block;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.teams .team.player .content .tm .logo {
    border-radius: 25px
}

.content-block.teams .team .content .tm .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 75px);
    line-height: 20px
}

.content-block.teams .team .content .additional {
    width: 280px;
    margin-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: center
}

.content-block.teams .team .content .additional .bl-left,.content-block.teams .team .content .additional .bl-right {
    display: flex;
    flex-direction: column;
    line-height: 25px
}

.content-block.teams .team .content .additional .next-in,.content-block.teams .team .content .additional .streak {
    font-size: 1.05em;
    color: var(--color-gray);
    font-weight: 500;
    display: block
}

.content-block.teams .team .content .additional .annotation {
    font-size: .75em
}

.content-block.teams .team .content .tm .name .team-name {
    line-height: 30px
}

.content-block.teams .team .content .tm .name .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.content-block.tournament-description .description,.content-block.tournament-details .tournament {
    flex-direction: column
}

.content-block.tournament-details .immediate {
    width: calc(100% - 20px);
    padding: 0 10px 10px;
    line-height: 20px;
    font-size: .8em
}

.content-block.tournament-details .immediate,.content-block.tournament-details .line {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.content-block.tournament-details .line.top-places {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px #ebebeb solid
}

.content-block.tournament-details .info {
    font-size: .96em;
    overflow: hidden;
    width: 350px
}

.content-block.tournament-details .info .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    margin: 0 10px 0 0
}

.content-block.tournament-details .info .title .tournament-name {
    display: block;
    line-height: 30px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 1.1em
}

.content-block.tournament-details .info .title .tournament-name a {
    color: var(--color-black);
    text-decoration: none
}

.content-block.tournament-details .info .title .place {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.content-block.tournament-details .info .title .place .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.content-block.tournament-details .additional {
    width: calc(100% - 350px);
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.content-block.tournament-details .additional .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 33.33%
}

.content-block.tournament-details .additional .item .value {
    font-size: 1.05em;
    color: var(--color-gray);
    font-weight: 500;
    display: block;
    line-height: 30px
}

.content-block.tournament-details .additional .item .annotation {
    font-size: .75em;
    line-height: 20px
}

.content-block.tournament-details .top-places .top-place {
    width: 33.33%
}

.content-block.tournament-details .top-places .top-place .annotation {
    font-size: .75em;
    line-height: 20px;
    text-align: center;
    display: block
}

.content-block.tournament-details .top-places .no-team,.content-block.tournament-details .top-places .team {
    font-size: 1.1em;
    overflow: hidden;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.content-block.tournament-details .top-places .team {
    font-size: .96em
}

.content-block.tournament-details .top-places .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 5px 15px 5px 0;
    object-fit: contain;
    vertical-align: middle
}

.content-block.tournament-details .top-places .team .name {
    display: inline-block;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px
}

.match-streams .streams-options {
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.match-streams .streams-options .add-stream-popup,.match-streams .streams-options a {
    position: relative;
    display: inline-block;
    height: 23px;
    border: 1px solid;
    margin-right: 5px;
    border-radius: 5px;
    padding: 5px 10px;
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 15px;
    line-height: 23px;
    background-color: var(--element-bg);
    border-color: var(--border-secondary-color)!important;
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.match-streams .streams-options a {
    padding: 5px 10px 5px 30px
}

.match-streams .streams-options .add-stream-popup:hover,.match-streams .streams-options a.active,.match-streams .streams-options a:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color)!important;
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.tournament-groups .tournament-grid .element {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column
}

.tournament-groups .tournament-grid .grid-line {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 25px;
    font-size: .96em;
    margin-bottom: 10px
}

.tournament-groups .tournament-grid .grid-line.current {
    background-color: var(--block-bg)
}

.tournament-groups .tournament-grid .grid-line:last-child {
    margin-bottom: 0
}

.tournament-groups .tournament-grid .grid-line .team {
    width: 50%;
    cursor: pointer;
    position: relative
}

.tournament-groups .tournament-grid .grid-line .team .team-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.tournament-groups .tournament-grid .grid-line .team:hover .name {
    color: var(--color-active)
}

.tournament-groups .tournament-grid .grid-line .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 5px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.tournament-groups .tournament-grid .grid-line .team .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tournament-groups .tournament-grid .grid-titles {
    padding-bottom: 10px;
    border-bottom: 1px var(--border-secondary-color) solid;
    color: var(--color-subtitles);
    font-size: .8em
}

.tournament-groups .tournament-grid .grid-line .count {
    width: 12.5%;
    text-align: center;
    font-weight: 500
}

.tournament-groups .tournament-grid .grid-titles .count {
    font-weight: 400
}

.content-block.tournament-groups .header .teams-count {
    display: block;
    font-size: .8em;
    color: var(--color-subtitles)
}

.tournament-groups .tournament-grid .immediate {
    width: calc(100% - 20px);
    padding: 0 10px 10px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: .8em
}

.banner.bookmakers-animated-promo,.banner.bookmakers-promo {
    flex-direction: column;
    border-radius: 5px;
    line-height: normal;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px -2px var(--block-shadow);
    position: relative
}

.banner.bookmakers-promo {
    padding: 10px;
    width: calc(100% - 20px);
    background-size: cover
}

.banner.bookmakers-animated-promo {
    width: 100%
}

.banner.bookmakers-animated-promo img,.match-animated-bookmaker-promo img {
    width: 100%;
    height: auto;
    display: block
}

.banner.bookmakers-animated-promo span.cta-button {
    position: absolute;
    width: calc(80% - 10px)!important;
    left: 10%;
    bottom: 20px;
    background-color: var(--bet-bg);
    color: var(--color-white);
    font-weight: 700;
    border-radius: 5px;
    padding: 5px;
    z-index: 2;
    text-align: center;
    height: 30px;
    line-height: 30px;
    top: auto
}

.banner.bookmakers-animated-promo .cta-button:hover,.banner.bookmakers-promo .content .claim:hover span.outbound-bet,.banner.bookmakers-promo .content .odds .odd:hover .value,.match-bookmaker-promo .bookmaker .content .claim:hover span.outbound-bet {
    background-color: var(--bet-active-bg)
}

.banner.bookmakers-promo.football {
    background-image: url(../image/football-side-offer-1.jpg)
}

.banner.bookmakers-promo.football.s2 {
    background-image: url(../image/football-side-offer-2.jpg)
}

.banner.bookmakers-promo.football.s3 {
    background-image: url(../image/football-side-offer-3.jpg)
}

.banner.bookmakers-promo.football.s4 {
    background-image: url(../image/football-side-offer-4.jpg)
}

.banner.bookmakers-promo.football.s5 {
    background-image: url(../image/football-side-offer-5.jpg)
}

.banner.bookmakers-promo.football.s6 {
    background-image: url(../image/football-side-offer-6.jpg)
}

.banner.bookmakers-promo.football.s7 {
    background-image: url(../image/football-side-offer-7.jpg)
}

.banner.bookmakers-promo.football.s8 {
    background-image: url(../image/football-side-offer-8.jpg)
}

.banner.bookmakers-promo.football.s9 {
    background-image: url(../image/football-side-offer-9.jpg)
}

.banner.bookmakers-promo.football.s10 {
    background-image: url(../image/football-side-offer-10.jpg)
}

.banner.bookmakers-promo.football.s11 {
    background-image: url(../image/football-side-offer-11.jpg)
}

.banner.bookmakers-promo.basketball {
    background-image: url(../image/basketball-side-offer-1.jpg)
}

.banner.bookmakers-promo.basketball.s2 {
    background-image: url(../image/basketball-side-offer-2.jpg)
}

.banner.bookmakers-promo.basketball.s3 {
    background-image: url(../image/basketball-side-offer-3.jpg)
}

.banner.bookmakers-promo.basketball.s4 {
    background-image: url(../image/basketball-side-offer-4.jpg)
}

.banner.bookmakers-promo.basketball.s5 {
    background-image: url(../image/basketball-side-offer-5.jpg)
}

.banner.bookmakers-promo.basketball.s6 {
    background-image: url(../image/basketball-side-offer-6.jpg)
}

.banner.bookmakers-promo.basketball.s7 {
    background-image: url(../image/basketball-side-offer-7.jpg)
}

.banner.bookmakers-promo.csgo {
    background-image: url(../image/csgo-side-offer-1.jpg)
}

.banner.bookmakers-promo.csgo.s2 {
    background-image: url(../image/csgo-side-offer-2.jpg)
}

.banner.bookmakers-promo.csgo.s3 {
    background-image: url(../image/csgo-side-offer-3.jpg)
}

.banner.bookmakers-promo.lol {
    background-image: url(../image/lol-side-offer-1.jpg)
}

.banner.bookmakers-promo.lol.s2 {
    background-image: url(../image/lol-side-offer-2.jpg)
}

.banner.bookmakers-promo.lol.s3 {
    background-image: url(../image/lol-side-offer-3.jpg)
}

.banner.bookmakers-promo.dota2 {
    background-image: url(../image/dota2-side-offer-1.jpg)
}

.banner.bookmakers-promo.dota2.s2 {
    background-image: url(../image/dota2-side-offer-2.jpg)
}

.banner.bookmakers-promo.dota2.s3 {
    background-image: url(../image/dota2-side-offer-3.jpg)
}

.banner.bookmakers-promo.ow {
    background-image: url(../image/ow-side-offer-1.jpg)
}

.banner.bookmakers-promo.ow.s2 {
    background-image: url(../image/ow-side-offer-2.jpg)
}

.banner.bookmakers-promo.ow.s3 {
    background-image: url(../image/ow-side-offer-3.jpg)
}

.banner.bookmakers-promo.valorant {
    background-image: url(../image/valorant-side-offer-1.jpg)
}

.banner.bookmakers-promo.valorant.s2 {
    background-image: url(../image/valorant-side-offer-2.jpg)
}

.banner.bookmakers-promo.valorant.s3 {
    background-image: url(../image/valorant-side-offer-3.jpg)
}

.banner.bookmakers-promo.aov {
    background-image: url(../image/aov-side-offer-1.jpg)
}

.banner.bookmakers-promo.aov.s2 {
    background-image: url(../image/aov-side-offer-2.jpg)
}

.banner.bookmakers-promo.aov.s3 {
    background-image: url(../image/aov-side-offer-3.jpg)
}

.banner.bookmakers-promo.rl {
    background-image: url(../image/rl-side-offer-1.jpg)
}

.banner.bookmakers-promo.rl.s2 {
    background-image: url(../image/rl-side-offer-2.jpg)
}

.banner.bookmakers-promo.rl.s3 {
    background-image: url(../image/rl-side-offer-3.jpg)
}

.banner.bookmakers-promo.cod {
    background-image: url(../image/cod-side-offer-1.jpg)
}

.banner.bookmakers-promo.cod.s2 {
    background-image: url(../image/cod-side-offer-2.jpg)
}

.banner.bookmakers-promo.cod.s3 {
    background-image: url(../image/cod-side-offer-3.jpg)
}

.banner.bookmakers-promo.pubg {
    background-image: url(../image/pubg-side-offer-1.jpg)
}

.banner.bookmakers-promo.pubg.s2 {
    background-image: url(../image/pubg-side-offer-2.jpg)
}

.banner.bookmakers-promo.pubg.s3 {
    background-image: url(../image/pubg-side-offer-3.jpg)
}

.banner.bookmakers-promo.r6 {
    background-image: url(../image/r6-side-offer-1.jpg)
}

.banner.bookmakers-promo.r6.s2 {
    background-image: url(../image/r6-side-offer-2.jpg)
}

.banner.bookmakers-promo.r6.s3 {
    background-image: url(../image/r6-side-offer-3.jpg)
}

.banner.bookmakers-promo.wr {
    background-image: url(../image/wr-side-offer-1.jpg)
}

.banner.bookmakers-promo.wr.s2 {
    background-image: url(../image/wr-side-offer-2.jpg)
}

.banner.bookmakers-promo.wr.s3 {
    background-image: url(../image/wr-side-offer-3.jpg)
}

.banner.bookmakers-promo.roobet {
    background-image: url(../image/roobet-side-offer.jpg)!important;
    background-size: 400px!important
}

.banner.bookmakers-promo.sapphirebet {
    background-image: url(../image/sapphirebet-side-offer.png)!important;
    background-size: 400px!important
}

.banner.bookmakers-promo.cloudbet {
    background-image: url(../image/cloudbet-side-offer-1.jpg)!important;
    background-size: 400px!important
}

.banner.bookmakers-promo.cloudbet.s2 {
    background-image: url(../image/cloudbet-side-offer-2.jpg)!important;
    background-size: 400px!important
}

.banner.bookmakers-promo.cloudbet.s3 {
    background-image: url(../image/cloudbet-side-offer-3.jpg)!important;
    background-size: 400px!important
}

.banner.bookmakers-promo.cloudbet.football {
    background-image: url(../image/cloudbet-football-side-offer-1.jpg)!important;
    background-size: 400px!important
}

.banner.bookmakers-promo.cloudbet.football.s2 {
    background-image: url(../image/cloudbet-football-side-offer-2.jpg)!important;
    background-size: 400px!important
}

.banner.bookmakers-promo.futureplay.football {
    background-image: url(../image/futureplay-football-side-offer-1.png)!important;
    background-size: 400px!important
}

.banner.bookmakers-promo.coinplay {
    background-image: url(../image/coinplay-side-offer.jpg)!important
}

.banner.bookmakers-promo.mostbet {
    background-image: url(../image/mostbet-side-offer.png)!important
}

.banner.bookmakers-promo.cbet {
    background-image: url(../image/cbet-side-offer.jpg)!important
}

.banner.bookmakers-promo.\31xbit {
    background-image: url(../image/1xbit-side-offer.png)!important
}

.banner.bookmakers-promo.unikrn {
    background-image: url(../image/unikrn-side-offer.png)!important
}

.banner.bookmakers-promo.unikrn.csgo {
    background-image: url(../image/unikrn-csgo-side-offer.png)!important
}

.banner.bookmakers-promo.unikrn.dota2 {
    background-image: url(../image/unikrn-dota2-side-offer.png)!important
}

.banner.bookmakers-promo.betify {
    background-image: url(../image/betify-side-offer.png)!important
}

.banner.bookmakers-promo.betify.csgo {
    background-image: url(../image/betify-csgo-side-offer.png)!important
}

.banner.bookmakers-promo.betify.dota2 {
    background-image: url(../image/betify-dota2-side-offer.png)!important
}

.banner.bookmakers-promo.betify.football {
    background-image: url(../image/betify-football-side-offer.png)!important
}

.banner.bookmakers-promo.thunderpick {
    background-image: url(../image/thunderpick-side-offer.png)!important
}

.banner.bookmakers-promo.thunderpick.football {
    background-image: url(../image/thunderpick-football-side-offer.png)!important
}

.banner.bookmakers-promo.thunderpick.basketball {
    background-image: url(../image/thunderpick-basketball-side-offer.png)!important
}

.banner.bookmakers-promo.fairspin {
    background-image: url(../image/fairspin-side-offer.png)!important
}

.banner.bookmakers-promo.fairspin.football {
    background-image: url(../image/fairspin-football-side-offer.png)!important
}

.banner.bookmakers-promo.fairspin.basketball {
    background-image: url(../image/fairspin-basketball-side-offer.jpg)!important
}

.banner.bookmakers-promo.rainbet {
    background-image: url(../image/rainbet-side-offer.png)!important
}

.banner.bookmakers-promo.rainbet.football {
    background-image: url(../image/rainbet-football-side-offer.png)!important
}

.banner.bookmakers-promo.rainbet.basketball {
    background-image: url(../image/rainbet-basketball-side-offer.png)!important
}

.banner.bookmakers-promo .bookmaker {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
    z-index: 1
}

.banner.bookmakers-promo .bookmaker-logo {
    height: 15px;
    line-height: 15px;
    padding: 30px 10px 5px;
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: top 3px center;
    font-size: .8em;
    text-align: right;
    color: var(--color-white);
    background-color: rgba(0,0,0,.8);
    border-radius: 6px
}

.banner.bookmakers-promo .content {
    display: flex;
    flex-direction: column;
    width: 200px;
    background-color: rgba(255,255,255,.8);
    padding: 5px;
    border-radius: 5px;
    color: var(--color-gray);
    float: right;
    position: relative;
    z-index: 1
}

.banner.bookmakers-promo .content .promo {
    text-align: center;
    width: 100%;
    border: 1px var(--color-gray) dashed;
    background-color: #e3f2fd;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow);
    position: relative;
    margin-bottom: 10px
}

.banner.bookmakers-promo .content .promo .text {
    display: block;
    line-height: 19px;
    text-align: center;
    font-size: .8em
}

.banner.bookmakers-promo .content .promo .promocode {
    display: block;
    overflow: hidden
}

.banner.bookmakers-promo .content .promo .no-code,.banner.bookmakers-promo .content .promo .promocode .code {
    display: inline-block;
    width: calc(100% - 10px);
    line-height: 27px;
    font-size: 1.2em;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border: 0;
    background-color: transparent
}

.banner.bookmakers-promo .content .odds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-black);
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px var(--border-secondary-color) solid
}

.banner.bookmakers-promo .content .odds:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.banner.bookmakers-promo .content .odds .odd {
    position: relative
}

.banner.bookmakers-promo .content .odds .odd .outbound-bet {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.banner.bookmakers-promo .content .odds .odd:hover {
    cursor: pointer
}

.banner.bookmakers-promo .content .odds .odd .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 5px 10px 5px 5px;
    float: left;
    object-fit: contain
}

.banner.bookmakers-promo .content .odds .odd .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 25px;
    text-align: left
}

.banner.bookmakers-promo .content .claim span.outbound-bet,.banner.bookmakers-promo .content .odds .odd .value {
    font-weight: 700;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    background-color: var(--bet-bg);
    color: var(--color-white)
}

.banner.bookmakers-promo .content .odds .odd .value {
    display: inline-block;
    font-size: .7em;
    line-height: 10px;
    margin: 2.5px 0 2.5px 10px;
    float: right
}

.banner.bookmakers-promo .content .claim {
    width: 100%;
    position: relative;
    height: 50px
}

.banner.bookmakers-promo .content .claim span.outbound-bet {
    line-height: 40px;
    display: block;
    cursor: pointer
}

.banner.tips-promo {
    flex-direction: column;
    background-color: #e8f5e9;
    border: 1px #66bb6a solid;
    border-radius: 5px;
    padding: 10px;
    width: calc(100% - 22px);
    line-height: normal
}

.banner.tips-promo .header {
    padding: 0 10px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.banner.tips-promo .content {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    text-align: center
}

.banner.tips-promo .content .start {
    display: inline-block;
    border-radius: 5px;
    padding: 10px;
    color: var(--color-white);
    text-decoration: none;
    text-align: center;
    background-color: var(--tips-green);
    line-height: 20px
}

.banner.tips-promo .content .start:hover {
    background-color: var(--tips-active-green)
}

.banner.tips-promo .content .users-count {
    display: block;
    margin-top: 10px;
    font-size: .9em;
    line-height: 25px
}

.banner.tips-promo .header .title {
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 1.5em;
    font-weight: 700
}

.banner.tips-promo .header .annotation,.blog article {
    line-height: 25px
}

.banner.tips-promo .slider,.banner.top-match {
    display: flex;
    border-radius: 5px;
    overflow: hidden
}

.banner.tips-promo .slider {
    height: 75px;
    background-color: rgba(33,33,33,.08);
    color: var(--color-gray)
}

.banner.tips-promo .slider-container {
    display: flex;
    flex-direction: column;
    height: 75px;
    transition: all 2s;
    width: 100%
}

.banner.tips-promo .slide {
    display: flex;
    flex-direction: row;
    height: 55px!important;
    min-height: 55px!important;
    padding: 10px
}

.banner.tips-promo .slide .slide-title {
    padding: 5px 0;
    width: calc(100% - 55px)
}

.banner.tips-promo .slide .trophy-name {
    display: block;
    line-height: 30px;
    font-weight: 500;
    font-size: 1em;
    width: calc(100% - 10px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.banner.tips-promo .slide .price {
    display: block;
    line-height: 15px;
    font-size: .85em;
    color: var(--color-semigray)
}

.banner.top-match {
    width: calc(100% - 22px);
    margin-bottom: 20px;
    flex-direction: row;
    padding: 10px;
    background-color: rgba(0,120,190,.2);
    border: 1px #0078be solid;
    position: relative;
    cursor: pointer
}

.banner.top-match .bg {
    animation: slide 4s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg,rgba(255,255,255,.5) 50%,rgba(0,120,190,.3) 50%);
    bottom: 0;
    left: -50%;
    opacity: .3;
    right: -50%;
    top: 0;
    position: absolute;
    z-index: -1
}

.banner.top-match .bg2 {
    animation-direction: alternate-reverse;
    animation-duration: 5s
}

.banner.top-match .bg3 {
    animation-duration: 6s
}

.banner.top-match .bet-promo,.banner.top-match .header {
    width: calc(20% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.banner.top-match .header {
    padding-right: 20px
}

.banner.top-match .header .tournament {
    padding-left: 25px;
    width: calc(100% - 25px);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.banner.top-match .header .date-time {
    display: flex;
    flex-direction: row;
    line-height: 35px;
    font-size: .9em
}

.banner.top-match .header .date-time .time {
    margin-right: 15px;
    font-size: 1.5em;
    font-weight: 500
}

.banner.top-match .header .date-time .date,.banner.top-match .header .date-time .status {
    margin-top: 3px;
    font-weight: 400;
    color: var(--color-gray)
}

.banner.top-match .bet-promo {
    padding-left: 20px;
    text-align: center
}

.banner.top-match .bet-promo .button {
    width: calc(100% - 20px);
    display: inline-block;
    border-radius: 5px;
    line-height: 20px;
    padding: 10px;
    background-color: var(--bet-bg);
    color: var(--color-white)
}

.banner.top-match .bet-promo .button:hover,.banner.top-match .teams .team .odd:hover {
    cursor: pointer;
    background-color: var(--bet-active-bg)
}

.banner.top-match .bet-promo .promo {
    display: block;
    font-size: .9em;
    line-height: 15px
}

.banner.top-match .bet-promo .promo i {
    font-style: normal;
    color: var(--color-gray);
    text-decoration: underline
}

.banner.top-match .teams {
    width: 60%;
    overflow: hidden;
    position: relative;
    height: 75px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 5px;
    background-color: rgba(255,255,255,.1);
    color: var(--color-gray);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center center
}

.banner.top-match .teams .team {
    display: block;
    font-size: .96em;
    width: calc(50% - 20px);
    height: 55px;
    padding: 10px
}

.banner.top-match .teams .team .logo {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 2.5px;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    margin: 0 20px
}

.banner.top-match .teams .team .name {
    display: inline-block;
    font-weight: 500;
    float: right;
    width: calc(100% - 95px);
    font-size: 1.2em;
    line-height: 30px;
    color: var(--color-gray);
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.banner.top-match .teams .team .odd {
    float: left;
    display: inline-block;
    font-size: .7em;
    font-weight: 700;
    border-radius: 5px;
    line-height: 25px;
    padding: 0 5px;
    text-align: center;
    background-color: var(--bet-bg);
    color: var(--color-white)
}

.banner.top-match .teams .team:last-child .name {
    text-align: right
}

.banner.top-match .teams .team:last-child .logo,.banner.top-match .teams .team:last-child .odd {
    float: right
}

.banner.bookmakers-top {
    background-image: url(../image/bookmakers-bg.jpg);
    background-position: center center;
    background-size: cover;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(0,120,190,.2);
    border-color: #0078be;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    z-index: 10
}

.banner.bookmakers-top.\31xbit {
    background-image: url(../image/1xbit-bg.png)!important
}

.banner.bookmakers-top.unikrn {
    background-image: url(../image/unikrn-bg.jpg)!important
}

.banner.bookmakers-top.coinplay {
    background-image: url(../image/coinplay-bg.jpg)!important
}

.banner.bookmakers-top.mostbet {
    background-image: url(../image/mostbet-bg.png)!important
}

.banner.bookmakers-top.thunderpick {
    background-image: url(../image/thunderpick-bg.jpg)!important
}

.banner.bookmakers-top.fairspin {
    background-image: url(../image/fairspin-bg.jpg)!important
}

.banner.bookmakers-top.rainbet {
    background-image: url(../image/rainbet-bg.png)!important
}

.banner.bookmakers-top.cloudbet {
    background-image: url(../image/cloudbet-bg.jpg)!important
}

.banner.bookmakers-top.roobet {
    background-image: url(../image/roobet-bg.jpg)!important
}

.banner.bookmakers-top.sapphirebet {
    background-image: url(../image/sapphirebet-bg.png)!important
}

.banner.bookmakers-top.cbet {
    background-image: url(../image/cbet-bg.jpg)!important
}

.banner.bookmakers-top.betify {
    background-image: url(../image/betify-bg.png)!important
}

.banner.bookmakers-top.futureplay {
    background-image: url(../image/futureplay-bg.png)!important
}

.banner.bookmakers-top .banner-bg {
    width: calc(100% - 20px);
    padding: 10px
}

.banner.bookmakers-top.header {
    margin-top: 55px;
    margin-bottom: 0!important
}

.banner.bookmakers-top.footer {
    position: fixed;
    left: 0;
    bottom: -110px;
    margin-bottom: 0!important;
    z-index: 10
}

.banner.bookmakers-top .container {
    display: flex;
    justify-content: space-between
}

.banner.bookmakers-top.footer.active {
    bottom: 0
}

.banner.bookmakers-top .banner-link,.collected-achievements-banner .achievement a,.home-news .article a,.latest-news .article a {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.banner.bookmakers-top .bookmaker-logo {
    height: 40px;
    line-height: 40px;
    padding-left: 150px;
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: left center;
    font-weight: 500;
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 550px);
    color: var(--color-white)
}

.banner.bookmakers-top .bookmaker-logo .promo {
    text-align: center;
    width: 100%
}

.banner.bookmakers-top .bg {
    animation: slide 4s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg,rgba(255,255,255,.5) 50%,rgba(0,120,190,.3) 50%);
    bottom: 0;
    left: -50%;
    opacity: .3;
    right: -50%;
    top: 0;
    position: absolute;
    z-index: -1
}

.banner.bookmakers-top .bg2 {
    animation-direction: alternate-reverse;
    animation-duration: 5s
}

.banner.bookmakers-top .bg3 {
    animation-duration: 6s
}

.banner.bookmakers-top .bet-promo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    width: 400px;
    gap: 10px
}

.banner.bookmakers-top .bet-promo .promo-container {
    text-align: center;
    border: 1px var(--color-gray) dashed;
    background-color: #e3f2fd;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow);
    position: relative;
    width: calc(50% - 10px)
}

.banner.bookmakers-top .bet-promo .promo-container .promocode {
    display: block;
    overflow: hidden
}

.banner.bookmakers-top .bet-promo .promo-container .promocode .code {
    display: inline-block;
    line-height: 18px!important;
    height: 38px;
    font-size: 1.2em;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border: 0;
    width: calc(100% - 40px);
    background-color: transparent
}

.banner.bookmakers-top .bet-promo .button {
    display: inline-block;
    border-radius: 5px;
    line-height: 20px;
    padding: 10px 20px;
    background-color: var(--bet-bg);
    color: var(--color-white);
    z-index: 2;
    width: calc(50% - 0px)
}

.banner.bookmakers-top .bet-promo .button:hover {
    cursor: pointer;
    background-color: var(--bet-active-bg)
}

.banner.bookmakers-top .bet-promo.no-code .button {
    min-width: calc(100% - 40px)
}

.banner.bookmakers-top .bet-promo .promo {
    display: block;
    line-height: 15px;
    font-weight: 500
}

.banner.event-social-link .element {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap
}

.banner.event-social-link .element a {
    flex: 1 1 auto;
    min-width: 35px;
    height: 25px;
    padding: 5px;
    border: 1px solid;
    background-color: var(--element-bg);
    background-position: center center;
    border-color: var(--border-secondary-color);
    border-radius: 5px;
    background-size: 25px;
    background-repeat: no-repeat
}

.banner.event-social-link .element a.website {
    background-image: url(../svg/external-link.svg)
}

.banner.event-social-link .element a.twitter {
    background-image: url(../svg/twitter.svg)
}

.banner.event-social-link .element a.facebook {
    background-image: url(../svg/facebook.svg)
}

.banner.event-social-link .element a.instagram {
    background-image: url(../svg/instagram.svg)
}

.banner.event-social-link .element a.youtube {
    background-image: url(../svg/youtube-eb.svg)
}

.banner.event-social-link .element a.twitch {
    background-image: url(../svg/twitch-eb.svg)
}

.banner.event-social-link .element a.tiktok {
    background-image: url(../svg/tiktok.svg)
}

.banner.event-social-link .element a.esea {
    background-image: url(../svg/esea.svg)
}

.banner.event-social-link .element a.faceit {
    background-image: url(../svg/faceit.svg)
}

.banner.event-social-link .element a:hover {
    border-color: var(--border-active-color);
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.collected-achievements-banner .achievement {
    width: calc(100% - 22px);
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    position: relative
}

.collected-achievements-banner .achievement:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.collected-achievements-banner .achievement .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.collected-achievements-banner .achievement .content .usr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: .96em;
    overflow: hidden;
    width: calc(100% - 80px)
}

.collected-achievements-banner .achievement .content .usr .logo {
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 0 10px 0 0;
    display: inline-block;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.collected-achievements-banner .achievement .content .usr .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 60px);
    line-height: 20px
}

.collected-achievements-banner .achievement .content .usr .name .user-name {
    line-height: 30px
}

.collected-achievements-banner .achievement .content .usr .name .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.collected-achievements-banner .achievement .content .usr .name .country .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.collected-achievements-banner .achievement .content .achievement-info {
    font-size: .96em;
    overflow: hidden;
    width: 80px;
    background-color: rgba(33,33,33,.08);
    border-radius: 5px
}

.collected-achievements-banner .achievement .content .achievement-info .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    margin: 0 15px 0 0
}

.collected-achievements-banner .achievement .content .achievement-info .price {
    font-weight: 700;
    height: 20px;
    padding-top: 10px;
    width: 40px;
    text-align: center;
    display: inline-block;
    transform: rotate(270deg);
    transform-origin: 0;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    float: left;
    position: absolute;
    margin-top: 30px
}

.collected-achievements-banner .achievement .content .achievement-info .price.bronze {
    color: #ff6e00
}

.collected-achievements-banner .achievement .content .achievement-info .price.silver {
    color: #878c96
}

.collected-achievements-banner .achievement .content .achievement-info .price.gold {
    color: #e1aa00
}

.home-news .latest-news-list {
    display: flex;
    flex-flow: row wrap
}

.home-news .article {
    margin: 0 10px 10px 0;
    width: calc(50% - 7px);
    display: flex;
    flex-direction: column;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    position: relative
}

.home-news .article:nth-child(2n+3) {
    margin: 0 0 10px
}

.home-news .article:nth-last-of-type(-n+2) {
    margin-bottom: 0
}

.home-news .article.f-width {
    width: calc(100% - 2px);
    margin: 0 0 10px
}

.home-news .article:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.home-news .article .thumbnail {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.home-news .article.f-width .thumbnail {
    height: 300px
}

.home-news .article .article-info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    min-height: 46px
}

.home-news .article .article-info .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 70px;
    margin-right: 10px;
    color: var(--color-gray)
}

.home-news .article .article-info .info .date {
    font-size: .8em;
    font-weight: 500
}

.home-news .article .article-info .info .time {
    margin-top: 5px;
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray)
}

.home-news .article .article-info .title {
    width: calc(100% - 80px);
    font-size: .96em;
    line-height: 1.5em
}

.latest-news .article {
    width: calc(100% - 2px);
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    position: relative
}

.latest-news .article:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.latest-news .article .thumbnail {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.footer-links .footer-links-list,.latest-news .article .article-info {
    display: flex;
    flex-direction: row;
    padding: 10px
}

.latest-news .article .article-info .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 70px;
    margin-right: 10px;
    color: var(--color-gray)
}

.latest-news .article .article-info .info .date {
    font-size: .8em;
    font-weight: 500
}

.latest-news .article .article-info .info .time {
    margin-top: 5px;
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray)
}

.latest-news .article .article-info .title {
    width: calc(100% - 80px);
    font-size: .96em;
    line-height: 1.5em
}

.footer-links .footer-links-list {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    flex-wrap: wrap
}

.footer-links .element-title {
    color: var(--color-black);
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    margin-left: 10px
}

.faq-element .content .answer li,.footer-links .header {
    margin-bottom: 10px
}

.footer-links .footer-links-list a {
    flex: 0 0 calc(25% - 10px);
    margin: 5px;
    color: var(--color-gray);
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.footer-links .footer-links-list a:hover {
    color: var(--color-link-hover);
    text-decoration: underline
}

.accumulator-bets-banner .element {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    flex: 1 1 0px
}

.accumulator-bets-banner .network,.bookmakers-top-banner .bookmaker {
    display: flex;
    flex-direction: column;
    padding: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    position: relative
}

.accumulator-bets-banner .network {
    flex-basis: 100%;
    height: 55px;
    text-align: center;
    justify-content: flex-end;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 50px
}

.accumulator-bets-banner .network.telegram {
    background-image: url(../svg/share-telegram.svg)
}

.accumulator-bets-banner .network.whatsapp {
    background-image: url(../svg/share-whatsapp.svg)
}

.accumulator-bets-banner .network:hover,.bookmakers-top-banner .bookmaker:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.accumulator-bets-banner .network a,.bookmakers-top-banner .bookmaker span.outbound-bet,.match-animated-bookmaker-promo span.outbound-bet,.match-bookmaker-promo .bookmaker span.outbound-bet {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.bookmakers-top-banner .bookmaker {
    width: calc(100% - 22px);
    margin-bottom: 10px
}

.banner.redeem-info .annotations span:last-child,.banner.user-referal .annotations span:last-child,.bookmakers-top-banner .bookmaker:last-child {
    margin-bottom: 0
}

.bookmakers-top-banner .bookmaker .bookmaker-info {
    display: flex;
    flex-direction: row
}

.bookmakers-top-banner .bookmaker .bookmaker-logo {
    width: calc(50% - 90px);
    height: 27px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.bookmakers-top-banner .bookmaker .bonus {
    display: inline-block;
    line-height: 27px;
    font-size: .9em;
    color: rgb(255 0 0);
    font-weight: 500;
    width: 100px;
    text-align: center
}

.bookmakers-top-banner .bookmaker .bonus .currency {
    display: inline-block;
    font-size: .85em;
    margin-left: 2px
}

.bookmakers-top-banner .bookmaker .no-code,.bookmakers-top-banner .bookmaker .promocode .code {
    width: calc(50% - 10px);
    display: block;
    line-height: 15px;
    font-size: .9em;
    font-weight: 700;
    color: var(--color-gray);
    text-align: center;
    padding: 6px 5px
}

.bookmakers-top-banner .bookmaker .promocode {
    width: calc(50% - 10px);
    display: block;
    position: relative;
    overflow: hidden
}

.bookmakers-top-banner .bookmaker .promocode .code {
    display: inline-block;
    width: calc(100% - 20px);
    border: 1px var(--color-gray) dashed;
    -webkit-appearance: none;
    padding: 5px;
    border-radius: 5px;
    background-color: #e3f2fd;
    text-transform: uppercase
}

.bookmakers-top-banner .bookmaker .annotation {
    margin-top: 10px;
    font-size: .7em;
    font-weight: 400;
    color: var(--color-gray);
    display: block;
    text-align: center
}

.match-bookmaker-promo {

    background-position: center center
}

.match-bookmaker-promo.football {
    background-image: url(../image/football-offer-1.jpg)
}

.match-bookmaker-promo.football.s2 {
    background-image: url(../image/football-offer-2.jpg)
}

.match-bookmaker-promo.football.s3 {
    background-image: url(../image/football-offer-3.jpg)
}

.match-bookmaker-promo.football.s4 {
    background-image: url(../image/football-offer-4.jpg)
}

.match-bookmaker-promo.football.s5 {
    background-image: url(../image/football-offer-5.jpg)
}

.match-bookmaker-promo.football.s6 {
    background-image: url(../image/football-offer-6.jpg)
}

.match-bookmaker-promo.football.s7 {
    background-image: url(../image/football-offer-7.jpg)
}

.match-bookmaker-promo.football.s8 {
    background-image: url(../image/football-offer-8.jpg)
}

.match-bookmaker-promo.football.s9 {
    background-image: url(../image/football-offer-9.jpg)
}

.match-bookmaker-promo.football.s10 {
    background-image: url(../image/football-offer-10.jpg)
}

.match-bookmaker-promo.football.s11 {
    background-image: url(../image/football-offer-11.jpg)
}

.match-bookmaker-promo.basketball {
    background-image: url(../image/basketball-offer-1.jpg)
}

.match-bookmaker-promo.basketball.s2 {
    background-image: url(../image/basketball-offer-2.jpg)
}

.match-bookmaker-promo.basketball.s3 {
    background-image: url(../image/basketball-offer-3.jpg)
}

.match-bookmaker-promo.basketball.s4 {
    background-image: url(../image/basketball-offer-4.jpg)
}

.match-bookmaker-promo.basketball.s5 {
    background-image: url(../image/basketball-offer-5.jpg)
}

.match-bookmaker-promo.basketball.s6 {
    background-image: url(../image/basketball-offer-6.jpg)
}

.match-bookmaker-promo.basketball.s7 {
    background-image: url(../image/basketball-offer-7.jpg)
}

.match-bookmaker-promo.aov {
    background-image: url(../image/aov-offer-1.jpg)
}

.match-bookmaker-promo.aov.s2 {
    background-image: url(../image/aov-offer-2.jpg)
}

.match-bookmaker-promo.aov.s3 {
    background-image: url(../image/aov-offer-3.jpg)
}

.match-bookmaker-promo.rl {
    background-image: url(../image/rl-offer-1.jpg)
}

.match-bookmaker-promo.rl.s2 {
    background-image: url(../image/rl-offer-2.jpg)
}

.match-bookmaker-promo.rl.s3 {
    background-image: url(../image/rl-offer-3.jpg)
}

.match-bookmaker-promo.cod {
    background-image: url(../image/cod-offer-1.jpg)
}

.match-bookmaker-promo.cod.s2 {
    background-image: url(../image/cod-offer-2.jpg)
}

.match-bookmaker-promo.cod.s3 {
    background-image: url(../image/cod-offer-3.jpg)
}

.match-bookmaker-promo.pubg {
    background-image: url(../image/pubg-offer-1.jpg)
}

.match-bookmaker-promo.pubg.s2 {
    background-image: url(../image/pubg-offer-2.jpg)
}

.match-bookmaker-promo.pubg.s3 {
    background-image: url(../image/pubg-offer-3.jpg)
}

.match-bookmaker-promo.r6 {
    background-image: url(../image/r6-offer-1.jpg)
}

.match-bookmaker-promo.r6.s2 {
    background-image: url(../image/r6-offer-2.jpg)
}

.match-bookmaker-promo.r6.s3 {
    background-image: url(../image/r6-offer-3.jpg)
}

.match-bookmaker-promo.wr {
    background-image: url(../image/wr-offer-1.jpg)
}

.match-bookmaker-promo.wr.s2 {
    background-image: url(../image/wr-offer-2.jpg)
}

.match-bookmaker-promo.wr.s3 {
    background-image: url(../image/wr-offer-3.jpg)
}

.match-bookmaker-promo.csgo {
    background-image: url(../image/csgo-offer-1.jpg);
    background-position: center center
}

.match-bookmaker-promo.csgo.s2,.match-bookmaker-promo.csgo.s3 {
    background-image: url(../image/csgo-offer-2.jpg);
    background-position: center center
}

.match-bookmaker-promo.csgo.s3 {
    background-image: url(../image/csgo-offer-3.jpg)
}

.match-bookmaker-promo.dota2,.match-bookmaker-promo.dota2.s2 {
    background-image: url(../image/dota2-offer-1.jpg);
    background-position: center center
}

.match-bookmaker-promo.dota2.s2 {
    background-image: url(../image/dota2-offer-2.jpg)
}

.match-bookmaker-promo.dota2.s3,.match-bookmaker-promo.lol {
    background-image: url(../image/dota2-offer-3.jpg);
    background-position: center center
}

.match-bookmaker-promo.lol {
    background-image: url(../image/lol-offer-1.jpg)
}

.match-bookmaker-promo.lol.s2,.match-bookmaker-promo.lol.s3 {
    background-image: url(../image/lol-offer-2.jpg);
    background-position: center center
}

.match-bookmaker-promo.lol.s3 {
    background-image: url(../image/lol-offer-3.jpg)
}

.match-bookmaker-promo.ow,.match-bookmaker-promo.ow.s2 {
    background-image: url(../image/ow-offer-1.jpg);
    background-position: center center
}

.match-bookmaker-promo.ow.s2 {
    background-image: url(../image/ow-offer-2.jpg)
}

.match-bookmaker-promo.ow.s3,.match-bookmaker-promo.valorant {
    background-image: url(../image/ow-offer-3.jpg);
    background-position: center center
}

.match-bookmaker-promo.valorant {
    background-image: url(../image/valorant-offer-1.jpg)
}

.match-bookmaker-promo.valorant.s2 {
    background-image: url(../image/valorant-offer-2.jpg);
    background-position: center center
}

.match-bookmaker-promo.valorant.s3 {
    background-image: url(../image/valorant-offer-3.jpg);
    background-position: center center
}

.match-bookmaker-promo.coinplay {
    background-image: url(../image/coinplay-offer.jpg)!important
}

.match-bookmaker-promo.mostbet {
    background-image: url(../image/mostbet-offer.png)!important
}

.match-bookmaker-promo.cbet {
    background-image: url(../image/cbet-offer.jpg)!important
}

.match-bookmaker-promo.\31xbit {
    background-image: url(../image/1xbit-offer.png)!important
}

.match-bookmaker-promo.unikrn {
    background-image: url(../image/unikrn-offer.png)!important
}

.match-bookmaker-promo.betify {
    background-image: url(../image/betify-offer.png)!important
}

.match-bookmaker-promo.betify.csgo {
    background-image: url(../image/betify-offer-csgo.png)!important
}

.match-bookmaker-promo.betify.dota2 {
    background-image: url(../image/betify-offer-dota2.png)!important
}

.match-bookmaker-promo.betify.football {
    background-image: url(../image/betify-offer-football.png)!important
}

.match-bookmaker-promo.thunderpick {
    position: relative;
    background-image: url(../image/thunderpick-offer.png)!important
}

.match-bookmaker-promo.thunderpick.football {
    position: relative;
    background-image: url(../image/thunderpick-football-offer.png)!important
}

.match-bookmaker-promo.thunderpick.basketball {
    position: relative;
    background-image: url(../image/thunderpick-basketball-offer.png)!important
}

.match-bookmaker-promo.fairspin {
    position: relative;
    background-image: url(../image/fairspin-offer.png)!important
}

.match-bookmaker-promo.fairspin.football {
    position: relative;
    background-image: url(../image/fairspin-football-offer.png)!important
}

.match-bookmaker-promo.fairspin.basketball {
    position: relative;
    background-image: url(../image/fairspin-basketball-offer.png)!important
}

.match-bookmaker-promo.rainbet {
    position: relative;
    background-image: url(../image/rainbet-offer.png)!important
}

.match-bookmaker-promo.roobet {
    position: relative;
    background-image: url(../image/roobet-offer.jpg)!important
}

.match-bookmaker-promo.sapphirebet {
    position: relative;
    background-image: url(../image/sapphirebet-offer.png)!important
}

.match-bookmaker-promo.rainbet.football {
    position: relative;
    background-image: url(../image/rainbet-football-offer.png)!important
}

.match-bookmaker-promo.rainbet.basketball {
    position: relative;
    background-image: url(../image/rainbet-basketball-offer.png)!important
}

.match-bookmaker-promo.cloudbet {
    background-image: url(../image/cloudbet-offer-1.jpg)!important
}

.match-bookmaker-promo.cloudbet.s2 {
    background-image: url(../image/cloudbet-offer-2.jpg)!important
}

.match-bookmaker-promo.cloudbet.s3 {
    background-image: url(../image/cloudbet-offer-3.jpg)!important
}

.match-bookmaker-promo.cloudbet.football {
    background-image: url(../image/cloudbet-football-offer-1.jpg)!important
}

.match-bookmaker-promo.cloudbet.football.s2 {
    background-image: url(../image/cloudbet-football-offer-2.jpg)!important
}

.match-bookmaker-promo.cloudbet.football.s3 {
    background-image: url(../image/cloudbet-football-offer-3.jpg)!important
}

.match-bookmaker-promo.futureplay.football {
    background-image: url(../image/futureplay-football-offer-1.png)!important
}

.match-bookmaker-promo .bookmaker {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    align-items: center
}

.match-bookmaker-promo .bookmaker .bookmaker-logo {
    width: 100px;
    height: 15px;
    line-height: 15px;
    padding-top: 30px;
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: top 3px center;
    font-size: .8em;
    text-align: center
}

.match-bookmaker-promo .bookmaker .content {
    text-align: center;
    width: calc(100% - 300px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: rgba(255,255,255,.8);
    padding: 5px;
    border-radius: 5px;
    color: var(--color-gray)
}

.match-bookmaker-promo .bookmaker .content .claim {
    width: calc(50% - 5px);
    position: relative
}

.match-bookmaker-promo .bookmaker .content .claim span.outbound-bet {
    font-weight: 700;
    border-radius: 5px;
    line-height: 40px;
    padding: 5px;
    text-align: center;
    background-color: var(--bet-bg);
    color: var(--color-white)
}

.match-bookmaker-promo .bookmaker .content .promo {
    text-align: center;
    width: calc(50% - 5px);
    border: 1px var(--color-gray) dashed;
    background-color: #e3f2fd;
    border-radius: 5px;
    box-shadow: 0 0 5px -2px var(--block-active-shadow);
    position: relative;
    color: var(--color-gray)
}

.match-bookmaker-promo .bookmaker .promo .text {
    display: block;
    line-height: 19px;
    text-align: center;
    font-size: .8em
}

.match-bookmaker-promo .bookmaker .promo .promocode {
    display: block;
    overflow: hidden
}

.match-bookmaker-promo .bookmaker .promo .no-code,.match-bookmaker-promo .bookmaker .promo .promocode .code {
    display: inline-block;
    width: calc(100% - 10px);
    line-height: 27px;
    font-size: 1.2em;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border: 0;
    background-color: transparent;
    color: var(--color-gray)
}

.match-bookmaker-promo .odds {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
    color: var(--color-black);
    width: calc(50% - 5px)
}

.match-bookmaker-promo .odds .odd {
    position: relative
}

.match-bookmaker-promo .odds .odd:hover {
    cursor: pointer
}

.match-animated-bookmaker-promo .cta-button:hover,.match-bookmaker-promo .odds .odd:hover .value {
    background-color: var(--bet-active-bg)
}

.match-bookmaker-promo .odds .odd .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 5px 10px 5px 5px;
    float: left
}

.match-bookmaker-promo .odds .odd .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 25px;
    text-align: left
}

.match-animated-bookmaker-promo span.cta-button,.match-bookmaker-promo .odds .odd .value {
    background-color: var(--bet-bg);
    color: var(--color-white);
    font-weight: 700;
    border-radius: 5px;
    padding: 5px;
    text-align: center
}

.match-bookmaker-promo .odds .odd .value {
    display: inline-block;
    font-size: .7em;
    line-height: 10px;
    margin: 2.5px 0 2.5px 10px;
    float: right
}

.match-animated-bookmaker-promo {
    border-radius: 5px;
    line-height: normal;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px -2px var(--block-shadow);
    position: relative;
    width: 100%
}

.match-animated-bookmaker-promo span.cta-button {
    position: absolute;
    width: calc(80% - 10px)!important;
    left: 10%;
    bottom: 20px;
    z-index: 2;
    height: 30px;
    line-height: 30px;
    top: auto
}

.content-block.achievements .achievement,.content-block.collected-trophies .trophy {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row
}

.content-block.achievements .achievement .info {
    font-size: .96em;
    overflow: hidden;
    width: 80px;
    background-color: rgba(33,33,33,.08);
    border-radius: 5px
}

.content-block.achievements .achievement.short {
    display: block
}

.content-block.achievements .achievement.short .info {
    margin: 5px;
    float: left
}

.content-block.achievements .achievement .info .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    margin: 0 15px 0 0
}

.content-block.achievements .achievement .info.performed {
    opacity: .5
}

.content-block.achievements .achievement .info .price {
    font-weight: 700;
    height: 20px;
    padding-top: 10px;
    width: 40px;
    text-align: center;
    display: inline-block;
    transform: rotate(270deg);
    transform-origin: 0;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    float: left;
    position: absolute;
    margin-top: 30px
}

.content-block.achievements .achievement .info .price.bronze {
    color: #ff6e00
}

.content-block.achievements .achievement .info .price.silver {
    color: #878c96
}

.content-block.achievements .achievement .info .price.gold {
    color: #e1aa00
}

.content-block.achievements .achievement .content {
    display: flex;
    width: calc(100% - 100px);
    margin-left: 20px;
    justify-content: center;
    align-items: center
}

.content-block.achievements .achievement .content .description {
    display: inline-block;
    width: calc(100% - 270px);
    font-size: .9em;
    text-align: center;
    margin-right: 20px
}

.content-block.achievements .achievement .content .progress-bar {
    width: 250px
}

.content-block.achievements .achievement .content .progress-bar .progress-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 15px;
    font-size: .95em
}

.content-block.achievements .achievement .content .progress-bar .progress-header .bonus {
    font-size: .8em;
    font-weight: 500;
    color: var(--color-gray)
}

.content-block.achievements .achievement .content .progress-bar .progress-streak {
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
    height: 7px;
    float: left;
    background-color: #e1e1e1;
    position: relative
}

.content-block.achievements .achievement .content .progress-bar .progress-streak .value {
    position: absolute;
    width: 0%;
    height: 7px;
    background-color: rgba(45,125,50,.5)
}

.content-block.achievements .achievement .content .progress-bar .progress-streak.finished .value {
    background-color: #2d7d32
}

.content-block.collected-trophies .trophy .info {
    font-size: .96em;
    overflow: hidden;
    width: 350px
}

.content-block.collected-trophies .trophy .info .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    margin: 0 15px 0 0
}

.content-block.collected-trophies .trophy .info .title .trophy-name {
    display: block;
    line-height: 30px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 1.1em
}

.content-block.collected-trophies .trophy .info .title .price {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.content-block.collected-trophies .trophy .content {
    width: calc(100% - 350px);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    color: var(--color-gray)
}

.content-block.collected-trophies .trophy .content .date-time {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .8em;
    font-weight: 500
}

.content-block.collected-trophies .trophy .content .status {
    margin-left: 30px;
    font-size: .8em;
    font-weight: 400;
    color: var(--color-gray)
}

.archive-form-small {
    z-index: 1;
    margin: 10px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    flex-direction: row;
    justify-content: flex-start;
    display: none
}

.archive-form-small.active {
    display: flex
}

.archive-form-small .team,.compare-button {
    text-align: center;
    padding: 5px;
    outline: 0;
    border: 1px solid;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    border-color: var(--border-secondary-color)
}

.archive-form-small .team {
    line-height: 25px;
    font-weight: 500;
    width: calc(43% - 12px);
    display: block;
    font-size: .9em;
    background-color: var(--element-bg);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.archive-form-small .team.available {
    text-align: left
}

.archive-form-small .team.active {
    border-color: var(--border-secondary-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.archive-form-small .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 5px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.archive-form-small .team .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.archive-form-small .team:hover {
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.archive-form-small .vs {
    width: 14%;
    font-weight: 700;
    font-size: .9em;
    color: var(--color-subtitles);
    line-height: 37px;
    text-align: center
}

.compare-button {
    display: none;
    width: calc(100% - 32px);
    font-size: .96em
}

.compare-button a {
    color: var(--color-black);
    text-decoration: none;
    display: block;
    line-height: 25px
}

.compare-button.active {
    display: block
}

.compare-button,.compare-button:hover {
    background-color: var(--element-bg);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.compare-button:hover {
    border-color: var(--border-active-color)!important
}

.banner.redeem-info .promocode,.banner.user-referal .promocode {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

.banner.redeem-info .promocode .code,.banner.user-referal .promocode .code {
    display: inline-block;
    width: calc(100% - 12px);
    border: 1px var(--color-gray) dashed;
    line-height: 15px;
    font-size: .9em;
    -webkit-appearance: none;
    padding: 5px;
    border-radius: 5px;
    background-color: #e3f2fd;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-gray);
    text-align: center
}

.banner.redeem-info .annotations,.banner.user-referal .annotations {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px var(--border-secondary-color) solid
}

.banner.user-referal .annotations.promo {
    align-items: center;
    text-align: center
}

.banner.user-referal .annotations.promo .head {
    font-weight: 500
}

.banner.user-referal .annotations.promo .sub {
    color: var(--color-gray)
}

.banner.redeem-info .annotations span,.banner.user-referal .annotations span {
    font-size: .8em;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 10px
}

.banner.user-referal .referal-share {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.banner.user-referal .referal-share .button {
    margin-right: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    padding: 5px;
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

.banner.user-referal .referal-share .button:hover {
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.banner.user-referal .referal-share .button.viber {
    background-image: url(../svg/share-viber.svg)
}

.banner.user-referal .referal-share .button.telegram {
    background-image: url(../svg/share-telegram.svg)
}

.banner.user-referal .referal-share .button.whatsapp {
    background-image: url(../svg/share-whatsapp.svg)
}

.banner.user-referal .referal-share .button.messanger {
    background-image: url(../svg/share-messanger.svg)
}

.banner.user-referal .referal-share .button.additional {
    background-image: url(../svg/share-additional.svg)
}

.banner.user-referal .referal-share button.button {
    width: 40px;
    height: 40px
}

.banner.user-referal .referal-share button:disabled {
    display: none
}

.banner.user-referal .referal-share .button:last-child,footer .links-block a:last-child,footer .plus18 a:last-child {
    margin-right: 0
}

.banner .element {
    margin: 10px
}

.banner.user-external-link {
    padding: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    position: relative
}

.banner.user-external-link:hover {
    border-color: var(--border-active-color)
}

.banner.user-external-link a.external {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.banner.user-external-link .logo {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    background-position: center center;
    background-size: 35px;
    background-image: url(../svg/external-link.svg)
}

.banner.user-external-link .external-info {
    width: calc(100% - 45px);
    display: flex;
    flex-direction: column
}

.banner.user-external-link .external-info .title {
    line-height: 20px;
    font-weight: 500
}

.banner.user-external-link .external-info .button {
    text-decoration: none;
    line-height: 15px;
    color: var(--color-active);
    font-size: .8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.banner.social-connections .network {
    margin-bottom: 10px;
    padding: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    display: flex;
    flex-direction: row
}

.banner.social-connections .network .logo {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    background-position: center center;
    background-size: 25px auto;
    background-repeat: no-repeat
}

.banner.social-connections .network.apple .logo {
    background-image: url(../svg/apple.svg)
}

.banner.social-connections .network.google .logo {
    background-image: url(../svg/google.svg)
}

.banner.social-connections .network.facebook .logo {
    background-image: url(../svg/facebook.svg)
}

.banner.social-connections .network .network-info {
    width: calc(100% - 45px);
    display: flex;
    flex-direction: column
}

.banner.social-connections .network .network-info .title {
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 5px
}

.banner.social-connections .network .network-info .button {
    text-decoration: none;
    line-height: 10px;
    color: var(--color-active);
    font-size: .8em;
    cursor: pointer
}

.banner.social-connections .network:last-child,.faq-element .content .answer li:last-child,.faq-element .content .answer p:last-child {
    margin-bottom: 0
}

#player-chart {
    width: 100%!important;
    height: 100%!important
}

table.player-stats {
    color: #111;
    font-weight: 400;
    border: 0!important;
    border-collapse: collapse;
    width: 100%!important;
    display: table;
    overflow-x: auto;
    text-align: left;
    vertical-align: middle;
    line-height: 30px;
    font-size: .95em
}

table.player-stats thead tr th {
    font-size: .95rem;
    font-weight: 500;
    padding: 0 5px 5px
}

table.player-stats tbody tr td {
    padding: 5px
}

table.player-stats tbody tr:last-child td {
    padding: 5px 5px 0
}

table.player-stats tbody tr td span {
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block
}

table.player-stats tbody tr td span.up {
    background-image: url(../svg/arrow-up.svg)
}

table.player-stats tbody tr td span.down {
    background-image: url(../svg/arrow-down.svg)
}

table.player-stats tbody tr td span.equal {
    background-image: url(../svg/arrow-equal.svg)
}

.user-votes .active-team {
    margin: 10px
}

.user-votes .active-team .team,.user-votes .users-list .user {
    background-color: var(--element-bg);
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
    font-size: .96em
}

.user-votes .active-team .team {
    display: block;
    border: 1px solid;
    border-color: var(--border-secondary-color)
}

.user-votes .active-team .team .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    margin: 0 10px 0 0
}

.user-votes .active-team .title .team-name {
    display: block;
    line-height: 30px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 1.1em
}

.user-votes .active-team .title .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.pop-up.bookmaker-calculator .content-header .tip-highlights .team .name .country .flag,.user-votes .active-team .title .country .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.user-votes .content {
    max-height: calc(75vh - 122px)!important
}

.user-votes .users-list {
    margin: 10px
}

.user-votes .users-list .user {
    margin-bottom: 10px;
    border: 1px var(--border-secondary-color) solid;
    width: calc(100% - 10px);
    position: relative;
    display: flex;
    flex-direction: row;
    line-height: 25px
}

.related-news .list-element a,.teams-top-banner .teams-list .team a,.tournaments-top-banner .tournaments-list .tournament a,.user-votes .users-list .user .user-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.related-news .list-element:hover,.user-votes .users-list .user:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.user-votes .users-list .user .avatar {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: 2.5px 10px 2.5px 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.user-votes .users-list .user .points {
    display: inline-block;
    font-size: .7em;
    font-weight: 700;
    border-radius: 5px;
    line-height: 10px;
    padding: 5px;
    margin: 2.5px 0;
    color: var(--color-white);
    background-color: var(--tips-red);
    position: absolute;
    right: 10px
}

.user-votes .users-list .user .points.win {
    background-color: var(--tips-green)
}

.teams-selector .search-teams {
    margin: 10px;
    height: 40px
}

.teams-selector .search-teams input[type=text] {
    display: block;
    width: calc(100% - 25px);
    padding: 10px;
    color: var(--color-black);
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    height: 18px
}

.related-news .list-element {
    margin-bottom: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 10px);
    padding: 5px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 25px;
    font-size: .96em
}

.related-news .list-element:hover {
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.related-news .list-element .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 5px 0 0;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.related-news .list-element .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.related-news .list-element.match {
    flex-direction: column
}

.related-news .list-element.match .team {
    width: 100%;
    display: flex;
    justify-content: flex-start
}

.related-news .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 5px 0 0;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.teams-selector .teams-list {
    margin: 10px
}

.teams-selector .teams-list .no-teams {
    display: block;
    text-align: center
}

.teams-selector .teams-list .team,.teams-top-banner .teams-list .team {
    margin-bottom: 10px;
    width: calc(100% - 10px);
    padding: 5px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    font-size: .96em
}

.teams-selector .teams-list .team:hover,.teams-top-banner .teams-list .team:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.teams-selector .teams-list .team .logo,.teams-top-banner .teams-list .team .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 5px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.teams-selector .teams-list .team .name,.teams-top-banner .teams-list .team .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.teams-top-banner .teams-list .team .streak {
    width: 150px;
    height: 7px;
    float: left;
    background-color: #e1e1e1;
    position: relative;
    margin-top: 9px;
    margin-right: 10px
}

.teams-top-banner .teams-list .team .streak .value {
    position: absolute;
    width: 0%;
    height: 7px;
    background-color: #ffb300
}

.teams-top-banner .teams-list .team .streak.lose .value {
    right: 0;
    background-color: #039be5
}

.teams-top-banner .teams-list .team .point {
    display: block;
    font-size: .95em;
    line-height: 25px;
    min-width: 20px;
    text-align: right
}

.faq-element .content .answer,.teams-selector .teams-list .team,.teams-top-banner .teams-list .team,.tournaments-top-banner .tournaments-list .tournament {
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    line-height: 25px
}

.tournaments-top-banner .tournaments-list .tournament {
    margin-bottom: 10px;
    width: calc(100% - 10px);
    padding: 5px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row
}

.tournaments-top-banner .tournaments-list .tournament:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.tournaments-top-banner .tournaments-list .tournament .logo {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    margin: 0 5px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.tournaments-top-banner .tournaments-list .tournament.player .logo {
    border-radius: 12.5px
}

.tournaments-top-banner .tournaments-list .tournament .name {
    display: block;
    font-weight: 500;
    float: left;
    width: calc(100% - 110px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.faq-element .content .answer {
    margin: 10px;
    width: calc(100% - 42px);
    padding: 10px
}

.faq-element .content .answer table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    table-layout: fixed
}

.faq-element .content .answer figure figcaption,.faq-element .content .answer table caption,article.matches-desc table caption {
    text-align: left;
    margin-bottom: 10px
}

.faq-element .content .answer table td,.faq-element .content .answer table th,article.matches-desc table td,article.matches-desc table th {
    border: 1px solid var(--border-primary-color);
    text-align: left;
    padding: 5px
}

.faq-element .content .answer figure,.faq-element .content .answer p {
    margin-bottom: 20px
}

.faq-element .content .answer ul {
    margin: 0 0 0 20px;
    padding: 0 0 0 10px;
    list-style: disc
}

.blog article li a,.blog article p a,.faq-element .content .answer a,article.matches-desc li a,article.matches-desc p a {
    color: var(--color-link)
}

.blog article li a:hover,.blog article p a:hover,.faq-element .content .answer a:hover,article.matches-desc li a:hover,article.matches-desc p a:hover {
    color: var(--color-link-hover)
}

.faq-element .toggle {
    width: calc(100% - 50px);
    background-image: url(../svg/to-bot-black.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: transparent;
    cursor: pointer;
    padding-right: 40px
}

.faq-element .toggle.active {
    background-color: var(--block-header-bg);
    background-image: url(../svg/to-top-black.svg)
}

.faq-page .toggle:last-child {
    border-color: transparent
}

.faq-page .toggle.active:last-child {
    border-color: rgba(205,205,205,.6)
}

.faq-page .toggle-content {
    border-bottom: 1px rgba(205,205,205,.6) solid
}

.faq-page .interlinking__list {
    display: flex;
    margin: 10px;
    column-gap: 10px
}

.faq-page .interlinking__list .interlinking__item {
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    padding: 10px;
    line-height: 25px;
    position: relative;
    flex: 1 1 0px
}

.faq-page .interlinking__list .interlinking__item:hover {
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.faq-page .interlinking__list .interlinking__item a {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.faq-page .interlinking__list .interlinking__item .interlinking__item-title {
    font-weight: 500;
    font-size: .9em;
    color: var(--color-black)
}

.faq-page .interlinking__list .interlinking__item .interlinking__item-image {
    width: 100%;
    height: 185px;
    margin-bottom: 10px
}

.faq-page .interlinking__list .interlinking__item .interlinking__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#replay-embed iframe,#video-frame iframe {
    overflow: hidden;
    border-radius: 5px;
    margin: 0 10px 10px;
    width: calc(100% - 20px)
}

#replay-embed iframe {
    margin: 10px
}

footer {
    color: var(--color-white);
    width: 100%;
    box-shadow: 0-5px 5px -2px rgba(33,33,33,.15);
    background-color: #455a64;
    text-align: center;
    z-index: 9;
    position: relative;
    padding-bottom: 60px
}

footer .container {
    padding: 15px 20px
}

footer .footer-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px rgba(240,255,255,.15) solid
}

footer .footer-line:first-child {
    padding: 5px 0 15px
}

footer .footer-line:last-child {
    border-bottom: 0;
    align-items: flex-start
}

footer .links-block {
    display: flex;
    flex-direction: row
}

footer .links-block.lines {
    flex-direction: column;
    align-items: flex-start
}

footer .links-block.lines .line:not(:first-child) {
    margin-top: 10px
}

footer .button-links a,footer .links-block a,footer .plus18 a {
    display: inline-block;
    color: var(--color-white);
    text-decoration: none
}

footer .links-block a,footer .plus18 a {
    margin: 0 20px 0 0;
    padding-bottom: 3px;
    padding-top: 5px;
    line-height: 20px;
    border-bottom: 2px solid;
    border-color: transparent
}

footer .copyrights {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 30px
}

footer .plus18 {
    padding-right: 40px;
    background-image: url(../svg/plus-18.svg);
    background-position: right center;
    background-repeat: no-repeat
}

footer .links-block a.active,footer .links-block a:hover,footer .plus18 a:hover {
    border-bottom: 2px var(--header-active-border) solid
}

footer .copyrights p {
    margin-top: 10px
}

footer .button-links,footer .footer-toggles {
    display: flex;
    flex-direction: row
}

footer .button-links a {
    padding: 10px;
    height: 30px;
    border-radius: 7px;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 10px
}

footer .button-links a:last-child {
    margin-right: 0
}

footer .button-links.app-links a {
    padding-left: 50px;
    width: 110px;
    background-color: #222;
    text-align: left;
    font-size: 9px;
    background-position: left center;
    background-repeat: no-repeat;
    letter-spacing: 1px
}

footer .button-links.app-links a.standalone {
    background-image: url(../svg/progressive-web-app.svg)
}

footer .button-links.app-links a.google {
    background-image: url(../svg/play-store.svg)
}

footer .button-links.app-links a.microsoft {
    background-image: url(../svg/microsoft-store.svg)
}

footer .button-links.app-links a:hover {
    background-color: #111
}

footer .button-links.social-links a {
    width: 30px;
    background-color: rgba(253,253,253,.8);
    background-size: 30px;
    background-position: center center;
    background-repeat: no-repeat
}

footer .button-links.social-links a.google-news {
    background-image: url(../svg/google-news.svg)
}

footer .button-links.social-links a.facebook {
    background-image: url(../svg/facebook.svg)
}

footer .button-links.social-links a.youtube {
    background-image: url(../svg/youtube-eb.svg)
}

footer .button-links.social-links a.tiktok {
    background-image: url(../svg/tiktok.svg)
}

footer .button-links.social-links a.steam {
    background-image: url(../svg/steam.svg)
}

footer .button-links.social-links a.twitter {
    background-image: url(../svg/twitter.svg)
}

footer .button-links.social-links a:hover {
    background-color: #cdcdcd
}

footer .info .title,footer .toggle-navigation .toggle {
    text-align: left;
    display: inline-block;
    padding: 0 10px;
    width: 195px;
    color: var(--color-white);
    border: 1px rgba(240,255,255,.15) solid;
    border-radius: 5px;
    line-height: 43px
}

footer .info .title span {
    background-image: url(../svg/timezone-white.svg)
}

footer .toggle-navigation .toggle {
    background-image: url(../svg/to-top.svg);
    background-position: right 7.5px center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
    margin-left: 10px
}

footer .toggle-navigation .toggle.active {
    background-image: url(../svg/to-bot.svg)
}

footer .info .title span,footer .toggle-navigation .toggle span {
    display: inline-block;
    padding-left: 40px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 30px
}

footer .toggle-navigation.odds .toggle span {
    background-image: url(../svg/odds-white.svg)
}

footer .toggle-navigation.languages .toggle span {
    background-image: url(../svg/globe-white.svg)
}

footer .toggle-navigation {
    display: inline-block;
    position: relative;
    line-height: 18px;
    cursor: pointer
}

footer .toggle-navigation .toggle-content {
    display: none;
    position: absolute;
    z-index: 99;
    bottom: 50px;
    right: 1px;
    border: 1px rgba(33,33,33,.15) solid;
    background-color: var(--block-bg);
    border-radius: 5px
}

footer .toggle-navigation .toggle-content a {
    display: block;
    width: 195px;
    padding: 10px;
    border-bottom: 1px rgba(33,33,33,.15) solid;
    color: var(--color-gray);
    text-decoration: none
}

footer .toggle-navigation .toggle-content a:hover {
    background-color: #ebebeb
}

footer .toggle-navigation .toggle-content a:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

footer .toggle-navigation .toggle-content a:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

footer .logo {
    float: left;
    text-align: center;
    width: 150px;
    height: 35px;
    margin-right: 20px
}

footer .logo a,footer .logo a span {
    font-family: "Montserrat Alternates",sans-serif;
    font-size: 23px;
    display: inline-block;
    line-height: 35px;
    color: var(--color-white);
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

footer .logo a span {
    font-size: 16px;
    line-height: 20px;
    color: var(--header-nav-bg);
    margin-left: 2px;
    -webkit-transition: all .15s;
    transition: all .15s
}

#sidebar {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100vh;
    background-color: var(--element-bg);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    z-index: 999
}

#sidebar.active {
    left: 0;
    box-shadow: 2px 0 5px -2px var(--block-shadow)
}

#sidebar .close-sidebar-button {
    position: absolute;
    cursor: pointer;
    bottom: 20px;
    left: 20px;
    width: 240px;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    line-height: 20px;
    background-color: #28a546;
    color: var(--color-white);
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: 25px;
    background-image: url(../svg/close.svg)
}

#sidebar .navigation {
    max-height: calc(100vh - env(safe-area-inset-bottom));
    overflow-y: auto;
    color: var(--color-black)
}

#sidebar .navigation .navigation-separator,.user-tips .content .navigation-separator {
    font-size: .9em;
    color: var(--color-gray);
    padding: 10px;
    line-height: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

#sidebar .navigation .navigation-separator::before,.user-tips .content .navigation-separator::before {
    margin: auto 20px auto 0
}

#sidebar .navigation .navigation-separator::after,.user-tips .content .navigation-separator::after {
    margin: auto 0 auto 20px
}

#sidebar .navigation .navigation-separator::after,#sidebar .navigation .navigation-separator::before,.content-block.trophies-selector .trophies-list .desc::after,.content-block.trophies-selector .trophies-list .desc::before,.user-tips .content .navigation-separator::after,.user-tips .content .navigation-separator::before {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    content: " ";
    background: #636363;
    height: 1px
}

#sidebar .user {
    line-height: 55px
}

#sidebar .user .toggle {
    display: block;
    padding: 0 10px;
    width: calc(100% - 20px);
    background-image: url(../svg/to-bot-black.svg);
    background-color: rgba(222,222,222,.2);
    background-position: right 17.5px center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
    overflow: hidden
}

#sidebar .user .toggle.active {
    background-image: url(../svg/to-top-black.svg);
    background-color: rgba(222,222,222,.3)
}

#sidebar .user .toggle .avatar {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 12.5px 0;
    float: left
}

#sidebar .user.unknown .toggle .avatar {
    background: url(../svg/user-black.svg)center center no-repeat
}

#sidebar .user.logged .toggle .avatar {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px
}

#sidebar .languages .toggle span,#sidebar .user .toggle .name {
    display: inline-block;
    line-height: 55px;
    padding-left: 10px
}

#sidebar .user.logged .toggle .name {
    display: block;
    line-height: 20px;
    margin-top: 12.5px;
    padding-left: 40px
}

#sidebar .user.logged .toggle .info {
    display: block;
    line-height: 10px;
    padding-left: 40px;
    font-size: .75em
}

#sidebar .user .toggle-content {
    display: none;
    padding: 10px;
    z-index: 1
}

#sidebar .user .toggle-content a.active,#sidebar .user .toggle-content a:hover {
    color: #aa3c14;
    background-color: rgba(222,222,222,.2)
}

#sidebar .game {
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
    overflow: hidden;
    border-top: 1px var(--header-nav-border) solid
}

#sidebar .game .toggle {
    display: inline-block;
    padding: 0 10px;
    width: calc(100% - 20px);
    background-image: url(../svg/to-bot.svg);
    background-position: right 17.5px center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: var(--header-nav-bg);
    color: var(--color-white);
    cursor: pointer
}

#sidebar .game .toggle.active,#sidebar .game .toggle:hover {
    background-color: var(--header-nav-active-bg)
}

#sidebar .game .toggle.active {
    background-image: url(../svg/to-top.svg)
}

#sidebar .game .toggle-content {
    display: none;
    padding: 10px;
    z-index: 1
}

#sidebar .game .toggle-content a.active,#sidebar .game .toggle-content a:hover {
    color: #be370a;
    background-color: rgba(222,222,222,.2)
}

#sidebar .additional-info,#sidebar .game,#sidebar .languages,#sidebar .odds-format {
    line-height: 55px
}

#sidebar .game.cod .toggle span {
    background-image: url(../svg/games/cod.svg)
}

#sidebar .game.pubg .toggle span {
    background-image: url(../svg/games/pubg.svg)
}

#sidebar .game.r6 .toggle span {
    background-image: url(../svg/games/r6.svg)
}

#sidebar .game.wr .toggle span {
    background-image: url(../svg/games/wr.svg)
}

#sidebar .game.football .toggle span {
    background-image: url(../svg/games/football.svg)
}

#sidebar .game.basketball .toggle span {
    background-image: url(../svg/games/basketball.svg)
}

#sidebar .additional-info .toggle,#sidebar .languages .toggle,#sidebar .odds-format .toggle {
    display: inline-block;
    padding: 0 10px;
    width: calc(100% - 20px);
    background-image: url(../svg/to-bot-black.svg);
    background-position: right 17.5px center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer
}

#sidebar .additional-info .toggle:hover,#sidebar .languages .toggle:hover,#sidebar .odds-format .toggle:hover {
    background-color: #dedede
}

#sidebar .additional-info .toggle.active,#sidebar .languages .toggle.active,#sidebar .odds-format .toggle.active {
    background-color: #dedede;
    background-image: url(../svg/to-top-black.svg)
}

#sidebar .languages .toggle span {
    padding-left: 40px;
    background: url(../svg/globe.svg)center left no-repeat;
    background-size: 30px
}

#sidebar .odds-format .toggle span {
    display: inline-block;
    line-height: 55px;
    padding-left: 40px;
    background: url(../svg/odds.svg)center left no-repeat;
    background-size: 30px!important
}

#sidebar .additional-info .toggle span {
    display: inline-block;
    line-height: 55px;
    padding-left: 40px;
    background: url(../svg/info.svg)center left no-repeat;
    background-size: 30px
}

#sidebar .additional-info .toggle-content,#sidebar .languages .toggle-content,#sidebar .odds-format .toggle-content {
    display: none;
    padding: 10px;
    z-index: 1
}

#sidebar .additional-content a.active,#sidebar .additional-content a:hover,#sidebar .additional-info .toggle-content a.active,#sidebar .additional-info .toggle-content a:hover,#sidebar .languages .toggle-content a.active,#sidebar .languages .toggle-content a:hover,#sidebar .odds-format .toggle-content a.active,#sidebar .odds-format .toggle-content a:hover {
    color: #aa3c14;
    background-color: rgba(222,222,222,.2)
}

#sidebar .additional-content {
    display: block;
    padding: 10px;
    z-index: 1
}

.user-edit-form {
    width: 100%
}

.user-edit-form label {
    display: block;
    margin-bottom: 10px
}

.user-edit-form input[type=email],.user-edit-form input[type=password],.user-edit-form input[type=text],.user-interactions .user-form form input[type=email],.user-interactions .user-form form input[type=password],.user-interactions .user-form form input[type=text] {
    display: block;
    width: calc(100% - 22px);
    padding: 10px;
    color: var(--color-black);
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    margin-bottom: 20px
}

.user-edit-form select {
    display: block;
    width: 100%;
    padding: 10px;
    color: var(--color-black);
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    margin-bottom: 20px
}

.user-edit-form input[type=email]:disabled,.user-edit-form input[type=password]:disabled,.user-edit-form input[type=text]:disabled {
    padding-left: 45px;
    width: calc(100% - 57px);
    background-image: url(../svg/lock.svg);
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 15px
}

.user-edit-form button,.user-interactions .user-form form button,.user-updateemail-form button {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: .9em;
    color: var(--color-white);
    background-color: var(--button-bg);
    border: 1px var(--button-border) solid;
    border-radius: 5px
}

.add-stream-form {
    padding: 20px;
    width: calc(100% - 40px)
}

.user-edit-form button:hover,.user-interactions .user-form .user-card .card-additioonal a:hover,.user-interactions .user-form form button:hover,.user-updateemail-form button:hover {
    background-color: var(--button-active-bg);
    cursor: pointer
}

.user-interactions {
    overflow: hidden
}

.user-interactions .promo {
    width: 65%;
    float: left;
    display: flex;
    flex-direction: column
}

.user-interactions .promo .text-part .sub-title,.user-interactions .promo .text-part .title {
    text-align: left;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 10px;
    text-transform: none;
    font-size: 42px
}

.user-interactions .promo .text-part .sub-title {
    display: block;
    line-height: 30px;
    font-size: 24px
}

.blog article ol li,.blog article ul li,.user-interactions .promo .text-part .games-block,.user-interactions .promo .text-part .tournaments-block,article.matches-desc ol li,article.matches-desc ul li {
    margin-bottom: 10px
}

.user-interactions .promo .text-part .games-block span,.user-interactions .promo .text-part .tournaments-block span {
    display: inline-block;
    padding: 10px;
    width: 266px;
    height: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px transparent solid
}

.user-interactions .promo .text-part .games-block span {
    width: 50px;
    background-size: 45px;
    margin-right: 10px
}

.user-interactions .promo .text-part .games-block span.csgo {
    background-image: url(../svg/games/csgo-fill.svg)
}

.user-interactions .promo .text-part .games-block span.dota2 {
    background-image: url(../svg/games/dota2-fill.svg)
}

.user-interactions .promo .text-part .games-block span.lol {
    background-image: url(../svg/games/lol-fill.svg)
}

.user-interactions .promo .text-part .games-block span.ow {
    background-image: url(../svg/games/ow-fill.svg)
}

.user-interactions .promo .text-part .games-block span.valorant {
    background-image: url(../svg/games/valorant-fill.svg)
}

.user-interactions .user-form .network-auth {
    padding: 25px 25px 0
}

.user-interactions .user-form .network-auth a {
    display: block;
    width: calc(100% - 60px);
    padding: 15px 10px 15px 50px;
    font-size: .9em;
    color: var(--color-gray);
    background-color: rgba(33,33,33,.08);
    text-decoration: none;
    border-radius: 5px;
    margin-bottom: 10px;
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 25px
}

.user-interactions .user-form .network-auth a.apple {
    background-image: url(../svg/apple.svg)
}

.user-interactions .user-form .network-auth a.google {
    background-image: url(../svg/google.svg)
}

.user-interactions .user-form .network-auth a.facebook {
    background-image: url(../svg/facebook.svg)
}

.user-interactions .user-form .network-auth a:hover {
    background-color: rgba(33,33,33,.09);
    cursor: pointer
}

.user-interactions .user-form .network-auth a:last-child {
    margin-bottom: 0
}

.user-interactions .user-form {
    width: 35%;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    margin: 0 auto
}

.user-interactions .user-form .auth-separator {
    font-size: .9em;
    color: var(--color-gray);
    padding: 20px;
    line-height: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.user-interactions .user-form .auth-separator::after,.user-interactions .user-form .auth-separator::before {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    content: " ";
    background: #636363;
    height: 1px;
    margin: auto 20px
}

.user-interactions .user-form .user-card {
    padding: 25px;
    color: var(--color-black);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.user-interactions .user-form .user-card .user .avatar {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px
}

.user-interactions .user-form .user-card .user {
    width: calc(100% - 20px);
    padding: 10px;
    background-color: rgba(33,33,33,.08);
    margin-bottom: 15px;
    border-radius: 5px;
    position: relative
}

.user-interactions .user-form .user-card .user a {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.user-interactions .user-form .user-card .user:hover {
    background-color: rgba(33,33,33,.09)
}

.user-interactions .user-form .user-card .user .name {
    display: block;
    line-height: 20px;
    padding-left: 40px
}

.user-interactions .user-form .user-card .user .info {
    display: block;
    line-height: 10px;
    padding-left: 40px;
    font-size: .75em
}

.user-interactions .user-form .user-card .user-points {
    width: calc(100% - 20px);
    text-align: center;
    margin-bottom: 15px;
    padding: 10px
}

.user-interactions .user-form .user-card .user-points .points {
    font-size: 3em;
    font-weight: 700
}

.user-interactions .user-form .user-card .user-points .annotation {
    display: block;
    line-height: 15px;
    font-size: .75em;
    color: var(--color-semigray)
}

.user-interactions .user-form .user-card .user-links {
    width: 100%;
    text-align: center
}

.user-interactions .user-form .user-card .user-links a {
    display: block;
    font-size: .9em;
    color: rgba(33,33,33,.8);
    text-align: center
}

.user-interactions .user-form .user-card .card-additioonal {
    width: 100%
}

.user-interactions .user-form .user-card .card-additioonal a {
    display: block;
    width: calc(100% - 22px);
    padding: 10px;
    font-size: .9em;
    color: var(--color-white);
    background-color: var(--button-bg);
    border: 1px var(--button-border) solid;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    line-height: 18px
}

.user-interactions .user-form form {
    padding: 25px;
    color: var(--color-black)
}

.user-interactions .user-form form#user-authorization-form,.user-interactions .user-form form#user-registration-form {
    padding-top: 0
}

.user-interactions .user-form form .network-msg {
    padding-top: 25px;
    line-height: 1.5em;
    text-align: center
}

.user-interactions .user-form form .form-name {
    display: block;
    font-size: 1.15em;
    margin-bottom: 10px
}

.user-interactions .user-form form .form-desc {
    display: block;
    margin-bottom: 30px;
    line-height: 1.2em;
    font-size: .9em
}

.user-interactions .user-form form label {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 15px
}

.user-interactions .user-form form label span.annotation {
    font-size: .8em;
    color: var(--color-subtitles)
}

.user-interactions .user-form form .have-promocode {
    display: inline-block;
    margin-bottom: 20px;
    border-bottom: 1px dashed;
    color: var(--color-active);
    cursor: pointer
}

.user-interactions .user-form .form-additional {
    display: block;
    text-align: center;
    margin-top: 20px
}

.user-interactions .user-form .age-accept label span a,.user-interactions .user-form .form-additional a,.user-interactions .user-form .terms-accept label span a {
    color: rgba(33,33,33,.8)
}

.user-interactions .user-form .age-accept,.user-interactions .user-form .terms-accept {
    display: block;
    margin-bottom: 10px;
    overflow: hidden
}

.user-interactions .user-form .age-accept input,.user-interactions .user-form .terms-accept input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.user-interactions .user-form .age-accept label,.user-interactions .user-form .terms-accept label {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    height: 40px
}

.user-interactions .user-form .age-accept label span,.user-interactions .user-form .terms-accept label span {
    display: block;
    position: absolute;
    right: 0;
    width: calc(100% - 42px);
    line-height: 20px
}

.user-interactions .user-form .age-accept label:before,.user-interactions .user-form .terms-accept label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--border-secondary-color);
    border-radius: 2px;
    padding: 10px;
    display: block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;
    width: 1px;
    height: 1px;
    float: left
}

.user-interactions .user-form .age-accept input:checked+label:after,.user-interactions .user-form .terms-accept input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 9px;
    width: 4px;
    height: 12px;
    border: solid #212121;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.banner {
    margin-bottom: 20px
}

.pop-up {
    position: fixed;
    width: 400px;
    max-height: 75vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: none;
    opacity: 0;
    margin-bottom: 0!important
}

.pop-up .content {
    overflow-y: auto;
    max-height: calc(75vh - 41px)
}

.pop-up-bg.active {
    left: 0;
    top: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.5);
    z-index: 2
}

.pop-up.active {
    display: block;
    z-index: 999;
    opacity: 1
}

.pop-up .close-pop-up {
    display: inline-flex;
    width: 20px;
    height: 20px;
    background-image: url(../svg/close-black.svg);
    background-position: center center;
    background-size: 20px;
    cursor: pointer
}

.pop-up.bookmaker-calculator .content-header,.pop-up.bookmakers-gift .element {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    position: relative;
    padding: 10px
}

.pop-up.bookmakers-gift .element:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color)
}

.pop-up.bookmakers-gift .element .banner-link {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.pop-up.bookmakers-gift .element .promo-container {
    text-align: center;
    border: 1px var(--color-gray) dashed;
    background-color: #e3f2fd;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px -2px var(--block-active-shadow);
    box-shadow: 0 0 5px -2px var(--block-active-shadow);
    position: relative
}

.pop-up.bookmakers-gift .element .promo-container .promocode {
    display: block;
    overflow: hidden
}

.pop-up.bookmakers-gift .element .line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.pop-up.bookmakers-gift .element .bookmaker-logo {
    padding-top: 30px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: left top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .8em;
    text-align: left;
    color: var(--color-gray)
}

.pop-up.bookmakers-gift .element .promo-container .promocode .code {
    display: inline-block;
    height: 28px;
    border: 1px var(--color-gray) dashed;
    line-height: 20px;
    font-size: .9em;
    -webkit-appearance: none;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border: 0;
    width: 120px;
    background-color: transparent
}

.pop-up.bookmaker-calculator .content-header {
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.pop-up.bookmaker-calculator .content-header .teams,.pop-up.bookmaker-calculator .content-header .tip-highlights {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    line-height: 50px;
    text-align: right
}

.pop-up.bookmaker-calculator .content-header .tip-highlights .team {
    display: none;
    font-size: .96em;
    overflow: hidden;
    width: 100%
}

#sidebar .toggle-content.active,.pop-up.bookmaker-calculator .content-header .tip-highlights .team.active {
    display: block
}

.pop-up.bookmaker-calculator .content-header .tip-highlights .team .name {
    display: inline-block;
    font-weight: 500;
    float: left;
    width: calc(80% - 70px);
    font-size: 1em;
    position: relative;
    text-align: left
}

.pop-up.bookmaker-calculator .content-header .tip-highlights .team .points {
    float: right;
    display: inline-block;
    line-height: 25px;
    width: 20%;
    text-align: center
}

.pop-up.bookmaker-calculator .content-header .tip-highlights .team .points .size {
    font-size: 1.05em;
    color: var(--color-gray);
    font-weight: 500;
    display: block
}

.pop-up.bookmaker-calculator .content-header .tip-highlights .team .points .annotation {
    display: block;
    font-size: .75em
}

.pop-up.bookmaker-calculator .content-header .teams .team .name a,.pop-up.bookmaker-calculator .content-header .tip-highlights .team .name a {
    display: block;
    line-height: 30px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pop-up.bookmaker-calculator .content-header .teams .team .name .country,.pop-up.bookmaker-calculator .content-header .tip-highlights .team .name .country {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 20px;
    justify-content: flex-start
}

.pop-up.bookmaker-calculator .content-header .tip-highlights .team .name .country .country-name {
    display: inline-block;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pop-up.bookmaker-calculator .content-header .tip-highlights .team .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: left;
    margin: 0 20px 0 0
}

.pop-up.bookmaker-calculator .content-header .teams .team {
    display: block;
    font-size: .96em;
    overflow: hidden;
    width: calc(50% - 15px)
}

.pop-up.bookmaker-calculator .content-header .teams .team:first-child {
    margin-right: 30px
}

.pop-up.bookmaker-calculator .content-header .teams .team:first-child::after {
    position: absolute;
    float: right;
    content: ":";
    width: 30px;
    text-align: center;
    margin-left: 95px;
    font-size: 20px;
    font-weight: 700;
    line-height: 48px;
    color: var(--color-gray)
}

.pop-up.bookmaker-calculator .content-header .teams .team .name {
    display: inline-block;
    font-weight: 500;
    float: right;
    width: calc(100% - 70px);
    font-size: 1em;
    position: relative;
    text-align: left
}

.pop-up.bookmaker-calculator .content-header .teams .team .name .country .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 10px
}

.pop-up.bookmaker-calculator .content-header .teams .team .name .country .country-name {
    display: inline-block;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pop-up.bookmaker-calculator .content-header .teams .team .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    object-fit: contain;
    vertical-align: middle;
    float: right;
    margin: 0 0 0 20px
}

.pop-up.bookmaker-calculator .content-header .teams .team:first-child .logo {
    float: left;
    margin: 0 20px 0 0
}

.pop-up.bookmaker-calculator .content-header .teams .team:first-child .name {
    text-align: right
}

.pop-up .popup-subtitle {
    padding: 0 10px;
    font-size: 1rem;
    font-weight: 700;
    text-align: center
}

.pop-up.bookmaker-calculator .content-body {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden
}

.pop-up .content-body .block-label {
    font-size: .9em;
    color: var(--color-gray);
    margin-bottom: 15px
}

.pop-up .content-body .block-description {
    font-size: .8em;
    line-height: 14px;
    display: block;
    text-align: center;
    margin-bottom: 25px
}

.pop-up.bookmaker-calculator .content-body .title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px var(--border-secondary-color) solid;
    color: var(--color-black);
    font-size: .9rem;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    line-height: 20px
}

.pop-up.bookmaker-calculator .content-body .title span.bookmaker {
    width: 80px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: right center
}

.pop-up.bookmaker-calculator .content-body .teams {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 25px;
    text-align: left;
    margin-bottom: 15px
}

.pop-up.bookmaker-calculator .content-body .teams .team {
    display: block;
    font-size: .96em;
    overflow: hidden;
    width: calc(50% - 27px);
    padding: 5px;
    text-align: center;
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pop-up.bookmaker-calculator .content-body .teams .team .team-bet {
    display: inline-block;
    float: left;
    color: var(--color-white);
    background-color: var(--color-gray);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
    line-height: 16px;
    font-size: .8em;
    margin-right: 5px
}

.pop-up.bookmaker-calculator .content-body .teams .team.active .team-bet {
    background-color: var(--bet-bg)
}

.pop-up.bookmaker-calculator .content-body .teams .team.active {
    border-color: var(--border-active-color)!important;
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

.pop-up.bookmaker-calculator .content-body form {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.pop-up.bookmaker-calculator .content-body .bet {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    color: var(--color-black);
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 15px
}

.pop-up.bookmaker-calculator .content-body .bet input {
    border: 0!important;
    text-align: center;
    width: calc(100% - 80px);
    background-color: transparent;
    height: 16px;
    outline: 0;
    padding: 0;
    font-size: 16px
}

.pop-up.bookmaker-calculator .content-body .bet .change-bet {
    display: inline-block;
    width: 40px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pop-up.bookmaker-calculator .content-body .bet .change-bet.off {
    color: var(--color-gray);
    opacity: .5
}

.pop-up.bookmaker-calculator .content-body .use-bonus {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 25px;
    text-align: left;
    margin-bottom: 15px
}

.pop-up.bookmaker-calculator .content-body .use-bonus .bonus {
    display: block;
    font-size: .96em;
    overflow: hidden;
    width: calc(25% - 37px);
    padding: 10px;
    line-height: 16px;
    text-align: center;
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pop-up.bookmaker-calculator .content-body .use-bonus .bonus.active {
    border-color: var(--border-active-color)!important;
    box-shadow: 0 0 5px -2px var(--block-active-shadow)
}

#installApp,.pop-up.bookmaker-calculator .content-body .use-bonus .bonus-size {
    display: none
}

.pop-up.bookmaker-calculator .content-body .use-bonus .promocode {
    width: calc(50% - 10px);
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 5px
}

.pop-up.bookmaker-calculator .content-body .use-bonus .no-code {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    display: inline-block;
    line-height: 18px;
    font-size: .9em;
    font-weight: 700;
    color: var(--color-gray);
    text-align: center;
    padding: 10px;
    width: calc(50% - 20px)
}

.pop-up.bookmaker-calculator .content-body .use-bonus .promocode .code {
    display: inline-block;
    width: calc(100% - 22px);
    border: 1px var(--color-gray) dashed;
    line-height: 16px;
    font-size: .9em;
    -webkit-appearance: none;
    padding: 10px;
    border-radius: 5px;
    background-color: #e3f2fd;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-gray);
    text-align: center
}

.pop-up.bookmaker-calculator .content-body .result {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    color: var(--color-black);
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 500
}

.pop-up.bookmaker-calculator .content-body .make-bet {
    display: block;
    color: var(--color-white);
    background-color: var(--bet-bg);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.pop-up.bookmaker-calculator .content-body .make-bet:hover {
    background-color: var(--bet-active-bg)
}

.pop-up.bookmaker-calculator .content-body .no-thanks {
    display: block;
    color: var(--color-gray);
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer
}

.pop-up.registration-promo .content-header {
    margin: 10px;
    background-color: #e8f5e9;
    border: 1px #66bb6a solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column
}

.pop-up.registration-promo .content-header .trophy {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    line-height: 50px;
    text-align: right
}

.pop-up.registration-promo .content-header .trophy .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    margin-right: 15px;
    object-fit: contain;
    vertical-align: middle
}

.pop-up.registration-promo .content-header .trophy .trophy-name {
    display: block;
    line-height: 30px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.pop-up.registration-promo .content-body {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden
}

.pop-up.registration-promo .content-body .price {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    color: var(--color-black);
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 500
}

.pop-up.registration-promo .content-body .title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px var(--border-secondary-color) solid;
    color: var(--color-black);
    font-size: .9rem;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    line-height: 20px
}

.pop-up.registration-promo .content-body .promocode {
    width: calc(100% - 10px);
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 15px
}

.pop-up.registration-promo .content-body .promocode .code {
    display: inline-block;
    width: calc(100% - 22px);
    border: 1px var(--color-gray) dashed;
    line-height: 16px;
    font-size: .9em;
    -webkit-appearance: none;
    padding: 10px;
    border-radius: 5px;
    background-color: #e3f2fd;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-gray);
    text-align: center
}

.pop-up.registration-promo .content-body .registration {
    display: block;
    color: var(--color-white);
    background-color: var(--tips-green);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

.pop-up.registration-promo .content-body .registration:hover {
    background-color: var(--tips-active-green)
}

.pop-up.wann .subtitle {
    display: block;
    line-height: 10px;
    margin: 15px 0 10px;
    padding: 0 10px;
    font-size: .8em
}

.content-block.trophies-selector .trophies-list .trophy {
    margin: 10px;
    background-color: var(--element-bg);
    border: 1px var(--border-secondary-color) solid;
    border-radius: 5px;
    width: calc(100% - 42px);
    padding: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row
}

.content-block.trophies-selector .trophies-list .desc {
    color: var(--color-gray);
    font-size: .8em;
    padding: 10px;
    line-height: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.content-block.trophies-selector .trophies-list .desc::before {
    margin: auto 20px auto 0
}

.content-block.trophies-selector .trophies-list .desc::after {
    margin: auto 0 auto 20px
}

.content-block.trophies-selector .trophies-list .trophy.unavailable {
    background-color: rgba(200,40,40,.1)
}

.content-block.trophies-selector .trophies-list .trophy.available:hover {
    background-color: var(--element-bg);
    border-color: var(--border-active-color);
    box-shadow: 0 0 5px -2px var(--block-active-shadow);
    cursor: pointer
}

.content-block.trophies-selector .trophies-list .trophy .logo {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0 15px 0 0;
    object-fit: contain;
    vertical-align: middle;
    float: left
}

.content-block.trophies-selector .trophies-list .trophy .trophy-content {
    width: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.content-block.trophies-selector .trophies-list .trophy .trophy-content .info {
    font-size: .8em;
    font-weight: 400;
    display: flex;
    line-height: 10px;
    justify-content: flex-start;
    margin-top: 5px
}

.content-block.trophies-selector .trophies-list .trophy .name {
    display: inline-block;
    line-height: 15px;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.content-block.trophies-selector .trophies-list .trophy.unavailable .name {
    color: var(--color-gray)
}

.pop-up .content {
    display: block;
    width: 100%
}

.pop-up .content .scrollable {
    max-height: 400px;
    overflow: hidden;
    scrollbar-color: rgba(188,188,188,.8) var(--block-bg);
    overflow-y: auto
}

.pop-up .content::-webkit-scrollbar-track {
    background: var(--block-bg)
}

.custom-scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(188,188,188,.8) var(--element-bg)
}

.custom-scroll::-webkit-scrollbar {
    width: 5px
}

.custom-scroll::-webkit-scrollbar-button {
    display: none
}

.custom-scroll::-webkit-scrollbar-track {
    background: var(--element-bg)
}

.custom-scroll-no-bg::-webkit-scrollbar-track {
    background: 0 0
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: rgba(188,188,188,.8);
    cursor: pointer
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #bcbcbc
}

.page-navigation .days-picker .calendar .content span.today,.page-navigation .days-picker .item,.toggle {
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.pop-up.network-connect .content,.pop-up.user-tips-promo .content {
    overflow: hidden;
    height: calc(100% - 61px);
    padding: 10px;
    width: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.pop-up.user-tips-promo .content .match-highlights {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px var(--border-secondary-color) solid;
    line-height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.pop-up.user-tips-promo .content .match-highlights .vs {
    display: inline-block;
    margin: 0 20px;
    font-weight: 700;
    font-size: .9em;
    color: var(--color-subtitles)
}

.pop-up.user-tips-promo .content .match-highlights .logo {
    width: 60px;
    height: 60px;
    object-fit: contain
}

.pop-up.user-tips-promo .content .annotation {
    font-size: 1.2em;
    font-weight: 700;
    display: block;
    line-height: 30px
}

.pop-up.user-tips-promo .content .get-points {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px var(--border-secondary-color) solid;
    line-height: 20px;
    font-size: .8em;
    text-align: center
}

.pop-up.user-tips-promo .content .get-points .win-points,.pop-up.user-tips-promo .content .get-points .win-team {
    font-weight: 700
}

.pop-up.user-tips-promo .content .get-points .win-points.high {
    color: var(--tips-green)
}

.pop-up.user-tips-promo .content .get-points .win-points.low {
    color: var(--tips-red)
}

.pop-up.user-tips-promo .content .slider {
    width: 100%;
    overflow: hidden;
    height: 75px;
    display: flex;
    border-radius: 5px;
    background-color: rgba(33,33,33,.08);
    color: var(--color-gray);
    margin-top: 15px
}

.pop-up.user-tips-promo .content .slider-container {
    display: flex;
    flex-direction: column;
    height: 75px;
    transition: all 2s;
    width: 100%
}

.pop-up.user-tips-promo .content .slide {
    display: flex;
    flex-direction: row;
    height: 55px!important;
    padding: 10px
}

.pop-up.user-tips-promo .content .slide img {
    width: 35px;
    height: 35px;
    padding: 10px;
    margin-right: 10px
}

.pop-up.user-tips-promo .content .slide .slide-title {
    padding: 5px 0;
    width: calc(100% - 55px)
}

.pop-up.user-tips-promo .content .slide .trophy-name {
    display: block;
    line-height: 30px;
    font-weight: 500;
    font-size: 1em;
    width: calc(100% - 10px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pop-up.user-tips-promo .content .slide .price {
    display: block;
    line-height: 15px;
    font-size: .85em;
    color: var(--color-semigray)
}

.pop-up.network-connect .content .description,.pop-up.network-connect .content .network-user {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.pop-up.network-connect .content .network-user .name {
    font-size: 1.1em;
    line-height: 35px
}

.pop-up.network-connect .content .network-user .id {
    font-size: .8em;
    color: var(--color-gray)
}

.pop-up.network-connect .content .description {
    line-height: 1.5em
}

.pop-up a.confirm {
    margin-top: 15px;
    display: block;
    border-radius: 5px;
    padding: 10px;
    color: var(--color-white);
    text-decoration: none;
    text-align: center;
    background-color: var(--button-bg);
    line-height: 20px
}

.pop-up a.confirm:hover {
    background-color: var(--button-active-bg);
    cursor: pointer
}

.notifications-center {
    position: fixed;
    z-index: 99999;
    width: 400px;
    right: 20px;
    bottom: 20px;
    background-color: transparent
}

.notifications-center .msg {
    color: #000;
    cursor: pointer;
    background-color: var(--block-bg);
    box-shadow: 0 0 5px -2px rgba(33,33,33,.85);
    margin-bottom: 10px;
    overflow: hidden;
    padding: 9px;
    border-radius: 5px
}

.notifications-center .msg.error {
    box-shadow: 0 0 5px -2px rgba(157,66,67,.85);
    border: 1px var(--tips-red) solid
}

.notifications-center .msg.success {
    box-shadow: 0 0 5px -2px rgba(52,112,70,.85);
    border: 1px var(--tips-green) solid
}

.notifications-center .msg:last-child {
    margin-bottom: 0
}

.notifications-center .msg .message {
    padding: 5px 5px 10px;
    line-height: 20px
}

.notifications-center .msg .progress-bar {
    height: 5px;
    background-color: rgba(0,0,0,.3);
    display: block;
    border-radius: 5px
}

.notifications-center .msg.error .progress-bar {
    background-color: rgba(157,66,67,.8)
}

.notifications-center .msg.success .progress-bar {
    background-color: rgba(52,112,70,.8)
}

.page-loader {
    position: fixed;
    z-index: 9999;
    width: 90px;
    height: 54px;
    top: 0;
    background-color: var(--header-bg)
}

.page-loader .loader {
    width: 30px;
    height: 30px;
    padding: 12.5px 22.5px;
    margin: 0 auto;
    text-align: center;
    display: block
}

.admin-fixed {
    position: fixed;
    top: 80px;
    left: 20px;
    z-index: 99;
    background-color: var(--block-bg);
    padding: 10px
}

.admin-fixed nav a,.admin-fixed nav span {
    display: block;
    padding: 5px;
    margin-bottom: 5px;
    color: #0a7ab1;
    cursor: pointer;
    border: 1px solid;
    text-decoration: none
}

.admin-fixed nav.inline {
    display: flex;
    gap: 10px
}

.admin-fixed nav.inline a {
    padding: 10px
}

.admin-fixed nav a i.func {
    text-decoration: underline;
    font-weight: 700;
    font-style: normal;
    color: #1f2e3e
}

.admin-fixed nav a:hover {
    background-color: #0a7ab1;
    border-color: #0a7ab1;
    color: #fff
}

.media-query:before {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #f0f8ff
}

.promocode .copycode {
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.promocode .copycode:hover {
    cursor: pointer;
    background-color: rgba(33,33,33,.2)!important
}

.toggle-content {
    -webkit-overflow-scrolling: touch
}

.not-found a,.not-found h1,.not-found span {
    text-align: center;
    display: block
}

.not-found a,.not-found span {
    color: var(--header-nav-bg);
    font-size: 120px;
    font-weight: 700;
    margin-bottom: 30px;
    padding: 30px 0 10px
}

.not-found img {
    display: block;
    margin: 20px auto
}

.not-found a {
    color: var(--color-gray);
    font-size: 18px;
    padding: 20px 0;
    text-transform: uppercase
}

.blog article h2 {
    font-size: 20px;
    margin: 20px 0
}

.blog article h3 {
    font-size: 18px;
    margin: 20px 0
}

.blog article .infobox h2,.blog article .infobox h3 {
    margin-top: 0
}

.blog article p {
    text-align: justify
}

.blog article h3 span.country,.blog p span.country,.content-block.article .body p span.country,.content-block.article .body ul span.country {
    display: inline-block;
    align-items: center
}

.blog article h3 span.country span.flag {
    float: left;
    display: inline-block;
    width: 20px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    margin-right: 5px
}

.blog article p span.country span.flag,.content-block.article .body p span.country span.flag {
    margin-right: 5px
}

.blog article p span.country span.flag,.content-block.article .body p span.country span.flag,.content-block.article .body ul span.country span.flag {
    float: left;
    display: inline-block;
    width: 20px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px
}

.blog article ul,article.matches-desc ul {
    margin: 0 0 0 20px;
    padding: 0 0 0 30px;
    list-style: disc
}

.blog article ol,article.matches-desc ol {
    margin: 0 0 0 20px;
    padding: 0 0 0 30px;
    list-style: decimal
}

.blog article img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.blog article img.alignleft {
    float: left;
    margin-right: 20px
}

.blog article img.alignright {
    float: right;
    margin-left: 20px
}

.blog article .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 20px
}

article.matches-desc {
    margin-top: 20px;
    line-height: 25px
}

article.matches-desc h1 {
    font-size: 1.35em;
    margin-bottom: 15px
}

article.matches-desc h2 {
    font-size: 1.2em;
    margin-bottom: 15px
}

article.matches-desc h3 {
    font-size: 1.1em;
    margin-bottom: 15px
}

article.matches-desc p,article.matches-desc table {
    margin-bottom: 15px;
    text-align: justify
}

article.matches-desc table {
    border-collapse: collapse;
    width: 100%
}

.cookies-popup {
    position: fixed;
    bottom: 15px;
    z-index: 10;
    width: 1090px;
    left: calc(50% - 570px);
    padding: 10px 25px;
    display: flex;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #455a64;
    color: var(--color-white);
    border: 1px rgba(240,255,255,.15) solid;
    border-radius: 5px;
    line-height: 25px
}

.cookies-popup.active {
    bottom: 75px
}

.cookies-popup .policy-info a {
    display: inline-block;
    color: var(--color-white)
}

.cookies-popup a.confirm {
    cursor: pointer;
    margin-left: 15px;
    background-color: var(--header-nav-bg);
    padding: 10px;
    border-radius: 5px;
    min-width: 85px;
    text-align: center
}

.cookies-popup a.confirm:hover {
    background-color: var(--header-nav-active-bg)
}

.gift-button span {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background: rgba(190,55,10,.1)url(../svg/gift-box.svg)center center no-repeat;
    background-size: 45px;
    -webkit-animation-name: pulse;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 3s;
    cursor: pointer
}

.gift-button {
    position: fixed;
    z-index: 10!important;
    bottom: 120px;
    right: 120px
}

.gift-button.active {
    bottom: 180px
}

a.match-prediction-name {
    display: block;
    position: relative;
    visibility: hidden;
    top: -100px
}

.external-url {
    cursor: pointer
}

.scrollable::-webkit-scrollbar {
    display: none
}

.swiper-bullets {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #6d758f;
    border-radius: 50%;
    margin: 0 5px
}

.swiper-pagination-bullet-active {
    width: 12px;
    height: 6px;
    background-color: #0d6efd;
    border-radius: 20px
}

.swiper-button-disabled {
    opacity: .5;
    cursor: default!important
}

.swiper-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.swiper-arrow-next,.swiper-arrow-prev {
    mask: url(https://files.tips.gg/static/image/premium-promo/arrow.svg);
    background: #6d758f;
    width: 28px;
    height: 28px;
    cursor: pointer
}

.swiper-arrow-prev {
    transform: rotate(180deg)
}