/*
==============================================================
-------------------------- filters ----------------------------
==============================================================
*/
.betsResizeFils {
    padding:6px 5px 1px;
    display: flex;
}
.betsResizeFils:before, .betsResizeFils:after,
.betsResizeFils > div:before, .betsResizeFils > div:after {
    clear: both;
    content: "";
    display: block;
}
.labelFdrop,
.filterZoneVideo{
    flex:0 0 auto;
}
#topSports{
    margin-left:5px;
    height:22px;
    /*height: 27px;*/
    overflow: hidden;
}
.betsResizeFils > .l{
    display: inline-block;
    vertical-align: top;
}
.betsResizeFils > .r{float:right;}
.betsResizeFils input {
    display: none;
}
.betsResizeFils .labelF {
    position: relative;
    background-color: #dadada;
    border-radius: 2px;
    color: #888888;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    margin-bottom: 5px;
}
.betsResizeFils .labelF:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px #1f72af;
    transform: scale(0.8);
    opacity: 0;
}
.betsResizeFils .labelF:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.betsResizeFils .labelF:hover {background-color: #fff;}
.betsResizeFils .labelF > img {
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: auto;
}
.betsResizeFils .labelF .count {
    font-size: 10px;
    margin-left: 7px;
}
.betsResizeFils .labelF .name{font-size: 10px;}
.betsResizeFils .f500 .labelF .name{font-size: 12px;font-weight: 500;color:#666666;}
.betsResizeFils .l .labelF{margin-right:2px;}
.betsResizeFils .r .labelF{margin-left:2px;}
.betsResizeFils input:checked + .labelF,
.betsResizeFils input:checked + .labelF .name {
    color: #ffffff !important;
}
.betsResizeFils .r .labelF:nth-child(2) {
    margin: 0;
}
.betsResizeFils.greenBack input:checked + .labelF {background-color: #1f72af !important;}
.betsResizeFils.blueBack input:checked + .labelF {background-color: #1f72af !important;}
.betsResizeFils .labelF.zoneF, .betsResizeFils .labelF.videoF{padding: 0 5px;font-size: 16px;line-height: 16px;}
.betsResizeFils input + .labelF.zoneF {
    background-image: url("/xbet/img/zone-icons/p05.svg");
    background-position: 7px 50%;
    background-repeat: no-repeat;
    padding-left: 40px;
    -webkit-background-size:21px 19px;
    background-size:21px 19px;
}
.betsResizeFils input:checked + .labelF.zoneF {background-color: #57a41e !important;}
.betsResizeFils input + .labelF.videoF {
    background-image: url("/xbet/img/video_2.png");
    background-position: 7px 50%;
    background-repeat: no-repeat;
    padding-left: 35px;
}
.betsResizeFils input:checked + .labelF.videoF {
    background-color: #4988b9 !important;
    background-image: url("/xbet/img/video_2.png");
}
.betsResizeFils input:checked + .labelF.zoneF:hover {background-color: #5fb420 !important;}
.betsResizeFils input:checked + .labelF.videoF:hover {background-color: #5094c9 !important;}
.betsResizeFils input + .labelF.zoneF .name,
.betsResizeFils input + .labelF.videoF .name {
    display: none;
}
.betsResizeFils .labelF[class^="fil_"], .betsResizeFils .labelF[class*="fil_"] {
    background-position: 0 50%, 100% 50%;
    background-repeat: no-repeat;
}
.betsResizeFils .labelF.fil_ish{
    padding-left: 47px;
    padding-right: 16px;
    background-image: url(../img/filters/fil_ish1.png);
}
.betsResizeFils .labelF.fil_for{
    padding-left:30px;
    padding-right:37px;
    background-image:url(../img/filters/fil_for1.png),url(../img/filters/fil_for2.png);
}
.betsResizeFils .labelF.fil_tot{
    padding-left:27px;
    padding-right:30px;
    background-image:url(../img/filters/fil_tot1.png),url(../img/filters/fil_tot2.png);
}
.betsResizeFils .labelF.fil_fav{
    padding-left:34px;
    padding-right:16px;
    background-image:url(../img/filters/fil_fav1.png);
}
.betsResizeFils.greenBack input:checked + .labelF.fil_ish{background-image:url(../img/filters/fil_ish1ab.png);}
.betsResizeFils.greenBack input:checked + .labelF.fil_for{background-image:url(../img/filters/fil_for1ab.png),url(../img/filters/fil_for2ab.png);}
.betsResizeFils.greenBack input:checked + .labelF.fil_tot{background-image:url(../img/filters/fil_tot1ab.png),url(../img/filters/fil_tot2ab.png);}
.betsResizeFils.greenBack input:checked + .labelF.fil_fav{background-image:url(../img/filters/fil_fav1ab.png);}
.betsResizeFils.blueBack input:checked + .labelF.fil_ish{background-image:url(../img/filters/fil_ish1ab.png);}
.betsResizeFils.blueBack input:checked + .labelF.fil_for{background-image:url(../img/filters/fil_for1ab.png),url(../img/filters/fil_for2ab.png);}
.betsResizeFils.blueBack input:checked + .labelF.fil_tot{background-image:url(../img/filters/fil_tot1ab.png),url(../img/filters/fil_tot2ab.png);}
.betsResizeFils.blueBack input:checked + .labelF.fil_fav{background-image:url(../img/filters/fil_fav1ab.png);}
.betsResizeFils .labelF .sport_icons{
    width:16px;
    height:16px;
    display: block;
    margin: 2px auto;
}
.labelFdrop{
    display: inline-block;
    vertical-align: top;
    position:relative;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 16px;
}
.labelFdrop .labelFdropAct {
    background-color: #dadada;
    border-radius: 2px;
    color: #888888;
    font-size: 0.625em;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    padding: 0 20px 0 8px;
    position: relative;
}
.labelFdrop .labelFdropAct:before {
    border-color: #888888 transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 6px;
    top: 9px;
    width: 0;
}
.labelFdrop:hover .labelFdropAct:before {
    border-color: transparent transparent #888888;
    border-width: 0 4px 4px;
}
.labelFdrop .labelFdropList {
    background-color: #dadada;
    border-radius: 2px;
    box-sizing: border-box;
    color: #888888;
    cursor: pointer;
    display: none;
    font-size: 0.625em;
    border-top: 1px solid #fff;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 200;
}
.labelFdrop:hover .labelFdropList{
    display:block;
}
.labelFdrop .labelFdropList .labelFdropItem {
    padding: 3px 8px;
}
.labelFdrop .labelFdropList .labelFdropItem:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: #555;
}
/*
==============================================================
-------------------------- /filters ----------------------------
==============================================================
*/


/*
==============================================================
----------------------- new filters --------------------------
==============================================================
*/
.b-filters__options {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 8px;
    background-color: hsl(206, 44%, 51%);
}
@media (max-width: 1366px) {
    .betting .b-filters__options {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .betting .b-filters__options ~ .sb-t-cell:not(.one-click):not(.match-action-buttons) {
        display: none;
    }
    .betting .a-sports .b-filters__options + .sb-t-cell:not(.one-click):not(.match-action-buttons){
        display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
        background-color: #4b89b9;
        border: 0;
        border-radius: 0;
    }
}
.b-filters__options * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.b-filters__options .timeFiltr2_wrap {
    margin-right: 15px;
    font-size: 14px;
}
.b-filters__options .timeFiltr2_filter {
    padding: 0;
}
.b-filters__toggles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.b-filters__toggle {
    padding: 0 4px;
    height: 34px;
    line-height: 34px;
    font-size: 12px !important;
    font-weight: 500;
    color: hsl(0, 0%, 100%);
    background: transparent;
    border: none;
    -webkit-box-shadow: inset 0 0 0 hsl(206, 44%, 61%);
    box-shadow: inset 0 0 0 hsl(206, 44%, 61%);
    outline: none;
    cursor: pointer;
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.b-filters__toggle_country:before {
    content: "\f0ac";
    font-family: FontAwesome;
    font-size: 16px;
    opacity: 0.5;
    will-change: opacity;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.b-filters__toggle ~ .b-filters__toggle {
    margin-left: 10px;
}
.b-filters__toggle:focus,
.b-filters__toggle:hover {
    -webkit-box-shadow: inset 0 -3px 0 hsla(0, 0%, 100%, 0.3);
    box-shadow: inset 0 -3px 0 hsla(0, 0%, 100%, 0.3);
}
.b-filters__toggle.active {
    -webkit-box-shadow: inset 0 -3px 0 hsl(82, 55%, 40%);
    box-shadow: inset 0 -3px 0 hsl(82, 55%, 40%);
}
.b-filters__toggle_country.active:before {
    opacity: 1;
}

/* Select 2 */
.b-filters__options .select2-container.b-filters__toggle .select2-choice {
    padding: 0;
    padding-right: 15px;
    height: 34px;
    line-height: 34px;
    color: hsl(0, 0%, 100%) !important;
    background: transparent;
    border-radius: 0;
}
.b-filters__options .select2-container.b-filters__toggle.select2-container-active .select2-choice,
.b-filters__options .select2-container.b-filters__toggle.select2-container-active .select2-choices {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.b-filters__options .select2-container.b-filters__toggle .select2-chosen {
    padding: 0;
    font-size: 1em;
}
.b-filters__options .select2-container.b-filters__toggle .select2-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    width: auto;
    border-radius: 0;
}
.b-filters__options .select2-container.b-filters__toggle .select2-arrow:before {
    content: "\f107";
    display: block;
    font-size: 14px;
    font-family: FontAwesome;
    text-align: center;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.b-filters__options .select2-container.b-filters__toggle.select2-dropdown-open .select2-arrow:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.b-filters__options .select2-container.b-filters__toggle .select2-arrow b {
    display: none;
}
.betSelect.select2-drop-active {
    padding-top: 2px;
    background-color: hsl(206, 44%, 51%);
    border: none;
    border-radius: 0;
    -webkit-box-shadow: inset 0 2px 0 hsla(0, 0%, 100%, 0.3);
    box-shadow: inset 0 2px 0 hsla(0, 0%, 100%, 0.3);
}
.betSelect .select2-results {
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.betSelect .select2-results li {
    color: hsl(0, 0%, 100%);
    background-color: transparent;
    will-change: background-color;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.betSelect .select2-results .select2-highlighted {
    background-color: hsl(206, 71%, 40%);
}
/* Select 2 END*/

.b-filters__search {
    position: relative;
    line-height: normal;
}
.b-filters__input {
    padding-left: 5px;
    padding-right: 20px;
    width: 25px;
    color: hsl(205, 70%, 40%);
    background: transparent;
    border: none;
    outline: none;
    will-change: width, background;
    transition: width 0.3s, background 0.3s;
}
.b-filters__search.active .b-filters__input {
    width: 270px;
    background: hsl(0, 0%, 100%);
}
.b-filters__input::-webkit-input-placeholder {color: hsl(205, 70%, 40%);}
.b-filters__input::-moz-placeholder {color: hsl(205, 70%, 40%);}
.b-filters__input:-ms-input-placeholder {color: hsl(205, 70%, 40%);}
.b-filters__input:-moz-placeholder {color: hsl(205, 70%, 40%);}

.b-filters__searchBut {
    position: absolute;
    right: 6px;
    top: 3px;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    will-change: right;
    transition: right 0.3s;
}
.b-filters__search.active .b-filters__searchBut {
    right: 4px;
}
.b-filters__searchBut:before {
    content: "\f002";
    font-family: FontAwesome;
    color: hsl(0, 0%, 100%);
    text-shadow: 0 0 0 hsl(0, 0%, 20%);
    cursor: pointer;
    will-change: color, text-shadow;
    transition: color 0.3s, text-shadow 0.3s;
}
.b-filters__search.active  .b-filters__searchBut:before {
    color: hsl(205, 70%, 40%);
}
.b-filters__searchBut:focus:before,
.b-filters__searchBut:hover:before {
    text-shadow: 0 1px 1px hsl(0, 0%, 20%);
}

.b-filters__sports {
    display: none;
    background-color: hsl(206, 67%, 31%);
}
@media (max-width: 1366px) {
    .betting .b-filters__sports {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .betting .b-filters__sports ~ .betsResizeFils {
        display: none !important;
    }
}
.b-filters__sports * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.b-filters__arr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 31px;
    height: 67px;
    line-height: 67px;
    color: hsl(0, 0%, 100%);
    text-align: center;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    will-change: background-color;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.b-filters__arr:focus,
.b-filters__arr:hover {
    background-color: hsla(0, 0%, 100%, 0.3);
}
.b-filters__arr:before {
    font-family: FontAwesome;
    font-size: 24px;
}
.b-filters__arr_prev {
    position: absolute;
    left: 0;
    top: 0;
}
.b-filters__arr_prev:before {
    content: "\f104";
}
.b-filters__arr_next {
    position: absolute;
    right: 0;
    top: 0;
}
.b-filters__arr_next:before {
    content: "\f105";
}
.b-filters__carousel {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

.b-filters__list > .b-filters__item{
    display: inline-block;
    vertical-align: top;
    min-width:90px;
}


.b-filters__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 30px;
    height: 67px;
    overflow: hidden;
}
.b-filters__list.owl-carousel.owl-hidden {
    opacity: 1;
}
.b-filters__item {
    position: relative;
    height: 67px;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 hsl(82, 55%, 40%);
    box-shadow: inset 0 0 0 hsl(82, 55%, 40%);
    cursor: pointer;
    will-change: background-color, box-shadow;
    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
    transition: background-color 0.3s, -webkit-box-shadow 0.3s;
    transition: background-color 0.3s, box-shadow 0.3s;
    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.b-filters__item:hover {
    background-color: hsla(0, 0%, 100%, 0.3);
}
.b-filters__item.active {
    -webkit-box-shadow: inset 0 -3px 0 hsl(82, 55%, 40%);
    box-shadow: inset 0 -3px 0 hsl(82, 55%, 40%);
}
.b-filters__sport {
    display: block;
    padding: 3px 11px;
    height: 67px;
}
.b-filters__icon {
    display: block;
    margin: 8px auto 0;
    width: 25px;
    height: 25px;
    background-image: url(../img/games-ico-sprite.png);
    image-rendering: -webkit-optimize-contrast;
    background-repeat: no-repeat;
}
.b-filters__sport-name {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 28px;
    line-height: 100%;
    font-size: 11px;
    color: hsl(0, 0%, 100%);
    text-align: center;
}
.b-filters__dropdowns {
    display: none;
    position: relative;
    width: 100%;
    z-index: 1006;
}
@media (max-width: 1366px) {
    .betting .b-filters__dropdowns {
        display: block;
    }
}
.b-filters__dropdowns * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.b-filters__leagues {
    position: absolute;
    top: 0;
    max-height: 300px;
    background-color: hsl(0, 0%, 100%);
    -webkit-box-shadow: 0 13px 9px hsla(0, 0%, 0%, 0.3);
    box-shadow: 0 13px 9px hsla(0, 0%, 0%, 0.3);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 2;
}
.b-filters__dropdowns > .b-filters__leagues {
    pointer-events: none;
}
.scroll-wrapper > .b-filters__leagues,
.b-filters__leagues.active {
    display: block;
}
.b-filters__league {
    position: relative;
    overflow: hidden;
}
.b-filters__league-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    width: 270px;
    background-color: hsl(206, 63%, 88%);
    will-change: background-color;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.b-filters__league:hover .b-filters__league-wrap,
.b-filters__league.active .b-filters__league-wrap {
    background-color: hsl(205, 70%, 40%);
}
.b-filters__league:not(:first-of-type) .b-filters__league-wrap {
    /*padding-top: 5px;*/
    border-top:1px solid #fff;
}
.b-filters__flag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
}
.b-filters__flag:before {
    font-size: 16px;
    color: hsl(206, 73%, 17%);
    font-family: FontAwesome;
}
/*.b-filters__flag:hover,*/
/*.b-filters__flag.active {*/
/*background: transparent;*/
/*}*/
/*.b-filters__flag:hover:before {*/
/*content: "\f006";*/
/*}*/
/*.b-filters__flag.active:before {*/
/*content: "\f005";*/
/*}*/
/*.b-filters__flag.active:hover:before {*/
/*content: "\f123";*/
/*}*/

.b-filters__league-name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 8px;
    min-width: 0;
    font-size: 12px;
    color: hsl(206, 73%, 17%);
    will-change: color;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.b-filters__league:hover .b-filters__league-name,
.b-filters__league.active .b-filters__league-name {
    color: hsl(0, 0%, 100%);
}
.b-filters__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    padding-left: 3px;
    padding-right: 17px;
    min-width: 35px;
    color: hsl(206, 73%, 17%);
    text-align: center;
    background-color: hsl(0, 0%, 100%);
}
.b-filters__count:after {
    content: "\f105";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 100%;
    line-height: 13px;
    font-size: 14px;
    text-align: center;
    font-family: FontAwesome;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.b-filters__league:hover .b-filters__count:after,
.b-filters__league.active .b-filters__count:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.b-filters__dropdowns > .b-filters__games {
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 300px;
    background-color: hsl(0, 0%, 100%);
    -webkit-box-shadow: 0 13px 9px hsla(0, 0%, 0%, 0.3);
    box-shadow: 0 13px 9px hsla(0, 0%, 0%, 0.3);
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    will-change: visibility, opacity;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    pointer-events: none;
}
.b-filters__leagues.reverse .b-filters__games {
    left: auto;
    right: 100%;
}
.b-filters__league:hover .b-filters__games,
.b-filters__dropdowns > .b-filters__games.visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
.b-filters__game:not(:first-child) {
    padding-top: 1px;
}
.b-filters__games .scroll-element{
    pointer-events: none;
}
.b-filters__game-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 8px;
    width: 270px;
    background-color: hsl(210, 40%, 94%);
    will-change: background-color;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.b-filters__game-wrap:hover,
.b-filters__game-wrap.active {
    background-color: hsl(205, 70%, 40%);
}
.b-filters__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

    padding: 10px 0;
    width: 21px;
}
.b-filters__fav,
.b-filters__open
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 21px;
    height: 21px;
    text-align: center;
    cursor: pointer;
}
.b-filters__open {
    border-radius: 3px;
    will-change: background-color;
    transition: background-color 0.3s;
}
.b-filters__open:hover,
.b-filters__open.active {
    background-color: hsl(0, 0%, 100%);
}
.b-filters__fav:before,
.b-filters__open:before {
    content: "\f006";
    font-size: 16px;
    color: hsl(206, 73%, 17%);
    font-family: FontAwesome;
    will-change: color, transform;
    transition: color 0.3s, transform 0.3s;
}
.b-filters__game-wrap:hover > .b-filters__fav:before,
.b-filters__game-wrap.active > .b-filters__fav:before {
    color: hsl(0, 0%, 100%);
}
.b-filters__fav.active:before {
    content: "\f005";
}
.b-filters__fav:hover:before {
    content: "\f123";
}
.b-filters__open:before {
    content: "\f103";
    display: block;
}
.b-filters__open.active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.b-filters__match {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 8px;
    min-width: 0;
}
.b-filters__time {
    line-height: 120%;
    font-size: 12px;
    color: hsl(206, 44%, 51%);
    will-change: color;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.b-filters__game-wrap:hover .b-filters__match .b-filters__time,
.b-filters__game-wrap.active .b-filters__match .b-filters__time {
    color: hsl(82, 57%, 44%);
}
.b-filters__teams {
    line-height: 120%;
    font-size: 12px;
    color: hsl(206, 73%, 17%);
    will-change: color;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.b-filters__game-wrap:hover .b-filters__match .b-filters__teams,
.b-filters__game-wrap.active .b-filters__match .b-filters__teams {
    color: hsl(0, 0%, 100%);
}
.b-filters__info {
    margin-top: 5px;
    line-height: 120%;
    font-size: 10px;
    color: hsl(120, 14%, 44%);
}
.b-filters__game-wrap:hover .b-filters__match .b-filters__info,
.b-filters__game-wrap.active .b-filters__match .b-filters__info {
    color: hsl(0, 0%, 90%);
}
.b-filters__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.b-filters__score {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 3px 0;
    width: 50px;
    font-size: 11px;
    color: hsl(0, 0%, 100%);
    text-align: center;
    background-color: hsl(205, 70%, 40%);
    border-radius: 3px;
    will-change: color, background-color;
    transition: color 0.3s, background-color 0.3s;
}
.b-filters__game-wrap:hover .b-filters__match .b-filters__score,
.b-filters__game-wrap.active .b-filters__match .b-filters__score {
    color: hsl(0, 0%, 15%);
    background-color: hsl(0, 0%, 90%);
}
.b-filters__stage {
    flex: 1 1 auto;
    margin-left: 10px;
    min-width: 0;
    font-size: 10px;
    color: hsl(0, 0%, 25%);
    text-align: right;
    will-change: color;
    transition: color 0.3s;
}
.b-filters__game-wrap:hover .b-filters__match .b-filters__stage,
.b-filters__game-wrap.active .b-filters__match .b-filters__stage {
    color: hsl(0, 0%, 90%);
}
.b-filters__periods {
    display: none;
    background-color: hsl(0, 0%, 100%);
}
.b-filters__period {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 8px;
    width: 270px;
    background-color: hsl(206, 63%, 88%);
}
.b-filters__period-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    margin-left: 5px;
    padding: 8px;
    background-color: transparent;
    border: 1px solid hsl(0, 0%, 100%);
    will-change: background-color;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.b-filters__period-wrap:hover {
    background-color: hsla(0, 0%, 100%, 0.5);
}
.b-filters__set {
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    color: hsl(0, 0%, 100%);
    background-color: hsl(206, 44%, 51%);
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sports__top:active ~ #sports_main .b-filters__sports,
.sports__top:active ~ #sports_main .b-filters__dropdowns {
    pointer-events: none;
}
/* Scrollbar */
.b-filters__dropdowns .scrollbar-inner > .scroll-element.scroll-y {
    right: 0;
    width: 6px
}
.b-filters__dropdowns .scrollbar-inner > .scroll-element .scroll-element_outer,
.b-filters__dropdowns .scrollbar-inner > .scroll-element .scroll-element_track,
.b-filters__dropdowns .scrollbar-inner > .scroll-element .scroll-bar {
    border-radius: 0;
}
.b-filters__dropdowns .scrollbar-inner > .scroll-element .scroll-element_track,
.b-filters__dropdowns .scrollbar-inner > .scroll-element .scroll-bar {
    opacity: 1;
}
.b-filters__dropdowns .scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: hsl(0, 0%, 100%);
}
.b-filters__dropdowns .scrollbar-inner > .scroll-element .scroll-bar {
    background-color: hsl(208, 70%, 40%);
}
.b-filters__dropdowns .scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: hsl(208, 70%, 30%);
}
/* Scrollbar END */
/*
==============================================================
--------------------- new filters END ------------------------
==============================================================
*/