* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0 !important;
}

html,
body {
    font-size: 16px;
    font-family: "Verdana", sans-serif;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100%;
    width: auto;
    background: url(../img/bckgr.png);
}

.header.active333:before {
    display:none;
    background: linear-gradient( 45deg, rgb(16 16 16 / 87%) 1%, rgb(0 0 0 / 72%) 55%, rgb(42 35 34 / 74%));
    z-index: 999;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 235px;
}

#arrowTop img {
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

#arrowTop {
    position: fixed;
    bottom: 35px;
    right: 25px;
    z-index: 9999;
    cursor: pointer;
    padding: 5px;
}

/* #region header */

.wrap_header {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    z-index: 9999;
    background: linear-gradient( 45deg, rgb(0 0 0 / 15%) 1%, rgb(203 201 201 / 25%) 55%, rgb(0 0 0 / 15%)), url(../img/bckgr.png);
}

    .wrap_header:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: linear-gradient(272deg, rgb(56 56 56 / 29%) 1%, #8b5404 55%, rgb(58 58 58 / 0%));
        box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 45%);
        bottom: 0;
    }

.header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1250px;
    max-width: 95%;
    height: 95px;
    margin: 0 auto;
}

.code_x {
    position: relative;
    width: 47px;
    height: fit-content;
}

    .logo_h {
        position: relative;
        display: flex;
        align-items: center;
        max-width: 330px;
        min-width: 255px;
        width: 21%;
        height: fit-content;
    }

    .logo_h img {
        position: relative;
        width: 100%;
        height: auto;
        opacity: 0.9;
    }

.header .right {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
}

.log_lng {
    position: relative;
    display: flex;
    /*    justify-content: space-between;*/
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
}

.select_language {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

    .select_language a {
        text-decoration: none;
        font-size: 12px;
        color: #a5660b;
        padding-bottom: 1px;
    }

        .select_language a.active {
            border-bottom: 1px solid #a5660b;
        }

    .select_language .line {
        display: flex;
        position: relative;
        width: 1px;
        height: 12px;
        border-radius: 1px;
        margin-left: 4px;
        margin-right: 4px;
        background-color: #a5660b;
    }

        .select_language .line:last-of-type {
            display: none;
        }

.login {
    /*    display: flex;*/
    display: none;
    position: relative;
    cursor: pointer;
}

    .login p {
        position: relative;
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #a5660b;
        margin-left: 12px;
    }

.right svg, .footer svg {
    width: 20px;
    height: 20px;
}

.mail {
    display: flex;
    position: relative;
    align-items: center;
}

    .mail p {
        color: #a5660b;
        font-size: 13px;
        margin-left: 12px;
    }

    .mail:hover p, .login:hover p, .select_language a:hover {
        color: #e9e7e4;
    }

    .mail a, .main_logo a {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    .mail p.contacts {
        display: none;
    }

.mob_menu {
    display: none;
}

/* #endregion header */

/* #region content */

span.red {
    color: #be2328;
    font-weight: bold;
}

/* #region main_menu */

.main_menu {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 640px;
    height: fit-content;
    padding: 20px;
    padding-left: 15px;
}

.menu_item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px;
}

    .menu_item.main {
        padding-left: 0;
    }

    .menu_item a {
        position: absolute;
        text-decoration: none;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

        .menu_item a:hover + p, .menu_item a.active + p {
            color: #c72228;
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            -moz-transition: 0.2s;
            transition: 0.2s;
        }

    .menu_item p {
        color: #e9e7e4;
        font-weight: bold;
        font-size: 12px;
        box-shadow: 4px 5px 14px 3px rgb(0 0 0 / 11%);
    }

/* #endregion main_menu */

/* #region champ_line */

.champ_line {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90px;
    margin-top: 95px;
    z-index: 9;
    background: linear-gradient( 45deg, rgb(0 0 0 / 15%) 1%, rgb(120 111 107 / 22%) 55%, rgb(0 0 0 / 15%)), url(../img/bckgr.png);
    box-shadow: inset 1px 7px 20px 20px rgb(0 0 0 / 29%);
}

    .champ_line:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: linear-gradient(272deg, rgb(56 56 56 / 29%) 1%, #8b5404 55%, rgb(58 58 58 / 0%));
        box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 45%);
        box-shadow: 0px 4px 6px 2px rgb(0 0 0 / 25%);
        z-index: 99;
        bottom: 0;
    }

.footer::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(272deg, rgb(56 56 56 / 29%) 1%, #8b5404 55%, rgb(58 58 58 / 0%));
    z-index: 99;
}

.container {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 900px;
    height: 100%;
    margin-left: 15px;
    margin-right: 15px;
    z-index: 9999;
}

.sidebar {
    position: absolute;
    display: flex;
    height: 100%;
    width: fit-content;
    min-width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.wrap_sidebar {
    position: relative;
    display: flex;
    height: 100%;
    width: fit-content;
    min-width: 100%;
    justify-content: space-around;
    align-items: center;
}

.champ_line.testtest .wrap_sidebar p {
    letter-spacing: -1px;
}

.champ_item {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    padding-top: 5px;
    width: 150px;
    height: 100%;
    cursor: pointer;
}

    .champ_item a {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 9;
        text-decoration: none;
    }

    .champ_item p {
        color: #e9e7e4;
        font-size: 11px;
        text-align: center;
        margin-top: 9px;
    }

    .champ_item img {
        position: relative;
        display: flex;
        width: auto;
        height: 32px;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
    }

    .champ_item:hover p {
        color: #a5660b;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
    }

    .champ_item a, .all_champs a {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

.all_champs {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 25px;
    margin-right: 15px;
}

    .all_champs p {
        padding: 10px;
        background: #88828238;
        border-radius: 3px;
        color: #e9e7e4;
        font-size: 10px;
        cursor: pointer;
        width: min-content;
        text-align: center;
        line-height: 1.4;
        border: 1px solid #6a440c;
        box-shadow: 3px 3px 3px 1px rgb(0 0 0 / 33%);
    }

    .all_champs:hover p {
        color: #a5660b;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        -moz-transition: 0.2s;
        transition: 0.2s;
    }

.sw_btn {
    position: relative;
    display: flex;
    margin: 10px;
    cursor: pointer;
    z-index: 9999;
}

    .sw_btn img {
        position: relative;
        display: flex;
        width: 20px;
        height: auto;
    }

    .sw_btn.lft {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

/* #endregion champ_line */

/* #region preview */

.wrap_preview {
    position: relative;
    display: flex;
    margin: 0 auto;
    margin-top: 255px;
    margin-bottom: 110px;
    width: 1250px;
    max-width: 94%;
    height: 470px;
    min-height: 207px;
    justify-content: center;
}

.preview_left {
    position: relative;
    display: flex;
    width: 800px;
    height: 100%;
    box-shadow: 9px 11px 2px 0px rgb(0 0 0 / 29%);
}

#myVideo {
    width: 100%;
    height: auto;
    opacity: 0.85;
    object-fit: cover;
}

.preview_right {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 435px;
    min-width: 435px;
    margin-left: 40px;
    height: 100%;
    padding-bottom: 20px;
    background: linear-gradient( 45deg, rgb(0 0 0 / 15%) 1%, rgb(120 111 107 / 22%) 55%, rgb(0 0 0 / 15%)), url(../img/bckgr.png);
    box-shadow: 9px 11px 2px 0px rgb(0 0 0 / 29%);
    border: 1px solid #462d14c2;
}

.wrap_title_preview_right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: 85px;
    flex-shrink:0;
}

.title_preview_right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .title_preview_right p {
        text-align: center;
        color: #e9e7e4;
        font-size: 13px;
    }

        .title_preview_right p.all_live {
            margin-left:8px;
            color: #a37431;
            font-size: 12px;
        }

    .title_preview_right svg {
        fill: rgb(142 35 12);
        margin-left: 7px;
    }

.all_matches {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

    .all_matches a {
        padding: 10px;
        background: #88828238;
        border-radius: 3px;
        color: #e9e7e4;
        font-size: 9px;
        cursor: pointer;
        flex-wrap: nowrap;
        text-align: center;
        line-height: 1.6;
        letter-spacing: 0.7px;
        border: 1px solid #6a440c;
        text-decoration: none;
        box-shadow: 3px 3px 3px 1px rgb(0 0 0 / 33%);
    }

    .all_matches:hover a {
        color: #a5660b;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        -moz-transition: 0.2s;
        transition: 0.2s;
    }

.wrapper_table {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: hsla(28.4, 72.2%, 31%, 0.8) #57524d4f;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #57524db0;
    box-shadow: inset 0 0 5px #57524db0;
    border-radius: 1px;
}

::-webkit-scrollbar-thumb {
    background: hsla(28.4, 72.2%, 31%, 0.8);
    border-radius: 1px;
}

.table_item {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;
}

    .table_item a {
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

.preview_right .table_item {
        margin-bottom: 20px;
}

.l_preview {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width:130px;
    min-width:130px;
    height: 74px;
    box-shadow: 0px 2px 2px 2px rgb(16 15 15 / 38%);
}

    .l_preview img.video_preview {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        opacity: 0.7;
        border-radius: 2px;
    }

    .l_preview img.icon_play {
        position: absolute;
        width: 22px;
        height: 22px;
    }

.r_preview {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 227px;
    height: 100%;
    margin-left: 20px;
}

    .r_preview::after {
        background: linear-gradient(272deg, rgb(56 56 56 / 29%) 1%, #8b5404 55%, rgb(58 58 58 / 0%));
        content: "";
        height: 1px;
        position: absolute;
        left: -10px;
        bottom: -10px;
        width: 200px;
        margin: 0 auto;
    }

.table_item:hover .r_preview {
    background: #8176763b;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
    border-radius: 2px;
}

.table_item:hover .l_preview img {
    opacity: 1;
}

.sport_liga {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
}

.wrap_sp_liga {
    position: relative;
    display: flex;
    width: 175px;
}

    .sport_liga img {
        position: relative;
        width: 14px;
        height: 14px;
    }

.item_sport_3 .sport_liga .wrap_sp_liga img,
.item_sport_29 .sport_liga .wrap_sp_liga img,
.item_sport_25 .sport_liga .wrap_sp_liga img {
    position: relative;
    width: 18px;
    height: 18px;
}

    .sport_liga p {
        position: relative;
        font-size: 11px;
        color: #e9e7e4;
        margin-left: 8px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 176px;
    }

.wrap_count {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 52px;
    height: 100%;
}

    .wrap_count p.viewer_count {
        margin-right: 8px;
        width: fit-content;
        color: #a37431;
    }

.wrap_game.index {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
}

.index .time {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 45px;
    height: 100%;
    padding-right: 10px;
}

    .index .time p {
        font-size: 11px;
        color: #e9e7e4;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.wrap_game.index .wrap_opp {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: calc(100% - 45px);
    height: 100%;
}

.opp1.index, .opp2.index {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.index p.opp {
    position: relative;
    display: flex;
    font-size: 11px;
    color: #e9e7e4;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: max-content;
    width: calc(100% - 45px);
}

.index p.scores {
    position: relative;
    display: flex;
    font-size: 11px;
    color: #e9e7e4;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 3px;
    background: #484540;
}

/* #endregion preview */

/* #region вьювер */

.wrap_viewer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 145px;
    margin-bottom: 100px;
}

.translation_sport1, .translation_sport2 {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.translation_sport2 {
    flex-direction: column;
    width: 18%;
    margin-bottom: 0px;
}

.translation_sport .table_item {
    display: flex;
    align-items: flex-end;
    position: relative;
    width: 100%;
    height: auto;
}

.wrap_left {
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: center;
    width: 41%;
    height: auto;
    margin-top: -38px;
}

.title_wrap_left {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1150px;
    max-width: 94%;
    height: 50px;
    background: linear-gradient( 89deg, rgb(0 0 0 / 0%) 1%, rgb(120 111 107 / 15%) 55%, rgb(0 0 0 / 0%)), url(../img/bckgr.png);
}

    .title_wrap_left img {
        width: 29px;
        height: 29px;
        padding: 4px;
        opacity: 0.85;
    }

        .title_wrap_left img.icon_sport_viewer_3 {
            padding: 0px;
            padding-left: 2px;
        }

        .title_wrap_left img.icon_sport_viewer_29 {
            width: 33px;
            height: 33px;
        }

.wrap_sport_liga {
    display: flex;
    position: relative;
    align-items: center;
    padding: 7px;
}

    .wrap_sport_liga p {
        color: #fff;
        opacity: 0.75;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        margin-left: 3px;
        padding-right: 10px;
    }

        .wrap_sport_liga p:first-child {
            color: #db8100;
            margin-left: 0;
        }

.team_wrap_left {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
/*    margin-left: 15px;*/
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .team_wrap_left p,
    .team_wrap_right p {
        border-bottom: 1px dashed rgba(40, 45, 50, 0.34);
        color: #fff;
        opacity: 0.96;
        font-size: 18px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: end;
        width: 100%;
    }

.team_wrap_right p {
    text-align: start;
}

.wrap_middle {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 18%;
    max-width:170px;
}

.wrap_middle_center {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: auto;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.score_main_left {
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: center;
    padding-right: 4px;
    width: 50%;
}

.score_main_right {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    padding-left: 4px;
    width: 50%;
}

    .score_main_right p,
    .score_main_left p {
        padding: 5px 10px 5px 10px;
        border-radius: 2px;
        background-color: #5a585545;
    }

.wrap_middle_bottom {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    width: 100%;
}

    .wrap_middle_bottom p {
        color: #816041;
        font-size: 15px;
        margin-left: 5px;
    }

    .wrap_middle_bottom svg {
        fill: #816041;
        width: 16px;
        height: 16px;
    }

.score_sets_viewer {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

    .score_sets_viewer p {
        color: #816041;
        font-size: 15px;
    }

.table_item_period_2 {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    padding-left: 4px;
}

p.item_score_set_2 {
    margin-left: 10px;
}

.match_details {
    display: none;
}

.match_details_svg {
    display: none;
}

.wrap_match_details {
    display: none;
}

.wrap_right {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    width: 41%;
    height: auto;
    margin-top: -38px;
}

.team_wrap_right {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
/*    margin-right: 15px;*/
    margin-left: 15px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dop_a {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

img.team {
    display: flex;
    position: relative;
    height: auto;
    width: 35px;
}

img.team_1, img.team_85, img.team_144 {
    width: 35px;
}

img.team_2, img.team_89 {
    width: 45px;
}

img.team_3, img.team_91 {
    width: 30px;
}

img.team_6 {
    width: 25px;
}

img.team_10 {
    width: 30px;
}

img.rght.team_10 {
    transform: rotateY(180deg);
}

img.team_103 {
    width: 35px;
}

/* #region  тв/зона */

.wrap_videoCon .video_block {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    border: 1px solid #2c2721bd;
    max-width: 670px;
    max-width: 650px;
    width: 63%;
}

.video_full {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}

.wrap_result .video_full {
    display: none;
}

    .wrap_result .video_full.active {
        display: flex;
    }

.videopl, .testvideo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    box-shadow: 7px 7px 0px 0 #896d4473;
    box-shadow: 7px 7px 0px 0 #5a1d19;
    border: 1px solid #2c2721bd;
}

.no_block_video {
    display: none;
}

.wrap_tvzone {
    margin: 0 auto;
    width: calc(100% - 50px);
    display: flex;
    height: 48px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    margin-bottom: 25px;
}

.button_play_broadcast {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #282d32;
    cursor: pointer;
}

.wrap_tvzone p {
    display: flex;
    align-items: center;
    padding-left: 16px;
    opacity: 0.9;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: -0.09px;
    color: #282d32;
}

.button_tvzone {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 128px;
    height: 48px;
    right: 16px;
    position: absolute;
}

#button_1 {
    width: 64px;
    height: 48px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    #button_1 svg {
        position: absolute;
        width: 18px;
        opacity: 0.35;
        height: auto;
        stroke: #282d32;
    }

#button_2 {
    width: 64px;
    height: 48px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    #button_2 svg {
        position: absolute;
        width: 22px;
        opacity: 0.3;
        height: auto;
        fill: none;
        stroke: #282D32;
        stroke-miterlimit: 10;
    }

    #button_2:hover svg,
    #button_1:hover svg {
        opacity: 0.7;
    }

.selected {
    background-color: rgba(40, 45, 50, 0.03);
    border-top: 2px solid #fcdd02;
}

    .selected #button_1 svg,
    .selected #button_2 svg {
        opacity: 0.7;
    }

.wrap_videoCon {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}

    .wrap_videoCon .testvideozone {
        position: relative;
        display: flex;
        width: 600px;
        height: 400px;
        margin-bottom: 40px;
        margin-top: 40px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.77);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.77);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.77);
        z-index: 20;
    }

.wrap_oko {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

    .wrap_oko img {
        width: 24px;
        height: 24px;
        margin-right: 7px;
        border-radius: 2px;
    }

    .wrap_oko p {
        font-weight: bold;
        font-size: 12px;
        color: #a96f1d;
    }

img.lv_viewer {
    width: 44px;
    height: auto;
    margin-right: 10px;
    margin-left: 6px;
}

.translation_sport2_new:before, .title_wrap_left:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(272deg, rgb(56 56 56 / 29%) 1%, #8b5404 55%, rgb(58 58 58 / 0%));
    z-index: 99;
    bottom: 0;
}

/* #endregion  тв/зона */

.title_teams_stat.viewer {
    background: none;
    border-bottom: none;
    width: 1150px;
    max-width: 94%;
    color: #ddd9d2;
    height: 48px;
    margin-top: -48px;
}

.translation_sport2 .title_teams_stat.viewer {
    max-width: 100%;
}

.wrap_translation_sport2 .title_teams_stat.viewer {
    width: 18%;
    min-width: max-content;
}

.wrap_translation_sport2 .score_sets_viewer {
    min-width: max-content;
}

.translation_sport2_new {
    position: relative;
    display: flex;
    margin-top: 26px;
    width: 1150px;
    max-width: 94%;
    height: 48px;
    background: linear-gradient( 89deg, rgb(0 0 0 / 0%) 1%, rgb(84 79 76 / 15%) 55%, rgb(0 0 0 / 0%)), url(../img/bckgr.png);
}

.wrap_translation_sport2 {
    position: relative;
    display: flex;
    width: 1150px;
    max-width: 94%;
    margin-bottom: 0px;
    align-items: center;
    justify-content: center;
}

img#next {
    position: relative;
    width: 40px;
    cursor: pointer;
}

    img#next.left {
        transform: rotateY(360deg);
    }

    img#next.right {
        animation: arr 6s infinite;
    }

.next_lft {
    display: flex;
    position: relative;
    left: -160px;
}

.next_rgt {
    display: flex;
    position: relative;
    height: fit-content;
    right: -180px;
}

    .next_rgt p, .next_lft p {
        position: absolute;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 250px;
        color: #fff;
        opacity: 0;
    }

    .next_rgt p {
        left: 45px;
    }

.next_lft p {
    right: 52px;
    text-align: end;
}

    .next_rgt:hover p, .next_lft:hover p {
        transition: 0.6s;
        opacity: 1;
    }

    .next_rgt a, .next_lft a {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index:9999;
    }

@keyframes arr {
    0% {
        transform: rotate3d(0, 0, 0, 360deg) scale(-1, 1);     
    }

    46% {
        transform: rotate3d(0, 0, 0, 360deg) scale(-1, 1);
    }

    50% {
        transform: rotate3d(1, 0, 0, 74deg) scale(-1, 1);
    }

    54% {
        transform: rotate3d(0, 0, 0, 360deg) scale(-1, 1);
    }

    100% {
        transform: rotate3d(0, 0, 0, 360deg) scale(-1, 1);
    }
}

/* #endregion вьювер */

/* #region live */

.wrapper_table.live {
    width: 1250px;
    max-width: 94%;
    overflow-y: hidden;
    margin-top: 170px;
    margin-bottom: 105px;
}

    .wrapper_table.live p {
        color: #e9e7e4;
        font-size: 14px;
    }

    .wrapper_table.live .wrap_sport {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 20px;
    }

.name_result_sport,
.teams_table_title,
.calendar.fixtures_menu,
p.title_teams_stat {
    background: linear-gradient( 45deg, rgb(16 15 14 / 42%) 1%, #2c272673 55%, rgb(44 41 41 / 55%));
}

.live .table_item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 35px;
    height: fit-content;
}

.table_item_title_liga {
    display: flex;
    margin-left: 40px;
    margin-bottom: 20px;
    align-items: center;
}


    .table_item_title_liga p {
        box-shadow: 4px 5px 14px 3px rgb(0 0 0 / 39%);
    }

    .table_item_title_liga img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        box-shadow: 4px 5px 14px 3px rgb(0 0 0 / 39%);
    }

        .table_item_title_liga img.icon_sport_3,
        .table_item_title_liga img.icon_sport_29,
        .table_item_title_liga img.icon_sport_25 {
            width: 27px;
            height: 27px;
            box-shadow: none;
            filter: drop-shadow(3px 3px 3px black);
        }

        .table_item_title_liga img.oko_item {
            margin-left: 20px;
            width: 18px;
        }

.title_wrap_left .wrap_oko {
    position: relative;
    margin-left: 10px;
}

    .title_wrap_left .wrap_oko p.viewer_count.item {
        margin-left: 31px;
        margin-right: 0px;
    }

img.oko_item2 {
    padding: 0;
    position: absolute;
    left: 0;
    width: 22px;
    height: auto;
    animation: rtr2 35s infinite;
    width: 20px;
    left: 1px;
}

img.oko_item22 {
    padding: 0;
    position: absolute;
    left: 0;
    width: 22px;
    height: auto;
    animation: rtr 35s infinite;
}

@keyframes rtr2 {
    0% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    45% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    57% {
        transform: rotate3d(0, 0, 1, 190deg);
    }

    60% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    61% {
        transform: rotate3d(1, 0, 0, 74deg);
    }

    62% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    100% {
        transform: rotate3d(0, 0, 0, 360deg);
    }
}

@keyframes rtr {
    0% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    60% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    61% {
        transform: rotate3d(1, 0, 0, 74deg);
    }

    62% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    100% {
        transform: rotate3d(0, 0, 0, 360deg);
    }
}

.max_viewer_count {
    animation: rtr_max 5s infinite;
}

@keyframes rtr_max {
    0% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    12% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    17% {
        transform: rotate3d(1, 0, 0, 74deg);
    }

    20% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    22% {
        transform: rotate3d(1, 0, 0, 74deg);
    }

    26% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    100% {
        transform: rotate3d(0, 0, 0, 360deg);
    }
}

.table_item_title_liga p.viewer_count.item {
    font-size: 11px;
}

.game_live {
    position: relative;
    display: flex;
    width: 100%;
    padding: 20px;
    background: linear-gradient( 45deg, rgb(0 0 0 / 15%) 1%, rgb(50 47 45 / 38%) 55%, rgb(0 0 0 / 0%)), url(../img/bckgr.png);
    border: 1px solid #383838;
    box-shadow: 8px 4px 11px 4px rgb(0 0 0 / 29%);
}

.live .table_item:hover .table_item_title_liga p {
    color: #cd7d07;
}

.game_live:hover {
    cursor: pointer;
    border: 1px solid #ff98006b;
}

    .game_live:hover .part .middle:after {
        background: #ff98006b;
    }
    .game_live:hover .game_live_m .middle:before,
    .game_live:hover .game_live_m .bottom:before {
        background: #ff98006b;
    }


.game_live a {
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}

.live .table_item svg {
    width: 20px;
    height: 20px;
    fill: #a96f1d;
}

    .live .table_item svg.tv {
        fill: none;
        stroke: #a96f1d;
        margin-left: 35px;
    }

.game_live .part {
    position: relative;
    flex-direction: column;
    display: flex;
    height: 120px;
    flex-shrink: 0;
}

.game_live_l {
    width: calc(100% - 630px);
}

.game_live_m {
    width: 100px;
}

.wrapper_table.live .game_live_m .middle p,
.wrapper_table.live .game_live_m .bottom p {
    font-size: 16px;
}

.game_live_r {
    width: 530px;
}

.game_live .game_live_r_dop {
    display: none;
}

.wrapper_table.live .game_live_m p,
.wrapper_table.live .game_live_r p {
    font-size: 12px;
}

.game_live_m .item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 82px;
    padding-right: 5px;
    padding-left: 5px;
}

.game_live .part .item {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    height: 40px;
    width: 100%;
}

.game_live_r .item {
    padding-left: 5px;
    justify-content: flex-end;
}

.game_live .score_cell {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 67px;
    margin-right: 5px;
}

.game_live .part .middle:after {
    position: absolute;
    background: #444242d9;
    content: "";
    height: 1px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

.game_live_m .middle:before,
.game_live_m .bottom:before {
    position: absolute;
    background: #444242d9;
    content: "";
    height: 100%;
    width: 1px;
    right: 0;
    bottom: 0;
}

.cur_live_time {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 17px;
}

.wrapper_table.live .cur_live_time p {
    margin-left: 8px;
    margin-right: 10px;
    font-size: 14px;
    color: #a96f1d;
    box-shadow: 4px 5px 14px 3px rgb(0 0 0 / 39%);
}

.wrapper_table.live .middle .score_cell p, .wrapper_table.live .bottom .score_cell p {
    font-size: 16px;
}

.game_live_l p.opp_live {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* #endregion live */

.champ_line.testtest {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 50px;
    background: none;
    margin-top: 0;
    background: linear-gradient( 45deg, rgb(0 0 0 / 15%) 1%, rgb(120 111 107 / 22%) 55%, rgb(0 0 0 / 15%)), url(../img/bckgr.png);
    box-shadow: inset 18px 20px 20px 4px rgb(0 0 0 / 29%);
}

.wrapper_menu_test:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(272deg, rgb(56 56 56 / 29%) 1%, #8b5404 55%, rgb(58 58 58 / 0%));
    box-shadow: 0px 5px 6px 2px rgb(0 0 0 / 34%);
    z-index: 99;
    bottom: -1px;
}

    .champ_line.testtest .champ_item {
        flex-direction: row;
        justify-content: center;
        width: 155px;
        padding: 0;
        color: #ebebeb;
    }

    .champ_line.testtest .container {
        width: 776px;
        height: 100%;
    }

.champ_line.testtest .wrap_sidebar .champ_item a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-decoration: none;
    color: #e9e7e4;
    text-align: center;
    align-items: center;
    display: flex;
    background: none;
    justify-content: center;
}

.champ_line.testtest .wrap_sidebar .champ_item#actt {
    background: linear-gradient(45deg, #5e595047 1%, rgb(84 84 84 / 55%) 55%, rgb(94 53 45 / 26%));
}

.testtest.champ_line::before, .testtest.champ_line::after,
.testtest .champ_item::before, .testtest .champ_item::after {
    content: none;
}

.champ_line.testtest .champ_item img.icon_sport_viewer {
    width: 22px;
    height: 22px;
    margin-left: 8px;
    margin-right: 14px;
}

.champ_line.testtest .champ_item.listsport_3 img.icon_sport_viewer,
.champ_line.testtest .champ_item.listsport_29 img.icon_sport_viewer,
.champ_line.testtest .champ_item.listsport_25 img.icon_sport_viewer {
    width: 26px;
    height: 26px;
    margin-right: 7px;
}

.champ_line.testtest .champ_item p {
    text-transform: uppercase;
    margin-top: 0;
}

p.name_xsport {
    margin-right: 12px;
    text-wrap: nowrap;
}

p.xsp {
    margin-right: 2px;
}

.champ_line.testtest img.oko {
    width: 17px;
    height: 17px;
    margin-right: 6px;
}

p.live_count {
    margin-left: 6px;
    margin-right: 10px;
}

p.viewer_count {
    margin-right: 10px;
}

.wrapper_table.live section .title_sport {
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

    .wrapper_table.live section .title_sport p {
        color: #d7d4d0;
    }

section:target {
    padding-top: 150px;
}

.wrapper_menu_test {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 95px;
    width: 100%;
    height: fit-content;
    z-index: 999;
}

p.opp_live {
    position: relative;
}

img.tv {
    width: 42px;
    margin-left: 15px;
    box-shadow: 4px 5px 14px 3px rgb(0 0 0 / 39%);
}

.game_live:hover img.tv {
    animation: rtr33 15s infinite;
}

@keyframes rtr33 {
    0% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    5% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

   6% {
        transform: rotate3d(1, 0, 0, 74deg);
    }

    7% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    8% {
        transform: rotate3d(1, 0, 0, 74deg);
    }

   9% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    35% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    36% {
        transform: rotate3d(1, 0, 0, 74deg);
    }

    37% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    38% {
        transform: rotate3d(1, 0, 0, 74deg);
    }

   39% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    65% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    66% {
        transform: rotate3d(1, 0, 0, 74deg);
    }

    67% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    68% {
        transform: rotate3d(1, 0, 0, 74deg);
    }

    69% {
        transform: rotate3d(0, 0, 0, 360deg);
    }

    100% {
        transform: rotate3d(0, 0, 0, 360deg);
    }
}

img.lv {
    width: 28px;
}

/* #region result */

.wrap_result_menu {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 115px;
    width: fit-content;
    height: 43px;
}

.result_menu {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #dbdbdb;
    padding: 6px;
    box-shadow: 13px 12px 7px 0 #04040436;
}

.result_expand,
.result_item,
.wrap_result_sport.wrap_result_sport_active,
.datepicker-here,
.stat_sport_item,
.stat_menu_link,
.wrap_result_sport.stat,
.stat_champ_menu_item,
.wrap_main_stat,
p.title_schedule {
    background: linear-gradient( 45deg, rgb(133 133 133 / 29%) 1%, rgb(50 47 45 / 52%) 55%, rgb(20 20 20 / 27%)), url(../img/bckgr.png);
}

.result_expand {
    cursor: pointer;
    color: #ffffff;
    margin-top: 2px;
    margin-left: 20px;
    width: auto;
    height: 31px;
    text-align: end;
    border: 1px solid #645f5f00;
    border-bottom: 1px solid #a5660b;
}

    .result_expand:after {
        position: absolute;
        display: inline-flex;
        content: "\2302";
        right: 10px;
        margin-bottom: 4px;
        font-size: 20px;
        color: #ffffff;
        transform: rotate( 0deg);
    }

    .result_expand p {
        margin-right: 30px;
    }

.wrap_result {
    position: relative;
    display: flex;
    justify-content: center;
    height: auto;
    margin-top: 22px;
    margin-bottom: 110px;
    width: 1250px;
    max-width: 94%;
}

.result_sports_filter {
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    height: fit-content;
    margin-top: -59px;
    margin-bottom: 30px;
}

.result_item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 100px;
    height: 62px;
    margin-right: 29px;
    margin-bottom: 10px;
    padding: 5px;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #ebebeb;
    background-color: #fff0;
    border-radius: 3px;
    border-bottom: 1px solid #8f5504;
    cursor: pointer;
    box-shadow: 13px 12px 7px 0 #04040436;
}

    .result_item:hover {
        background-color: #292c31;
        color: #f2f1f1;
        transition: 0.3s all ease-in-out;
    }

img.icon_sport_result {
    width: 28px;
    height: 28px;
    padding: 3px;
    margin-left: 40px;
}

    img.icon_sport_result.icon_sport_3, img.icon_sport_result.icon_sport_2 {
        padding: 0;
    }

.result_sports_filter img.icon_sport_result {
    margin-left: 0;
}

.result_item p {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 12px;
    padding: 2px;
}

.wrap_result_games {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.wrap_result_sport {
    display: none;
}

    .wrap_result_sport.wrap_result_sport_active {
        display: flex;
    }

.wrap_champ_result .name_champ_result ~ div {
    display: none;
}

.wrap_champ_result .wrap_champ_result_active.name_champ_result ~ div {
    display: flex;
}

.wrap_champ_result {
    display: flex;
    position: relative;
    flex-direction: column;
    font-size: 13.5px;
    border-top: 1px solid #545454;
}

    .res_color,
    .name_champ_result.wrap_champ_result_active,
    .wrap_champ_result:hover .name_champ_result,
    .teams_table:hover, .game_item_stat:hover {
        background: linear-gradient(45deg, rgb(82 72 68 / 41%) 1%, #81604187 55%);
    }

.res_color {
    border-bottom: 1px solid #afafaf;
}

.wrap_result_sport {
    position: relative;
    flex-direction: column;
    border-radius: 3px;
    margin-bottom: 22px;
    box-shadow: 13px 12px 7px 0 #04040436;
}

.name_result_sport {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 36px;
    font-size: 12px;
    font-weight: bold;
    color: #f2f1f1;
}

    .name_result_sport p {
        display: flex;
        align-items: center;
        height: 65%;
        text-transform: uppercase;
        margin-left: 15px;
        padding-left: 15px;
        border-left: 4px solid #892b12cf;
    }

.name_champ_result p:before {
    position: absolute;
    cursor: pointer;
    content: "\2713";
    display: inline-block;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    vertical-align: baseline;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #ff9800;
    left: 7px;
}

.name_champ_result.wrap_champ_result_active p:before {
    color: #fff;
}

.name_champ_result {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 37px;
    cursor: pointer;
}

    .name_champ_result.wrap_champ_result_active {
        border-bottom: 1px solid #cbcbcb;
    }

    .name_champ_result p {
        display: flex;
        align-items: center;
        margin-left: 35px;
        color: #e9e8e8;
        width: calc(100% - 30px);
        height: 100%;
        font-size: 12px;
        letter-spacing: 0.7px;
    }

.wrap_champ_result:hover .name_champ_result p,
.wrap_champ_result:hover .name_champ_result p:before,
.wrap_champ_result:hover .name_champ_result p:after {
    color: #fff;
    transition: 0.4s;
}

.wrap_champ_result_active p,
.name_champ_result.wrap_champ_result_active p:after,
.wrap_champ_result_active .name_champ_result p:before {
    color: #fff;
}

.game_item_result {
    display: none;
    position: relative;
    justify-content: space-between;
    min-height: 45px;
    border-top: 1px solid #606060;
    color: rgb(255 255 255 / 77%);
    background-color: #d9d9d940;
}

    .game_item_result:hover {
        background-color: #f5e6d07a;
        color: #fff;
        transition: 0.3s all ease-in-out;
    }

/* #region result_games */

.name_champ_result p:after {
    position: absolute;
    content: "\2302";
    display: inline-flex;
    color: #ff9800;
    right: 18px;
    transform: rotate( 180deg);
    font-size: 20px;
}

.name_champ_result.wrap_champ_result_active p:after {
    transform: rotate( 0deg);
}

.result_date_time {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    flex-shrink: 0;
    border-right: 1px solid #606060;
    width: 55px;
    padding: 5px;
}

.result_date {
    display: flex;
    position: relative;
    align-items: center;
}

.result_time {
    display: flex;
    position: relative;
    align-items: center;
}

.wrap_res_teams_score {
    display: flex;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.result_teams {
    display: flex;
    position: relative;
    align-items: center;
    box-sizing: border-box;
    border-right: 1px solid #606060;
    width: 100%;
    padding: 5px;
    min-width: calc(100% - 365px);
    flex-wrap: wrap;
}

.result_score {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    width: 290px;
    padding: 5px;
    letter-spacing: -0.5px;
    flex-shrink: 0;
}

    .result_score svg {
        width: 15px;
        height: 15px;
        margin-left: 8px;
        stroke: #c5c5c5;
    }

.result_total_score {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    width: 84px;
    white-space: nowrap;
}

.result_period_score {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 1.4;
    text-align: end;
    width: 100%;
}

/* #endregion result_games */

.result_menu.calendar {
    box-shadow: none;
    font-size: 14px;
    margin-top: 1px;
}

.calendar::after {
    display: inline-flex;
    content: '\1F4C5';
    margin-left: -25px;
    cursor: pointer;
}

.calendar:hover .datepicker-here, .result_expand:hover {
    background: linear-gradient( 45deg, rgb(82 72 68 / 56%) 1%, #9184788c 55%);
}

.datepicker-here {
    display: flex;
    height: 33px;
    width: 116px;
    padding-left: 8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    border: 1px solid #645f5f00;
    border-bottom: 1px solid #a5660b;
    color: #ebebeb;
    background-color: #fff0;
    cursor: pointer;
}

svg#close {
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 30px;
    fill: #b5b5b5;
    cursor: pointer;
}

    svg#close:hover {
        fill: #a5660b;
    }

/* #endregion result */

/* #region stat */

/* #region statistic, sportstatistic */

.wrap_stat_sport {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1060px;
    height: auto;
    margin-top: 135px;
    margin-bottom: 110px;
}

.stat_sport_item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 240px;
    height: 145px;
    margin: 12px;
    padding: 5px;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #ebebeb;
    border-radius: 3px;
    border: 1px solid #8f5504;
    cursor: pointer;
    box-shadow: 13px 12px 7px 0 #04040436;
}

    .stat_sport_item:hover {
        background: linear-gradient( 45deg, rgb(126 101 91 / 56%) 1%, #767676ad 55%);
        border: 1px solid #afafaf;
    }

    .stat_sport_item img {
        position: relative;
        width: 46px;
        height: 46px;
        padding: 3px;
        filter: drop-shadow(2px 4px 6px #0c0c0cba);
    }

        .stat_sport_item img.bbl {
            padding: 0;
        }

    .stat_sport_item.sport_8 img,
    .stat_sport_item.sport_14 img,
    .stat_sport_item.sport_29 img,
    .stat_sport_item.sport_25 img,
    .stat_sport_item.sport_180 img,
    .stat_sport_item.sport_91 img,
    .stat_sport_item.sport_3 img {
        padding: 0;
    }

    .stat_sport_item p {
        position: relative;
        display: flex;
        color: #fff;
        font-weight: 100;
        font-size: 16px;
        filter: drop-shadow(2px 4px 6px #0c0c0cba);
    }

    .stat_sport_item a, .wrap_champ_result a {
        position: absolute;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

.stat_menu_link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 12px;
    padding-left: 0;
    border-radius: 3px;
    border-bottom: 1px solid #a5660b;
    box-shadow: 13px 12px 7px 0 #04040436;
}

    .stat_menu_link a {
        position: relative;
        display: flex;
        width: auto;
        height: 75%;
        color: #fff;
        font-size: 12px;
        align-items: center;
        cursor: pointer;
        text-decoration-line: underline;
        text-underline-offset: 3px;
        text-transform: uppercase;
        white-space: nowrap;
        margin-left: 10px;
    }

    .stat_menu_link p {
        position: relative;
        display: flex;
        width: auto;
        height: 75%;
        color: #fff;
        font-size: 12px;
        align-items: center;
        margin-left: 10px;
        text-transform: uppercase;
    }

.wrap_stat_champ {
    position: relative;
    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto;
    height: auto;
    margin-top: 30px;
    margin-bottom: 100px;
}

.wrap_result_sport.stat {
    display: flex;
    margin-left: 15px;
    margin-right: 15px;
}

.no_data {
    display:none;
    margin-top: 70px;
    margin-bottom: 70px;
    font-size: 18px;
    color: #a96f1d;
    text-align: center;
    letter-spacing: 0.5px;
}

.name_result_sport_2 + .no_data,
.name_result_sport_3 + .no_data,
.name_result_sport_6 + .no_data {
    display: block;
}

/* #endregion statistic, sportstatistic */
/* #region champstatistic */
.stat_champ_menu {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    max-width: 1200px;
    width: 100%;
    height: fit-content;
    margin-top: 12px;
}

.stat_champ_menu_item {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: auto;
    cursor: pointer;
    margin-left: 25px;
    padding: 9px;
    border-radius: 3px;
    border-bottom: 1px solid #a5660b;
    box-shadow: 13px 12px 7px 0 #04040436;
}

    .stat_champ_menu_item.active, .stat_champ_menu_item:hover {
        background: linear-gradient( 45deg, rgb(126 101 91 / 56%) 1%, #767676ad 55%);
    }

    .stat_champ_menu_item p {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        width: auto;
        margin-left: 10px;
        font-size: 13px;
        color: #fff;
        text-transform: lowercase;
    }

    .stat_champ_menu_item svg {
        position: relative;
        fill: #cf8823;
        width: 20px;
        height: 20px;
    }

.wrap_main_stat {
    position: relative;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1250px;
    max-width: 94%;
    height: auto;
    margin-top: 15px;
    margin-bottom: 100px;
    box-shadow: 13px 12px 7px 0 #04040436;
}

    .wrap_main_stat.active {
        display: flex;
    }

.teams_table_title, .teams_table {
    position: relative;
    display: flex;
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #cdcbc852;
}

    .teams_table_title .wrap_teams_table_1:first-child p:last-child {
        cursor: auto;
    }

        .teams_table_title .wrap_teams_table_1:first-child p:last-child:hover {
            background-color: #4b4c4e00;
        }

    .teams_table_title p {
        position: relative;
        font-size: 14px;
        font-weight: bold;
        color: #a96f1d;
        cursor: help;
    }

        .teams_table_title p.hov {
            background-color: #d9d9d940;
        }

.more_info .popup {
    position: absolute;
    top: 82%;
    background: #a9a39a;
    border: 1px solid #ccc;
    padding: 7px;
    left: 4px;
    width: fit-content;
    white-space: normal;
    z-index: 99;
    display: none;
    color: #342b22;
    text-align: center;
    font-weight: normal;
}

.title_right {
    margin-left: -60px;
}

.title_right2 {
    margin-left: -30px;
}

.teams_table:hover,
.game_item_stat:hover,
.teams_table:hover p {
    color: #fff;
}

.teams_table p {
    font-size: 14px;
    color: #b3b3b3;
}

.wrap_teams_table_1 {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}

.wrap_teams_table_2 {
    position: relative;
    display: flex;
    width: 550px;
    height: 100%;
    margin-right: 20px;
}

    .wrap_teams_table_2 p {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

.wrap_teams_table_3, .wrap_teams_table_4 {
    position: relative;
    display: flex;
    width: 170px;
    height: 100%;
}

    .wrap_teams_table_3 p, .wrap_teams_table_4 p {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

.wrap_teams_table_1 p:first-child {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 100%;
    margin-left: 15px;
}

.wrap_teams_table_1 p:last-child {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    border-right: 1px solid #cdcbc852;
    margin-left: 35px;
}

.teams_table a {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    text-decoration: none;
    z-index: 9;
}

.calendar.fixtures_menu {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 35px;
    padding: 0;
    border-bottom: 1px solid #cdcbc852;
}

    .calendar.fixtures_menu .datepicker-here {
        background: linear-gradient( 45deg, rgb(126 101 91 / 56%) 1%, #767676ad 55%);
        height: 28px;
    }

.game_item_stat {
    position: relative;
    display: flex;
    width: 100%;
    color: #b3b3b3;
    min-height: 35px;
    border-bottom: 1px solid #cdcbc852;
    font-size: 14px;
}

    .game_item_stat a {
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
        z-index: 9;
    }

    .game_item_stat p {
        font-size: 14px;
        color: #4b4c4e;
    }

    .game_item_stat .result_total_score {
        width: 30px;
        margin-left: 7px;
    }

.wrap_legend {
    position: relative;
    display: flex;
    width: 100%;
    align-items: flex-start;
    box-sizing: border-box;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-left: 20px;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: bold;
    color: #a96f1d;
}

.legend {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-width: 270px;
    height: 15px;
    padding-left: 15px;
}

    .legend p:first-child {
        margin-right: 10px;
    }

    .legend p:last-child {
        margin-left: 10px;
    }

p.inf {
    width: 100%;
}

span.footnote {
    color: #a96f1d;
    margin-top: -7px;
}

/* #endregion champstatistic */

/* #region teamstatistic */

.wrap_main_stat.team.form {
    margin-bottom: 0px;
    margin-bottom: -15px;
    margin-top: 25px;
}

p.title_teams_stat {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #cdcbc852;
    font-size: 14px;
    font-weight: bold;
    color: #a96f1d;
}

.wrap_wrap_title_st {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
    width: 100%;
    height: 150px;
    color: #fff;
}

.wrap_title_st {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
}

    .wrap_title_st p:first-child {
        position: relative;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        width: auto;
        margin-top: 10px;
        padding-left: 15px;
        font-size: 12px;
        line-height: 2;
        letter-spacing: 0.5px;
    }

.wrap_rect {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 210px;
    height: auto;
    margin-left: 15px;
}

    .wrap_rect p {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        width: 25px;
        height: 25px;
        margin: 5px;
    }

.wrap_arrow_for_rect {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.arrow_for_rect {
    display: flex;
    position: relative;
    background: linear-gradient(to right, #a96f1d, transparent);
    box-sizing: border-box;
    width: 100%;
    height: 2px;
}

.rect_n {
    background-color: #727272;
}

.rect_p {
    background-color: #8b1b11;
}

.rect_v {
    background-color: #144e26;
}

.wrap_percent {
    display: flex;
    position: relative;
    display: flex;
    width: auto;
    align-items: flex-end;
}

.wrap_prcnt {
    position: relative;
    width: 35px;
    height: 70px;
    background-color: #727272;
    margin-right: 20px;
    box-sizing: border-box;
}

.wrap_percent #prcnt {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #144e26;
    box-sizing: border-box;
}

.title_prcnt {
    position: relative;
    display: flex;
    flex-direction: column;
}

    .title_prcnt p:first-child {
        font-size: 18px;
    }

    .title_prcnt p:last-child {
        font-size: 12px;
        letter-spacing: 0.5px;
        line-height: 2;
        text-transform: uppercase;
    }

/* #endregion teamstatistic */

/* #region gamestatistic */

.wrap_main_stat.game_top.form {
    margin-bottom: 0px;
    margin-bottom: -15px;
    margin-top: 25px;
}

.wrap_gm_st {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 30px;
    overflow: hidden;
    max-height: 110px;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

    .wrap_gm_st p:first-child {
        margin-left: 25px;
        width: 80%;
    }

    .wrap_gm_st p:last-child {
        margin-right: 25px;
        width: 80%;
    }

    .wrap_gm_st p {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        min-width: 20%;
        text-align: center;
    }

.wrap_score_stat {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}

p.date_game_st {
    position: relative;
    display: flex;
    width: 100%;
    height: 65px;
    justify-content: center;
    align-items: center;
    color: #bbbbbb;
}

p.wrap_sore_st {
    padding-top: 9px;
    padding-bottom: 8px;
    border-radius: 2px;
    background-color: #641703cf;
}

.wrap_score_sets_st {
    position: relative;
    display: flex;
    width: 100%;
    height: 65px;
    justify-content: center;
    align-items: center;
}

    .wrap_score_sets_st p {
        margin: 15px;
        color: #bbbbbb;
    }

.wrap_gm_st.bt p {
    font-size: 16px;
    font-weight: 100;
}

#ttvv, #ttvv22 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.wrap_videoCon .video_block.stat {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
}

.wrap_videoCon.stat {
    justify-content: center;
    margin-bottom: 0;
    height: fit-content;
}

.wrap_videoCon .video_block.stat img.icon_sport_viewer.index {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.6;
    box-shadow: 0 1px 4px rgb(0 0 0 / 77%);
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.video_block.stat img.icon_play.index {
    position: absolute;
    width: 50px;
    height: 50px;
}

#selector {
    cursor: pointer;
}

/* #endregion gamestatistic */

/* #endregion stat */

/* #region schedule */

.wrap_champ_schedule {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 1250px;
    max-width: 94%;
    height: fit-content;
    margin-bottom: 140px;
    margin-top: 100px;
    padding-bottom: 50px;
    overflow: hidden;
}

    .wrap_champ_schedule p {
        color: #e9e7e4;
    }

    .wrap_champ_schedule img {
        position: relative;
        display: flex;
        width: auto;
        height: 60px;
        margin: 5px;
        border-radius: 2px;
    }

p.title_schedule {
    padding: 12px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 3px;
    border-bottom: 1px solid #a5660b;
    display: flex;
    width: fit-content;
    margin-top: 12px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 14px;
}

.short {
    position: relative;
    display: flex;
    flex-direction:column;
    justify-content: center;
    width: 100%;
    padding: 10px;
    margin-bottom: 43px;
}

.short_bs {
    margin-top:50px;
}

.short p {
    color: #a5660b;
}

        .short p:first-of-type {
            font-size: 17px;
            margin-right: 10px;
            color: #e9e7e4;
            font-weight: bold;
            margin-bottom: 15px;
            text-align: start;
            width: 100%;
        }

.swiper.oooo {
    position: relative;
    margin: 0 auto;
    margin-bottom: -10px;
}

.vad, .vad_bs {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient( 45deg, rgb(58 54 54 / 15%) 1%, rgb(187 174 174 / 21%) 55%, rgb(24 23 23 / 15%)), url(../img/bckgr.png);
    padding: 10px;
    border: 1px solid #6c4101e3;
    width: 400px;
    height: 250px;
    left: calc(50% - 200px);
    overflow: hidden;
    box-shadow: 0 4px 12px rgb(0 0 0 / 30%), 0 10px 20px rgb(0 0 0 / 31%);
    cursor: pointer;
    z-index: 100;
    top: 0;
}

    .vad:nth-child(4), .vad_bs:nth-child(4) {
        transform: rotate(-1deg);
        position: relative;
    }

    .vad:nth-child(3), .vad_bs:nth-child(3) {
        transform: rotate(2deg);
    }

    .vad:nth-child(2), .vad_bs:nth-child(2) {
        transform: rotate(5deg);
    }

    .vad:nth-child(1), .vad_bs:nth-child(1) {
        transform: rotate(-3deg);
    }

.bottommm {
    z-index: 50;
    animation: move9999999999999 ease-in-out 1s;
}

.bottom_last {
    z-index: 30;
    animation: move_last999999999 ease-in-out 1s;
}

@keyframes move9999999999999 {
    0% {
        left: calc(50% - 200px);
        z-index: 150;
    }

    50% {
        left: calc(50% + 290px);
    }

    100% {
        left: calc(50% - 200px);
        z-index: 50;
    }
}

@keyframes move_last999999999 {
    0% {
        left: calc(50% - 200px);
        z-index: 150;
    }

    50% {
        left: calc(50% + 290px);
        z-index: 50;
    }

    100% {
        left: calc(50% - 200px);
        z-index: 30;
    }
}

.vad p, .vad_bs p {
    text-align: center;
    line-height: 1.4;
    padding: 10px;
}

.vad_bs img + p {
font-size:13px;
}

.vad2 p {
    text-align: center;
    line-height: 0.3;
    padding: 10px;
}

.vad2 img {
    background: #ffffff;
    padding: 3px;
    margin-bottom: 15px;
}

.title_champ {
    position: relative;
    display: flex;
    flex-direction: column;
}

    .title_champ div {
        position: relative;
        display: flex;
        align-items: center;
        margin-top: 50px;
    }

        .title_champ div p {
            font-size: 17px;
            margin-left: 25px;
            font-weight: bold;
        }

        .title_champ div + p {
            margin-top: 15px;
            color: #a5660b;
            text-align: center;
        }

/* #endregion schedule */

/* #region admin */

.wrap_champ_schedule.admin {
    background-color: white;
    padding: 15px;
    font-size: 14px;
}

.admin .grid {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .admin .grid div {
        position: relative;
        display: flex;
    }

.admin .rows {
    border: 1px solid #606060;
    border-bottom:none;
}

    .admin .rows .datelast {
        width: 200px;
        padding: 5px;
        justify-content: center;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .admin .rows .id {
        width: 160px;
        padding: 5px;
        padding-left: 15px;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .admin .rows .name {
        width: calc(100% - 360px);
        min-width: 50%;
        border-left: 1px solid #606060;
        border-right: 1px solid #606060;
        padding: 5px;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

.wrap_form {
    position:relative;
    display:flex;
    margin-bottom:15px;
    justify-content:space-between;
}
.admin form {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #372c2c;
    
}

form + form {
    margin-left:15px;
}

.admin input {
    height: 37px;
    width: 200px;
    padding-left: 40px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    color: #372c2c;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

    .admin input + input {
        width: 130px;
        cursor: pointer;
        padding-left: 0;
        margin-left: 5px;
        filter: drop-shadow(4px 3px 3px #5e5f615c);
        background: #ffaf49;
        border: 1px solid;
        border-radius: 2px;
    }

    .admin input::placeholder {
        color: #212529;
        opacity: 0.4;
    }

.wrap_champ_schedule.admin img {
    width: 20px;
    opacity: 0.6;
    height: auto;
    margin-right: -30px;
}

/* #endregion admin */

/* #endregion content */

/* #region footer */
.footer {
    position: absolute;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    bottom: 0;
    width: 1280px;
    max-width: 94%;
    min-height: 92px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 0;
}

    .footer::before {
        top: 0;
    }

.privacy {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 40%;
    padding-left: 5px;
    padding-right: 5px;
}

    .privacy p {
        color: #a5660b;
        font-size: 11px;
        text-align: center;
        line-height: 1.3;
    }

.logo_f {
    position: relative;
    width: fit-content;
    height: fit-content;
}

    .logo_f img, .logo_f svg {
        width: 140px;
        height: fit-content;
        opacity: 0.8;
    }

    .logo_f p {
        display: none;
    }

.active#qsdferwf4 {
    animation: move4 0.6s linear, move44 0.6s 2.4s linear;
}

.active#qsdferwf3 {
    animation: move3 0.5s linear, move33 0.5s 2.3s linear;
}

.active#qsdferwf2 {
    animation: move2 0.4s linear, move22 0.4s 2.2s linear;
}

.active#qsdferwf {
    animation: move 0.3s linear, move11 0.3s 2.1s linear;
}

@keyframes move4 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes move3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes move2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes move {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes move44 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes move33 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes move22 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes move11 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes move444 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes move333 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes move222 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes move111 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* #endregion footer */

/* #region media */

@media (max-width: 1250px) {

    .code_x {
        width: 42px;
        margin-right: 10px;
    }

    .wrap_videoCon .video_block {
        max-width: 550px;
    }

    .champ_item {
        width: 100px;
    }

    .container {
        width: 600px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .champ_item img {
        height: 25px;
    }

    .champ_item p {
        padding: 2px;
        margin-top: 7px;
    }

    .all_champs p {
        padding: 9px;
        font-size: 9px;
    }

    img#next {
        width: 35px;
    }

    .next_lft {
        left: -132px;
    }

    .next_rgt {
        right: -150px;
    }
}

@media (max-width: 1150px) {

    .mail p.contacts {
        display: flex;
    }

    .mail p.static {
        display: none;
    }

    .menu_item p {
        font-size: 11px;
    }

    .next_rgt p, .next_lft p {
        font-size: 14px;
        width: 200px;
    }

    .next_rgt p {
        left: 40px;
    }
    .next_lft p {
        right: 45px;
    }
}

@media (max-width: 1020px) {

    .wrapper_table.live {
        max-width: 97%;
    }

    .game_live {
        padding: 10px;
    }

    .game_live_m {
        width: 42px;
    }

    .wrapper_table.live .game_live_m p, .wrapper_table.live .game_live_r p {
        font-size: 10px;
    }

    .game_live .score_cell {
        width: 56px;
        margin-right: 3px;
    }

    .game_live_r .item {
        padding-left: 3px;
    }

    .wrapper_table.live .middle .score_cell p, .wrapper_table.live .bottom .score_cell p {
        font-size: 14px;
    }

    .wrapper_table.live p {
        font-size: 13px;
    }

    .wrapper_table.live .cur_live_time p {
        margin-left: 3px;
        margin-right: 5px;
        font-size: 12px;
    }

    .game_live_l {
        width: calc(100% - 458px);
    }

    .game_live_r {
        width: 416px;
    }

    .live .table_item svg {
        width: 15px;
        height: 15px;
    }

        .live .table_item svg.tv {
            margin-left: 15px;
        }

    .wrap_middle_top p {
        font-size: 11px;
        padding: 2px 7px 3px 7px;
    }

    .team_wrap_left p, .team_wrap_right p {
        font-size: 16px;
    }

    img.team_1, img.team_85, img.team_144 {
        width: 30px;
    }

    img.team_2, img.team_89 {
        width: 40px;
    }

    img.team_3, img.team_91 {
        width: 25px;
    }

    img.team_103 {
        width: 27px;
    }

    img.team_10 {
        width: 26px;
    }

    img.team_6 {
        width: 20px;
    }

    .wrap_middle_top {
        margin-bottom: 0;
        height: 35px;
    }

    .wrap_sport_liga p {
        font-size: 12px;
    }

    .score_main_right p, .score_main_left p {
        padding: 4px 10px 4px 10px;
    }

    p.title_schedule {
        font-size: 11px;
    }

    .short p, .short p:first-of-type, .title_champ div p, .title_champ div + p, .vad p, .vad_bs p {
        font-size: 14px;
    }

    .vad_bs img + p {
        font-size: 12px;
    }

    .wrap_champ_schedule img {
        height: 40px;
    }

    .vad, .vad_bs {
        width: 350px;
        height: 215px;
        left: calc(50% - 175px);
    }

    @keyframes move9999999999999 {
        0% {
            left: calc(50% - 175px);
            z-index: 150;
        }

        50% {
            left: calc(50% + 240px);
        }

        100% {
            left: calc(50% - 175px);
            z-index: 50;
        }
}

@keyframes move_last999999999 {
    0% {
        left: calc(50% - 175px);
        z-index: 150;
    }

    50% {
        left: calc(50% + 240px);
        z-index: 50;
    }

    100% {
        left: calc(50% - 175px);
        z-index: 30;
    }
}

    .short {
        margin-bottom: 27px;
    }

    .swiper.oooo {
        margin-bottom: -5px;
    }

    p.title_schedule {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .short p:first-of-type {
        margin-bottom: 11px;
    }

    .title_champ div, .short_bs {
        margin-top: 25px;
    }

}

@media (max-width: 995px) {

    .admin input {
        height: 30px;
        width: 200px;
        padding-left: 35px;
        font-size: 12px;
    }

        .admin input + input {
            width: 135px;
            margin-left: 5px;
        }

    .wrap_champ_schedule.admin img {
        width: 17px;
        margin-right: -25px;
    }

    .main_menu {
        display: none;
    }

        .main_menu.active333 {
            display: flex;
            flex-direction: column;
            position: absolute;
            width: 100%;
            height: 134px;
            padding: 7px;
            top: 93px;
        }

            .main_menu.active333 #live a:not(:active) + p {
                animation: clr 6s infinite;
            }

    @keyframes clr {
        0% {
            transform: rotate3d(0, 0, 0, 360deg);
            color: #e9e7e4;
        }

        46% {
            transform: rotate3d(0, 0, 0, 360deg);
            color: #e9e7e4;
        }

        50% {
            transform: rotate3d(1, 0, 0, 74deg);
            color: #c72228;
        }

        54% {
            transform: rotate3d(0, 0, 0, 360deg);
            color: #e9e7e4;
        }

        100% {
            transform: rotate3d(0, 0, 0, 360deg);
            color: #e9e7e4;
        }
    }

    .main_menu.active333 #live a.active + p {
        color: #c72228;
        animation: clr2 6s infinite;
    }

    @keyframes clr2 {
        0% {
            transform: rotate3d(0, 0, 0, 360deg);
            color: #c72228;
        }

        46% {
            transform: rotate3d(0, 0, 0, 360deg);
            color: #c72228;
        }

        50% {
            transform: rotate3d(1, 0, 0, 74deg);
            color: #c72228;
        }

        54% {
            transform: rotate3d(0, 0, 0, 360deg);
            color: #c72228;
        }

        100% {
            transform: rotate3d(0, 0, 0, 360deg);
            color: #c72228;
        }
    }

    .header {
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }

        .header .right {
            position: absolute;
            left: 30px;
        }

    svg.mn {
        width: 25px;
        fill: #ffff;
    }

    .select_language {
        margin-right: 12px;
    }

    .mob_menu {
        display: flex;
        position: absolute;
        right: 30px;
        justify-content: center;
        height: 30px;
        width: 30px;
        cursor: pointer;
        align-items: center;
    }

    .burger {
        height: 2px;
        width: 21px;
        position: relative;
        -webkit-transition: transform .1s ease 0s;
        -webkit-transition: -webkit-transform .1s ease 0s;
        -moz-transition: transform .1s ease 0s;
        -o-transition: transform .1s ease 0s;
        -ms-transition: transform .1s ease 0s;
        transition: transform .1s ease 0s;
    }

    .mob_menu.active .burger {
        width: 18px;
    }

    .burger:before, .burger:after {
        background: #e9e7e4;
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
    }

    .burger:before {
        top: -7px;
        -webkit-transition: top .1s linear .2s;
        -moz-transition: top .1s linear .2s;
        -o-transition: top .1s linear .2s;
        -ms-transition: top .1s linear .2s;
        transition: top .1s linear .2s;
    }

    .burger_line {
        background: #e9e7e4;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: transform .1s linear .1s;
        -webkit-transition: -webkit-transform .1s linear .1s;
        -moz-transition: transform .1s linear .1s;
        -o-transition: transform .1s linear .1s;
        -ms-transition: transform .1s linear .1s;
        transition: transform .1s linear .1s;
    }

    .burger:after {
        bottom: -7px;
        -webkit-transition: bottom .1s linear .2s;
        -moz-transition: bottom .1s linear .2s;
        -o-transition: bottom .1s linear .2s;
        -ms-transition: bottom .1s linear .2s;
        transition: bottom .1s linear .2s;
    }

    .mob_menu.active333 .burger {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: transform .1s linear .2s;
        -webkit-transition: -webkit-transform .1s linear .2s;
        -moz-transition: transform .1s linear .2s;
        -o-transition: transform .1s linear .2s;
        -ms-transition: transform .1s linear .2s;
        transition: transform .1s linear .2s;
    }

        .mob_menu.active333 .burger:before {
            -webkit-transition: top .1s linear;
            -moz-transition: top .1s linear;
            -o-transition: top .1s linear;
            -ms-transition: top .1s linear;
            transition: top .1s linear;
            top: 0;
            background: #be2328;
        }

    .mob_menu.active333 .burger_line {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        background: #be2328;
    }

    .mob_menu.active333 .burger:after {
        -webkit-transition: bottom .1s linear;
        -moz-transition: bottom .1s linear;
        -o-transition: bottom .1s linear;
        -ms-transition: bottom .1s linear;
        transition: bottom .1s linear;
        bottom: 0;
        background: #be2328;
    }

    .menu_item.main {
        padding-left: 7px;
    }

    .wrap_header.active333 {
        height: 267px;
    }

    .header.active333:before {
        display: flex;
        top: 267px;
    }

    .main_menu.active333 {
        top: 95px;
    }

    .next_rgt p {
        font-size: 13px;
        left: 37px;
        width: 150px;
    }

    .next_lft p {
        font-size: 13px;
        right: 39px;
        width: 150px;
    }
}

@media (max-width: 900px) {

    .wrap_videoCon .video_block {
        position: relative;
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        max-width: 475px;
        width: 63%;
    }

    .container {
        width: 400px;
        margin-left: 7px;
        margin-right: 7px;
    }

    .champ_line.testtest .container {
        width: 621px;
    }

    .wrap_gm_st p {
        font-size: 17px;
    }

    .wrap_gm_st p {
        min-width: fit-content;
        padding-left: 15px;
        padding-top: 6px;
        padding-right: 15px;
    }

    p.date_game_st, .wrap_score_sets_st {
        font-size: 12px;
        height: 50px;
    }

    .logo_h {
        width: 210px;
    }

    .log_lng {
        margin-bottom: 10px;
    }

    .stat_menu_link p {
        height: fit-content;
        font-size: 11px;
    }

    .stat_menu_link {
        padding: 7px;
        padding-left: 0;
    }

        .stat_menu_link a {
            font-size: 11px;
        }

    .wrap_stat_champ {
        margin-top: 20px;
    }

    img#next {
        width: 30px;
    }

    .next_lft {
        left: -95px;
    }

    .next_rgt {
        right: -110px;
    }
}

@media (max-width: 800px) {

    .next_rgt p, .next_lft p {
        margin-top: -25px;
        width: 170px;
    }

    .next_rgt p {
        left: -35px;
    }

    .next_lft p {
        right: -35px;
    }

    .wrap_form {
        flex-direction: column;
    }

    form + form {
        margin-top: 12px;
        margin-left: 0;
    }

    img.tv {
        width: 35px;
        margin-left: 15px;
        margin-right: 10px;
    }

    .cur_live_time {
        padding-left: 0;
    }

    .champ_line.testtest .container {
        width: 467px;
    }

    .stat_sport_item {
        width: 195px;
        height: 110px;
    }

        .stat_sport_item p {
            font-size: 15px;
        }

        .stat_sport_item img {
            width: 36px;
            height: 36px;
        }

    .result_item {
        height: fit-content;
        margin-right: 10px;
        width: 90px;
    }

        .result_item p {
            font-size: 11px;
        }

    img.icon_sport_result {
        width: 24px;
        height: 24px;
        margin-left: 15px;
    }

    .wrap_result {
        max-width: 97%;
        margin-top: 10px;
    }

    .result_sports_filter {
        margin-top: -45px;
    }

    .name_result_sport {
        font-size: 11px;
    }

        .name_result_sport p {
            margin-left: 10px;
            padding-left: 7px;
        }

    .wrap_champ_result {
        font-size: 12px;
    }

    .result_expand p {
        font-size: 11px;
    }

    .datepicker-here {
        font-size: 12px;
        width: 105px;
    }

    .name_champ_result p {
        font-size: 11px;
        letter-spacing: 0.5px;
    }

    .game_item_stat {
        font-size: 12px;
    }

    .teams_table_title p {
        font-size: 13px;
    }

    .teams_table p {
        font-size: 13px;
    }

    .title_prcnt p:last-child {
        font-size: 11px;
    }

    .wrap_title_st p:first-child {
        font-size: 11px;
    }

    .wrap_rect {
        font-size: 11px;
    }
}

@media (max-width: 680px) {

    .wrap_title_preview_right {
        justify-content: center;
        border-bottom: 1px solid #462d14c2;
        margin-bottom: 15px;
    }

    .wrap_title_preview_right {
        justify-content: center;
    }

    .preview_right {
        border-top: none;
    }

    .title_preview_right {
        margin-right: 25px;
    }

    .all_matches {
        margin-right: 25px;
    }

    .wrap_preview {
        margin-top: 180px;
        height: calc(100vh - 300px);
    }

    .team_wrap_right {
        margin-left: 10px;
    }

    .team_wrap_left {
        margin-right: 10px;
    }

    .logo_h {
        min-width: 200px;
        width: 35%;
    }

    .mob_menu {
        right: 20px;
    }

    .header .right {
        left: 20px;
    }

    .select_language a {
        font-size: 10px;
    }

    .select_language .line {
        height: 10px;
        margin-left: 3px;
        margin-right: 3px;
    }

    .mail p {
        font-size: 12px;
        margin-left: 7px;
    }

    .right svg, .footer .mail svg {
        width: 17px;
        height: 17px;
    }

    .log_lng {
        margin-bottom: 5px;
    }

    svg#close {
        right: -22px;
        width: 22px;
        height: 22px;
    }

    .live .table_item {
        margin-bottom: 20px;
    }

    .preview_left {
        display: none;
    }

    .wrap_preview {
        margin-top: 220px;
        max-width: 100%;
        overflow: hidden;
        height: calc(100vh - 321px);
    }

    .preview_right {
        margin-left: 13px;
        margin-left: 0;
        width: 100%;
        max-height: 100%;
        min-height: 200px;
        min-width: fit-content;
        border-right: none;
        border-left: none;
        height: fit-content;
    }

    .wrapper_table {
        width: 97%;
        height: fit-content;
    }

    .title_preview_right p {
        font-size: 12px;
    }

        .title_preview_right p.all_live {
            font-size: 11px;
        }

    .wrap_title_preview_right {
        justify-content: space-evenly;
    }

    .container {
        width: 300px;
    }

    .all_champs p {
        padding: 7px;
        font-size: 8px;
    }

    .all_champs {
        margin-left: 10px;
        margin-right: 15px;
    }

    .all_matches a {
        padding: 7px;
        font-size: 8px;
    }

    .sw_btn img {
        width: 18px;
    }

    .wrap_videoCon .video_block.stat {
        width: 63%;
    }

    .wrap_gm_st p {
        padding-left: 10px;
        padding-right: 10px;
    }

    p.date_game_st, .wrap_score_sets_st {
        height: 39px;
    }

    .wrap_gm_st p {
        font-size: 14px;
    }

    .game_live .game_live_r {
        display: none;
    }

    .game_live .game_live_m {
        width: 60px;
    }

    .game_live .game_live_l {
        width: calc(100% - 125px);
    }

    .game_live .game_live_r_dop {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 65px;
        flex-wrap: wrap;
        text-align: center;
    }

    .game_live_r_dop .score_details {
        display: none;
    }

    .active.game_live_r_dop .score_details {
        display: flex;
        flex-direction: column;
        margin-top: -6px;
        line-height: 1.9;
    }

    .game_live .game_live_r_dop p {
        font-size: 12px;
    }

    .game_live_r_dop.active {
        position: absolute;
        width: fit-content;
        height: fit-content;
        right: 14px;
        flex-direction: column;
        top: 15%;
        background: linear-gradient(45deg, #34343247 1%, rgb(54 52 52 / 55%) 55%, rgb(56 32 28 / 26%)), url(../img/bckgr.png);
        padding: 7px;
        line-height: 1.5;
        border: 1px solid #784906;
        border-radius: 3px;
        z-index: 9;
    }

        .game_live_r_dop.active:before, .game_live_r_dop.active:after {
            background: #a96f1d;
            content: "";
            height: 2px;
            width: 12px;
            position: absolute;
            right: 6px;
            top: 11px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .game_live_r_dop.active:before {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .score_details, .game_live_r_dop {
        cursor: default;
        z-index: 99;
    }

    .det {
        cursor: pointer;
        z-index: 999;
    }

    .game_live_r_dop p.det {
        display: flex;
        padding-left: 15px;
    }

        .game_live_r_dop p.det:hover {
            color: #a5660b;
        }

    .game_live_r_dop.active p.det {
        padding: 15px;
        border-bottom: 1px solid #a96f1d;
        margin-bottom: 15px;
    }

    .wrap_title_st p:first-child, .wrap_rect, .title_prcnt p:last-child {
        font-size: 10px;
    }

    .title_prcnt p:first-child {
        font-size: 16px;
    }

    .wrap_prcnt {
        width: 30px;
        height: 60px;
    }

    .wrap_wrap_title_st {
        height: 120px;
    }

    p.title_teams_stat {
        font-size: 12px;
    }
}

@media (max-width: 650px) {

    .code_x {
        width: 37px;
    }

    .next_rgt p {
        left: -60px;
        width: 140px;
        text-align: end;
    }

    .next_lft p {
        right: -60px;
        width: 140px;
        text-align: start;
    }

    .admin .rows .datelast {
        width: 100px;
        padding: 3px;
    }
    .wrap_champ_schedule.admin {
        font-size: 12px;
    }

    .admin .rows .name {
        padding: 3px;
    }
    .admin .rows .id {
        width: 160px;
        padding: 3px;
        padding-left: 3px;
    }

    .wrapper_table.live .game_live_m .middle p, .wrapper_table.live .game_live_m .bottom p {
        font-size: 14px;
    }

    .wrapper_table.live .game_live_m p, .wrapper_table.live .game_live_r p {
        font-size: 9px;
    }

    .champ_line.testtest .container {
        width: 311px;
    }

    .video_block.stat img.icon_play.index {
        width: 45px;
        height: 45px;
    }

    .footer .mail svg {
        width: 16px;
        height: 16px;
    }

    .footer .mail p {
        font-size: 11px;
        margin-left: 6px;
    }

    .wrap_result_menu {
        margin-top: 100px;
    }

    .wrap_stat_sport {
        margin-top: 115px;
    }

    .wrap_champ_schedule {
        margin-top: 85px;
    }

    .result_sports_filter {
        position: absolute;
        margin-top: -50px;
        flex-direction: row;
    }

    .wrap_result {
        margin-top: 65px;
    }

    .result_item p {
        display: none;
    }

    .result_item {
        margin-right: 12px;
        width: 45px;
        padding: 8px;
    }

    .no_data {
        margin-top: 50px;
        margin-bottom: 50px;
        font-size: 16px;
    }

    p.title_schedule {
        margin-top: 20px;
    }

    .short {
        margin-bottom: 15px;
    }


}

@media (max-width: 570px) {

    .wrap_preview {
        margin-top: 170px;
        height: calc(100vh - 293px);
    }

    .wrap_title_preview_right {
        height: 70px;
    }

    .table_item_title_liga {
        margin-left: 8px;
    }

        .wrap_oko img {
            width: 16px;
            height: 16px;
        }

        .wrap_oko p {
            font-size: 11px;
        }

    .wrapper_table.live {
        margin-top: 145px;
    }

    .champ_line {
        margin-top: 85px;
        height: 85px;
    }

    section:target {
        padding-top: 130px;
    }

    .champ_line.testtest .champ_item img.icon_sport_viewer {
        width: 18px;
        height: 18px;
    }

    .champ_line.testtest .champ_item.listsport_3 img.icon_sport_viewer,
    .champ_line.testtest .champ_item.listsport_29 img.icon_sport_viewer,
    .champ_line.testtest .champ_item.listsport_25 img.icon_sport_viewer {
        width: 21px;
        height: 21px;
    }

    .champ_line.testtest {
        height: 40px;
    }

    .wrapper_menu_test {
        top: 85px;
    }

    .video_block.stat img.icon_play.index {
        width: 40px;
        height: 40px;
    }

    .sport_liga {
        justify-content: flex-start;
    }

    .wrap_result_menu {
        margin-top: 90px;
    }

    .wrap_stat_sport {
        margin-top: 100px;
    }

    .stat_sport_item {
        width: 180px;
        height: 100px;
    }

    .wrap_champ_schedule {
        margin-top: 80px;
    }

    .container {
        width: 200px;
    }

    .wrap_gm_st p:last-child {
        margin-right: 0px;
        min-width: 40%;
    }

    .wrap_gm_st p:first-child {
        margin-left: 0px;
        min-width: 40%;
    }

    .logo_h {
        width: 184px;
    }

    .log_lng {
        margin-bottom: 5px;
    }

    .mail p {
        margin-left: 6px;
    }

    .right svg {
        width: 17px;
        height: 17px;
    }

    .header {
        height: 85px;
    }

    .menu_item p {
        font-size: 10px;
    }

    .wrap_videoCon .video_block {
        width: 67%;
    }

    .team_wrap_left p, .team_wrap_right p {
        font-size: 15px;
    }

    .wrap_middle_center {
        font-size: 18px;
        height: 45px;
    }

    .score_main_right p, .score_main_left p {
        padding: 2px 7px 2px 7px;
    }

    .wrap_sport_liga p {
        font-size: 10px;
        margin-left: 3px;
    }

    .title_wrap_left img {
        width: 26px;
        height: 26px;
    }

        .title_wrap_left img.icon_sport_viewer_29 {
            width: 30px;
            height: 30px;
        }

    .title_wrap_left {
        height: 20px;
        margin-left: 7px;
    }

    .wrap_middle_top p {
        font-size: 8px;
        padding: 2px 5px 2px 5px;
    }

    .wrap_middle_top {
        height: 20px;
    }

    .wrap_middle_bottom p {
        font-size: 10.5px;
    }

    .wrap_middle_bottom svg {
        width: 11px;
        height: 11px;
    }

    .wrap_right, .wrap_left {
        height: 100%;
    }

    .stat_menu_link a {
        font-size: 9px;
    }

    .stat_menu_link p {
        font-size: 9px;
    }

    .stat_champ_menu_item p {
        font-size: 11.5px;
        letter-spacing: -0.2px;
        margin-left: 7px;
    }

    .stat_champ_menu_item svg {
        width: 17px;
        height: 17px;
    }

    .stat_champ_menu_item {
        margin-left: 17px;
    }

    .teams_table_title p {
        font-size: 11px;
        letter-spacing: -0.8px;
    }

    .wrap_teams_table_1 p:first-child {
        width: 40px;
        margin-left: 2px;
    }

    .teams_table p {
        font-size: 11px;
        letter-spacing: -0.8px;
    }

    .wrap_teams_table_3, .wrap_teams_table_4 {
        width: 50px;
    }

    .wrap_teams_table_1 p:last-child {
        margin-left: 5px;
    }

    .wrap_teams_table_2 {
        width: 250px;
        margin-right: 10px;
    }

    .wrap_teams_table_3, .wrap_teams_table_4 {
        width: 80px;
    }

    .wrap_legend {
        margin-top: 13px;
        margin-bottom: 13px;
        font-size: 10px;
    }

    #arrowTop {
        bottom: 20px;
        right: 15px;
    }

    .next_lft {
        left: -60px;
    }

    .next_rgt {
        right: -70px;
    }
}

@media (max-width: 480px) {

    .next_rgt p {
        left: -85px;
        width: 115px;
    }

    .next_lft p {
        right: -85px;
        width: 115px;
    }

    .title_preview_right p:first-child {
        display: none;
    }

/*    .logo_h {
        margin-left: 23px;
    }*/

    .mob_menu {
        right: 10px;
    }

    .header .right {
        left: 10px;
    }

    .wrap_main_stat.game_top.form {
        margin-top: 10px;
    }

    p.title_teams_stat {
        height: 30px;
        font-size: 13px;
    }

    .wrap_videoCon .video_block.stat {
        width: 69%;
    }

    .wrap_gm_st p {
        font-size: 12px;
        letter-spacing: -0.5px;
    }

    .no_data {
        margin-top: 40px;
        margin-bottom: 40px;
        font-size: 14px;
    }

    .footer {
        flex-direction: column-reverse;
    }

    .logo_f {
        display: flex;
        align-items: center;
    }

        .logo_f img {
            width: 110px;
        }

        .logo_f p {
            display: flex;
            font-size: 11px;
            color: #a5660b;
            margin-right: 12px;
        }

    .privacy {
        display: none;
    }

    .stat_sport_item {
        width: 150px;
        height: 85px;
        margin: 7px;
    }

        .stat_sport_item p {
            font-size: 12px;
        }

        .stat_sport_item img {
            width: 28px;
            height: 28px;
        }

    .wrap_sport_liga p {
        font-size: 9px;
    }

    .title_wrap_left {
        height: 17px;
    }

        .title_wrap_left img {
            width: 24px;
            height: 24px;
        }

            .title_wrap_left img.icon_sport_viewer_29 {
                width: 27px;
                height: 27px;
            }

    .wrap_middle_top p {
        font-size: 8px;
        padding: 1px 4px 1px 4px;
    }

    .wrap_middle_center {
        font-size: 14px;
        height: 30px;
    }

    .score_main_right p, .score_main_left p {
        padding: 2px 5px 2px 5px;
    }

    .team_wrap_left p, .team_wrap_right p {
        font-size: 14px;
    }

    .result_score {
        width: 100%;
        border-right: 1px solid #606060;
    }

    .wrap_champ_result .wrap_champ_result_active.name_champ_result ~ div {
        font-size: 11px;
    }

    .result_date_time {
        width: 43px;
        padding: 3px;
    }

    .wrap_res_teams_score {
        flex-direction: column;
    }

    .name_result_sport {
        font-size: 10px;
    }

        .name_result_sport p {
            height: 50%;
        }

    .name_champ_result p {
        font-size: 10px;
    }

    .result_expand p {
        font-size: 10px;
    }

    .datepicker-here {
        font-size: 11px;
    }

    .wrap_result {
        margin-top: 60px;
    }

    .wrap_title_st p:first-child, .wrap_rect, .title_prcnt p:last-child {
        font-size: 9px;
    }

    .title_prcnt p:first-child {
        font-size: 14px;
    }

    .wrap_title_st p:first-child {
        padding-left: 5px;
    }

    .wrap_rect p {
        width: 20px;
        height: 20px;
        margin: 3px;
    }

    p.title_teams_stat {
        font-size: 11px;
        letter-spacing: -0.2px;
    }

    .wrap_rect {
        width: fit-content;
        margin-left: 0;
    }

    .wrap_prcnt {
        width: 20px;
        margin-right: 7px;
        height: 50px;
    }

    .stat_menu_link a {
        margin-left: 3px;
    }

    .stat_menu_link p {
        margin-left: 3px;
    }

    .l_preview {
        padding-left: 0px;
        margin-left: 0px;
        display: none;
    }

    .r_preview {
        width: 70%;
        margin-left:0;
    }

    .wrap_sp_liga {
        width: 100%;
    }

    .r_preview::after {
        left: 0;
        right: 0;
        width: 75%;
    }
}

@media (max-width: 430px) {

    .wrap_champ_schedule.admin {
        max-width: 100%;
    }
        .header .right {
            display: none;
        }

            .header .right.active333 {
                display: flex;
                flex-direction: row;
                left: inherit;
                right: inherit;
                top: 3px;
            }

    .logo_h {
        margin-left: 0;
    }

    .log_lng {
        margin-bottom: 0;
    }

    .mob_menu {
        top: 10px;
    }

    .menu_item {
        padding: 6px;
    }

    .champ_line.testtest .container {
        width: 156px;
    }

    .container {
        width: 100px;
    }

    .vad, .vad_bs {
        left: calc(50% - 135px);
        width: 270px;
        height: 185px;
    }

    @keyframes move9999999999999 {
        0% {
            left: calc(50% - 135px);
            z-index: 150;
        }

        50% {
            left: calc(50% + 175px);
        }

        100% {
            left: calc(50% - 135px);
            z-index: 50;
        }
    }

    @keyframes move_last999999999 {
        0% {
            left: calc(50% - 135px);
            z-index: 150;
        }

        50% {
            left: calc(50% + 175px);
            z-index: 50;
        }

        100% {
            left: calc(50% - 135px);
            z-index: 30;
        }
    }

    .short p, .short p:first-of-type, .title_champ div p, .title_champ div + p, .vad p, .vad_bs p {
        font-size: 12px;
    }

    .vad_bs img + p {
        font-size: 11px;
    }

    .vad_bs p {
        padding: 8px;
    }

    .swiper-button-next.oooo:after, .swiper-button-prev.oooo:after {
        font-size: 20px;
    }

    .wrap_champ_schedule img {
        height: 33px;
    }

    .wrap_champ_schedule {
        margin-bottom: 100px;
    }

    p.title_schedule {
        font-size: 10px;
    }

    .wrap_gm_st p {
        font-size: 11px;
    }

    p.date_game_st, .wrap_score_sets_st {
        height: 35px;
    }

    .menu_item p {
        letter-spacing: -0.5px;
    }

    .wrap_videoCon .video_block {
        width: 92%;
    }

    .team_wrap_right {
        margin-right: 6px;
    }

    .team_wrap_left {
        margin-left: 6px;
    }

    .video_block.stat img.icon_play.index {
        width: 32px;
        height: 32px;
    }

    .main_menu.active333 {
        top: 102px;
    }
}

@media (max-width: 380px) {

    .admin input {
        font-size: 11px;
    }

    .wrap_result_menu {
        max-width: 100%;
    }

    .stat_menu_link {
        overflow: hidden;
    }

    .table_item_title_liga img.oko_item {
        margin-left: 15px;
    }

    p.viewer_count {
        margin-right: 6px;
    }

    img.tv {
        margin-left: 2px;
        margin-right: 2px;
    }

    .result_item {
        margin-right: 6px;
        width: 40px;
        padding: 6px;
    }

    .stat_sport_item {
        width: 145px;
        height: 80px;
        margin: 4px;
    }

    .wrap_stat_sport {
        height: auto;
    }

    .r_preview {
        width: 80%;
    }

    img#next {
        width: 25px;
    }

    .next_lft {
        left: -40px;
    }

    .next_rgt {
        right: -50px;
    }
}

@media (max-height: 855px), (max-width: 800px) {

    .videopl, .testvideo {
        border: none;
    }

    .wrap_viewer .translation_sport1, .wrap_viewer .translation_sport2 {
        margin-bottom: 10px;
    }

    .wrap_viewer {
        margin-bottom: 95px;
    }

        .wrap_viewer .wrap_videoCon .video_block {
            max-width: 600px;
        }

        .wrap_viewer .title_teams_stat.viewer {
            height: 40px;
            margin-top: 16px;
        }

        .wrap_viewer p.title_teams_stat {
            font-size: 11px;
        }

        .wrap_viewer .title_wrap_left {
            height: 40px;
        }

        .wrap_viewer .wrap_sport_liga p {
            font-size: 11px;
        }

        .wrap_viewer .title_wrap_left img {
            width: 24px;
            height: 24px;
        }

    .title_wrap_left img.icon_sport_viewer_29 {
        width: 27px;
        height: 27px;
    }

        .wrap_viewer img.lv_viewer {
            width: 40px;
            height: auto;
        }

        .wrap_viewer img.oko_item2 {
            width: 18px;
            height: auto;
        }

        .wrap_viewer img.oko_item22 {
            width: 20px;
            height: auto;
        }

        .wrap_viewer .wrap_oko p {
            font-size: 11px;
        }

        .wrap_viewer .wrap_middle_bottom p {
            font-size: 13px;
        }

        .wrap_viewer .wrap_middle_center {
            font-size: 14px;
        }

        .score_main_right p, .score_main_left p {
            padding: 3px 8px 3px 8px;
        }

        .wrap_viewer .score_sets_viewer p {
            font-size: 13px;
        }

        .wrap_viewer .wrap_middle_bottom {
            margin-top: 15px;
        }



        .wrap_viewer .table_item {
            height: 65px;
        }

        .wrap_viewer .wrap_middle {
            width: 14%;
        }

    .translation_sport2 .title_teams_stat.viewer {
        height: 40px;
        margin-top: -40px;
    }

    .wrap_right, .wrap_left {
        margin-top: -46px;
    }
}

@media (max-height: 800px) {

    .wrap_viewer .wrap_videoCon .video_block {
        max-width: 515px;
    }

    .wrap_preview {
        height: 390px;
        margin-top: 220px;
    }

}

@media (max-height: 750px) {

    .wrap_viewer .wrap_videoCon .video_block {
        max-width: 420px;
    }

    .wrap_preview {
        height: 380px;
        margin-top: 215px;
    }

}

@media (max-width: 680px) {
    .wrap_preview {
        height: calc(100vh - 300px);
        margin-top: 180px;
    }

    .wrap_title_preview_right {
        justify-content: center;
    }
}

@media (max-width: 570px) {

    .wrap_title_preview_right {
        height: 70px;
    }

    .wrap_preview {
        margin-top: 170px;
        height: calc(100vh - 293px);
    }

    img.team_1, img.team_85, img.team_144 {
        width: 24px;
    }

    img.team_2, img.team_89 {
        width: 35px;
    }

    img.team_103 {
        width: 24px;
    }

    img.team_6 {
        width: 17px;
    }

    img.team_3, img.team_91 {
        width: 20px;
    }

    img.team_10 {
        width: 22px;
    }

    .wrap_viewer {
        margin-top: 125px;
    }

    .videopl, .testvideo {
        box-shadow: 7px 7px 20px 0 #00000040;
    }

    .wrap_viewer .title_teams_stat.viewer {
        margin-top: 10px;
    }

    .score_main_right p, .score_main_left p {
        padding: 2px 7px 2px 7px;
    }

    .wrap_viewer .wrap_middle {
        width: 18%;
        min-width: 73px;
    }

    .wrap_viewer .wrap_sport_liga p {
        font-size: 10px;
        margin-left: 3px;
    }

    .wrap_viewer .title_wrap_left .wrap_oko {
        margin-left:0;
    }

    .wrap_viewer .title_wrap_left {
        margin-left: 0;
    }

    .wrap_viewer img.lv_viewer {
        width: 35px;
        margin-left: 0;
        margin-right:6px;
    }

    .title_wrap_left .wrap_oko p.viewer_count.item {
        margin-left: 25px;
    }

    .translation_sport2 .title_teams_stat.viewer {
        margin-top: -40px;
    }

}

@media (max-width: 480px) {

    .code_x {
        width: 34px;
/*        margin-right: 5px;*/
    }

    .title_preview_right p:first-child  {
        display: none;
    }

    img.team_2, img.team_89 {
        width: 30px;
    }

    .team_wrap_right {
        margin-left: 5px;
    }

    .team_wrap_left {
        margin-right: 5px;
    }

    .score_main_right p, .score_main_left p {
        padding: 2px 5px 2px 5px;
    }

    p.xsp {
        display:none;
    }
}

/* #endregion media */

.wrap_count_all img {
    position: relative;
    width: 14px;
    height: 14px;
}

.wrap_count_all p {
    position: relative;
    font-size: 11px;
    color: #a37431;
}

.wrap_count_all {
    position:relative;
    display:flex;
    margin-right:8px;
}