.get-app-for,
.phone-i-view {
    float: left;
    width: 100%
}

.phone-i-view {
    margin: 20px 0 0;
    padding: 0 0 100%;
    background: url(/./sportodds/images/get-app_49057a3d3241877d4478de0671fcc286.png) no-repeat 50% 50%/contain;
    display: block
}

.casino .phone-i-view {
    background: url(/./sportodds/images/get-app-casino_827954b1358f19aaa15071f935b01de5.png) no-repeat 50% 50%/contain
}

.info-new-version-b {
    float: left;
    bottom: 0;
    width: 100%;
    position: relative
}

.download-links:before,
.info-new-version-b:before {
    content: "";
    display: block;
    position: absolute;
    left: -15px;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    padding: 0 15px 15px;
    z-index: 10;
    background: #182138;
    opacity: .8
}

.info-new-version-b>span {
    float: left;
    width: 100%;
    line-height: 22px;
    position: relative;
    z-index: 22;
    font-size: 14px;
    padding: 40px 10px 10px;
    color: #fff
}

.download-links {
    float: left;
    width: 100%;
    padding: 15px 25px;
    position: relative
}

.download-links>button {
    z-index: 22;
    position: relative;
    font-size: 16px
}

.download-links>button:first-child {
    margin: 0 0 10px
}

.download-links>button:last-child {
    box-shadow: none;
    font-size: 13px
}

.popup-message {
    padding: 0 15px 15px
}

.header-wrapper-m {
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: #0a151d
}

.header-construction {
    float: left;
    width: 100%;
    margin: 0 0 1px;
    background: #1e2941;
    box-shadow: inset 0 1px 0 #343945, inset 0 -2px 0 #d71082
}

.header-separator-m {
    padding: 0 70px
}

.header-separator-m,
.logo-wrapper-m {
    float: left;
    width: 100%;
    position: relative;
    height: 48px
}

.logo-wrapper-m {
    text-indent: -9999em;
    text-align: center;
    z-index: 12
}

.logo-wrapper-m>a {
    text-decoration: none;
    color: #1e2941;
    display: block;
    width: 70%;
    height: 70%;
    background: url(https://betpapel481.com/uploads/logo/pplogo.png?v=) no-repeat 50% 100%/contain;
    margin-left: 20px;
    margin-top: 5px
}

.left-top-nav {
    left: 0;
    text-align: left;
    padding: 0 0 0 10px
}

.left-top-nav,
.right-top-nav {
    position: absolute;
    top: 0;
    width: 70px;
    height: 48px;
    white-space: nowrap;
    display: block;
    color: #8b99c3
}

.right-top-nav {
    right: 0;
    text-align: right;
    padding: 0 10px 0 0
}

.left-top-nav:before,
.right-top-nav:after {
    font: 16px/48px icomoon;
    content: "\E902"
}

.right-top-nav:after {
    text-align: right;
    content: "\E903"
}

.left-top-nav>span {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 48px;
    padding: 0 0 0 4px;
    transform: translateZ(0)
}

.left-top-nav>span,
.right-top-nav>span {
    color: #8b99c3;
    display: inline-block;
    vertical-align: top
}

.right-top-nav>span {
    font: 16px/48px icomoon;
    padding: 0 4px 0 0
}

.right-top-nav>span:before {
    content: "\E905"
}

.logged-in .right-top-nav>span:before {
    color: #db9122
}

.right-top-nav>.new_message_icon:after {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 7px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    color: #f1f1f7;
    left: 5px;
    content: "\E904";
    display: block;
    animation: 1s new-message-v ease-in-out 10
}

@keyframes new-message-v {
    0% {
        transform: rotate(0deg)
    }
    20%,
    60% {
        transform: rotate(25deg)
    }
    40%,
    80% {
        transform: rotate(-25deg)
    }
    to {
        transform: rotate(0deg)
    }
}

.top-navigation-menu-w {
    position: fixed;
    top: 49px;
    left: 0;
    width: 100%;
    z-index: 669
}

.integration-view .top-navigation-menu-w {
    top: 0
}

.navigation-container-m {
    float: left;
    width: 100%;
    padding: 0 48px 0 0;
    background: #222e47;
    margin: 0 0 1px;
    box-shadow: 0 1px 0 #0a151d
}

.navigation-container-m:after {
    box-shadow: -1px 0 0 #0a151d, -2px 0 2px 0 #0a151d;
    content: "";
    display: block;
    position: absolute;
    right: 46px;
    top: 0;
    height: 100%;
    width: 2px;
    z-index: 10
}

.nav-bar-contain-m {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.nav-bar-contain-m::-webkit-scrollbar {
    display: none;
    width: 0
}

.nav-bar-contain-m>ul {
    padding: 0
}

.nav-bar-contain-m>ul>li {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0 7px
}

.nav-bar-contain-m>ul>li>a {
    display: block;
    text-decoration: none;
    padding: 0 8px;
    color: #b5c0d7;
    position: relative
}

.new-sticker-view {
    text-transform: none;
    display: inline-block;
    vertical-align: top;
    background: #d71082;
    line-height: 12px;
    font-size: 10px;
    font-style: normal;
    padding: 0 3px;
    position: absolute;
    top: 5px;
    right: -6px;
    border-radius: 2px;
    color: #fff
}

.nav-bar-contain-m>ul>li>a.active {
    box-shadow: inset 0 -2px 0 #d71082;
    pointer-events: none;
    color: #fff
}

.md-progress-circular {
    width: 100px;
    height: 100px;
    display: block;
    position: relative;
    padding: 0;
    margin: 20px auto;
    overflow: hidden;
    transform: translateZ(0)
}

#root>.md-progress-circular,
.betslip-full-view .md-progress-circular,
.left-menu-full-box-m .md-progress-circular,
.sports-navigation+.md-progress-circular,
.sports-navigation .md-progress-circular,
.sports .md-progress-circular {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    margin-bottom: auto
}

.md-progress-circular.md-theme {
    background: none;
    animation: loader-animate-fade .6s linear
}

.md-progress-circular .md-spinner-wrapper {
    -webkit-animation: outer-rotate 2.91667s linear infinite;
    animation: outer-rotate 2.91667s linear infinite
}

.md-progress-circular .md-spinner-wrapper .md-inner {
    will-change: transform;
    -webkit-animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite;
    animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite
}

.md-progress-circular .md-inner {
    width: 100px;
    height: 100px;
    position: relative
}

.md-progress-circular.md-theme .md-inner .md-gap {
    border-top-color: #d71082;
    border-bottom-color: #d71082
}

.md-progress-circular .md-inner .md-gap {
    position: absolute;
    left: 49px;
    right: 49px;
    top: 0;
    bottom: 0;
    border-top: 5px solid #000;
    box-sizing: border-box
}

.md-progress-circular .md-inner .md-left {
    left: 0
}

.md-progress-circular .md-inner .md-left,
.md-progress-circular .md-inner .md-right {
    position: absolute;
    top: 0;
    height: 100px;
    width: 50px;
    overflow: hidden
}

.md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle {
    -webkit-animation-name: left-wobble;
    animation-name: left-wobble
}

.md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle,
.md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.3125s;
    animation-duration: 1.3125s;
    -webkit-animation-timing-function: cubic-bezier(.35, 0, .25, 1);
    animation-timing-function: cubic-bezier(.35, 0, .25, 1)
}

.md-progress-circular.md-theme .md-inner .md-left .md-half-circle {
    border-left-color: #d71082
}

.md-progress-circular.md-theme .md-inner .md-left .md-half-circle,
.md-progress-circular.md-theme .md-inner .md-right .md-half-circle {
    border-top-color: #d71082
}

.md-progress-circular .md-inner .md-left .md-half-circle {
    left: 0;
    border-right-color: transparent
}

.md-progress-circular .md-inner .md-left .md-half-circle,
.md-progress-circular .md-inner .md-right .md-half-circle {
    position: absolute;
    top: 0;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border: 5px solid transparent;
    border-radius: 50%
}

.md-progress-circular .md-inner .md-right {
    right: 0
}

.md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
    -webkit-animation-name: right-wobble;
    animation-name: right-wobble
}

.md-progress-circular.md-theme .md-inner .md-right .md-half-circle {
    border-right-color: #d71082
}

.md-progress-circular .md-inner .md-right .md-half-circle {
    right: 0;
    border-left-color: transparent
}

@keyframes loader-animate-fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes outer-rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes left-wobble {
    0%,
    to {
        transform: rotate(130deg)
    }
    50% {
        transform: rotate(-5deg)
    }
}

@keyframes right-wobble {
    0%,
    to {
        transform: rotate(-130deg)
    }
    50% {
        transform: rotate(5deg)
    }
}

@keyframes sporadic-rotate {
    12.5% {
        transform: rotate(135deg)
    }
    25% {
        transform: rotate(270deg)
    }
    37.5% {
        transform: rotate(405deg)
    }
    50% {
        transform: rotate(540deg)
    }
    62.5% {
        transform: rotate(675deg)
    }
    75% {
        transform: rotate(810deg)
    }
    87.5% {
        transform: rotate(945deg)
    }
    to {
        transform: rotate(3turn)
    }
}

.dashboard-wrapper-m>.md-progress-circular,
.md-progress-circular+.md-progress-circular,
.sports+.md-progress-circular,
.time-filter-m+.sports>.md-progress-circular {
    display: none
}

.single-sport-title-dashboard-m {
    float: left;
    width: 100%;
    height: 38px;
    border-bottom: 2px solid transparent;
    background: #182138;
    position: relative;
    padding: 0 30px 0 34px;
    color: #637aa9;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    transition: border .18s
}

.dashboard-live-game-list-m .single-sport-title-dashboard-m,
.dashboard-upcoming-game-list-m .single-sport-title-dashboard-m {
    top: 98px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 555
}

.integration-view .dashboard-live-game-list-m .single-sport-title-dashboard-m,
.integration-view .dashboard-upcoming-game-list-m .single-sport-title-dashboard-m {
    top: 0
}

.single-sport-title-dashboard-m.active {
    border-color: #637aa9
}

.single-sport-title-dashboard-m:before {
    display: none
}

.dashboard-sport-icon-m {
    position: absolute;
    left: 0;
    top: 0;
    height: 38px;
    width: 34px;
    font: 16px/36px Sport-icons;
    display: block;
    padding: 0 0 0 10px;
    box-shadow: inset 3px 0 0 #637aa9;
    transition: box-shadow .18s;
    color: #637aa9
}

.dashboard-live-game-list-m .single-sport-title-dashboard-m.active>.dashboard-sport-icon-m,
.dashboard-upcoming-game-list-m .single-sport-title-dashboard-m.active>.dashboard-sport-icon-m {
    box-shadow: none
}

.closed-open-arrow-m {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 36px;
    font: 20px/36px icomoon;
    color: #637aa9;
    text-align: center;
    padding: 2px 0 0
}

.single-sport-title-dashboard-m.active>.closed-open-arrow-m {
    padding: 0
}

.closed-open-arrow-m:before {
    content: "\E670"
}

.single-sport-title-dashboard-m.active>.closed-open-arrow-m:before {
    content: "\E671";
    padding: 0
}

.single-sport-title-dashboard-m>h5 {
    font-weight: 400;
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 37px;
    color: #637aa9;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mini-sport-nav-box>.single-sport-title-dashboard-m {
    margin: 0 0 2px;
    background: #1e2941;
    padding: 0
}

.mini-sport-nav-box>.single-sport-title-dashboard-m>a {
    text-decoration: none;
    float: left;
    width: 100%;
    display: block;
    height: 38px;
    padding: 0 30px 0 34px;
    font-size: 13px;
    line-height: 38px;
    color: #637aa9
}

.mini-sport-nav-box>.single-sport-title-dashboard-m>a>h5 {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400
}

.mini-sport-nav-box>.single-sport-title-dashboard-m>a.active {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    border-color: transparent;
    background: #182138;
    color: #fff
}

.mini-sport-nav-box .closed-open-arrow-m {
    line-height: 38px;
    height: 38px;
    padding: 0
}

.mini-sport-nav-box .closed-open-arrow-m:before,
.mini-sport-nav-box .single-sport-title-dashboard-m.active .closed-open-arrow-m:before {
    content: "\E672"
}

.mini-sport-nav-box>.single-sport-title-dashboard-m.more-sports,
.mini-sport-nav-box>.single-sport-title-dashboard-m.more-sports.active {
    background: #34633a;
    padding-right: 50px
}

.more-sport-count-m {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    line-height: 38px;
    padding: 0 10px 0 0;
    width: 50px;
    text-align: right;
    color: #b5c0d7
}

.mini-sport-nav-box>.single-sport-title-dashboard-m.more-sports>h5 {
    color: #b5c0d7
}

.dashboard-sport-icon-m.more-sports {
    font: 14px/38px icomoon;
    color: #b5c0d7
}

.dashboard-sport-icon-m.more-sports:before {
    content: "\E937"
}

.mini-sport-nav-box>.single-sport-title-dashboard-m.active .dashboard-sport-icon-m.more-sports:before {
    content: "\E938"
}

.single-sport-title-dashboard-m.VirtualCarRacing+.single-sport-game-list-d .names-mini-row-m>ul>li:nth-child(n+2),
.single-sport-title-dashboard-m.VirtualGreyhoundRacing+.single-sport-game-list-d .names-mini-row-m>ul>li:nth-child(n+2),
.single-sport-title-dashboard-m.VirtualHorseRacing+.single-sport-game-list-d .names-mini-row-m>ul>li:nth-child(n+2) {
    display: none
}

.single-sport-title-dashboard-m.VirtualCarRacing+.single-sport-game-list-d .names-mini-row-m>ul>li.title-team-name-view-m,
.single-sport-title-dashboard-m.VirtualGreyhoundRacing+.single-sport-game-list-d .names-mini-row-m>ul>li.title-team-name-view-m,
.single-sport-title-dashboard-m.VirtualHorseRacing+.single-sport-game-list-d .names-mini-row-m>ul>li.title-team-name-view-m {
    max-width: 100%
}

.closed-nav-icon {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
    display: block;
    font: 22px/40px icomoon;
    color: #b5c0d7;
    text-align: center;
    opacity: 0;
    transition: opacity .24s;
    z-index: 33
}

.closed-nav-icon:before {
    content: "\E90C"
}

.left-nav-container-m.open>.closed-nav-icon {
    transition-delay: .3s;
    opacity: 1
}

.right-trans-box-m {
    position: absolute;
    right: 0;
    width: 56px;
    height: 100%;
    top: 0;
    z-index: 11
}

.left-nav-container-m {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -150%;
    padding: 0 56px 0 0;
    z-index: 9999;
    transform: translateZ(0);
    transition: left .24s;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

.left-nav-container-m:before {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    height: 200%;
    width: 100%;
    transition: background .24s
}

.left-nav-container-m.open:before {
    background: rgba(0, 0, 0, .7);
    transition-delay: .2s
}

.left-menu-full-box-m {
    float: left;
    width: 100%;
    background: #101b26;
    position: relative;
    min-height: 100%
}

.left-nav-container-m.open {
    left: 0
}

.navigation-container-m.site-navigate-m {
    position: relative;
    top: 0;
    padding: 0;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    background: #232f46
}

.navigation-container-m.site-navigate-m:after,
.navigation-container-m.site-navigate-second-l-m:after {
    display: none
}

.navigation-container-m.site-navigate-second-l-m>.nav-bar-contain-m>ul>li {
    line-height: 40px
}

.navigation-container-m.site-navigate-second-l-m>.nav-bar-contain-m>ul>li>a {
    padding: 0 24px;
    color: #637aa9
}

.navigation-container-m.site-navigate-second-l-m>.nav-bar-contain-m>ul>li>a.active {
    color: #fff
}

.navigation-container-m.site-navigate-second-l-m {
    position: relative;
    top: 0;
    padding: 0;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    background: #2a344f
}

.navigation-container-m.site-navigate-m>.nav-bar-contain-m,
.navigation-container-m.site-navigate-second-l-m>.nav-bar-contain-m {
    box-shadow: none
}

.left-navigate-list-view-m {
    float: left;
    width: 100%;
    margin: 3px 0 0;
    height: calc(100vh - 93px);
    overflow-y: auto;
    overflow-x: hidden
}

.mini-sport-nav-box,
.provider-left-menu {
    float: left;
    width: 100%
}

.menu-provider-view {
    color: #637aa9;
    margin: 0 0 2px;
    padding: 0
}

.menu-provider-view,
.menu-provider-view>p {
    float: left;
    width: 100%;
    height: 38px;
    position: relative
}

.menu-provider-view>p {
    padding: 0 30px 0 10px;
    font-size: 13px;
    line-height: 38px;
    background: #1e2941;
    border-bottom: 2px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer
}

.menu-provider-view>p>i {
    font-style: normal
}

.menu-provider-view>p.active {
    border-color: transparent;
    background: #182138;
    color: #fff
}

.arrow-view-nav {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 38px;
    font: 20px/38px icomoon;
    color: #637aa9;
    text-align: center;
    padding: 0
}

.arrow-view-nav:before {
    content: "\E672"
}

.user-name-contain-m {
    float: left;
    width: 100%;
    background: #162035;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: 44px;
    margin: 0 0 1px;
    padding: 0 10px 0 44px;
    position: relative
}

.user-icon-m {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    text-align: center;
    font: 24px/44px icomoon;
    color: #b5c0d7
}

.user-icon-m:before {
    content: "\E905"
}

.user-name-title-m {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin: 8px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.user-id-m {
    display: block;
    color: #c3953c;
    font-size: 10px;
    line-height: 12px;
    margin: 2px 0 0
}

.balance-user-view-m,
.user-balance-info-contain,
.user-id-m {
    float: left;
    width: 100%
}

.balance-user-view-m {
    background: #162035;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 0 0 1px;
    padding: 10px 12px
}

.deposit-b-total-b {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.deposit-b-total-b>ul {
    float: left;
    width: 100%;
    display: table;
    height: 36px
}

.deposit-b-total-b>ul>li {
    display: table-cell;
    vertical-align: top;
    position: relative
}

.deposit-b-total-b>ul>li:first-child {
    width: 100%
}

.deposit-b-total-b>ul>li>p {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 5px 0 0
}

.total-balance-m {
    float: left;
    width: 100%;
    color: #b5c0d7;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.deposit-b-total-b>ul>li>a {
    float: left;
    display: block
}

.deposit-b-total-b>ul>li .button-view-normal-m {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.balance-c-m {
    float: left;
    width: 100%;
    color: #b5c0d7;
    font-size: 13px;
    line-height: 18px
}

.balance-c-m>i {
    font-style: normal
}

.bonus-view-m {
    float: left;
    width: 100%;
    margin: 5px 0 0
}

.bonus-view-m>ul {
    float: left;
    width: 100%;
    display: table
}

.bonus-view-m>ul>li {
    display: table-cell;
    vertical-align: top;
    position: relative
}

.bonus-view-m>ul>li:first-child {
    width: 100%
}

.bonus-title-m {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 5px 0 0;
    height: 100%
}

.bonus-title-m>i {
    float: left;
    width: 100%;
    font-style: normal;
    text-overflow: ellipsis;
    overflow: hidden
}

.bonus-count-m,
.bonus-title-m>i {
    display: block;
    color: #c3953c;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap
}

.bonus-count-m {
    float: right;
    vertical-align: top
}

.bonus-count-m>i {
    font-style: normal
}

.bonus-view-m.withdraw-m .bonus-count-m,
.bonus-view-m.withdraw-m .bonus-title-m>i {
    color: #1a7051
}

.language-container-m {
    float: left;
    width: 100%;
    border-top: 1px solid #222e47;
    border-bottom: 1px solid #222e47;
    padding: 10px 0
}

.language-container-m>ul {
    float: left;
    width: 100%;
    padding: 0 12px;
    display: table
}

.language-container-m>ul>li {
    display: table-cell;
    vertical-align: top;
    position: relative;
    height: 32px
}

.language-container-m>ul>li:first-child {
    width: 100%
}

.language-container-m>ul>li>p {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    line-height: 32px;
    color: #788bb8;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px 0 0
}

.select-contain-m {
    margin: 0;
    height: 32px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.select-contain-m:before {
    display: block;
    position: absolute;
    z-index: 10;
    font: 14px/18px icomoon;
    content: "\E670";
    right: 0;
    top: 7px;
    width: 26px;
    height: 18px;
    border-left: 1px solid #26364d;
    text-align: center;
    color: #637aa9
}

.select-contain-m>select {
    float: left;
    width: auto;
    position: relative;
    z-index: 55;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #637aa9;
    height: 32px;
    box-sizing: border-box;
    color: #788bb8;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    padding-left: 7px;
    padding-right: 36px;
    text-transform: uppercase;
    border-radius: inherit;
    min-width: 120px
}

.popup-contain-table-m .select-contain-m>select {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

.select-contain-m>select option {
    background: #2b3a57;
    text-transform: none
}

ul.language-list>li {
    display: block
}

.right-nav-container-m {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 150%;
    padding: 0 0 0 56px;
    z-index: 9999;
    transform: translateZ(0);
    overflow: hidden;
    transition: left .24s;
    -webkit-overflow-scrolling: touch
}

.left-trans-box-m {
    position: absolute;
    left: 0;
    width: 56px;
    height: 100%;
    top: 0;
    z-index: 11
}

.right-nav-container-m:before {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    height: 200%;
    width: 100%;
    transition: background .24s
}

.right-nav-container-m.open:before {
    transition-delay: .2s;
    background: rgba(0, 0, 0, .7)
}

.right-nav-container-m.open>.closed-nav-icon {
    transition-delay: .3s;
    opacity: 1
}

.right-nav-container-m.open {
    left: 0
}

.right-nav-container-m>.closed-nav-icon {
    right: auto;
    left: 8px
}

.right-navigate-list-view-m {
    float: left;
    width: 100%;
    margin: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.right-menu-full-box-m {
    float: left;
    width: 100%;
    background: #101b26;
    height: 100%;
    position: relative
}

.sign-in-reg-buttons-m {
    float: left;
    width: 100%;
    padding: 15px 25px
}

.separator-box-buttons-m {
    float: left;
    width: 100%;
    margin: 0 0 15px
}

.separator-box-buttons-m>label {
    float: left;
    width: 100%;
    text-align: center;
    color: #b5c0d7;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 7px
}

.button-view-normal-m,
.separator-box-buttons-m>a {
    float: left;
    width: 100%;
    background: #d71082;
    border: none;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 38px;
    color: #fff;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 1px #d71082;
    text-decoration: none
}

.button-view-normal-m:disabled {
    background: #637aa9;
    box-shadow: inset 0 0 0 1px #637aa9;
    color: #000
}

.button-view-normal-m.color-progress {
    background: #c3953c;
    box-shadow: inset 0 0 0 1px #c3953c
}

.button-view-normal-m.trans-m,
.button-view-normal-m.trans-m>a,
.sign-in-m>a {
    background: none;
    color: #788bb8
}

.info-menu-contain-m {
    float: left;
    width: 100%;
    background: #162035;
    padding: 0
}

.info-menu-contain-m>ul {
    float: left;
    width: 100%;
    padding: 5px 0
}

.info-menu-contain-m>ul>li {
    float: left;
    width: 100%
}

.info-menu-contain-m>ul>li>a {
    float: left;
    width: 100%;
    display: block;
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #637aa9;
    text-decoration: none
}

.history,
.messages,
.profile,
.promotions,
.single-universal-menu-contain,
.title-row-u-m,
.universal-menu-wrapper,
.userMenu {
    float: left;
    width: 100%
}

.title-row-u-m {
    height: 38px;
    background: #1e2941;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 0 38px;
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 555
}

.title-row-u-m.active {
    background: #182138
}

.icon-view-u-m {
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 100%;
    font: 16px/38px icomoon;
    color: #b5c0d7;
    text-align: center
}

.balance-view-m:before {
    content: "\E909"
}

.bonuses-view-m:before {
    content: "a"
}

.profile-view-m:before {
    content: "\E905"
}

.history-view-m:before {
    content: "\E90F"
}

.messages-view-m:before {
    content: "\E904"
}

.promo-view-m:before {
    content: "\E90A"
}

.arrow-u-m {
    position: absolute;
    display: block;
    font-style: normal;
    right: 0;
    top: 0;
    width: 38px;
    height: 100%;
    font: 18px/38px icomoon;
    color: #637aa9;
    text-align: center
}

.arrow-u-m:before {
    content: "\E670"
}

.title-row-u-m.active>.arrow-u-m:before {
    content: "\E671"
}

.title-row-u-m>p {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 38px;
    color: #b5c0d7;
    white-space: nowrap
}

.title-row-u-m.active>.icon-view-u-m,
.title-row-u-m.active>p {
    color: #b5c0d7
}

.title-row-u-m>p>span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 28px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.title-row-u-m>p>span>i {
    font-style: normal;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background: #d71082;
    color: #fff;
    font-size: 10px;
    line-height: 21px;
    height: 21px;
    padding: 0 4px;
    border-radius: 10px;
    text-align: center;
    min-width: 21px
}

.open-view-single-u-m {
    float: left;
    width: 100%;
    margin: 1px 0 0;
    max-height: 0;
    height: auto;
    overflow: hidden;
    animation: closed-animate-u-menu 60ms ease
}

.title-row-u-m.active+.open-view-single-u-m {
    max-height: 9999px;
    animation: open-animate-u-menu .24s ease-in-out
}

@keyframes open-animate-u-menu {
    0% {
        max-height: 0
    }
    to {
        max-height: 500px
    }
}

@keyframes closed-animate-u-menu {
    0% {
        max-height: 500px
    }
    to {
        max-height: 0
    }
}

.open-view-single-u-m>ul {
    float: left;
    width: 100%;
    background: #223247;
    border-bottom: 1px solid #101b26
}

.open-view-single-u-m>ul>li {
    float: left;
    width: 100%
}

.open-view-single-u-m>ul>li>a {
    padding: 0 10px;
    text-decoration: none
}

.name-sub-u-m-title,
.open-view-single-u-m>ul>li>a {
    float: left;
    width: 100%;
    display: block;
    color: #788bb8;
    font-size: 13px
}

.name-sub-u-m-title {
    height: 37px;
    border-bottom: 1px solid #182138;
    line-height: 36px;
    position: relative;
    padding: 0 0 0 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.open-view-single-u-m>ul>li:last-child>a>.name-sub-u-m-title {
    border-bottom: none
}

.name-sub-u-m-title>.arrow-u-m {
    right: auto;
    left: 0;
    line-height: 36px;
    color: #788bb8;
    width: 20px
}

.name-sub-u-m-title>.arrow-u-m:before {
    content: "\E672"
}

.log-out-b-m,
.log-out-b-m>button {
    float: left;
    width: 100%
}

.log-out-b-m>button {
    height: 38px;
    border: none;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    background: #1e2941;
    font-size: 13px;
    line-height: 38px;
    color: #93a3cb;
    box-sizing: border-box;
    padding: 0 10px 0 38px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative
}

.log-out-b-m>button:before {
    font: 16px/38px icomoon;
    content: "\E913";
    left: 0;
    top: 0;
    text-align: center;
    position: absolute;
    width: 38px;
    height: 100%;
    display: block
}

.footer-m {
    float: left;
    width: 100%;
    padding: 10px 10px 60px
}

.back-top-top-m {
    float: left;
    width: 100%;
    padding: 0 10px
}

.back-top-top-m>a {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #637aa9;
    padding: 0 10px;
    font-size: 13px;
    line-height: 40px;
    color: #93a3cb;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center
}

.footer-content {
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #637aa9;
    float: left
}

.footer-content .footer-text {
    margin: 10px 0;
    float: left
}

.footer-content .footer-images {
    float: left
}

.footer-content .footer-images a {
    padding: 10px 0;
    margin: 0 10px
}

.footer-content .footer-images a.br {
    display: block
}

.footer-content .footer-images a img {
    height: 30px
}

.social-icons-footer-m {
    float: left;
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
    text-align: center
}

.social-icons-footer-m>ul {
    float: left;
    width: 100%;
    padding: 20px 0;
    vertical-align: top;
    text-align: center
}

.social-icons-footer-m>ul>li {
    display: inline-block
}

.social-icons-footer-m>ul>li>a {
    display: inline-block;
    font: 28px/28px icomoon;
    text-decoration: none;
    margin: 12px 6px 0;
    overflow: hidden;
    border-radius: 2px;
    color: #637aa9
}

.social-icons-footer-m .facebook>a:before {
    content: "\E91F"
}

.social-icons-footer-m .twitter>a:before {
    content: "\E922"
}

.social-icons-footer-m .google>a:before {
    content: "\E920"
}

.social-icons-footer-m .instagram>a:before {
    content: "\E921"
}

.popup-contain-table-m {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
    height: 100%;
    position: relative;
    z-index: 66
}

.login-form-m {
    background: #182138
}

.center-view-contain-form {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0 20px
}

.form-contain-box {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 15px 0 0
}

.form-contain-box>form,
.single-form-item {
    float: left;
    width: 100%
}

.single-form-item {
    height: 38px;
    position: relative;
    margin: 0 0 15px;
    min-width: 130px
}

.form-contain-box .single-form-item {
    height: inherit
}

.date-picker-button-view-custom,
.single-form-item.reg_password>div>input[type=password],
.single-form-item.reg_password>div>input[type=text],
.single-form-item>.react-tel-input>input[type=tel],
.single-form-item>input[type=email],
.single-form-item>input[type=number],
.single-form-item>input[type=password],
.single-form-item>input[type=tel],
.single-form-item>input[type=text],
.single-form-item>input[type=time] {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #637aa9;
    background: none;
    height: 38px;
    padding: 6px 10px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #637aa9;
    transition: border .24s;
    border-radius: inherit;
    box-shadow: none
}

.single-form-item.reg_password>div {
    width: 100%;
    height: 38px;
    vertical-align: top;
    float: left
}

.single-form-item.reg_password>div a {
    background: transparent !important;
    text-indent: -9999em;
    padding: 0;
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    margin-top: 0 !important;
    text-indent: -9999px;
    height: 100%;
    width: 38px;
    text-align: center;
    display: block
}

.single-form-item.reg_password>div a:before {
    content: "\E91D";
    display: block;
    font: 20px/38px icomoon;
    color: #b5c0d7;
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center
}

.date-picker-button-view-custom {
    text-align: left
}

.single-form-item>.react-tel-input>input[type=tel] {
    padding-right: 30px
}

.single-form-item.reg_password>div>input[type=password]:focus,
.single-form-item.reg_password>div>input[type=text]:focus,
.single-form-item>.react-tel-input>input[type=tel]:focus,
.single-form-item>input[type=email]:focus,
.single-form-item>input[type=number]:focus,
.single-form-item>input[type=password]:focus,
.single-form-item>input[type=tel]:focus,
.single-form-item>input[type=text]:focus {
    border: 1px solid #d71082
}

.single-form-item>input::-webkit-input-placeholder {
    opacity: 1;
    color: #637aa9
}

.single-form-item>input::-moz-placeholder {
    opacity: 1;
    color: #637aa9
}

.single-form-item>input:-ms-input-placeholder {
    opacity: 1;
    color: #637aa9
}

.single-form-item>input:-moz-placeholder {
    opacity: 1;
    color: #637aa9
}

.checkbox-wrapper-m {
    position: relative;
    float: left;
    width: 100%;
    color: #93a3cb;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    margin: 0 0 5px;
    padding: 0 10px 0 30px;
    overflow: hidden
}

.checkbox-wrapper-m:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: #637aa9;
    border-radius: 3px
}

.checkbox-wrapper-m>input[type=checkbox] {
    position: absolute;
    left: -9999px;
    top: 0;
    opacity: 0
}

.checkbox-wrapper-m>span {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.checkbox-wrapper-m>input[type=checkbox]:checked+span:before {
    font: 12px/20px icomoon;
    content: "T";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    text-align: center;
    color: #182138
}

.login-error {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.login-error>span {
    font-size: 14px;
    line-height: 16px;
    color: #e9044a
}

.forgot-password-m {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    text-align: center
}

.forgot-password-m a {
    color: #d71082;
    text-decoration: none
}

.forgot-password-m>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    color: #637aa9;
    text-align: center
}

.forgot-password-m>p>span {
    color: #d71082
}

.text-popup-view-m {
    float: left;
    width: 100%;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    color: #637aa9
}

.text-popup-view-m {
    float: left;
    width: 100%;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    color: #7b8191
}

.spinner {
    margin: 2px auto 0;
    display: block;
    width: 70px;
    text-align: center;
    height: 8px
}

.spinner>i {
    width: 8px;
    height: 8px;
    margin: 0 2px;
    background-color: #f1f1f7;
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.popup-contain-table-m .date-picker-wrapper,
.popup-contain-table-m .form-p-i-m>.select-contain-m {
    margin-bottom: 15px
}

.registration-form-b {
    padding-bottom: 65px
}

.single-form-item.hidden {
    display: none
}

.img-wrapper-m {
    float: left;
    height: 38px;
    margin: 15px 10px 0 0;
    width: 183px;
    position: relative
}

.img-wrapper-m>img {
    float: left;
    height: 38px;
    margin: 0;
    display: block
}

.img-wrapper-m>.spinner {
    margin-top: 15px
}

.reset-b-captcha {
    float: left;
    width: 38px;
    height: 38px;
    margin: 15px 0 0;
    border: none;
    text-align: center;
    position: relative;
    text-indent: -9999em;
    background: #d71082;
    color: #fff
}

.reset-b-captcha:before {
    display: block;
    width: 100%;
    height: 100%;
    font: 20px/38px icomoon;
    content: "\E6F4";
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    text-indent: 0
}

.react-tel-input {
    position: relative
}

.flag-dropdown,
.react-tel-input {
    float: left;
    width: 100%
}

.selected-flag {
    position: absolute;
    top: 0;
    width: 38px;
    right: 0;
    height: 38px
}

.flag-dropdown>.selected-flag>.flag {
    background: none !important;
    height: 38px !important;
    width: 100% !important
}

.flag-dropdown>.selected-flag>.flag>.arrow {
    position: absolute;
    right: 0;
    top: 0
}

.flag-dropdown>.selected-flag>.flag>.arrow:before {
    display: block;
    position: absolute;
    z-index: 10;
    font: 14px/22px icomoon;
    content: "\E670";
    right: 0;
    top: 8px;
    width: 26px;
    height: 22px;
    border-left: 1px solid #26364d;
    text-align: center;
    color: #637aa9
}

.flag-dropdown.open-dropdown .selected-flag>.flag>.arrow:before {
    content: "\E671"
}

.flag-dropdown>.country-list {
    width: 100%;
    background: #222e47;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 254px;
    position: absolute;
    bottom: 38px;
    left: 0;
    z-index: 888
}

.country-list>.country {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #637aa9;
    padding: 9px 10px;
    border-bottom: 1px solid #182138
}

.flag-dropdown>.country-list .flag,
.flag-dropdown>.divider {
    display: none
}

.country.highlight {
    background: #637aa9;
    color: #f1f1f7
}

.country-list>.country>.dial-code {
    padding: 0 0 0 5px;
    color: #93a3cb
}

.icon-status-view {
    float: left;
    width: 100%
}

.accept-information-view {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.info-title-contain-m {
    float: left;
    width: 100%;
    height: 38px;
    background: #3d5379;
    position: relative;
    padding: 0 30px 0 10px
}

.info-title-contain-m:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 38px;
    font: 14px/38px icomoon;
    color: #93a3cb;
    content: "\E670";
    text-align: center
}

.info-title-contain-m.active:before {
    content: "\E671"
}

.info-title-contain-m>p {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 38px;
    color: #93a3cb
}

.mini-info-wrapper-accept-r {
    float: left;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    transition: max-height .8s
}

.info-title-contain-m.active+.mini-info-wrapper-accept-r {
    max-height: 100000px
}

.registration-terms-popup {
    float: left;
    width: 100%;
    text-align: justify;
    font-size: 13px;
    line-height: 16px;
    color: #93a3cb;
    background: #3d5379;
    padding: 10px;
    box-shadow: inset 0 1px 0 #182138
}

.registration-terms-popup em {
    white-space: normal
}

.registration-terms-popup table {
    width: 100% !important
}

.registration-terms-popup table tr td {
    width: auto !important
}

.phoneNumberWrapper {
    float: left;
    width: 100%
}

.description-label-w-m {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #b5c0d7;
    padding: 0 0 5px
}

.form-p-i-m.phone_wrapper {
    min-width: 0
}

.form-p-i-m.phone_wrapper .reg_phone_code {
    min-width: inherit;
    width: 40%
}

.form-p-i-m.phone_wrapper .reg_phone {
    width: 58%;
    min-width: inherit;
    float: right
}

.single-form-item.reg_g_recaptcha_response {
    float: left;
    width: 100%;
    height: 90px
}

.steps-for-reg-m {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center
}

.steps-for-reg-m>i:before {
    content: "";
    margin: 0 4px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: hsla(0, 0%, 100%, .1)
}

.steps-for-reg-m>i.registration-steps-slide-view.active:before {
    background: hsla(0, 0%, 100%, .59)
}

.registration-form-b .separator-box-buttons-m>.button-view-normal-m:first-child:nth-last-child(2),
.registration-form-b .separator-box-buttons-m>.button-view-normal-m:nth-child(2):last-child {
    width: 50%
}

.registration-form-b .separator-box-buttons-m>.button-view-normal-m:first-child:nth-last-child(2) {
    background: #1e2941;
    box-shadow: inset 0 0 0 1px #637aa9
}

.single-form-item.reg_promo_code {
    height: 38px
}

.single-form-item.reg_password.showed>div a:before {
    content: "\E91D"
}

.single-form-item.reg_password>div a:before {
    content: "\E91E"
}

.multistep-form .info-message {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #637aa9
}

.play-game-buttons-view {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

.play-game-buttons-view:first-child {
    margin: 0
}

.cashout-dialog {
    float: left;
    width: 100%;
    display: table;
    background: #222e47
}

.cashout-column-view {
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.cashout-info-container {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.cashout-info-container>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 10px;
    text-align: center;
    color: #637aa9
}

.cashout-success {
    float: left;
    width: 100%;
    padding: 5px 0
}

.cashout-failed>p,
.cashout-initial-price>p,
.cashout-success>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 10px;
    text-align: center;
    color: #93a3cb
}

.cashout-success>p>i {
    font-style: normal;
    color: #1a7051;
    font-size: 15px
}

.cashout-failed>p>i,
.cashout-initial-price>p>i {
    font-style: normal;
    color: #b6862e;
    font-size: 15px
}

.cashout-failed {
    float: left;
    width: 100%;
    padding: 5px 0
}

.cashout-dialog {
    float: left;
    width: 100%;
    display: table;
    background: #222e47
}

.cashout-column-view {
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.cashout-info-container {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.cashout-info-container>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 10px;
    text-align: center;
    color: #637aa9
}

.cashout-success {
    float: left;
    width: 100%;
    padding: 5px 0
}

.cashout-failed>p,
.cashout-initial-price>p,
.cashout-success>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 10px;
    text-align: center;
    color: #93a3cb
}

.cashout-success>p>i {
    font-style: normal;
    color: #1a7051;
    font-size: 15px
}

.cashout-failed>p>i,
.cashout-initial-price>p>i {
    font-style: normal;
    color: #b6862e;
    font-size: 15px
}

.cashout-failed {
    float: left;
    width: 100%;
    padding: 5px 0
}

.counter-offer-dialog {
    float: left;
    width: 100%;
    display: table;
    background: #222e47
}

.counter-offer-column-view {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px
}

.counter-offer-title {
    float: left;
    width: 100%;
    padding: 0 0 10px
}

.counter-offer-title>h2 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #93a3cb;
    font-weight: 400
}

.competition-event-name-offer {
    float: left;
    width: 100%
}

.competition-event-name-offer>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    color: #637aa9;
    padding: 0 0 2px;
    text-align: left
}

.counter-view-info {
    float: left;
    width: 100%;
    text-align: left;
    table-layout: fixed;
    color: #93a3cb;
    margin: 10px 0
}

.counter-view-info tr td,
.counter-view-info tr th {
    padding: 5px 0 5px 10px;
    vertical-align: top
}

.counter-view-info tr th {
    font-weight: 400
}

.counter-view-info tr td:first-child,
.counter-view-info tr th:first-child {
    padding-left: 0
}

.odd-view-c-offer {
    font-weight: 400;
    color: #b6862e
}

.counter-view-info tr td>i {
    font-style: normal;
    color: #1a7051
}

.counter-offer-buttons-view {
    float: left;
    width: 100%;
    margin: 0 0 15px
}

.r-time {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    color: #637aa9;
    padding: 10px 0 15px
}

.popup-m {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    -webkit-overflow-scrolling: touch
}

@keyframes open-popup {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

.popup-closed-b {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    background: none;
    width: 40px;
    height: 40px;
    color: #637aa9;
    text-align: center;
    border: none;
    font: 16px/40px icomoon
}

.popup-m:before {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    height: 200%;
    width: 100%;
    background: rgba(0, 0, 0, .5)
}

.popup-closed-b:before {
    content: "\E90C"
}

.mini-box-popup {
    float: left;
    width: 100%;
    display: table;
    height: 100%;
    table-layout: fixed
}

.align-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.ver-center-view-b {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 400px;
    animation: open-popup .24s ease-in-out;
    text-align: left
}

.title-popup-page-m {
    float: left;
    width: 100%;
    position: relative;
    z-index: 55;
    height: 42px;
    background: #222e47;
    box-shadow: inset 0 -1px 0 #0e131e, inset 0 -2px 0 #0a151d;
    padding: 0 40px
}

.title-popup-page-m>h4 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    color: #93a3cb;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.popup-content-view-m {
    max-height: calc(100vh - 42px);
    overflow-y: auto;
    overflow-x: hidden;
    background: #182138
}

.popup-content-view-m,
.popup-message {
    float: left;
    width: 100%;
    position: relative
}

.popup-message {
    padding: 15px;
    background: #222e47;
    font-size: 14px;
    line-height: 16px;
    color: #b5c0d7;
    text-align: center
}

.popup-message.accept_or_cancel p {
    padding: 0 0 20px;
    color: #637aa9
}

.popup-message.accept_or_cancel button {
    margin-top: 10px
}

.popup-message:before {
    display: block;
    width: 100%;
    height: 60px;
    font: 48px/50px icomoon;
    text-align: center
}

.popup-message.error:before {
    content: "\E917";
    color: #aa8136
}

.popup-message.small-icon-v-m:before {
    font: 35px/35px icomoon
}

.popup-message.info:before {
    content: "\E915";
    color: #637aa9
}

.popup-message.warning:before {
    content: "\E917";
    color: #e9044a
}

.popup-message.accept:before {
    content: "T";
    color: green
}

.popup-confirm-message {
    float: left;
    width: 100%;
    background: #222e47;
    padding: 15px 20px
}

.popup-confirm-message.info table img {
    width: 100%
}

.popup-confirm-message>p {
    font-size: 14px;
    line-height: 18px;
    color: #637aa9
}

.button-separator-view {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

.button-view-normal-m.warning {
    background: #c33451;
    box-shadow: inset 0 0 0 1px #c33451
}

.button-view-normal-m.cancel {
    background: none;
    box-shadow: inset 0 0 0 1px #637aa9
}

.search-wrapper-m {
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 22
}

.contain-search-view:before {
    font: 16px/48px icomoon;
    content: "\E900";
    color: #637aa9;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 48px;
    z-index: 16
}

.contain-search-view {
    position: absolute;
    right: 0;
    top: 0;
    height: 48px;
    background: #222e47;
    padding: 5px 8px;
    width: auto
}

.contain-search-view>input[type=search] {
    font-family: Roboto, sans-serif;
    float: right;
    box-sizing: border-box;
    padding: 10px 30px 10px 0;
    min-width: 0;
    width: 0;
    height: 38px;
    border: 1px solid transparent;
    margin: 0;
    background: transparent;
    border-radius: 0;
    -webkit-appearance: none;
    font-size: 12px;
    line-height: 16px;
    transition: width .3s, border .3s, background .4s, padding .3s;
    color: #637aa9;
    position: relative;
    z-index: 111;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.contain-search-view>input[type=search]::-webkit-input-placeholder {
    color: #637aa9;
    font-style: normal
}

.contain-search-view>input[type=search]:-moz-placeholder,
.contain-search-view>input[type=search]::-moz-placeholder {
    color: #637aa9;
    opacity: 1;
    font-style: normal
}

.contain-search-view>input[type=search]:-ms-input-placeholder {
    color: #637aa9;
    font-style: normal
}

.contain-search-view>input[type=search]:focus {
    width: calc(100vw - 16px);
    border: 1px solid #637aa9;
    padding-left: 10px;
    outline: none
}

input[type=search]::-webkit-search-cancel-button {
    display: none
}

.closed-search-m {
    font: 16px/36px icomoon;
    color: transparent;
    position: absolute;
    border: none;
    right: 50px;
    top: 6px;
    width: 0;
    height: 36px;
    text-decoration: none;
    z-index: 222;
    opacity: 0;
    background: #222e47;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    transition: font-size .24s, color .1s, right .18s, opacity .24s, width .24s;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    display: block;
    box-shadow: none
}

.closed-search-m:before {
    content: "\E90C"
}

.contain-search-view>input[type=search]:focus+.closed-search-m {
    right: 9px;
    width: 34px;
    opacity: 1;
    color: #637aa9
}

.contain-search-view>input[type=search]:focus+.closed-search-m:active {
    z-index: 999
}

.search-result-wrapper-m {
    position: fixed;
    left: 0;
    top: 98px;
    width: 100vw;
    height: calc(100% - 98px);
    background: rgba(0, 0, 0, .4);
    padding: 4px 8px
}

.search-result-view-contain {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 34px 0 40px;
    text-align: left
}

.search-result-title {
    position: absolute;
    width: 100%;
    height: 34px;
    padding: 0 34px 0 0;
    left: 0;
    top: 0;
    background: #f1f1f7;
    box-shadow: inset 0 -1px 0 #cfd0e6
}

.search-result-title:before {
    content: "";
    position: absolute;
    right: 14px;
    top: -5px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px;
    border-color: transparent transparent #f1f1f7
}

.closed-search-icon-m {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 55;
    font: 14px/34px icomoon;
    color: #637aa9;
    text-align: center
}

.closed-search-icon-m:before {
    content: "\E90C"
}

.search-result-title>h3 {
    float: left;
    width: 100%;
    padding: 0 12px;
    font-size: 14px;
    line-height: 34px;
    color: #637aa9;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.search-all-info-contain {
    float: left;
    position: relative;
    height: 100%;
    width: 100%
}

.search-result-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.mini-wrapper-result-m {
    float: left;
    width: 100%;
    background: #f1f1f7;
    padding: 0 0 21px
}

.sport-title-result-m:before {
    display: none
}

.separator-search-result {
    float: left;
    width: 100%;
    background: #f1f1f7;
    padding: 0
}

.sport-title-result-m {
    float: left;
    width: 100%;
    height: 25px;
    padding: 0 12px 0 32px;
    background: #637aa9;
    color: #000;
    position: relative
}

.result-sport-icon {
    position: absolute;
    left: 12px;
    top: 0;
    width: 20px;
    height: 25px;
    font: 13px/25px Sport-icons
}

.sport-title-result-m>.result-sport-icon:before {
    color: #f1f1f7
}

.sport-title-result-m>h4 {
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.result-single-game-view-m {
    float: left;
    width: 100%;
    height: 55px;
    border-bottom: 1px solid #cfd0e6;
    display: block;
    text-decoration: none
}

.result-single-game-view-m:last-child {
    border-bottom: none
}

.separator-search-result:last-child>.result-single-game-view-m:last-child {
    border-bottom: 1px solid #cfd0e6
}

.teams-name-result-m {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 12px;
    line-height: 14px;
    padding: 0 12px;
    margin: 10px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flag-date-competition-m {
    float: left;
    width: 100%;
    padding: 0 12px 0 40px;
    position: relative;
    margin: 4px 0 0
}

.flag-date-competition-m>.flag-view-m {
    top: 0;
    left: 12px
}

.additional-info-m {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.additional-info-m>i {
    margin: 0 6px 0 0;
    text-decoration: none;
    font-style: normal
}

.single-game-item-c {
    float: left;
    width: 100%;
    padding: 0 10px;
    margin: 5px 0
}

.single-game-item-c>ul {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
    box-shadow: inset 0 -1px 0 #cfd0e6
}

.single-game-item-c>ul>li {
    display: table-cell;
    vertical-align: top
}

.single-game-item-c>ul>li:first-child {
    width: 136px;
    padding: 0 10px 0 0
}

.single-game-item-c>ul>li:first-child>img {
    width: 100%;
    height: auto;
    display: block
}

.results-game-title {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    height: 50px;
    color: #637aa9;
    text-transform: uppercase;
    overflow: hidden
}

.r-b-view {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.betslip-m {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 8888;
    width: 100%
}

.betslip-m.loading {
    filter: inherit
}

.betslip-m.loading:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8888;
    background: rgba(0, 0, 0, .4)
}

.betslip-m.quick.loading:before {
    display: none
}

.betslip-balance-view-m {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46px;
    background: #0d1425;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    z-index: 666
}

.betslip-balance-view-m>ul {
    float: left;
    width: 100%;
    display: table;
    height: 46px
}

.betslip-balance-view-m>ul>li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 5px;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #b5c0d7
}

.betslip-title-mini {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 34px 0 0
}

.betslip-title-mini>i {
    font-style: normal
}

.betslip-title-mini>b {
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: -1px;
    background: #d71082;
    padding: 1px 5px;
    border-radius: 10px;
    text-align: center;
    min-width: 22px;
    color: #fff
}

.betslip-balance-view-m ul>li>a {
    color: #b5c0d7;
    text-decoration: none
}

.balance-view-betslip {
    color: #1a7051
}

.balance-view-betslip>i {
    font-style: normal
}

.quick .balance-view-betslip>i {
    box-shadow: inset 0 -1px 0 #637aa9
}

.q-bet-container,
.q-mini-box {
    float: left;
    width: 100%
}

.betslip-full-view {
    position: fixed;
    top: 150%;
    height: 0;
    width: 100%;
    background: #0d1425;
    z-index: 999;
    transition: top .4s, height .4s;
    padding: 0;
    transform: translateZ(0);
    overflow: hidden
}

.betslip-full-view.active {
    top: 0;
    height: 100%;
    padding-top: 89px
}

.quick>.betslip-full-view.active {
    height: auto;
    padding: 48px 0 0;
    overflow: inherit
}

.quick>.betslip-full-view.active>.betslip-header-m {
    height: 48px
}

.betslip-header-m {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 88px;
    z-index: 666
}

.quick-bet-settings-view {
    float: left;
    width: 100%;
    height: 47px;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    position: relative;
    padding: 0 88px 0 76px;
    margin: 0 0 1px
}

.closed-betslip-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 100%;
    z-index: 33;
    font: 20px/47px icomoon;
    text-align: center;
    color: #637aa9;
    transition: opacity .3s
}

.closed-betslip-icon:before {
    content: "\E90C"
}

.betslip-settings {
    position: absolute;
    top: 0;
    right: 44px;
    width: 44px;
    height: 100%;
    z-index: 33;
    font: 20px/47px icomoon;
    text-align: center;
    color: #637aa9
}

.betslip-settings:before {
    content: "\E914";
    display: block;
    transition: transform .3s
}

.betslip-settings.open:before {
    transform: rotate(-60deg)
}

.switcher-box {
    position: absolute;
    left: 14px;
    top: 8px;
    width: 51px;
    height: 31px
}

.b-settings-view-b {
    position: absolute;
    right: 0;
    top: 48px;
    width: 100%;
    z-index: 999;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: auto;
    max-height: 0;
    transition: max-height .4s;
    overflow: hidden
}

.betslip-settings.open+.b-settings-view-b {
    max-height: 200px
}

.b-settings-view-b>ul {
    float: left;
    width: 100%;
    padding: 5px 15px 0;
    border-bottom: 1px solid #0d1425
}

.b-settings-view-b>ul>li {
    float: left;
    width: 100%
}

.b-settings-view-b>ul>li>.radio-form-item {
    margin: 0
}

.b-settings-view-b>ul>li>p {
    float: left;
    width: 100%;
    color: #b5c0d7;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 0
}

.switcher-contain {
    float: left;
    width: 100%;
    height: 31px;
    padding: 2px;
    background: #182138;
    border-radius: 15px;
    transition: background .3s
}

.switcher-circle-b-m {
    background: #637aa9;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 22;
    transition: left .3s, background .3s
}

.switcher-contain.on>.switcher-circle-b-m {
    left: 22px;
    background: #f1f1f7
}

.quick-bet-settings-view>h3 {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 13px;
    line-height: 47px;
    color: #b5c0d7
}

.quick-bet-form-m {
    float: left;
    width: 100%;
    padding: 10px 15px;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06)
}

.quick-bet-form-m>ul {
    float: left;
    width: 100%;
    display: table
}

.quick-bet-form-m>ul>li {
    display: table-cell;
    vertical-align: top
}

.quick-bet-form-m>ul>li>.single-form-item {
    margin: 0
}

.save-b-m>.button-view-normal-m {
    box-shadow: inset 0 0 0 1px #d71082;
    color: #fff
}

.quick-bet-form-m>ul>li:nth-child(n+2) {
    padding-left: 10px
}

.text-info-bet-m {
    padding: 5px 32px 5px 15px;
    border-bottom: 1px solid #182138
}

.text-info-bet-m,
.text-info-bet-m>p {
    float: left;
    width: 100%;
    position: relative
}

.text-info-bet-m>p {
    color: #637aa9;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 0 20px
}

.text-info-bet-m>b:before {
    font-weight: 400;
    font: 12px/20px icomoon;
    content: "\E90C";
    color: #637aa9;
    position: absolute;
    right: 10px;
    top: 2px;
    width: 20px;
    height: 20px;
    text-align: center
}

.text-info-bet-m>p:before {
    font: 12px/14px icomoon;
    content: "\E915";
    color: #637aa9;
    position: absolute;
    left: 0;
    top: 1px
}

.text-info-bet-m.accept>p,
.text-info-bet-m.success>p {
    color: #fff
}

.text-info-bet-m.warning>p:before {
    content: "\E915";
    color: #aa8136
}

.text-info-bet-m.error>p:before {
    content: "\E917";
    color: #aa8136
}

.text-info-bet-m.accept>p:before,
.text-info-bet-m.success>p:before {
    content: "\E6EC";
    color: #1a7050;
    animation: accept-bet .5s linear infinite
}

.q-bet-container .text-info-bet-m,
.q-bet-container .text-info-bet-m.success {
    padding: 5px
}

.text-info-bet-m.success>p:before {
    top: 1px;
    left: 2px
}

@keyframes accept-bet {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.5)
    }
    to {
        transform: scale(1)
    }
}

.superbet-wrapper {
    float: left;
    width: 100%;
    padding: 0 15px;
    background: #182138;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 1px 0 0
}

.bet-kind-container {
    float: left;
    width: 100%;
    border-bottom: 1px solid #0a151d;
    height: 49px;
    position: relative;
    padding: 2px 101px 0 36px
}

.free-bet-container {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06)
}

.bet-kind-container>p {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 46px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden
}

.superbet-text {
    color: #ac8336
}

.booking-text,
.freebet-text {
    color: #b5c0d7
}

.kind-of-bet {
    position: absolute;
    left: 0;
    top: 2px;
    width: 36px;
    font: 24px/46px icomoon;
    text-align: left
}

.superbet-icon:before {
    color: #ffc353;
    content: "y"
}

.freebet-icon:before {
    color: #d14f82;
    background: -webkit-linear-gradient(#c03d77, #e4678f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 26px;
    content: "\F005"
}

.info-i-switcher-b {
    position: absolute;
    right: 0;
    top: 2px;
    height: 46px;
    width: 101px
}

.info-icon-k-bet {
    float: left;
    width: 50px;
    height: 46px;
    font: 24px/46px icomoon;
    color: #566e9c;
    text-align: center;
    transition: color .3s
}

.info-icon-k-bet:before {
    content: "\E919"
}

.info-icon-k-bet.active {
    color: #b5c0d7
}

.info-i-switcher-b>.switcher-box {
    left: auto;
    right: 0;
    top: 6px
}

.info-i-switcher-b>.switcher-box>.switcher-contain {
    background: #222e47
}

.superbet-s>.switcher-box>.switcher-contain.on {
    background: #ac8336
}

.booking-s>.switcher-box>.switcher-contain.on,
.freebet-s>.switcher-box>.switcher-contain.on {
    background: #d71082
}

.text-info-kind-bet {
    float: left;
    width: 100%;
    height: auto;
    max-height: 0;
    transition: max-height .3s;
    overflow: hidden
}

.text-info-kind-bet.active {
    max-height: 200px;
    transition: max-height .4s
}

.text-info-kind-bet>p {
    float: left;
    width: 100%;
    padding: 10px 0;
    font-size: 12px;
    line-height: 16px;
    color: #637aa9;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    border-bottom: 1px solid #0a151d
}

.free-bet-open-view {
    float: left;
    width: 100%
}

.free-bet-open-view>ul>li>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #637aa9
}

.free-bet-open-view>ul {
    float: left;
    width: 100%;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    border-bottom: 1px solid #0a151d;
    padding: 10px 0 5px
}

.free-bet-open-view>ul>li {
    float: left;
    width: 100%
}

.free-bet-open-view>ul>li>.radio-form-item {
    margin: 0
}

.free-bet-open-view>ul>li>.radio-form-item>label {
    margin: 0;
    color: #b5c0d7
}

.free-bet-open-view>ul>li>.radio-form-item>label i {
    font-style: normal
}

.minimize-button {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 99;
    transition: right .3s ease;
    display: none
}

.minimize-button.shifted {
    right: 40px
}

@media (max-width:768px) {
    .minimize-button {
        display: block
    }
}

.minimize-btn {
    background: none;
    border: none;
    color: #838990 !important;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: transform .2s ease
}

.minimize-btn:hover {
    transform: scale(1.2);
    color: #838990 !important
}

.all-bets-settings-row-m {
    float: left;
    width: 100%;
    height: 40px;
    background: #1e2941;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 0 0 1px;
    padding: 0 10px
}

.all-bets-settings-row-m>ul {
    float: left;
    width: 100%
}

.all-bets-settings-row-m>ul>li {
    float: left;
    padding: 0 5px
}

.all-bets-settings-row-m>ul>li:first-child {
    min-width: 120px
}

.all-bets-settings-row-m>ul>li:first-child>.select-contain-m>select {
    width: 100%
}

.all-bets-settings-row-m>ul>li>.select-contain-m {
    margin-top: 4px;
    float: left;
    width: 100%
}

.all-bets-settings-row-m>ul>li.system-select-option {
    max-width: calc(100% - 170px)
}

.all-bets-settings-row-m>ul>li.system-select-option>.select-contain-m>select {
    width: 100%
}

.all-bets-settings-row-m>ul>li.cleared-all-box {
    width: 40px;
    float: right
}

.clear-all-m {
    float: right;
    color: #637aa9;
    height: 40px;
    position: relative;
    padding: 0;
    white-space: nowrap;
    width: 30px
}

.clear-all-m:after {
    content: "\E90C";
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 100%;
    z-index: 33;
    font: 12px/40px icomoon;
    text-align: right;
    color: #637aa9
}

.clear-all-m:before {
    right: auto;
    left: 0;
    text-align: left
}

.betslip-events-container {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden
}

.single-event-contain-m {
    float: left;
    width: 100%;
    padding: 10px 15px;
    background: #222e47;
    min-height: 80px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 1px 0;
    animation: betslip-add-event-animate-b .5s ease-in-out
}

@keyframes betslip-add-event-animate-b {
    0% {
        transform: translateZ(0)
    }
    25% {
        transform: translate3d(0, 5px, 0)
    }
    75% {
        transform: translate3d(0, -3px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.bet-button-container {
    float: left;
    width: 100%;
    padding: 10px 15px;
    background: #182138
}

.bet-button-container>.separator-box-buttons-m {
    margin: 0
}

.team-name-view-b-m {
    padding: 0 25px 10px 0;
    min-height: 20px;
    margin: 0;
    border-bottom: 1px solid #0d1629
}

.sub-error-info,
.team-name-view-b-m {
    float: left;
    width: 100%;
    position: relative
}

.sub-error-info {
    padding: 10px;
    color: #182138;
    display: none;
    background: #637aa9;
    margin: 5px 0 0;
    border-radius: 3px
}

.icon-status-view-m.active+.sub-error-info {
    display: block
}

.sub-error-info:before {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px;
    border-color: transparent transparent #637aa9
}

.sub-error-info>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 16px
}

.sub-error-info>p:first-child {
    color: #f1f1f7;
    font-size: 13px
}

.sub-error-info.multiline>p:first-child {
    border-bottom: 1px solid #637aa9;
    padding: 0 0 5px;
    margin: 0 0 5px
}

.team-name-view-b-m>a {
    font-size: 14px;
    line-height: 16px;
    color: #b5c0d7;
    text-decoration: none
}

.icon-status-view-m {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin: 0 8px 3px 0;
    font: 16px/18px icomoon;
    text-align: left
}

.event-error:before {
    content: "\E917";
    color: #aa8136
}

.event-blocked:before,
.event-deleted:before {
    content: "\E916";
    color: #b31146
}

.icon-status-view-m>.checkbox-wrapper-m {
    margin: 0;
    padding: 0
}

.event-remove-b-m {
    position: absolute;
    top: -2px;
    right: 0;
    width: 20px;
    height: 20px;
    background: none;
    border: none;
    text-align: right;
    font: 12px/14px icomoon;
    color: #a4a8b0
}

.event-remove-b-m:before {
    content: "\E90C"
}

.market-full-info-m {
    float: left;
    width: 100%;
    border-top: 1px solid #304262;
    padding: 5px 0 0
}

.market-full-info-m>ul {
    float: left;
    width: 100%;
    display: table
}

.market-full-info-m>ul>li {
    display: table-cell;
    vertical-align: top
}

.market-full-info-m>ul>li>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    padding-right: 5px
}

.betmarket-name-m {
    color: #637aa9
}

.bet-pick-name-m {
    color: #aa8134
}

.market-full-info-m>ul>li>span {
    float: right
}

.change-price-m {
    text-decoration: line-through;
    font-size: 12px;
    line-height: 18px;
    color: #c43451
}

.price-view-m {
    color: #b6862d;
    font-size: 16px;
    line-height: 18px
}

.stake-form-b-m {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

.stake-form-b-m>ul {
    float: left;
    width: 100%;
    display: table
}

.stake-form-b-m>ul>li {
    display: table-cell;
    vertical-align: top
}

.stake-form-b-m>ul>li:nth-child(n+2) {
    padding-left: 10px
}

.mini-table-b-m {
    float: left;
    width: 100%;
    position: relative
}

.mini-table-b-m>ul {
    float: left;
    width: 100%;
    display: table
}

.mini-table-b-m>ul>li {
    display: table-cell;
    vertical-align: top;
    width: 100%
}

.betslip-m.System .mini-table-b-m>ul>li:first-child:nth-last-child(2),
.betslip-m.System .mini-table-b-m>ul>li:first-child:nth-last-child(3) {
    width: 50%
}

.betslip-m.System .mini-table-b-m>ul>li:first-child:nth-last-child(2)+li,
.betslip-m.System .mini-table-b-m>ul>li:first-child:nth-last-child(3)+li {
    padding-left: 10px;
    width: 50%
}

.betslip-m.System.logged-out .mini-table-b-m>ul>li {
    width: 50%
}

.betslip-m.System.logged-out .mini-table-b-m>ul>li:first-child:nth-last-child(2)+li {
    padding-left: 10px
}

.virtual-keyboard-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 99999999;
    width: 100%;
    padding: 3px 0;
    background: #1e2941;
    box-shadow: 0 0 3px #000;
    animation: .24s keyboard ease-in-out;
    transform: translateZ(0)
}

@keyframes keyboard {
    0% {
        bottom: -360px
    }
    to {
        bottom: 0
    }
}

.virtual-keyboard-m {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #2b3a57;
    min-width: 320px;
    max-width: 580px;
    padding: 3px 3px 3px 0
}

.key-simbols-m {
    padding-top: 3px
}

.key-simbols-m>li {
    width: 33.3%
}

.key-numbers-m,
.key-simbols-m {
    float: left;
    width: 100%;
    display: table
}

.key-numbers-m>li,
.key-simbols-m>li {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 3px
}

.key-simbols-m>li:last-child>span {
    background: #b5c0d7;
    color: #1e2941
}

.key-simbols-m>li:nth-child(2)>span:before {
    display: block;
    content: "\E91C";
    font: 24px/38px icomoon;
    color: #b5c0d7
}

.key-simbols-m>li:nth-child(2)>span:after {
    display: block;
    content: "\E90C";
    font: 12px/14px icomoon;
    color: #1e2941;
    position: absolute;
    top: 12px;
    left: 47%
}

.key-numbers-m>li>span,
.key-simbols-m>li>span {
    text-align: center;
    float: left;
    width: 100%;
    border-radius: 3px;
    background: #637aa9;
    color: #b5c0d7;
    line-height: 38px;
    position: relative
}

.key-numbers-m>li>span:active,
.key-simbols-m>li>span:active {
    background: #d71082;
    opacity: .8
}

.max-bet-b-m {
    float: left;
    padding: 0 15px;
    height: 38px;
    border: 1px solid #637aa9;
    border-left: none;
    font-size: 11px;
    line-height: 38px;
    color: #f1f1f7;
    text-transform: uppercase;
    white-space: nowrap
}

.stake-form-b-m .single-form-item {
    margin: 0
}

.single-form-item>span {
    line-height: 24px
}

.quick-bet-form-m>ul>li>.single-form-item>input[type=tel],
.single-form-item>span,
.stake-form-b-m .single-form-item>input[type=number],
.stake-form-b-m .single-form-item>input[type=tel] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    background: none;
    border: 1px solid #637aa9;
    height: 38px;
    padding: 6px 10px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #637aa9;
    transition: border .24s;
    border-radius: inherit;
    box-shadow: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.quick-bet-form-m>ul>li>.single-form-item>input[type=tel]:focus,
.single-form-item>span:focus,
.stake-form-b-m .single-form-item>input[type=number]:focus,
.stake-form-b-m .single-form-item>input[type=tel]:focus {
    border: 1px solid #d71082
}

.bet-price-button-m {
    float: right;
    width: 100%;
    min-width: 32px;
    height: 38px;
    font: 16px/38px icomoon;
    background: #2b3a57;
    text-align: center;
    color: #637aa9
}

.bet-price-button-m:before {
    content: "\E6FF"
}

.possible-win-container {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

.possible-win-container>ul {
    float: left;
    width: 100%;
    display: table
}

.possible-win-container>ul>li {
    display: table-cell;
    vertical-align: top
}

.possible-win-container>ul>li>p {
    float: left;
    font-size: 13px;
    line-height: 16px;
    padding-right: 5px
}

.possible-text-title-m {
    color: #637aa9
}

.total-win-m {
    color: #f1f1f7
}

.bonus-text-title-m {
    color: #aa8136
}

.possible-win-container>ul>li>span {
    float: right;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase
}

.possible-win-container>ul>li>span>i {
    font-style: normal
}

.bet-win-price-m {
    color: #b5c0d7
}

.total-win-price-m {
    color: #f1f1f7
}

.bonus-bet-win-price-m {
    color: #aa8136
}

.sum-bet-win-price-m {
    color: #1a7051
}

.total-view-price-pos-b {
    float: left;
    width: 100%;
    background: #182138;
    padding: 0 15px 10px;
    margin: 0 0 1px
}

.total-view-price-pos-b>.possible-win-container>ul {
    margin: 0 0 5px
}

.total-view-price-pos-b>.possible-win-container>ul:last-child {
    margin: 10px 0 0
}

.ew-total-odd {
    float: left;
    width: 100%;
    border-bottom: 1px solid #1e2941;
    box-shadow: inset 0 -1px 0 #0a151d
}

.ew-total-odd>ul {
    float: left;
    width: 100%;
    display: table
}

.ew-total-odd>ul>li {
    display: table-cell;
    vertical-align: top
}

.ew-total-odd>ul>li>p {
    float: right;
    font-size: 14px;
    line-height: 34px;
    color: #b5c0d7
}

.ew-total-odd>ul>li>p>span {
    color: #b6862e
}

.ew-view-b {
    float: left;
    margin: 7px 0 0
}

.ew-view-b>input {
    position: absolute;
    left: -9999em;
    opacity: 0
}

.ew-view-b>span {
    float: left;
    display: block;
    width: 28px;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 0;
    box-shadow: inset 0 0 0 1px #637aa9;
    text-transform: uppercase;
    color: #637aa9;
    border-radius: 3px;
    transition: background .24s, color .24s, box-shadow .24s;
    text-align: center
}

.ew-view-b>input:checked+span {
    box-shadow: inset 0 0 0 1px #cd8117;
    color: #222e47;
    background: #b6862d
}

.casino-wrapper~.betslip-m {
    display: none
}

#debug {
    display: none
}

.select-game-nav-list,
.select-game-nav-list>ul {
    float: left;
    width: 100%
}

.select-game-nav-list>ul>li {
    float: left;
    width: 100%;
    margin: 0 0 2px
}

.sport-region-info-m {
    float: left;
    width: 100%;
    background: #182138;
    height: 40px;
    position: relative;
    padding: 0 40px;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15), inset 0 -1px 0 hsla(224, 9%, 53%, .03);
    top: 98px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 555
}

.integration-view .sport-region-info-m {
    top: 0
}

.sport-region-info-m.active {
    background: #1e2941
}

.country-games-info-m {
    float: left;
    width: 100%;
    display: table;
    height: 40px
}

.country-games-info-m>p {
    display: table-cell;
    vertical-align: top;
    padding: 0;
    position: relative;
    font-size: 14px;
    line-height: 40px;
    width: 100%;
    height: 40px;
    color: #637aa9;
    text-align: left
}

.sport-region-info-m.active>.country-games-info-m>p {
    color: #b5c0d7
}

.country-games-info-m>p>i {
    font-style: normal;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.country-games-info-m>span {
    display: table-cell;
    text-align: right;
    font-size: 14px;
    line-height: 40px;
    padding: 0 0 0 10px;
    height: 100%;
    color: #637aa9;
    white-space: nowrap
}

.country-games-info-m>span>b {
    font-weight: 400
}

.sport-region-info-m.active>.country-games-info-m>span {
    color: #93a3cb
}

.arrow-view-m {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    font: 20px/40px icomoon;
    text-align: center;
    color: #637aa9
}

.arrow-view-m:before {
    content: "\E670"
}

.sport-region-info-m.active>.arrow-view-m:before {
    content: "\E671"
}

.competition-naw-wrapper-m {
    float: left;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    height: auto;
    transform: translateZ(0)
}

.sport-region-info-m.active+.competition-naw-wrapper-m {
    max-height: 99999px
}

.competition-list-view-m {
    float: left;
    width: 100%;
    box-shadow: inset 0 0 0 2px transparent;
    padding: 0 7px;
    background: #0d1425;
    height: auto;
    max-height: 0;
    transform: translateZ(0);
    display: none
}

.sport-region-info-m.active+.competition-naw-wrapper-m>.competition-list-view-m {
    max-height: 99999px;
    padding: 2px 7px;
    box-shadow: inset 0 0 0 2px #1e2941;
    display: block
}

@keyframes open-animate-menu {
    0% {
        max-height: 0
    }
    to {
        max-height: 500px
    }
}

@keyframes closed-animate-menu {
    0% {
        max-height: 500px
    }
    to {
        max-height: 0
    }
}

.competition-list-view-m>ul {
    float: left;
    width: 100%;
    margin: 0 0 5px
}

.competition-list-view-m>ul:first-child {
    margin-top: 5px
}

.competition-list-view-m>ul>li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #0d1425;
    background: #1e2941;
    height: 35px;
    text-align: left;
    padding: 0 0 0 34px;
    position: relative
}

.competition-list-view-m>ul>li>a {
    text-decoration: none;
    display: block;
    float: left;
    padding: 0;
    width: 100%;
    color: #637aa9
}

.competition-list-view-m>ul>li>a.active {
    background: #29334f
}

.competition-list-view-m>ul>li:first-child>a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.competition-list-view-m>ul>li:last-child>a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.fav-star-m {
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 34px;
    box-shadow: inset -1px 0 0 #0d1425;
    font: 16px/34px icomoon;
    text-align: center;
    color: #131724;
    transform: translateZ(0)
}

.fav-star-m.active {
    background: #c3953c;
    color: #f4f4f6
}

.fav-star-m:before {
    content: "\F005"
}

.competition-list-view-m>ul>li:first-child>a>.fav-star-m {
    border-top-left-radius: 3px
}

.competition-list-view-m>ul>li:last-child>a>.fav-star-m {
    border-bottom-left-radius: 3px
}

.games-count-view-m {
    position: absolute;
    font-size: 8px;
    top: 2px;
    left: 26px;
    line-height: 12px;
    font-style: normal;
    color: #93a3cb
}

.competition-list-view-m>ul>li>a>p {
    float: left;
    width: 100%;
    padding: 0 38px 0 8px;
    font-size: 12px;
    line-height: 34px;
    color: #637aa9;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    transform: translateZ(0)
}

.competition-list-view-m>ul>li>a>p>i {
    font-style: normal;
    display: block;
    vertical-align: top;
    position: absolute;
    right: 8px;
    top: 0;
    text-align: right
}

.competition-list-view-m>ul>li>a.active>p {
    color: #b5c0d7
}

.sports-navigation-scroll-buttons {
    position: absolute;
    height: 65px;
    width: 40px;
    z-index: 10;
    font: 20px/36px icomoon;
    cursor: pointer;
    color: #637aa9;
    background: rgba(22, 32, 53, .6);
    box-shadow: inset -1px 0 0 #0d1425;
    border: none
}

.sports-navigation-scroll-buttons.left-button {
    left: 0
}

.sports-navigation-scroll-buttons.left-button:before {
    content: "\E66F"
}

.sports-navigation-scroll-buttons.right-button {
    right: 0
}

.sports-navigation-scroll-buttons.right-button:before {
    content: "\E672"
}

.sports-navigation-scroll-buttons:active {
    background: #1e2941
}

.sports-navigation-scroll-buttons.right-button {
    box-shadow: inset 1px 0 0 #0d1425
}

.single-game-list-item-m {
    float: left;
    width: 100%;
    height: 60px;
    background: #182138;
    margin: 1px 0;
    overflow-x: scroll;
    overflow-y: hidden
}

.single-game-list-item-m:last-child {
    margin-bottom: 0
}

.game-information-m {
    display: inline-block;
    vertical-align: top;
    height: 60px;
    position: relative;
    width: 100%;
    float: right
}

.single-game-list-item-m::-webkit-scrollbar {
    display: none;
    width: 0
}

.game-information-m>ul {
    float: left;
    padding: 0;
    font-size: 0;
    width: calc(100% + 56px);
    height: 60px
}

.game-information-m>ul>li {
    width: 52px;
    float: left;
    padding: 0;
    margin: 0;
    color: #b5c0d7;
    height: 60px;
    background: #182138;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15), inset 1px 0 0 #0a151d
}

.game-information-m>ul>li.factor-m {
    font-size: 12px;
    line-height: 60px;
    width: 56px;
    background: #182138;
    color: #c3953c;
    text-align: center;
    position: relative
}

.game-information-m>ul>li.teams-name-info-m {
    width: calc(100% - 225px);
    background: #1e2941;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
}

.game-information-m>ul>li:first-child:nth-last-child(4) {
    width: calc(100% - 169px)
}

.game-information-m>ul>li:first-child:nth-last-child(2) {
    width: calc(100% - 56px)
}

.game-information-m>ul>li.fav-game-icon-m {
    width: 56px;
    background: #1e2941;
    height: 60px;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15), inset 1px 0 0 #0a151d;
    text-align: center;
    color: #131724;
    font: 24px/60px icomoon;
    transition: background .24s, color .24s
}

.game-information-m>ul>li.fav-game-icon-m.active {
    background: #c3953c;
    color: #f4f4f6
}

.game-information-m>ul>li.fav-game-icon-m:before {
    content: "\F005";
    width: 100%;
    display: block;
    text-align: center
}

.game-info-mini-m {
    float: left;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    text-align: left;
    display: block
}

.game-info-mini-m>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: #b5c0d7;
    padding: 5px 0 0;
    display: table;
    height: 19px
}

.single-team>.game-info-mini-m>p {
    height: 38px
}

.team-name-m-box {
    display: table-cell;
    vertical-align: top;
    position: relative;
    width: 100%;
    height: 100%
}

.game-score-live-m {
    display: table-cell;
    height: 100%;
    text-align: right;
    padding: 0 0 0 5px
}

.team-name-m-box>i {
    font-style: normal;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.single-team>.game-info-mini-m>p>.team-name-m-box>i {
    white-space: normal
}

.game-score-live-m>i {
    font-style: normal;
    color: #b6862e;
    white-space: nowrap
}

.time-markets-count-m {
    float: left;
    width: 100%;
    padding: 4px 0 0;
    font-size: 12px;
    line-height: 14px
}

.time-markets-count-m>i {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    height: 16px
}

.time-markets-count-m>.icons-game-info-m {
    position: relative;
    top: 1px
}

.time-view-game-m {
    float: left;
    margin: 0 3px 0 0;
    color: #637aa9
}

.blocked .coefficient-game-view>ul>li>.single-coefficient-m>span:before,
.blocked>.teams-name-info-m>.game-info-mini-m>.time-markets-count-m>.time-view-game-m:after {
    font: 10px/14px icomoon;
    content: "\E68F";
    padding: 0 0 0 5px;
    color: #b5c0d7
}

.blocked>.all-markets-view-m>.singe-market-view-m .coefficient-game-view>ul>li>.single-coefficient-m,
.match-of-day-m.blocked>.coefficient-game-view>ul>li>.single-coefficient-m {
    pointer-events: none
}

.blocked .coefficient-game-view>ul>li>.single-coefficient-m>span:before {
    font-size: 12px;
    color: #637aa9
}

.blocked .coefficient-game-view>ul>li>.single-coefficient-m>span>i {
    display: none
}

.game-information-m>ul.blocked>li.factor-m:before {
    font: 16px/60px icomoon;
    content: "\E68F";
    color: #637aa9
}

.markets-count-view-m {
    float: right;
    color: #637aa9;
    position: relative;
    padding: 0 10px 0 0;
    text-align: right
}

.markets-count-view-m:before {
    font: 16px/14px icomoon;
    position: absolute;
    right: -5px;
    top: 0;
    content: "\E672"
}

.b-row-view-m {
    font-size: 10px;
    font-weight: 400
}

.content-m .single-coefficient-m.blockedEvent:first-child {
    background: #182138;
    pointer-events: none
}

.content-m .single-coefficient-m.blockedEvent:first-child>span>i:first-child {
    display: none
}

.content-m .single-coefficient-m.blockedEvent:first-child:after {
    font: 16px/40px icomoon;
    content: "\E68F";
    color: #637aa9
}

.content-m .single-coefficient-m.closedEvent {
    pointer-events: none
}

.coefficient-game-view ul li .single-coefficient-m.blockedEvent:after {
    position: relative;
    right: 10px
}

.date-list-games-m {
    margin: 0 0 4px
}

.date-list-games-m,
.game-date-view-m,
.list-games-m {
    float: left;
    width: 100%
}

.game-date-view-m {
    height: 25px;
    background: #29334f;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15);
    top: 98px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 555
}

.integration-view .game-date-view-m {
    top: 0
}

.game-date-view-m>ul {
    float: left;
    width: 100%;
    display: table
}

.game-date-view-m>ul>li {
    display: table-cell;
    padding: 1px 0 0;
    width: 56px;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    color: #637aa9
}

.game-date-view-m>ul>li:first-child {
    width: calc(100% - 180px);
    text-align: left;
    color: #637aa9;
    padding: 0;
    position: relative
}

.game-date-view-m>ul>li:first-child>p {
    width: 100%;
    top: 0;
    left: 0;
    padding: 1px 10px 0;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-date-view-m>ul>li:first-child>p.live-game-competition-m {
    padding-left: 40px
}

.live-game-competition-m>.flag-view-m {
    top: 2px
}

.time-filter-m.live-f-view-m>ul>li {
    width: 50%
}

.favorite-games-view-m {
    float: left;
    width: 100%;
    margin: 0 0 1px
}

.favorite-games-view-m>.single-sport-title-dashboard-m {
    margin: 1px 0
}

.favorite-games-view-m.league-view>.single-sport-title-dashboard-m {
    background: #1e2941
}

.favorite-games-view-m>.single-sport-title-dashboard-m>.dashboard-sport-icon-m {
    box-shadow: none
}

.favorite-games-view-m>.single-sport-title-dashboard-m>h5 {
    color: #b5c0d7
}

.favorite-games-view-m.league-view>.single-sport-title-dashboard-m>h5 {
    color: #637aa9
}

.favorite-games-view-m .closed-open-arrow-m {
    padding: 0;
    height: 38px;
    line-height: 38px
}

.favorite-games-view-m .closed-open-arrow-m:before {
    content: "\E672"
}

.title-fave-container-m {
    float: left;
    width: 100%;
    background: #29334f;
    height: 25px;
    padding: 0 10px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06)
}

.title-fave-container-m>h4 {
    font-size: 12px;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #b5c0d7;
    font-weight: 400
}

.favorite-games-view-m.league-view .closed-open-arrow-m {
    color: #2c3238
}

.empty-text-wrapper-m {
    float: left;
    width: 100%;
    padding: 0 10px;
    margin: 10px 0
}

.empty-text-wrapper-m>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #637aa9
}

.time-filter-m {
    background: #162035;
    box-shadow: inset 0 1px 0 #222d47;
    float: left;
    width: 100%;
    margin: 0 0 1px;
    overflow-x: auto;
    overflow-y: hidden
}

.game-markets-f {
    top: 98px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 555
}

.integration-view .game-markets-f {
    top: 0
}

.time-filter-m::-webkit-scrollbar {
    display: none;
    width: 0
}

.time-filter-m>ul {
    float: left;
    display: table;
    width: auto;
    min-width: 100%;
    padding: 0 7px;
    height: 44px
}

.time-filter-m>ul>li {
    display: table-cell;
    padding: 0 5px;
    font-size: 12px;
    line-height: 44px;
    color: #b5c0d7;
    text-align: center;
    white-space: nowrap
}

.time-filter-m>ul>li.active {
    color: #fff;
    box-shadow: inset 0 -2px 0 #d71082
}

.sports-navigation {
    float: left;
    width: 100%;
    background: #1e2941;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15);
    height: 66px;
    margin: 0
}

.sports-navigation.isPC {
    padding: 0 40px
}

.sport-nav-container-m {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    box-shadow: inset 0 -1px 0 #0a151d;
    transform: translateZ(0)
}

.sport-nav-container-m::-webkit-scrollbar {
    display: none;
    width: 0
}

.sport-nav-container-m>ul {
    padding: 0
}

.sport-nav-container-m>ul>li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 14px;
    margin: 0 3px
}

.sport-nav-container-m>ul>li>a {
    font-size: 12px;
    padding: 0 8px;
    display: block;
    text-decoration: none;
    color: #fff;
    position: relative;
    text-align: center
}

.sport-icon-m {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 24px;
    height: 38px;
    text-align: center;
    padding: 6px 0 0;
    color: #637aa9;
    transform: translateZ(0)
}

.sport-icon-m:before {
    font: 24px/32px Sport-icons
}

.sport-icon-m.favorites:before {
    font: 28px/32px icomoon;
    color: #c3953c;
    content: "\F005"
}

.sport-nav-container-m>ul>li>a.active>span:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -29px;
    left: 50%;
    margin-left: -5px;
    z-index: 33;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 7px;
    border-color: transparent transparent #637aa9
}

@keyframes arrow-active-top {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.sport-nav-container-m>ul>li>a>p {
    height: 28px;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 18px
}

.select-sport-contain-m {
    float: left;
    width: 100%
}

.select-sport-title-m {
    float: left;
    width: 100%;
    display: table;
    height: 34px;
    background: #637aa9;
    color: #0a151d
}

.select-sport-title-m:before {
    display: none
}

.select-sport-title-m>h2 {
    font-weight: 400;
    display: table-cell;
    vertical-align: top;
    padding: 0;
    position: relative;
    font-size: 14px;
    line-height: 34px;
    width: 100%;
    height: 34px;
    text-align: left
}

.select-sport-title-m>h2>b {
    font-weight: 400;
    padding: 0 0 0 10px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.select-sport-title-m>span {
    display: table-cell;
    text-align: right;
    font-size: 14px;
    line-height: 34px;
    padding: 0 10px;
    height: 100%;
    white-space: nowrap
}

.select-sport-title-m>span>b {
    position: relative;
    display: inline-block;
    font-weight: 400;
    transform: translateZ(0);
    vertical-align: top
}

.casino-wrapper {
    float: left;
    width: 100%;
    padding: 2px 0 0
}

.top-banner-container {
    float: left;
    width: 100%;
    background: #222e47;
    margin: 0 0 5px;
    position: relative
}

.top-banner-container>img {
    display: block;
    width: 100%
}

.game-play-button-view {
    position: absolute;
    right: 20px;
    bottom: 14px;
    display: block;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 15px;
    min-width: 120px;
    text-decoration: none;
    text-align: center;
    background: #d71082
}

.provider-menu {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: #2a354f;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: 40px;
    margin: 0 0 4px
}

.provider-menu::-webkit-scrollbar {
    display: none;
    width: 0
}

.provider-menu>ul {
    padding: 0
}

.provider-menu>ul>li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 40px;
    margin: 0 7px;
    text-transform: uppercase
}

.provider-menu>ul>li>p {
    text-decoration: none;
    padding: 0 8px;
    color: #637aa9
}

.provider-menu>ul>li>p.active {
    box-shadow: inset 0 -2px 0 #d71082;
    color: #fff
}

.casino-games-list-view {
    float: left;
    width: 100%;
    margin: 0
}

.single-game-type-list {
    float: left;
    width: 100%;
    background: #0d1425;
    padding: 0 0 8px
}

.title-game-type-box {
    float: left;
    width: 100%;
    height: 32px;
    border-bottom: 2px solid #aa8136;
    background: #182138;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 0 34px 0 10px;
    top: 98px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 555
}

.integration-view .title-game-type-box {
    top: 0
}

.title-game-type-box>p {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
    line-height: 30px;
    color: #637aa9
}

.arrow-view-open-box {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 34px;
    display: block;
    text-align: center;
    font: 20px/30px icomoon;
    color: #637aa9
}

.arrow-view-open-box:before {
    content: "\E670"
}

.title-game-type-box.active .arrow-view-open-box:before {
    content: "\E671"
}

.casino-games-list {
    float: left;
    width: 100%;
    font-size: 0;
    text-align: center;
    overflow: hidden;
    height: auto;
    max-height: 0
}

.title-game-type-box.active+.casino-games-list {
    max-height: 100000px
}

.single-casino-game-view {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 8px 4px
}

.casino-game-info-view {
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #b5c0d7;
    padding: 1px;
    box-shadow: inset 0 0 0 1px #222e47
}

.game-screen-view {
    float: left;
    width: 100%;
    display: block;
    background: #222e47;
    position: relative;
    overflow: hidden;
    padding: 0 0 70%
}

.game-screen-view:before {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -18px;
    font: 36px/36px icomoon;
    text-align: center;
    z-index: 11;
    color: #788bb8;
    content: "\E91A"
}

.game-screen-view>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    z-index: 22
}

.casino-game-title {
    float: left;
    width: 100%;
    padding: 0 26px 0 10px;
    height: 26px;
    position: relative
}

.casino-game-title>b {
    font-weight: inherit;
    width: 100%;
    display: block;
    color: #b5c0d7;
    font-size: 13px;
    line-height: 26px;
    text-align: left;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.favorite-game-star {
    position: absolute;
    font-style: normal;
    display: block;
    top: 0;
    right: 0;
    width: 22px;
    text-align: left;
    font: 14px/26px icomoon;
    color: #304262;
    transition: color .24s
}

.favorite-game-star:before {
    content: "\F005"
}

.favorite-game-star.active {
    color: #bf7d1f
}

.see-all-games {
    float: left;
    width: 100%;
    padding: 10px 15px
}

.see-all-games>.button-view-normal-m.trans-m {
    color: #c3953c;
    box-shadow: inset 0 0 0 1px #304262
}

@media screen and (min-width:400px) {
    .single-casino-game-view {
        width: 33.333%
    }
}

@media screen and (min-width:600px) {
    .single-casino-game-view {
        width: 25%
    }
}

.livecasino-wrapper {
    float: left;
    width: 100%;
    background: #0d1425
}

.l-casino-menu-view {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 4px;
    position: relative;
    overflow: hidden
}

.l-casino-provider-nav {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: #2a344f;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: 40px
}

.l-casino-provider-nav::-webkit-scrollbar {
    display: none;
    width: 0
}

.l-casino-provider-nav>ul {
    padding: 0
}

.l-casino-provider-nav>ul>li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 40px;
    margin: 0 7px;
    text-transform: uppercase
}

.l-casino-provider-nav>ul>li>p {
    text-decoration: none;
    padding: 0 8px;
    color: #637aa9
}

.l-casino-provider-nav>ul>li>p.active {
    box-shadow: inset 0 -2px 0 #d71082;
    color: #fff
}

.help-view-b {
    position: absolute;
    right: 0;
    z-index: 33;
    width: 48px;
    height: 40px;
    background: #2a344f;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06), 0 0 6px 1px #0a151d
}

.help-icon-view {
    float: left;
    width: 100%;
    font: 16px/40px icomoon;
    color: #637aa9;
    text-align: center
}

.help-view-b.active>.help-icon-view {
    color: #fff
}

.help-icon-view:before {
    content: "\E6EF"
}

.l-casino-list-container {
    float: left;
    width: 100%;
    padding: 10px 10px 0
}

.provider-title {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 10px
}

.provider-title:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -1px 0 0;
    background: #222e47
}

.provider-title>h2 {
    float: left;
    width: 100%;
    text-align: center;
    color: #637aa9;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 400
}

.provider-title>h2>span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: #0a151d;
    padding: 0 15px
}

.l-game-contain {
    float: left;
    width: 100%;
    padding: 0 5px
}

.single-l-game {
    float: left;
    width: 50%;
    padding: 5px 5px 15px
}

.mini-separator-l {
    float: left;
    width: 100%;
    border: 1px solid #222e47;
    background: #182138;
    margin: 0 0 10px
}

.screen-view-l-game {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 70%;
    overflow: hidden
}

.screen-view-l-game:before {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18px;
    margin-top: -18px;
    font: 36px/36px icomoon;
    text-align: center;
    z-index: 11;
    color: #788bb8;
    content: "\E91A"
}

.screen-view-l-game>img {
    display: block;
    width: 100%;
    position: absolute;
    z-index: 44
}

.title-single-game {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 31px;
    text-transform: uppercase;
    height: 30px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.l-game-contain.EZG .title-single-game {
    height: 42px;
    font-size: 12px;
    line-height: 18px;
    white-space: normal;
    padding-top: 4px;
    text-transform: none
}

.l-game-contain.EZG .screen-view-l-game {
    padding-bottom: 99%
}

@media screen and (min-width:600px) {
    .single-l-game {
        width: 25%
    }
}

.bread-crumbs-view-m {
    float: left;
    width: 100%;
    height: 38px;
    background: #1a7051;
    position: relative;
    text-align: left;
    padding: 0 10px 0 38px;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
}

.bread-crumbs-view-m>a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 38px;
    height: 38px;
    text-decoration: none
}

.back-arrow-crumbs {
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    font: 20px/38px icomoon;
    text-align: center;
    color: #b5c0d7;
    background: rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
}

.bread-crumbs-view-m.favorites {
    background: #c3953c
}

.back-arrow-crumbs:before {
    content: "\E66F"
}

.bread-crumbs-view-m>p {
    float: left;
    width: 100%;
    padding: 0 10px 0 12px;
    color: #b5c0d7;
    font-size: 14px;
    line-height: 38px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bread-crumbs-view-m.favorites .back-arrow-crumbs,
.bread-crumbs-view-m.favorites>p {
    color: #fff
}

.league-name-view-m {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15);
    height: 35px;
    background: #162035;
    padding: 0 10px;
    text-align: left
}

.league-name-view-m>h3 {
    float: left;
    width: 100%;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 35px;
    color: #637aa9
}

.bet-history-back-v {
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    font: 20px/40px icomoon;
    cursor: pointer;
    background: #304262;
    color: #fff
}

.bet-history-back-v:before {
    content: "\E66F"
}

.bet-details,
.bet-id-details {
    float: left;
    width: 100%
}

.bet-id-details {
    background: #182138;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 0 15px;
    margin: 0 0 1px
}

.bet-id-details>h2 {
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    color: #b5c0d7
}

.bet-id-details>h2>span {
    color: #637aa9;
    text-transform: uppercase
}

.bet-id-details>h2>i {
    font-style: normal
}

.bet-stake-odd-view {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 5px 15px;
    margin: 0 0 2px
}

.odd-stake-info-m {
    float: left;
    width: 100%;
    border-bottom: 1px solid #131724;
    padding: 0 0 5px
}

.bet-info-text-r {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    padding: 5px 0 0
}

.bet-info-text-r>i {
    font-style: normal;
    float: left
}

.bet-info-text-r>span {
    float: right;
    text-transform: uppercase
}

.bet-info-text-r>span>i {
    font-style: normal
}

.stake-count-m {
    color: #b5c0d7
}

.odd-count-m {
    color: #b6862e
}

.won-count-m {
    color: #1a7051
}

.bet-won-info-m {
    float: left;
    width: 100%;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 5px 0
}

.bet-won-info-m>.bet-info-text-r>i {
    text-transform: uppercase
}

.single-event-info-m {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 5px 15px;
    margin: 0 0 4px;
    min-height: 100px
}

.team-names-info-m {
    float: left;
    width: 100%;
    margin: 5px 0 0;
    padding: 0 25px 0 0;
    position: relative
}

.team-names-info-m>a {
    display: block;
    text-decoration: none
}

.team-names-info-m>a,
.team-names-info-m>a>ul {
    float: left;
    width: 100%
}

.team-names-info-m>a>ul>li {
    float: left;
    width: 100%;
    margin: 3px 0 0
}

.team-info-name {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
    line-height: 16px;
    color: #b5c0d7
}

.event-status-icon {
    width: 24px;
    height: 38px;
    font: 20px/38px icomoon;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    color: #637aa9
}

.won-icon:before {
    content: "\E6EC";
    color: #1a7051
}

.lost-icon:before {
    content: "\E6EB";
    color: #e9044a
}

.waiting-icon:before {
    content: "\E705"
}

.returned-icon:before {
    content: "\E704"
}

.sport-league-n-date {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #0d1629;
    padding: 8px 0 10px 22px
}

.sport-league-n-date>p {
    float: left;
    width: 100%;
    display: table;
    font-size: 12px;
    line-height: 14px;
    color: #637aa9
}

.single-event-info-m>.sport-league-n-date>.dashboard-sport-icon-m {
    box-shadow: none;
    width: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: left;
    left: 0;
    padding: 0
}

.league-name-event {
    display: table-cell;
    vertical-align: top;
    position: relative;
    text-align: left;
    width: 100%
}

.league-name-event>i {
    font-style: normal;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px 0 0;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.date-event-view {
    display: table-cell;
    vertical-align: top;
    text-align: right
}

.date-event-view>b {
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap
}

.market-n-pick-info {
    float: left;
    width: 100%;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 5px 0
}

.market-n-pick-info>h4 {
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #637aa9;
    padding: 2px 0
}

.market-n-pick-info>p {
    float: left;
    width: 100%;
    display: table
}

.pick-title-info-m {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px 0 0;
    font-size: 13px;
    line-height: 16px;
    color: #637aa9
}

.pick-title-info-m>i {
    font-style: normal;
    color: #b5c0d7
}

.pick-title-info-m>b {
    font-weight: 400
}

.odd-info-game {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    font-size: 14px;
    line-height: 16px;
    color: #b6862e
}

.bet-coupon-view,
.open-bets {
    float: left;
    width: 100%
}

.bet-coupon-view {
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 15px 10px;
    margin: 0 0 4px
}

.bet-coupon-view.bonus {
    background: #2b3553
}

.top-row-info-bet {
    float: left;
    width: 100%;
    padding: 0 0 15px;
    border-bottom: 1px solid #0d1629
}

.link-bet-all-info {
    float: left;
    width: 100%;
    display: block;
    text-decoration: none;
    position: relative;
    padding: 0 15px 0 30px;
    height: 30px
}

.bet-kind {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 100%;
    font: 22px/32px icomoon;
    color: #637aa9
}

.multiple:before {
    content: "\E6FE"
}

.single:before {
    content: "\E701"
}

.chain:before {
    content: "\E6FD"
}

.system:before {
    content: "\E700"
}

.arrow-view-bet-info {
    position: absolute;
    width: 15px;
    top: 0;
    right: -5px;
    font: 18px/32px icomoon;
    color: #637aa9;
    text-align: right
}

.arrow-view-bet-info:before {
    content: "\E672"
}

.additional-information-bet {
    float: left;
    width: 100%
}

.additional-information-bet>i {
    font-style: normal;
    float: left;
    font-size: 12px;
    line-height: 14px;
    color: #b5c0d7;
    position: relative;
    padding: 0 20px 0 0
}

.super .additional-information-bet>i:before {
    color: #ffc353;
    content: "y";
    font: 14px/14px icomoon;
    position: absolute;
    right: 0;
    top: 0
}

.bonus .additional-information-bet>i:before {
    color: #ffc353;
    content: "a";
    font: 14px/14px icomoon;
    position: absolute;
    right: 0;
    top: 0
}

.status-bet-coupon {
    float: right;
    text-transform: uppercase;
    padding: 0 0 0 16px;
    font-size: 12px;
    line-height: 14px;
    position: relative
}

.status-bet-coupon:before {
    position: absolute;
    top: 0;
    left: 0;
    font: 12px/14px icomoon;
    text-align: left
}

.unsettled {
    color: #1a7051
}

.unsetteled {
    color: #b6862e
}

.won {
    color: #1a7051
}

.lost {
    color: #e9044a
}

.won:before {
    content: "T"
}

.lost:before {
    content: "\E90C";
    font-size: 10px
}

.date-id-info-bet {
    float: left;
    width: 100%;
    margin: 4px 0 0
}

.id-info-view {
    float: left;
    display: block;
    color: #637aa9;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase
}

.id-info-view>b {
    font-weight: 400;
    color: #b5c0d7;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 2px
}

.date-id-info-bet>i {
    float: right;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #637aa9;
    font-style: normal
}

.stake-odd-view-box {
    float: left;
    width: 100%;
    border-top: 1px solid #304262;
    border-bottom: 1px solid #0c1325;
    padding: 3px 0 5px
}

.stake-container {
    float: left;
    width: 100%;
    padding: 5px 0
}

.stake-container>b {
    float: left;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #637aa9
}

.stake-container>span {
    float: right;
    color: #b5c0d7;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase
}

.stake-container>span>i {
    font-style: normal
}

.stake-container.odd>span {
    color: #b6862e
}

.possible-win-coupon {
    float: left;
    width: 100%;
    border-top: 1px solid #304262;
    padding: 8px 0 0
}

.possible-win-coupon>p {
    float: left;
    font-size: 13px;
    line-height: 16px;
    color: #637aa9
}

.possible-win-coupon>span,
.win-b-result {
    float: right;
    color: #1a7051;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase
}

.possible-win-coupon>span>i,
.win-b-result>i {
    font-style: normal
}

.bonus-amount {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 18px;
    font-weight: 400;
    color: #ffc353
}

.bonus-amount:before {
    position: absolute;
    left: 2px;
    top: 0;
    content: "a";
    font: 10px/14px icomoon;
    text-transform: none
}

.cash-out-button {
    float: left;
    width: 100%;
    padding: 10px 0 0
}

.cash-out-button>.button-view-normal-m {
    padding: 0 15px
}

.cash-out-button>.button-view-normal-m>i {
    float: left;
    font-style: normal;
    color: #b5c0d7
}

.cash-out-button>.button-view-normal-m>b {
    float: right;
    font-weight: 400;
    color: #b5c0d7
}

.cash-out-button>.button-view-normal-m>b>i {
    font-style: normal
}

p.no-bets {
    float: left;
    width: 100%;
    margin: 5px 0 0;
    padding: 10px;
    color: #637aa9;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.game-view-wrapper {
    float: left;
    width: 100%;
    margin: 0
}

.game-view-wrapper:before {
    display: none
}

.markets-list-wrapper {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 2px
}

.market-group-title-m {
    float: left;
    width: 100%;
    height: 38px;
    background: #1e2941;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 0 38px 0 12px;
    position: relative
}

.market-group-title-m>h3 {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #637aa9;
    font-size: 13px;
    line-height: 38px;
    font-weight: 400
}

.markets-closed-open-arrow-m {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    font: 20px/38px icomoon;
    color: #304262;
    text-align: center
}

.markets-closed-open-arrow-m:before {
    content: "\E670"
}

.single-market-title-m.active>.markets-closed-open-arrow-m:before {
    content: "\E671"
}

.market-group-title-m>.markets-closed-open-arrow-m {
    color: #637aa9;
    font-size: 16px;
    line-height: 38px
}

.market-group-title-m>.markets-closed-open-arrow-m:before {
    content: "\E937"
}

.market-group-title-m.active>.markets-closed-open-arrow-m:before {
    content: "\E938"
}

.all-markets-view-m {
    float: left;
    width: 100%;
    border-left: 2px solid #1e2941;
    border-right: 2px solid #1e2941;
    box-shadow: inset 0 -2px 0 #1e2941;
    padding: 5px 5px 7px
}

.singe-market-view-m {
    float: left;
    width: 100%;
    margin: 0 0 2px;
    overflow: hidden;
    height: auto
}

.singe-market-view-m.active {
    max-height: 99999px
}

.coefficient-game-view {
    overflow: hidden;
    height: auto;
    max-height: 0
}

.single-market-title-m.active+.coefficient-game-view {
    height: auto;
    max-height: 99999px;
    animation: open-animate-market .18s ease-in-out
}

@keyframes open-animate-market {
    0% {
        max-height: 0
    }
    to {
        max-height: 500px
    }
}

@keyframes closed-open-animate-market {
    0% {
        max-height: 500px
    }
    to {
        max-height: 0
    }
}

.singe-market-view-m:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.singe-market-view-m:last-child {
    margin: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.singe-market-view-m:last-child>.single-market-title-m {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden
}

.singe-market-view-m:last-child>.single-market-title-m.active {
    border-radius: 0;
    overflow: inherit
}

.single-market-title-m {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: 36px;
    padding: 0 30px 0 46px;
    position: relative;
    margin: 0
}

.single-market-title-m>.markets-closed-open-arrow-m {
    line-height: 36px;
    width: 30px;
    color: #637aa9
}

.single-market-title-m>.fav-star-m {
    height: 36px;
    width: 36px;
    line-height: 36px
}

.single-market-title-m>h4 {
    float: left;
    width: 100%;
    display: table;
    height: 36px;
    font-weight: 400;
    color: #b5c0d7;
    font-size: 12px;
    line-height: 36px
}

.name-market-contain-cell-m {
    display: table-cell;
    vertical-align: top;
    position: relative;
    width: 100%
}

.name-market-contain-cell-m>i {
    font-style: normal;
    position: absolute;
    left: 0;
    top: 0;
    color: #b5c0d7;
    font-size: 12px;
    line-height: 36px;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.market-icons-cell-m {
    display: table-cell;
    vertical-align: top;
    white-space: nowrap
}

.market-icons-cell-m>i {
    font-style: normal;
    line-height: 36px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 5px
}

.chain-icon-view-m:before {
    content: "\E800"
}

.cash-out-icon-view-m:before,
.chain-icon-view-m:before {
    font: 13px/30px icomoon;
    color: #9fa948;
    padding: 0 4px 0 0;
    position: relative;
    top: 1px
}

.cash-out-icon-view-m:before {
    content: "\E801"
}

.game-is-neutral {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    font: 11px/20px icomoon
}

.game-is-neutral:before {
    content: "\E959"
}

.game-view-title-contain-m {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06)
}

.game-date-row-m {
    float: left;
    width: 100%;
    height: 27px;
    border-bottom: 1px solid #1e2941;
    padding: 0 10px;
    color: #637aa9;
    font-size: 11px;
    line-height: 26px;
    position: relative
}

.game-date-row-m>p {
    float: left
}

.game-date-row-m>span {
    float: right
}

.statistic-icon-view-m {
    display: block;
    position: absolute;
    left: 50%;
    top: 27px;
    vertical-align: top;
    width: 40px;
    height: 21px;
    padding: 1px 0 0;
    background: #1e2941;
    margin: 0 0 0 -20px;
    text-align: center
}

.statistic-icon-view-m:after,
.statistic-icon-view-m:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 3px 0;
    border-color: #1e2941 transparent transparent
}

.statistic-icon-view-m:after {
    left: auto;
    right: -3px
}

.statistic-icon-m-v {
    display: inline-block;
    vertical-align: top;
    font: 16px/18px icomoon;
    color: #b5c0d7
}

.statistic-icon-m-v:before {
    content: "\E681"
}

.teams-name-shirt-color {
    float: left;
    width: 100%;
    padding: 20px 10px 16px
}

.single-team .teams-name-shirt-color {
    padding: 10px 10px 12px
}

.teams-name-shirt-color>ul {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed
}

.teams-name-shirt-color>ul>li {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #b5c0d7;
    text-align: left
}

.teams-name-shirt-color>ul>li.vs-contain-m {
    width: 40px;
    color: #637aa9;
    text-align: center
}

.teams-name-shirt-color>ul>li:first-child {
    text-align: right;
    padding: 0 40px 0 0
}

.teams-name-shirt-color>ul>li:last-child {
    padding: 0 0 0 40px
}

.single-team .teams-name-shirt-color>ul>li {
    padding: 0;
    width: 100%;
    text-align: center
}

.teams-name-shirt-color>ul>li.team-names-b-m>p {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.game-view-additional-info-m {
    float: left;
    width: 100%;
    padding: 0
}

.game-view-additional-info-m>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: #637aa9;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.shirt-box-m {
    position: absolute;
    width: 20px;
    height: 18px;
    right: 8px;
    top: 0;
    color: #b31b1b;
    font: 16px/18px icomoon;
    text-align: center
}

.shirt-box-m:before {
    content: "\E911"
}

.teams-name-shirt-color>ul>li:last-child>.shirt-box-m {
    right: auto;
    left: 8px;
    color: #1c98ef
}

.game-score-info-l-game {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: 24px;
    margin: 0
}

.game-score-info-l-game>ul {
    float: left;
    display: table;
    width: 100%;
    table-layout: fixed
}

.game-score-info-l-game>ul>li {
    display: table-cell;
    vertical-align: top
}

.team-name-live-game {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    line-height: 24px;
    color: #b5c0d7;
    text-transform: uppercase;
    padding: 0 2px 0 5px;
    text-align: left
}

.game-score-info-l-game>ul>li:first-child>.team-name-live-game {
    text-align: right;
    padding: 0 5px 0 2px
}

.game-score-column {
    width: 78px;
    position: relative;
    padding: 0 8px;
    z-index: 20
}

.game-score-column:after,
.game-score-column:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 8px 0;
    border-color: #1e2941 transparent transparent;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11
}

.game-score-column:after {
    left: auto;
    right: 0;
    top: 0
}

.live-score-view {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
    height: 30px;
    background: #1e2941;
    position: relative;
    z-index: 33;
    padding: 0 2px
}

.live-score-view>span {
    display: table-cell;
    vertical-align: top;
    color: #c3953c;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px
}

.score-1-view {
    text-align: right
}

.icon-between-score {
    width: 12px;
    text-align: center
}

.icon-between-score:before {
    content: "-"
}

.score-2-view {
    text-align: left
}

.is_neutral_venue {
    position: absolute;
    left: 5px;
    color: hsla(0, 0%, 100%, .7);
    text-align: center;
    font: 15px/26px icomoon
}

.is_neutral_venue:before {
    content: "\E959"
}

.game-animation-container {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcMAAADTBAMAAAAPCWXCAAAAFVBMVEUJCQkeHh4uLi48PDxJSUlWVlZlZWU/GU8FAAAAB3RSTlMzMzMzMzMzJ4jqYgAADxxJREFUeNrkXMuS5EQMTKnce06pPJylci/nKnuWs92z3Lt53Hn+/y8QAUQAwfuxMD38ga2qkjJTKcE3Shj3xMSbaGSKwW+vhpi9yjkpyBIF6OzhU1KGpzzOrVlqRNStVDmAjRJftPRrk2Egr9JHeFuAdRcPCT5M7VQE2LpXpHdxnAUCreFJtrgM6AWtph9DYFl9V1u2wzvrGRy5s1SE3nzoYtqEXAyYh05mXZZYJFhzRi1KU3sytXp0tBje21p11GihDFURhKi8t1umk1DUTpKyxHZF7hzbyF5hthS0zLIjeRsRnOt1fm3WGnPy6i5C69pvVUynw7Juy00ftMM19/RztUSny6JHtS8eNTav8sRDXSPb126BRUKEYy3ykajqw1zXOdNtWvStCdkaTUMVSZyBEhT/MmFLOXyVNAQqlpN1Y7w1t219w7wukGizWjuGs4iE97ON95a9lZF9HhMzmvr7t3Rod9BKjf4QjMjbseXFLXnp54Mm2lLYEKEG3YFVYO+vFO+PtoQbtVIMpB3qNWa4ANajZQ4L9WKCebfQPUUe1Sqf3LGtFGHRVLQFrWI1YR+pwmi+tPXyhmUIHEsHRFCsizyWD0X0jRWva5UjCwSxpZaQCz4CwisThedesDc0q/3aHlgd6kwz5iPU0w+qNFheGAXXL6XJIaC4lM8e8eAFJph7qC4poWeaU0QYNcm+xnxz3/VDdEWLDnNg9qNHemPxm2mOSLDvWAXrl9vrnLM2MaS4aT/XdekWPU6uhzh0K8TQJ/RJQ9O2k+ZNRiBTzUzrjmx2NoSH+JyKfnrVPWZSYMEPyi636ELKkyLaSkc7xBKkqawmpTT50PKM87UgtBWIBeQ4V1VrifHa2KorpUwowfL+tn5kF1vDqLTkosfWNvGiuMWZFlj6kLVh+dBlAAWSmqSJvy82udTrVCoL5qq2HZoHAcrZW01dqsgShUBwfRzayxj47GPh2e3mjvN2lfPo3BoHdS+CsAwBJQvXIp9uo5ET2ELKslpl4ap1nQwMk6g63OON2NvQeM8jIatFiCrstTwZxCTnvirci5HEqGDdH6/kcuPILfvs7KCWlbFijlNAJYf+3jm5QJKPYpmbsSATYMjjZjqx6C5psnHZ7jYUhCqKkm1w02glr1x7o9A6UAaCanm4JdaOCjmOD05rw3y2YAJFYrK8aYidjiXA2U7sloEQf3plqzEmt/AwAIImaIGThaZrVrHKvsgxmh6wqqGrZDtXWXVoLVaHcojIeKieEaCppa26ogirjYlCplbVysvZ/DFFGuaOKQDds8t7AlxoFSyriLsiIqgmGM2x019tl+749r2dwxF4TXS4Y1Y5OMVs3qKuD0+akjC4sNL0Eutg2yKr21XXFBgSg+5kreJe7IZKU+EMnDCNxWuhN0EcwFOGLWIl8eH8YFpUyLCIaLthnGybUlyjjEWT874wlF7mgdKjI3YIBRUyzUB4QIYwTHbgiicf2Ye0oE7EtLp4N66cbseN0cNExVX1LCy81X6hRcPmvZm81aFIifFEbFqgE2CgdPDYodK6WFl8l+hNijdi1OBnTaY6JMBpTNEwwlR7SIjvk0Ot3hJvP+yhWFv068BV8nXXYYm2uUYWqnbMaWgJG/nZWsktF0hQuuYO1AwSMnBDLS8RB3yGfyWSKl21HhB1706XAy2fVgrsuMVs3coQukOOrHtqBXX3B7SpaDHkMuBikxLHiWzqNMprfkkzfmEXA5UrOooUlbgYqjXW49LSGUCnijsocI4S/eHjzVOwizZw3dIGRonc4qCo0KUvlq1cbb6gyedNiZquYIT4dR6E0e2pREjGsP8cWhB/uII6DfNDwokpxbpgC1pGqKogyeIZk0h8+bhInLzA9CKh0BsKJEP2mA0XOaw12fKT3ugUSpgM4bmVxXRZ1UY+YGmkUFlMMkVGt4zxwL+SOALGI+wN9jHQ5ehZH9lmg6RQjo8oee9JN9DjWoAoXT2KHQoUBWOSFLWlAsCAqQeU2TTV+lmai8cpR0SpZmiN1oyCiLStFZFDzzrD8hS0j4batFAWvPGWTdo1ZESVZbFRY7E2GVaTt0QzPE5YArQcQxAicjFcQlKUwB7XVVZIPaeIyhooANyhlkVoXT9wrNRZAFkXDuqUwH8LkWsLfbxFJdDhbCZCa5/9o1cLMufeFXkpb80JIXqgF0AsY4pyWguifWSCwUNCXkvHl6rn8GUhgVlWE1Vxl3x88DHOxtvkAxBcVNZ9Nwkc/x2IAp5vzf6HKg1wr6DlDwcAeCbcXMWk50fo0yNz1B2+2kkKfM+WUpoIb3F+IyJY2PCVvErZ05P6JKJvkYqwiqrckF0yCLeymzvxr0pFjw8aAmPqKkUO0QKbl3V5e+7dLnNB6ByPhyVgKIqCDpg7LugfR1d9nWSxiQ6/Vrzq0S7S1iGA7DXJCMvwetyW6oedeCwE3MYZ6dujLSLrLsVnweiK17awDbYw0UHIE+OwCl+1u8hqu/SewpwH0x7rcW2gmHIJ9pmMLnbZ2uPlqfzHGQ3POfycIup5EjomRqCn6GKlN431QcqiCZMKYKMK0mdLZ1kgHfNcP/u4hVwOIi6MXF0EqDxR+tqKLbpkX2zVhlREkAqGfSXulgKEbCIi8LW8gc5S6uZVupj3rs35CLVTdRU53sjlZt5SeeTIoMm/rPl1PHvWLrLIUDLPMnVlQhRybGmt1uwCBciPZeXho45oxWaZYGqXMjp7Es9NavlBdfqH1EHgeRSvd8ATm6psfXTieVL1n0j2OWAUkZmZq+wShFTV5tUcGYOUt+I4K1n3tDGNjLIlaOiNgT76TJQBf9WavdaoRpETanFpraOcYQ0ucr3EtRNlk+xqCyx0J4hcpZlomxbiHJqrnSspz6YYXXH36KUOQ1cnRFGfBuNAP8ONdeg24PszLdf/IAEhXoyA8askAn8RM7goge44/IENxk98hcjBWxF3KOzcP69piiNdmhAANagNuDmaRbNuNor2uXqcKdYblnBvR6+xMPuwjVlIVruN5goRpluNJdBNRuUBE2X2yDG1w5YL6SFPwAXAWSvsM5J49gDs7waTuN9U+QcTAdGlZ+la4S+2R/VlXCPCMmSgfpwJZxHN5t5DijtaTD5amYaJ50cki57QodiQDWNmAD1EsTuZPjqAQmE2INWjMavunmENH1VXjGHUluJpoKpaXaNzZttzF+dHIg8Lk5cB7+XWmoe/VlSX7uuoturwOFiS8wFNln3XFSJeK6kg5+TU4GQCk56AZ9A7WmBcxxleNDhaotgqrzR4bHQInnjRKC6MReGwM45A2hvn9PZjRZTWyqnwBPePsZhTlxFNORALZMdzKmHvhNIALwut/UIK4guuFt+X3v5i9ItfDcj1uSf8v8+UgTsBmn9DrcY75qPaumYvSSvFGaaabV3Oyw0bKaEbwlj1IQqeDq32CFmSV3Y5qzdyDdrJ9elKUofGq51fcFZrhnMnz7syVOw3AEzcpyHqz7Ah4I7kwr/WhiDukgL+qZeJzEXBkaENx+LRn4zWHlLkhTSQiTtKHH+N+QDPs17/g9oB8YLP7zsgQ/xR2lWiBmy9kIzagA5IBtLZTSqWz6MkcidQ2yj2fNpBgTtwPv9NWwf++zC/4zIK3LO97Y/dH9ynWnExaqNUf6/kkLJ6hwsq2oyoiHwkmLlIShAvnPP7Enj3YZypbd4SlPnB5ajCjSYZmN0eldkFZ8mrxt5jUP/xCSc8qwT/LjIPEIP6okfDgLsXEX/XF/F/cPj/jmFV9d5HAIgX9Op+RSbFs9de/rYMgRfdsrkYNfBCBJrfyF144bd0acRdemmOlivb6PQVA1ApyxMXbJWvTt30yAfL0Kc38KcKvBgL0a/9Np/pd/3ScUhZsxjOf3bK6y6R9Z+SxgP/Pdl51+gBL1nq/7aSBO70+v2J/Ijnebn+yQEQ3MUM4t9BgjteyJaJX4dMwEt33Dpx37PQf0As3v8PZs0X2XD7sXMo8F8OivwrAxQdYi/cdPu/2Fp0N162vxrdwN3ooX91ziqQL9BI/JMeAHA/M8F/MbDE73gG7n/LCPGcFu+9Ew0JeKEk8Qeb9447lSv+eNOu497Fp989et7Rt/7FbQqBl1MAf2U5QOC5O9j+djUC7rsi/JGuAl4SVvvFqwo8H9LzjvqOz0ssezfHjDt6VH+xVYdnlwH/aTxO/Oy3X9weym/KO7ucyIEYCH+TvYAZ9gAd7YrnhhNE4gJz/9MAEQwCJpn8uEXZc4MoSdvlqnJ16i2U0RVmCPLXvlDDyNfqv1clMoik8+9azq3u7zwgwlS7K/rqJhaKlE5NI3oqq5n4TJ4bYQeIxVwaEUwXu6o6rEyZiVedjExxGhfXcwvS604exOaAiku9GfiBpNrwJwllmRjTy3xBIWOY5lcVN5G3dgrWE0d/2dq+0JvSnW3+A2nLzAcmJX3azaMRv/FdUV8qEpN5Sy6sIPjefYdWSEtonIs5IvRDu4z0Shh38FZEaAj5f9uUaBAmeX1s6xCkgW9/syDf1/YWdyN+vPux3lt/6I6DPdN3hhVea/XdsX98uscoZNs8+VEvCwkSUOffDvyMKE9GHhtxgNjGqRpCQus1ehAEu29oPVCEJMrFdNcC7U/ggNULqo4gN45ruIW1sOgi8FV1y8jML47jCWTYpZ2dpWHS75gmBQ+5PuY9fRkJ7sn8+/z/4XT4U/tu9PF3d6/qlpk9lfJWCw05IsKb4gEdHbAVGOStnaSeGdGTPL33BkDuAjPvL10I0b53qWboLVZ4Aw2EJz0nnw65biK8cJAh2my02vlX0F7p8iAfVBu2n5o0kBugHuxoMQekNfJUJZWj7zKSjz7TX6XsIFRx3MLMGgE73brFAiPrzZJnZhGUn86F94QsUHQSjFQUPPiNk9QUCSVf0JGywnw5w5Xg2QsLcAuJAfi74k2SAzeN8ust2Pwyjxjjr1bQsjo1YNMNHaTViqImtsFtyVdXqHltmY2KSiJdM8UYAm3MbkPraD+eR7ge/H5ecmtfFqF63BZZohIAZe6ruKCnXHtLHqpJin4n1VCY6Jp6mEHsr/Kf1wYyFM15uYLg2VkLPL1k+E6zslIhc7sYHwKy5qOcqY4TssvqbiQ0oVMJFjUC4i5gLJReQfwTONR49MyVznuTJ/TKg7NGBf2/Lnd2eHkBQ7u3vp/48MwAAAAASUVORK5CYII=);
    background-repeat: repeat;
    background-position: 50% 0;
    position: relative;
    padding: 0
}

.Soccer>.game-animation-container {
    background-color: #4b8029
}

.Tennis>.game-animation-container {
    background-color: #375ca1
}

.Basketball>.game-animation-container {
    background-color: #d79733
}

.Volleyball>.game-animation-container {
    background-color: #e5e795
}

.playing-field-contain {
    float: left;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 11;
    overflow: hidden
}

.field-container {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

.game-control {
    margin: 0;
    font-size: 14px
}

.game-control:before {
    display: none
}

.game-control .scoreboard {
    overflow: hidden;
    padding: .5em 0
}

.game-control .scoreboard .team1,
.game-control .scoreboard .team2 {
    float: left;
    width: 50%;
    line-height: 2.2em;
    font-size: 1.2em
}

.game-control .scoreboard .name {
    width: calc(100% - 2em);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.game-control .scoreboard .score {
    width: 1.5em;
    height: 2.2em;
    background: #ccc;
    text-align: center
}

.game-control .scoreboard .team1 .name {
    text-align: left
}

.game-control .scoreboard .team1 .score {
    float: right;
    margin-right: .25em
}

.game-control .scoreboard .team2 .name {
    text-align: right
}

.game-control .scoreboard .team2 .score {
    float: left;
    margin-left: .25em
}

.game-control .scoreboard .details {
    text-align: center
}

.game-control .GoalKick>p,
.game-control .Period>p,
.game-control .ShotOffTarget>p {
    width: 100%;
    text-align: center
}

.game-control .statistics-toggle {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    height: 57px
}

.right-block-flash-soccer .game-control .statistics-toggle {
    margin: 2px -5px 0
}

.game-control .statistics-toggle button {
    display: block;
    width: 40px;
    height: 20px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0 none;
    position: relative;
    top: 1px;
    cursor: pointer
}

.game-control .statistics-toggle button:focus {
    outline: none
}

.game-control .statistics-toggle button:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 13px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #666 transparent transparent
}

.game-control .game-statistics {
    overflow: hidden;
    margin: 0 .3em
}

.game-control .game-statistics.hidden {
    display: none
}

.game-control .game-statistics li {
    float: left;
    width: 31.33333%;
    margin: .3em 0;
    margin-right: 2.9%
}

.game-control .game-statistics li:nth-child(3n) {
    margin-right: 0
}

.game-control .game-statistics li .title {
    margin-bottom: .3em;
    font-size: 8px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.game-control .game-statistics li .stat-l,
.game-control .game-statistics li .stat-r {
    float: left;
    width: 12%;
    font-size: 9px;
    line-height: .5em
}

.game-control .game-statistics li .stat-r {
    text-align: right
}

.game-control .game-statistics li .team-2 {
    float: left;
    width: 76%;
    height: .3em;
    background: red;
    box-shadow: 0 0 3px #757575
}

.game-control .game-statistics li .team-2 .team-1 {
    width: 50%;
    height: .3em;
    background: #ccc
}

.game-control .game-statistics li.persent .team-2 {
    background: transparent;
    position: relative
}

.game-control .game-statistics li.persent .team-2 .team-1 {
    width: 0;
    float: left
}

.game-control .game-statistics li.persent .team-2 .t2-persent {
    float: right;
    height: .3em
}

.game-control .game-statistics li.persent .team-2 .sep {
    position: absolute;
    left: 50%;
    height: .3em;
    width: 1px;
    background: hsla(0, 0%, 100%, .3)
}

.game-control .field-container .game-team-names {
    overflow: hidden;
    margin: 0 10px
}

.game-control .field-container .game-team-names li {
    float: left;
    width: 48%;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff
}

.game-control .field-container .game-team-names li:last-child {
    text-align: right;
    float: right
}

.game-control .field-container .field {
    position: relative;
    margin: 20px auto 15px;
    width: 100%;
    height: 100%;
    padding: 0 0 27.6%;
    background: url(/./sportodds/images/soccer-field_33d6e95c0e456244ff6bf43d0c4c093b.png) no-repeat 50%;
    background-size: contain
}

.game-control .field-container .field img {
    width: 100%
}

.game-control .field-container .field .gate-l {
    position: absolute;
    left: 4.2%;
    width: 12%;
    height: 62%;
    top: -6%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAB7CAYAAADe6GY+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQjQxMkYyOTJGNkYxMUU0QkU4NkFFRENDODlFREE1MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQjQxMkYyQTJGNkYxMUU0QkU4NkFFRENDODlFREE1MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFCNDEyRjI3MkY2RjExRTRCRTg2QUVEQ0M4OUVEQTUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCNDEyRjI4MkY2RjExRTRCRTg2QUVEQ0M4OUVEQTUyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+n3FaxQAACe5JREFUeNrcXWlvGzcQHa2kWJLP+IjvI0GLnmgCtEHbFGmbtp/7m/ut34O2QBA0iBvHietbtuRD8qok/Ggxm90VySVXyxIYeLHWWuLjzOOb2dG61Ov1yOPxIbNfc3y/ZuAxWGVmj3N8P+5ZWxWPAfua2SSzDrNtZm1H7zPF7BazLrOWr4BNMHvIrMTsjNmlo/epAyz+9//lJ3wNySfMqvCuS6y+K8D4+IdZ6Ctgq8w+AKe0AJqLMc6MR+AJswPBY74BFsC7+LhgduUIsDK8iy/KJkKfjyvfALvPbE4QMM65CMcx/NxldhpdMV9GjdkjHJ9Ln922h43AuPe+inNxX8b3AE2QfCiZzdHAz1cxixH6AtgdZp/hWOit0IF3jWL35e+xI50v+QbYT4iGrQhn2eSvQJIRmyB88jEkP2W2jFU/iay4TcE6Bjz2mR2noVrkUZXyxU1pUrY97Bb4MYRITcKp8CH5CCDtA7A6xKRt/SWIfhv6LmkUGrBpZg9w/DcIWYSjTcJvwMMuANhAoivq+BHexCexJ4lJm+FYihB96Ctg95jdxar/KW35MuHb8LAxpEHHUr6YBGxhU6MyZISoEnSkyVXBXzYEa1XKF1/qaI+iDV7nmsSKP8e5CnhGlHRseJfw2Ld0XVPzErAxAEaRVR+T1L0N/qphAToQwypcV8jyzg+YyA5WPuoNgSXBWpfyxSsNwArFYUvMPsLxs8jvxgFWyYKHjSO0WyjfaOdPRRk/AxAeIqcpWikLf5Ul73qZlC/6ANgDVCR4rvg08rsRkH4FnpUFMLkweKKp1wqj9DkBfyuJx6RJZhWsqYVBxVEIwL5DyO0lJL6NSDSYepgIxa0sm8awAZth9gWOnw8g6W4GwToKDjyL7L7eAfYL9QuDhym8w8P23NC7lAqDijgNVVZ8zGyFrguDfwwouwTwLBP+EjU0viBHGT/z0IQr3/EeS/liOCB9IUPBWqV+YXDTxgcfFmDf0HV/BC8MvlDwDtMdUgD+BiHtJWC8G+ZLHL9QmHDNULDKjSSvLeHUHQZgTxCSbwakJgE4bAST1gWsIRG9tXuXeQPGi4L3AMBfihMmA8IfRxrURNiTj4DJjSSvKP1mg6zwdSusFTIoDBZxl/yK2W1s788U5YBJhVUQ/Q7Z60rMvbzDw+thSr6YNPE61Lmqd9XAeV1SKwwWNiRFIwlve9xWeH0ZExe7nCp/yYXBrq+ALTD7BMfPFK8ZMxCsIudsY2FsjlxL1HIjyYlGOOoIVjlffGmYLxaCwz5ntkjXFdSnmrJAR7AKj9yDlHC61bsatyL5ou4moUr4opHkyuB9CgWYKAzua+qhEXBRGaHYVQCXkP646te/KVG7+mIDLwzexzG/IbukcS2/iTtL180oIYAbpMF4Yv2W3A9nJeqfMFHuXS2DCkNFU7BazRfzDknuGWsIj22D6xsGFYrDPPM722MDP09J7a5y3I43AsK/omKMmxJ1xSFgWwYeVoc0qKD0c5hC+pyI5/IKRVceVpYIftfgel3BSg5Eaq6ALSKcmgrlm6RwNK2w5jGsp0Z3JSlBhh6mW6HIYzhLjdakFMXkQ4kavsvvQBYmJHko3snAXw0JOJUu6ZtV9xWwDfy9PUMiFhXWLC0BrkMytA3Y/5G/nAG2moG/hIfVkRcWkr9shiS/uTEBPjHpXyhTvx5/oVh1uFl1HwHbwAR2Da9v4LP0NARrnoBZlxXrGcNRt8LqtXANpHTIFLBRib+KDBjZSL4XMVlenWgbAi4IvwlPq0VyxV5M3iiu4/w3lfDaXkzYhjF5qMprrQEm5MRhhnBuICzb+Jk0Gfl8RbpmYQC4ceeTXpsGqJXyThb+aqBEw3/+FiH7SsxxSSLgGnZnfutuW/p9WToOpOtL0o4sPFScq0rH8vtWpb/FFUAvK2B16tekTABbxcQPYqTEZcKxGBfU79DZyYG+rDysaBUr0jQg6xnqP2oqjxsYWUYHGUhmwEQ4mvRgzcNDdwy1VJ7Jd9OGcC1J6ZCuYF1GZmAKdp6DL0jLBmCTsK7mDllGGYgT/WvKucRsME7kz5gFMFHO2dec9LokUk8LDlZIkQaaLICZ8BcXmrPYGV9T8Ucryq+mgFWg8HUBW8GueETZ+yACjUTdKG+kmE4gU8AEB12Ses/XLIj+Vk66Ketoxy2GKWAm5Zx5hKKpjMh7NNPcWnfo3h3aoH7T26EHYJ0nUYYJYA2E1xWp1e9HpBDetigjSjGJs1PvMgVsCSCcktoDMlbwPmek3/qkuvXbHJdp8zIBTKecM4mcsU5mrU+F4S5TwAJ4jGo6tAgJckQFr6RKEqVtE7Ap6j8we9DdoXnIiCrZ75vPJQ2yAdiKRjnnDrjOlYywLVxDlVRNF7ANRXV/F7siX61jT7zrlCw/cI0r9AUF/cXF6Ry8640nYPVI8QsROoDx3W4U2+6xooxoewJYixQLkYFmOA7qzuE3JaZz9q4wL+/SBWxNgb/4zliGRnNdOral9LVuHqsCNgbPSauuLkJGlMn8DnjhhKopYAtQ692ErbcEGVEl84a6YYwL0nyeRaARjqUUAboB3go9khHa3qUKGA+x5ZR0SNy9zvv+YtbbbB2TXVwFMDkdiluRZXz4Nll6XEuOaRC5AGwZ4XYSU/aYhpTwKV8UXnnqCjAhJw4SZESARPzKM+/quQCsBlDCGMB4IVE8LvRgCJM21WE903BUAWwWGqwT2f3KkkjdHZKMMH2mq1KSbQqYKOccR9TwGvWfC33qUShqpUG6gJUS0qFRyIgymXdND2u0KWP9LA2wCUiKaDokStQu/+teoaSEKmCz8CaZv2ahyYrkXap8dE5m3+FUBmw9ppwzj1A9ouLcvVbdcKw8MSUJsCq932yyAY/zqewsp0FnLgET3x26xMpUUI0w6QfzMsnWBUz0nwrZsJ4lYR2ycH2n5dIVYHI5h6v5Gby2SDJCFbCmzYiIA2yU3m02WZYUcsezUFS615gVsGl4VQdvOEH9Zzn7NjKlQaqALUnlnHmcOyQ/muCsJdmqgMnNJjwcGwCqWUBABlVcW+Sg/zUK2BSsA6IvUfG/eJCbd8UBNiOVc0Syeu4hYOeu8twgoZwjADsiP4czCpEB40Qvmk26cOlugUEJEjjs0mVUBDFy4gJA+ZIvhnl5VxQw0Z0jugt7HoZil9w0Hr8HmKiuBgjFNvk5mnnxgNxscuApWNbToDTAZsBfNr40lbdwFRx2kgeNCMB4ravmsUh1JlTjABPNJj5zl+kjUI0Au42c0Vfuory8i6DqZ8ADvI4/J7l5nM6Je2pI3HHS76LXhykhlqSzehEOa1GOdboKdscdevepI/IHSjof1XHR15RizlcM/lbSeRpG+sYn8Ds+VBDhNfk1cRMuS8fDvP4iT8D+E2AAabqvVDNx3IQAAAAASUVORK5CYII=) no-repeat 50% 50%;
    background-size: contain
}

.game-control .field-container .field .gate-r {
    position: absolute;
    left: 83.8%;
    width: 12%;
    height: 62%;
    top: -6%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAB7CAYAAADe6GY+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCOURGRUQwNTJGNkUxMUU0OUYyM0Q3OEY4RkREMEYzOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCOURGRUQwNjJGNkUxMUU0OUYyM0Q3OEY4RkREMEYzOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5REZFRDAzMkY2RTExRTQ5RjIzRDc4RjhGREQwRjM4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI5REZFRDA0MkY2RTExRTQ5RjIzRDc4RjhGREQwRjM4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kxFczAAACfRJREFUeNrcXWtvG0UUvV47TfNsSWho0zZpEQIECJAA8VILrfgF/Af+IBI/ASS+8IGnoKL0lVJI83IeTu21lxn1XDxMd9czszObHa40ipvE3uzZ+zj3zN1tK8uyL4hokeqzL8W6RZFaItZ9sbIaj3lNrHasgLWEh10XX9fE6ojVF2s30LFmxVoFWN+K9U2sHibtEcA6JdZMoGPJz+/JiyTWezWnAe+AjcS6h9ehAEsBmlxTYt2IFTDOX9ti7SM0FwIdbyDWEV6/JNZ6jIANOZ+JdQcAzgRKzAMc7xj/vqF4eVQhyXYo1iZezwcKSz6OfL0s1lsxA0agGdILprF8exgfl73sI7FOxwTYSAlJPqn7ChXwaSNlDVAAJFjXYwRMtb+QnGU1mwvgZSNcIC4Ar4u1EmtIEhL/XYVm+EzMqfb6AT7/ZsyASdsTawu/47MA9LUUcAhPuyjWazHRijzw7iF8TqML8O1hCfLkXaXPnIqFuObZE7EeBigAzMemEPJ34c3zqJpRhiTbQwB3yiNoA63YyMLyO16/LdZSzICNtALQ8hyWTJIf4+LI1uzTWFqjIttGEWh7KgAD7ZhMXX6CN18V68VYPYxN7TOrJmYmr5zH5hUgWTW5SQ0UGm0Ak1rWI80jqnrZAICdQihKuwWPPkNPdbPGt0Zl9gAn6UNoTBVvk7ageTMBsPmYARuSP6Gxr3m5WoEfoT2TF+aTWEOSTVazA6ouNKbKhUpyPusXfH0VXUC0gOl9ZpXEPEBVPJ3D8Y4U1eRmkwAbWoQkm5SyfQiNA3haAo/V9bcfcKwVENrGt0Zl5kNozCOwurE3f0gNEBqryDZ9VM0qBWBQkvhVAeAxfvZxzIBxNeuhmrlwMyawKfhYURHh0YI36ek+QGPlHdsCkDh62THCrSgf7tBYaPws1hzGtosTchUaU3hZMkFG+hGV8xKoRpQhqSZmFhpt+8y+9u+5kvBl0nxNaaWiBEyG1J+OfaauwJZ56W16KjTKuYwPTgqw1BN4G+Q+0KIS2EmA38bXd8Q6G6uHccjcnZCHygDrg8/NTvi7NuHNMiRvxAwYIVy6aJcWLMNSlawnAf4zAJYi49XYqqRud2gsNHYsPExtzyZV2ydKn1nrQItrL1lmR5BmbApAkQJbZr+Czjwn1ruxhiQbC43TFv3fAF3DjAXQnDPfJ/8jDbUCljr0malSZacNZaOHVLPQaKu42tjfNB5oMSkAfQPlIs9+w9dXxDofM2AZjbV5kz5TJ7CmIbZPNQ60hK4uXUgzph6jElgbWvI9PZXNL4j1RsyAEfq/IZkNtLgkfvU43GeeCgnYMFBIqrlpw5CQplhtypesJ/G/LQosNHaonttmpNC4Ai9bmXABJa9aQm6VTH7P4jhyA5gHjb8HgNGFpN5nmhLYjkNYHgKkdqgCUOeM/I4FgWUF1mW86iHSwBoFGJuqKlGHML7xYZrcFNwhKqa0KyFyWJ3GUvRmSe7sII+1QUl2UDltHWEJgH0Xa0iSYYFxJbB6lyFtlTyPTBXN6Z+0uRJYlcrsIaxXY2mNqgLGBNZ1rnYnRB5rYkiqygVr/C4Xk1uytZgBM/Vm9fYacvQyHpZZIY83mTU1JPURgnlHb36Mc7zyfwdMz2OuI1XbvvNYk++GTUFgXZQLPY9djhUwG2WkD2rB+wIufGoXx1wEGY5C3smrki1DD+P3JBXoxSaOd8UXYFmDw7IqgVXDcj3GkHQBzFceW/Vxvnrz3coBMlF+1soJKZPfVXe0Z+nZ0YC832XrIQfNO7ZyR1Av5Pul5r9RFTDOFTKpXpwASKsEPP1k876/BMCm6L9z+jThoizgfTKs/nBsk+aRxzZ8eNgSAMuUUMhLvqlGLNXKp/88U36eKYx9ASdwrLwvy1Eq1NfyJoeXxTpH4xv4bcPyMgD/2gdgX1E9d/WfAzh72kUxoRjbyGPyxH91qJQjHH+G7PW1Z8KtZ3kCJ2FyI0Vun8khOttJ6hQXqVOVxKr5qdsw4prXX/4FD3mhQpu07guwQ+WEmmq8bbZI9jdsbSptUssHYDK37DccsAxVbhY516Zd2kFonsHyQlz3qZmStWoHCpldtwR7q6rck+TkicMaesmqtoF26XlL6Werah7LaxW6AftLX3ug/HBLWTUvOQB2gRy3GJOCEnxEzTeePFyEp5nYPsCedeWdRVe6GwFgTDNOW9KMSnJPUuLyxxGAtq009aYAVJJ7ynJJN5BXuBLXsgLAITZtCPIQ3cKsT8B69OygblOqpC7f9HAuJgWgB2oy7UB+J1arGHIZe9kMvMaElDrviicGVy+NALAUNKMDyjDJeFjloi3FSQxCKES7FGLDRVbMKdCMSVVzF+rMGbK8hdAEXZ/tUhoQsAygTRtwLFXuueQbsBiacrY9/L2y+k26LdBpV9w0fvep2dtxqv0JLztH5TeGMR87TxZz/aaADQM35SdBM/ZAm+bIQsG1qRA+mvJRzV4mN3eeK0k11tM9NoDxNI0P4hp6LGEIrtWeUDFZvVgLARhFlPw5R3VAMy6UENgUnrgQAjDZkD+JBLAMysQUaEaeVx8AMOONFRchrxuRl+0hb06X5Km/AeZ6KMCOyH0Ps87RKjbezzxXoE5sKm1SOwRgseWyY1zkVoE60YUDLJq0Sa6AHVDz9zD1sJui8a2FqvXgAEZyjytgWWReNkTDnRQkd+Nd8Sq7Ny7t0klObG/T+PGnqzl8bETjm2CDADai8W12TU76Os1gMtvWqqnMY3Jv4PlQgPlql+q0Axo//1pl96oAeSkkYLHsYeo0og2aMVfQJrVCARYbxSAa/y+EpHnTLhzgLJX8z4Q+AHtC5nuYw4Z52RklZ3EemyvLY77GzruRedkIHtVSaIYq96yHBiyGkc+8PjODR13R8tgFKnhaqM8bG2LzMnVebAUVsoscV3hvkk/ATEY+6xIQXYSEdYV2FMo9iecr1o0MMC4AEodldAEs96yFBoyJ4Siy0BwoHctFGg+r6DwtCGAu7VITbAdetYgo4DZpKTRgrk15E2gGD6is0FjuWa0DsJSK9zBPsvk2udASuFkayz2XdYySgAfPIgzNLVzMZSoYVgkFWCwjn7odK2IC57HlOgCLkciqBYABe0buSQJfrX5BDmvyrdNDpBR+Ost5UmZnQ//heznVKJY+cwjQFlR6ERqwWEY+8zoSVe5ZphpDI9ZcdojQTEhRYesALLY9TNW2aTysMl8XYJnSLjWZuBbRo13kseU6q1WsRJbJ7L8P7K0LsGGkTTkXrn0oGZ06+dA+xWvb6DHP1vkc14HSlBc9AUX3+lZBvkto8tNb8t5f9Dox+CyZUpZbWVZrapGM+XP679NQSHs9svx+0We5HCPT3q9/v1c3YNJu4uB5j6Ah7fVQOTn18TUn9v5/BBgAxA3MhjjBxcwAAAAASUVORK5CYII=) no-repeat 50% 50%;
    background-size: contain
}

.game-control .field-container.tl-hide .game-team-names {
    display: block
}

.game-control .field-container.tl-hide .timeline,
.game-control .field-container.tl-hide .tl-new {
    display: none
}

.game-control .field-container.tl-hide .field {
    margin: 5px auto
}

.timeline,
.tl-new {
    position: relative;
    height: 42px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAU0AAAASCAMAAADogXxgAAAB3VBMVEUAAAAAAAAAAAD///8AAAD////////+/v4AAAAAAAD///8AAAAAAAAAAAAAAAAAAAD///////8AAAD4+PgAAAD////f39/x8fEAAAD+/v5ZWVn///9CQkL///////8AAAAAAACxsbH///9xcXH///8AAACWlpYAAAAWFhb///+dnZ3R0dH///////8oKCj///8AAAAAAADq6urCwsIxMTH///8rKyv///+KiooAAAD///8AAACYmJiHh4cAAADIyMj////////+/v719fUtLS2CgoIAAAB4eHi3t7f///8UFBT7+/vj4+Otra319fUFBQVeXl4XFxfr6+tWVlba2toAAAD///+pqan////j4+MAAAD09PTa2tr///9XV1e9vb0AAAC+vr7///+jo6P8/PzDw8OAgID6+vr///81NTVlZWXk5OTV1dX///8AAACZmZnOzs7Nzc2ZmZlBQUH///+rq6s+Pj6GhoYjIyNtbW0AAABsbGyAgIBCQkLLy8tgYGCRkZHNzc3s7Ozy8vLq6uqpqan///8qKip2dna9vb04ODje3t7Ly8tOTk7V1dXb29vR0dFbW1vV1dVXV1dbW1t0dHSNjY2tra0xMTH////////l5eXz8/P8/Pz39/fo7p9jAAAAmXRSTlMAnRbcWbgP8HxPSy2ScrgLHloi5ELKxNir6q+msYc8OGWwlqxph7bFvXetvC0jw6wzqMu1tni3weeMQkytqhn9mWbb9Ku1JuSoM8rZvu7fm6SvvtaoE5ycu7Frxf0amaAd106lhbaszw2ardu8j07Nw/eYmjS3vcmlmDGinMukuKA//szquNWdvvNNTq2o7It9xNVkkXBc0Vj2oiwIAAAD5UlEQVRYw+yQ3S/CcRjFnxK9KKl+SZKSQl6HcdHmpuHCbNJENC9TG13URWJYM3f+ATf9t87J15YvW+bKxe/Z+exsz9VnR0R8Iw75ehMht/YZto9qn4H2kGjXnvVqn75xv/bpn4ppn8i0U/tEJ23aJznv0T6uvW/SAUtPaflBesnaWzo3+Dtpc01zzX++JnCtpsQVcqO4JqHfQsCCUIwgnBFhQWWGAVySUM6+YRVgv/dTjATHBgUgXJOwIpsG0hFLzDkRSdzZKEXW1+IIi0sqlCmLa0IVwgIo3G0bsNBUoWxZ0mHXC2EWlwS07duyClDCunQObBuQZkG4WzpadkLYXNNc01zTXNNc849rXh2eksyJRzJ5B6uZd5BmKSWLpRQiZ9duwrrJWhAhEl5hSHbf+8FDIfhaEBCsXkrxtsPy+Y4A1tHjE2HVWjFEai+GVBoGIpVyPX1cF5K8sCEs33NcFMqUlQFQhbAACnfbllI0VShblpDwgRfCLMgKoG2xWhCghHXpN9CKQZoF4W7pdMP4lDbvvR2zeU0jDML4HkR6Kb2EwN5yavMetioIq9HWXSytElSIhVwWwkJbaCxsPFkoISSNkrS1bVL6Mbjr39rHIbgz7y13XxB01N/8eGb83JzN2ZzNue8JiVpxsyFLJaJX7YooFPcnv4jS2snDu0K3XT0nWvTy5/lEtZPVRZc6RL2L6vM7Ci2qrmJ3M2rVCaUP4pfjLDlUTl42/KObGVBj0NsgC+dtxeZ2whrS1JorkEermwoUEti3EhRY1uDaziEQ7OyU3n2h8XFZpolPu+7nuijMosnR2x0/6RQcPnsHy6c/v+04pU/ied1+uvu1f61L8bOtFW4dcHI5MKPvkk2n/YFjQF4/Zlm7lU6emw6tZgGohGYXIOfOlrdBikZalx43nFCBGJVpENJ6oUBuxXSkNb5J+HPt7B+X3fEVnPkaTybHEdFQxouezaNOIRAb7FbfYBYyFW//jJ54bkWX+phaHpSb1kb1UO6hR9EV9kMIBHE8HQknvC7aN691sxmo3Ew7a2+zpEUirf0ltf5a1pCxrYPmPwXysYbSughfyznEzfHKGbu5Zf/3w/lbaWI38UiRJlj++xxoLs/KtHuOmakSz1bIj6IB9kWhpwXHHDbyeHGuhVNIUK3oZjwYbqadlTf6BFNpjWvQ1iAULGuOVoC6Bw+0teEJsbM42E04O0ZPi3mUnr600vxNlOahw+IHUS9XL3IIvIiq1MJgG+tVpXSYqf3ZyyiaEEUfH6l8O9rJvdHNeF22uZlybitvvL9Fc7YWb9IJg1R0JQbJbdUB+JY17rWdQyDY+T+YjCuqJEOh3gAAAABJRU5ErkJggg==) no-repeat 0 19px;
    margin: 0 auto
}

.timeline .tl_event,
.tl-new .tl_event {
    position: absolute
}

.timeline svg,
.tl-new svg {
    position: absolute;
    top: 4px;
    width: 10px;
    height: 10px
}

.timeline .current-time,
.tl-new .current-time {
    position: absolute;
    bottom: 14px;
    height: 2px;
    width: 0;
    background: #fff
}

.tl-corner {
    overflow: hidden;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: scale(.65);
    box-shadow: -1px 1px 0 #000;
    z-index: 5
}

.tl-corner,
.tl-corner:after {
    position: absolute;
    width: 10px;
    height: 10px
}

.tl-corner:after {
    content: "";
    top: 4px;
    left: -6px;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: inset 0 1px 0 #000
}

.tl-yellow_card {
    background: #fc0
}

.tl-red_card,
.tl-yellow_card {
    position: absolute;
    width: .4em;
    height: .588em;
    border-radius: 20%
}

.tl-red_card {
    background: red
}

.tl-goal {
    opacity: 1;
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiBAMAAADIaRbxAAAAJFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmWAJHAAAADHRSTlMAtz+kiAQfaSFroRakZrKeAAAAqElEQVQoz2MAgvTlCQzIgFVFUFBEFVlEWRAIhBWQlCwUBAFThAiTIBgIIURYICIiCJFEQQhAWFcIFSmAixhCRQww1EzANAfDLnzuYYUYbYrpL0y/o4B2ywYG7ICtqgxVIMhRUNApAEmACWypEZJIlCDYUiRFihCnIjnDESLigLAI6mMxuAg7VEQcLsIMFRHGUCOJaQ6mXfjcEwx3M6a/MP2OABzFM4AkAEFrHORMawnhAAAAAElFTkSuQmCC);
    background-size: 80%;
    background-position: 108% 35%;
    border-radius: 50%;
    box-shadow: 2px 5px 1px rgba(0, 0, 0, .3), inset 1px -2px 2px rgba(0, 0, 0, .57)
}

.tl-exchange {
    position: absolute;
    width: 18px;
    height: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAMAAABYzB2OAAAAgVBMVEUAAAAAAQEAAQEAAQEAAQEAAQEAAQEQGQMAAQEDBQEAAQEAAQEKAQEAAQEAAQEAAQEonxAaZwsQQAcTHQRNAQFgAQEAAQEnAQEAlzLRAAABnTTdAAABozboAAABqTikAQGqAQGyAQG7AAAAjy/GAAAAdycAiC0AfCkAgivxAAD5AACR9YemAAAAGHRSTlMAJD0RCRgDBn4oaGuKH28sFB8yHyo3YYp1Qaq0AAAAjUlEQVQI11XNRxKDMAxAUQFu9PQeA+7O/Q8YaRgWvI083x4L0EEfJexIrfWJ7cqH1PRumiZO87Xq8TzPc8MBHhsuYFkWVUhgZWut7dRQMjDGKPxBVH0IQZU1Z+CcowQgUkqqZs8NoBgjXrL3qqXkvcckzl/S3SjxRg24SF5yzl0zUpK8KCqJ8/q7t2P1Bw8eDDs64XUhAAAAAElFTkSuQmCC)
}

.tl-container {
    position: relative;
    float: left;
    width: 100%
}

.tl-container.no-video-flash {
    width: 680px
}

.tl-new {
    width: 97%;
    background: none;
    margin-left: 0
}

.tl-new svg {
    position: static;
    width: auto;
    height: auto
}

.tl-new .team2-tl-corner,
.tl-new .team2-tl-red_card,
.tl-new .team2-tl-yellow_card {
    top: 36px
}

.tl-new .team2-tl-goal {
    top: 30px
}

.tl-new .team2-tl-exchange {
    top: 32px
}

.tl-new .team1-tl-corner {
    top: 12px
}

.tl-new .team1-tl-red_card,
.tl-new .team1-tl-yellow_card {
    top: 9px
}

.tl-new .team1-tl-goal {
    top: 8px
}

.tl-new .tl-corner {
    transform: scale(.8)
}

.tl-new .tl-red_card,
.tl-new .tl-yellow_card {
    width: 10px;
    height: 12px;
    border-radius: 0
}

.tl-new .tl-goal {
    left: -5px;
    width: 13px;
    height: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABCFBMVEUAAAAAAAAAAAAAAAAEBQMDBgIAAAAAAAAAAAAAAAAAAAAAAAAHDAQAAAAAAAABAgADBAIAAABqbGkKDwdYYFJWVlYeIBx1dnQ3OzRfYV0tMisLEwYiKR4jIyKcnZohKR2Vl5RDTDx2e3OAhH07QTdkal8xQie3t7eSl45cXFzX19efpJyMk4eFjIB6hHRCUjhocmL////R0dGpqam1tbXY2NikpKQ/Pz+MjYzMzMxZWVni4uLn5+f8/PySkpIqKirr6+vExMTx8fEPDw+ampplZWVQUFAyMjI6Ojq6urqfn5/AwMCurq5dXV3e3t7t7e0kJCRsbGyxsbEhISHW1tZubm709PRVVVWgiEipAAAAVXRSTlMABxkiCwUOAwIBGAkbEwgtJijQFIveXbhojqBtxZikl8WA17eXaU+33dn7mpqlOimU///////////////////////////////////////////////9sJ9vKwAAAN1JREFUGNMtj9dywjAUBSVbzUZxwaT3nkyqZcuNXlPpA/z/nyAB+3Z27sNeoPj4fH15q2AL7HiXUb/fE7eIbfeDlKvBIB7lVwHVR9aTrGbFQrRk+4Zrw/Zr9XAUhh0xLa4dCgDVQtGJJ90KgRbAz9Wl2vVWMu/eBSUG8GNe+x3mYzFLi0sbUYDv8953mkaiHWenhhIUXfx8NZvRX5ycubZqYSVeThqN6D87cc3AYcDCxDs6PiyfH7ieQbAOgYSbvu97pkHgpp5CEtic23tIbx3PsIMUEOu9U1TBNv+vAfGqG/IC1C57AAAAAElFTkSuQmCC) no-repeat;
    background-size: 16px;
    background-position: 0 0;
    opacity: 1;
    box-shadow: 0 0 1px hsla(0, 0%, 100%, .5), inset 0 0 1px rgba(0, 0, 0, .5)
}

.tl-new .current-time {
    bottom: 2px;
    height: 24px;
    background: rgba(255, 152, 0, .5)
}

.tl-new .tl-info {
    position: absolute;
    top: 20px;
    margin-left: -9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAlCAMAAACTWPJzAAAAVFBMVEUAAAD7+/vg4OC2traysrIAAQHi4uIAAQHp6emurq4AAQH7+/v7+/v7+/v7+/v7+/u5ubna2toAAQFBQUF3d3ccHBz7+/tNTU39/f1BQUE9PT1wcHBxhQQMAAAAFnRSTlMAy+cuEn4YjP4FKSju4rCb3NAWSvWweP6I7AAAAG1JREFUKM/tyjkOgDAMRFGzhIR9HwLc/55ElpyloKXiy42fhiSA0vQvX0g9AWMdwwzXEKjMwWVlAkwVQ2H4Ow4AfSXAYgF0LS0yYHGRlkEQGfB5sf7eBNbKsRgkGdK3SWAjtV9n1LVSo3SUaugBhmIV3Ia0ti8AAAAASUVORK5CYII=) no-repeat;
    width: 17px;
    height: 37px
}

.tl-new .tl-info:hover .hover-sp {
    left: -10px;
    height: 200px;
    overflow: hidden;
    overflow-y: auto
}

.tl-new .tl-info .football-gamer-name p {
    text-transform: capitalize
}

.tl-new .tl-details {
    bottom: 8px
}

.tl-details {
    display: none;
    position: absolute;
    margin-left: -20px;
    padding: 2px 5px;
    background: #fff;
    box-shadow: 0 0 5px #000;
    z-index: 100;
    white-space: nowrap;
    vertical-align: bottom;
    text-transform: capitalize
}

.tl-details:after,
.tl-details:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 15px;
    width: 0;
    height: 0;
    border-width: .5em;
    border-style: solid;
    border-color: #fff transparent transparent
}

.tl-details:before {
    border-color: rgba(0, 0, 0, .5) transparent transparent;
    top: calc(100% + 1px)
}

.tl-data>div:hover .tl-details,
.tl-new>div:hover .tl-details {
    display: block
}

.no-video-flash .tl-new .tl-info:hover .hover-sp.to-right {
    right: -10px;
    left: auto
}

.animation-container {
    float: left;
    width: 100%
}

.ball {
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiBAMAAADIaRbxAAAAJFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmWAJHAAAADHRSTlMAtz+kiAQfaSFroRakZrKeAAAAqElEQVQoz2MAgvTlCQzIgFVFUFBEFVlEWRAIhBWQlCwUBAFThAiTIBgIIURYICIiCJFEQQhAWFcIFSmAixhCRQww1EzANAfDLnzuYYUYbYrpL0y/o4B2ywYG7ICtqgxVIMhRUNApAEmACWypEZJIlCDYUiRFihCnIjnDESLigLAI6mMxuAg7VEQcLsIMFRHGUCOJaQ6mXfjcEwx3M6a/MP2OABzFM4AkAEFrHORMawnhAAAAAElFTkSuQmCC);
    background-size: 80%;
    width: 3.5%;
    height: 11.5%;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4), inset 0 0 5px #000
}

.Corner p {
    width: 100%;
    text-align: center
}

.Corner.away>div {
    animation: ball-y-away 1.8s .3s infinite cubic-bezier(0, 0, .35, 1)
}

.Corner.away>div .ball {
    animation: ball-x-away 1.8s .3s infinite cubic-bezier(0, 0, .65, 1)
}

.Corner.home>div {
    animation: ball-y-home 1.9s .3s infinite cubic-bezier(0, 0, .35, 1)
}

.Corner.home>div .ball {
    position: absolute;
    right: 0;
    top: 0;
    animation: ball-x-home 1.9s .3s infinite cubic-bezier(0, 0, .65, 1)
}

.Corner>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(85%)
}

.RedCard.home .rotator,
.YellowCard.home .rotator {
    left: 25%;
    animation: rotate 4s infinite ease-in-out
}

.RedCard.home .rotator .card,
.YellowCard.home .rotator .card {
    animation: fadeIn 4s infinite ease-in-out
}

.RedCard.away .rotator,
.YellowCard.away .rotator {
    right: 25%;
    animation: rotate 4s infinite ease-in-out
}

.RedCard.away .rotator .card,
.YellowCard.away .rotator .card {
    animation: fadeIn 4s infinite ease-in-out
}

.RedCard>p,
.YellowCard>p {
    width: 100%;
    text-align: center
}

.rotator {
    backface-visibility: visible;
    transform-origin: 50% 50%;
    opacity: 0;
    position: absolute;
    top: 30%;
    width: 7.5%;
    height: 35%
}

.rotator .card {
    height: 100%;
    width: 100%;
    border-radius: .35em;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .5), inset 0 1px 1px hsla(0, 0%, 100%, .5)
}

.YellowCard .rotator .card {
    background: #ffeb00
}

.RedCard .rotator .card {
    background: red
}

.ThrowIn p {
    position: absolute;
    top: 18%;
    width: 80%;
    margin: 0 10%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    opacity: 0;
    animation: text-slide 1.5s .2s 1 ease-out, shadow-pulse 3.5s 1s infinite;
    animation-fill-mode: forwards
}

.ThrowIn>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(85%)
}

.ThrowIn>div .ball {
    position: absolute;
    transform: translateX(0)
}

.ThrowIn.home>div {
    animation: ball-throw_home 1.8s .3s infinite cubic-bezier(0, 0, .35, 1)
}

.ThrowIn.home>div .ball {
    left: 40%;
    animation: throw-in_home 1.8s .3s infinite cubic-bezier(0, 0, .65, 1)
}

.ThrowIn.away>div {
    animation: ball-throw_away 1.8s .3s infinite cubic-bezier(0, 0, .35, 1)
}

.ThrowIn.away>div .ball {
    left: 50%;
    animation: throw-in_away 1.8s .3s infinite cubic-bezier(0, 0, .65, 1)
}

.text-event {
    position: absolute;
    top: 27%;
    left: 25%;
    width: 50%;
    height: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    font-size: 1em;
    text-align: center;
    text-shadow: 1px 1px 10px #000;
    color: #fff;
    animation: text-slide 1.5s .2s 1 ease-out, shadow-pulse 3.5s 1s infinite
}

.Attack .attack-div,
.DangerousAttack .attack-div {
    position: absolute;
    background: linear-gradient(90deg, transparent, red);
    width: 30%;
    top: 2%;
    height: 90%;
    opacity: 0
}

.Attack .attack-div .attack-dir,
.DangerousAttack .attack-div .attack-dir {
    position: absolute;
    top: 43%;
    margin-top: -1.5em;
    width: 0;
    height: 0;
    border-width: 1.5em;
    border-style: solid
}

.Attack p,
.DangerousAttack p {
    position: absolute;
    top: 30%;
    color: #fff;
    font-size: 1em;
    text-align: center;
    width: 30%;
    margin: 0 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0
}

.Attack.home .attack-div,
.DangerousAttack.home .attack-div {
    top: 2%;
    left: 10%;
    transform: skewX(-7deg);
    background: linear-gradient(90deg, transparent, red)
}

.Attack.home .attack-div .attack-dir,
.DangerousAttack.home .attack-div .attack-dir {
    left: 99%;
    border-color: transparent transparent transparent red
}

.Attack.away .attack-div,
.DangerousAttack.away .attack-div {
    right: 10%;
    transform: skewX(6deg);
    background: linear-gradient(90deg, red, transparent)
}

.Attack.away .attack-div .attack-dir,
.DangerousAttack.away .attack-div .attack-dir {
    right: 99%;
    border-color: transparent red transparent transparent
}

.Attack.home .attack-div {
    animation: attack-home 1.3s 1 ease, pulse-attack 2s 1.3s infinite ease;
    animation-fill-mode: forwards
}

.Attack.home p {
    animation: move-right 1.3s 1 ease;
    animation-fill-mode: forwards
}

.Attack.away .attack-div {
    animation: attack-away 1.3s 1 ease, pulse-attack 2s 1.3s infinite ease;
    animation-fill-mode: forwards
}

.Attack.away p {
    animation: move-left 1.3s 1 ease;
    animation-fill-mode: forwards
}

.DangerousAttack p {
    width: 60%;
    margin: 0 20%
}

.DangerousAttack.home .attack-div {
    animation: dangerous-attack-home 1.3s 1 ease, pulse-attack 2.2s 1.3s infinite ease;
    animation-fill-mode: forwards
}

.DangerousAttack.home p {
    animation: move-right 1.3s 1 ease;
    animation-fill-mode: forwards
}

.DangerousAttack.away .attack-div {
    animation: dangerous-attack-away 1.3s 1 ease, pulse-attack 2.2s 1.3s infinite ease;
    animation-fill-mode: forwards
}

.DangerousAttack.away p {
    animation: move-left 1.3s 1 ease;
    animation-fill-mode: forwards
}

.BallSafe>div {
    position: absolute;
    top: 2%;
    left: 10%;
    width: 40%;
    height: 91%;
    animation: ball-safe 2s ease infinite
}

.BallSafe>div p {
    text-align: center
}

.BallSafe>div div {
    position: absolute;
    width: 100%;
    height: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #fff
}

.BallSafe>div div:first-child {
    top: 26%
}

.BallSafe>div div:last-child {
    top: 43%;
    width: 80%;
    margin: 0 10%
}

.BallSafe.home>div {
    background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .4))
}

.BallSafe.home>div div:first-child {
    animation: ball-safe-down 1s ease 1
}

.BallSafe.home>div div:last-child {
    animation: ball-safe-up 1s ease 1
}

.BallSafe.away>div {
    left: 50%;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .4), transparent)
}

.BallSafe.away>div div:first-child {
    animation: ball-safe-down 1.5s ease 1
}

.BallSafe.away>div div:last-child {
    animation: ball-safe-up 1.5s ease 1
}

.Substitution .sub-cont {
    opacity: 0;
    position: absolute;
    width: 1.4em;
    height: 1.4em;
    border-radius: 50%;
    border: 3px solid;
    border-color: red red #0f0 #0f0;
    transform: rotate(-45deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5), inset 0 0 10px rgba(0, 0, 0, .5);
    animation: substitute 1.5s infinite ease-in-out;
    animation-fill-mode: forwards
}

.Substitution .sub-cont:after,
.Substitution .sub-cont:before {
    content: "";
    position: absolute;
    top: -41%;
    left: -9%;
    width: 0;
    height: 0;
    border-width: .5em;
    border-style: solid;
    border-color: transparent transparent #0f0;
    transform: rotate(45deg)
}

.Substitution .sub-cont:after {
    top: 69%;
    left: 41%;
    border-color: red transparent transparent
}

.Substitution.home .sub-cont {
    opacity: 1;
    left: 33%;
    top: 50%
}

.Substitution.away .sub-cont {
    opacity: 1;
    right: 33%;
    top: 50%
}

.Offside .line {
    height: 90%;
    border-left: .11em dashed #fe0
}

.Offside .ball,
.Offside .line,
.Offside p {
    position: absolute;
    opacity: 0
}

.Offside p {
    top: 27%;
    left: 25%;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.2em;
    text-align: center;
    text-shadow: 1px 1px 10px #000;
    color: #fff;
    animation: text-slide 1.5s .2s 1 ease-out, shadow-pulse 3.5s 1s infinite
}

.Offside.home .line {
    right: 30%;
    transform: skewX(16deg);
    animation: line-pulse 1.4s infinite ease-in-out
}

.Offside.home .ball {
    animation: ball-offside-home 1.4s infinite ease-out
}

.Offside.away .line {
    left: 30%;
    transform: skewX(-14deg);
    animation: line-pulse 1.4s infinite ease
}

.Offside .ball {
    animation: ball-offside-away 1.4s infinite ease-out
}

.FreeKick {
    opacity: 0;
    text-align: center
}

.FreeKick .ripple {
    position: absolute;
    width: 3%;
    height: 10%;
    margin: 3%;
    border-radius: 50%;
    border: .1em solid #fff;
    animation: ripple-out 1.5s infinite ease;
    animation-fill-mode: forwards
}

.FreeKick .ball {
    position: absolute;
    animation: free-kick 1.5s infinite linear;
    animation-fill-mode: forwards
}

.FreeKick .arrow {
    position: absolute;
    width: 20%;
    border-bottom: .15em dashed #fff;
    animation: expand-arrow 3s infinite ease
}

.FreeKick .arrow:after {
    position: absolute;
    top: 50%;
    margin-top: -.31em;
    content: "";
    width: 0;
    height: 0;
    border-width: .4em;
    border-style: solid;
    border-color: transparent transparent transparent #fff
}

.FreeKick.home {
    opacity: 1
}

.FreeKick.home .ripple {
    bottom: 20%;
    left: 32%
}

.FreeKick.home .ball {
    bottom: 31%;
    left: 35%
}

.FreeKick.home .arrow {
    bottom: 34%;
    left: 37%;
    transform: rotate(-9deg);
    transform-origin: 0 0
}

.FreeKick.home .arrow:after {
    left: 100%;
    border-color: transparent transparent transparent #fff
}

.FreeKick.away {
    opacity: 1
}

.FreeKick.away .ripple {
    bottom: 20%;
    right: 32%
}

.FreeKick.away .ball {
    bottom: 31%;
    right: 35%
}

.FreeKick.away .arrow {
    bottom: 34%;
    right: 37%;
    transform: rotate(9deg);
    transform-origin: 100% 0
}

.FreeKick.away .arrow:after {
    right: 100%;
    border-color: transparent #fff transparent transparent
}

.Penalty {
    opacity: 0
}

.Penalty .ball {
    position: absolute;
    animation: penalty-ball 1s infinite linear;
    box-shadow: 0 4px 3px rgba(0, 0, 0, .44), inset 0 0 5px #000
}

.Penalty .arrow {
    position: absolute;
    width: 10%;
    border-bottom: .18em dashed #fff;
    animation: penalty-arrow 1.5s infinite ease
}

.Penalty .arrow:after {
    position: absolute;
    top: 50%;
    margin-top: -.31em;
    content: "";
    width: 0;
    height: 0;
    border-width: .4em;
    border-style: solid
}

.Penalty.home {
    opacity: 1
}

.Penalty.home .ball {
    left: 19%;
    top: 30%
}

.Penalty.home .arrow {
    top: 38%;
    left: 22%;
    transform-origin: 0 0;
    transform: rotate(180deg)
}

.Penalty.home .arrow:after {
    left: 100%;
    border-color: transparent transparent transparent #fff
}

.Penalty.away {
    opacity: 1
}

.Penalty.away .ball {
    right: 19%;
    top: 30%
}

.Penalty.away .arrow {
    top: 38%;
    right: 22%;
    transform-origin: 100% 0;
    transform: rotate(180deg)
}

.Penalty.away .arrow:after {
    right: 100%;
    border-color: transparent #fff transparent transparent
}

.GoalKick {
    opacity: 0
}

.GoalKick .ripple {
    position: absolute;
    width: 3%;
    height: 10%;
    margin: 3%;
    border-radius: 50%;
    border: .1em solid #fff;
    animation: ripple-out 1.5s infinite ease;
    animation-fill-mode: forwards
}

.GoalKick .ball {
    position: absolute;
    animation: free-kick 1.5s infinite linear;
    animation-fill-mode: forwards
}

.GoalKick .arrow {
    position: absolute;
    width: 20%;
    border-bottom: .15em dashed #fff;
    animation: expand-arrow 3s infinite ease
}

.GoalKick .arrow:after {
    position: absolute;
    top: 50%;
    margin-top: -.31em;
    content: "";
    width: 0;
    height: 0;
    border-width: .4em;
    border-style: solid;
    border-color: transparent transparent transparent #fff
}

.GoalKick.home {
    opacity: 1
}

.GoalKick.home .ripple {
    bottom: 31%;
    left: 11%
}

.GoalKick.home .ball {
    bottom: 41%;
    left: 14%
}

.GoalKick.home .arrow {
    bottom: 42.5%;
    left: 15%;
    transform: rotate(-7deg);
    transform-origin: 0 0
}

.GoalKick.home .arrow:after {
    left: 100%;
    border-color: transparent transparent transparent #fff
}

.GoalKick.away {
    opacity: 1
}

.GoalKick.away .ripple {
    bottom: 31%;
    right: 11%
}

.GoalKick.away .ball {
    bottom: 41%;
    right: 14%
}

.GoalKick.away .arrow {
    bottom: 42.5%;
    right: 15%;
    transform: rotate(7deg);
    transform-origin: 100% 0
}

.GoalKick.away .arrow:after {
    right: 100%;
    border-color: transparent #fff transparent transparent
}

.Goal .ball-cont {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.Goal .ball {
    position: absolute;
    top: 0;
    width: 5.5%;
    height: 18.5%;
    box-shadow: inset 0 0 4px 3px rgba(0, 0, 0, .6)
}

.Goal.home .ball-cont {
    animation: goal-up-home 2.5s .2s 1 cubic-bezier(0, 0, .35, 1);
    animation-fill-mode: forwards
}

.Goal.home .ball-cont .ball {
    right: 34%;
    opacity: 0;
    animation: ball-rotate 1s infinite linear, goal-home 2.5s 1 cubic-bezier(0, 0, .65, 1), goal-to-center-home 1s 3.5s 1 ease-out;
    animation-fill-mode: forwards
}

.Goal.home p {
    animation: goal-text-home 1s 4.2s 3 ease;
    animation-fill-mode: forwards
}

.Goal.home p.team {
    animation: goal-text-home 3s 4.2s 1 ease;
    animation-fill-mode: forwards
}

.Goal.away .ball-cont {
    animation: goal-up-away 2.5s .2s 1 cubic-bezier(0, 0, .35, 1);
    animation-fill-mode: forwards
}

.Goal.away .ball-cont .ball {
    right: 34%;
    opacity: 0;
    animation: ball-rotate 1s infinite linear, goal-away 2.5s 1 cubic-bezier(0, 0, .65, 1), goal-to-center-away 1s 3.5s 1 ease-out;
    animation-fill-mode: forwards
}

.Goal.away p {
    animation: goal-text-away 1s 4.2s 3 ease;
    animation-fill-mode: forwards
}

.Goal.away p.team {
    animation: goal-text-away 3s 4.2s 1 ease;
    animation-fill-mode: forwards
}

.Goal p {
    opacity: 0;
    position: absolute;
    top: 7%;
    left: 25%;
    width: 50%;
    font-size: 1.2em;
    text-align: center;
    text-shadow: 1px 1px 10px #000;
    color: #fff
}

.Goal p.team {
    top: 52%;
    height: 40%;
    overflow: hidden
}

.Goal p.goal-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@keyframes ball-x-away {
    0% {
        transform: translateX(0);
        background-position: 0 0;
        box-shadow: 0 0 3px rgba(0, 0, 0, .5), inset 0 0 5px #000
    }
    50% {
        transform: translateX(500%);
        animation-timing-function: ease-in;
        box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000
    }
    to {
        transform: translateX(250%);
        background-position: 800% -1600%;
        box-shadow: 0 10px 3px rgba(0, 0, 0, .3), inset 0 0 3px #000
    }
}

@keyframes ball-x-home {
    0% {
        transform: translateX(0);
        background-position: 0 0;
        box-shadow: 0 0 3px rgba(0, 0, 0, .5), inset 0 0 5px #000
    }
    50% {
        transform: translateX(-500%);
        animation-timing-function: ease-in;
        box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000
    }
    to {
        transform: translateX(-250%);
        background-position: 800% -1600%;
        box-shadow: 0 10px 3px rgba(0, 0, 0, .3), inset 0 0 3px #000
    }
}

@keyframes ball-y-away {
    0% {
        transform: translateY(85%);
        animation-timing-function: ease-out
    }
    80% {
        opacity: 1
    }
    to {
        transform: translateY(20%);
        opacity: 0
    }
}

@keyframes ball-y-home {
    0% {
        transform: translateY(85%);
        animation-timing-function: ease-out
    }
    80% {
        opacity: 1
    }
    to {
        transform: translateY(20%);
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0
    }
    15% {
        transform: scale(1.1)
    }
    20% {
        transform: scale(.9);
        opacity: 1
    }
    30% {
        transform: scale(1);
        opacity: 1
    }
    70% {
        transform: scale(1);
        opacity: 1
    }
    85% {
        transform: scale(1.1);
        opacity: 1
    }
    to {
        transform: scale(0);
        opacity: 0
    }
}

@keyframes rotate {
    0%,
    to {
        opacity: 1
    }
    31% {
        transform: perspective(1050px) rotateY(0deg)
    }
    51% {
        transform: perspective(1050px) rotateY(180deg)
    }
    70% {
        transform: perspective(1050px) rotateY(0deg)
    }
}

@keyframes ball-throw_home {
    0% {
        transform: translateY(85%);
        animation-timing-function: ease-out
    }
    80% {
        opacity: 1
    }
    to {
        transform: translateY(30%);
        opacity: 0
    }
}

@keyframes ball-throw_away {
    0% {
        transform: translateY(85%);
        animation-timing-function: ease-out
    }
    80% {
        opacity: 1
    }
    to {
        transform: translateY(30%);
        opacity: 0
    }
}

@keyframes throw-in_home {
    0% {
        background-position: 0 0;
        box-shadow: 0 20px 15px rgba(0, 0, 0, .5), inset 0 0 5px #000;
        transform: translateX(0)
    }
    30% {
        box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000;
        animation-timing-function: ease-in
    }
    60% {
        background-position: 0 -600%;
        width: 2.8%;
        height: 9%;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .6), inset 0 -3px 6px #000;
        opacity: 1
    }
    to {
        background-position: 0 -1600%;
        box-shadow: 0 0 0 rgba(0, 0, 0, .6), inset 0 -3px 6px #000;
        opacity: 0;
        width: 2%;
        height: 6.6%;
        transform: translateX(60px)
    }
}

@keyframes throw-in_away {
    0% {
        background-position: 0 0;
        box-shadow: 0 20px 15px rgba(0, 0, 0, .5), inset 0 0 5px #000;
        transform: translateX(0)
    }
    30% {
        box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000;
        animation-timing-function: ease-in
    }
    60% {
        background-position: 0 -600%;
        width: 2.8%;
        height: 9%;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .6), inset 0 -3px 6px #000;
        opacity: 1
    }
    to {
        background-position: 0 -1600%;
        box-shadow: 0 0 0 rgba(0, 0, 0, .6), inset 0 -3px 6px #000;
        opacity: 0;
        width: 2%;
        height: 6.6%;
        transform: translateX(-60px)
    }
}

@keyframes shadow-pulse {
    0% {
        text-shadow: 1px 1px 10px 1px #000;
        opacity: .8
    }
    50% {
        text-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .4);
        opacity: .95
    }
    to {
        text-shadow: 1px 1px 10px 1px #000;
        opacity: .8
    }
}

@keyframes attack-home {
    0% {
        opacity: 0
    }
    to {
        transform: skewX(4deg);
        left: 30%;
        opacity: .7
    }
}

@keyframes attack-away {
    0% {
        opacity: 0
    }
    to {
        transform: skewX(-7deg);
        right: 30%;
        opacity: .7
    }
}

@keyframes dangerous-attack-home {
    0% {
        opacity: 0
    }
    to {
        transform: skewX(20deg);
        left: 50%;
        opacity: .7
    }
}

@keyframes dangerous-attack-away {
    0% {
        opacity: 0
    }
    to {
        transform: skewX(-20deg);
        right: 50%;
        opacity: .7
    }
}

@keyframes pulse-attack {
    0%,
    to {
        opacity: .7
    }
    50% {
        opacity: .4
    }
}

@keyframes move-right {
    0% {
        text-indent: -100%;
        opacity: 0
    }
    to {
        text-indent: 0;
        opacity: .7
    }
}

@keyframes move-left {
    0% {
        text-indent: 100%;
        opacity: 0
    }
    to {
        text-indent: 0;
        opacity: .7
    }
}

@keyframes ball-safe {
    0% {
        opacity: .6
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .6
    }
}

@keyframes ball-safe-down {
    0% {
        opacity: 0;
        top: 0;
        animation-timing-function: ease-in-out
    }
    70% {
        opacity: 1;
        top: 26%;
        animation-timing-function: ease-out
    }
    90% {
        top: 25%
    }
    to {
        top: 26%
    }
}

@keyframes ball-safe-up {
    0% {
        opacity: 0;
        top: 68%;
        animation-timing-function: ease-in-out
    }
    70% {
        opacity: 1;
        top: 40%;
        animation-timing-function: ease-out
    }
    90% {
        top: 43%
    }
    to {
        top: 42%
    }
}

@keyframes line-pulse {
    0% {
        opacity: 0
    }
    65% {
        opacity: 0;
        animation-timing-function: ease-out
    }
    75% {
        opacity: 1
    }
    85% {
        opacity: .3
    }
    90% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes ball-offside-home {
    0% {
        top: 65%;
        right: 45%
    }
    50% {
        opacity: 1;
        box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000;
        width: 4%;
        height: 13%;
        animation-timing-function: ease-in
    }
    90% {
        opacity: .8;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .4), inset 0 0 5px #000
    }
    to {
        top: 28%;
        right: 26%;
        opacity: 0;
        background-position: 800% 200%;
        width: 2.3%;
        height: 6.6%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .4), inset 0 0 5px #000
    }
}

@keyframes ball-offside-away {
    0% {
        top: 65%;
        left: 45%
    }
    50% {
        opacity: 1;
        box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000;
        width: 4%;
        height: 13%;
        animation-timing-function: ease-in
    }
    90% {
        opacity: .8;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .4), inset 0 0 5px #000
    }
    to {
        top: 28%;
        left: 26%;
        opacity: 0;
        background-position: 800% 200%;
        width: 2.3%;
        height: 6.6%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .4), inset 0 0 5px #000
    }
}

@keyframes text-slide {
    0% {
        top: -20%;
        opacity: 0;
        animation-timing-function: ease-out
    }
    75% {
        top: 28%
    }
    88% {
        top: 24%
    }
    to {
        top: 25%;
        opacity: 1
    }
}

@keyframes substitute {
    0% {
        transform: rotate(-45deg)
    }
    to {
        transform: rotate(315deg)
    }
}

@keyframes free-kick {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -1200% 400%
    }
}

@keyframes free-kick_basket {
    0% {
        background-position: 0 50%
    }
    to {
        background-position: -1200% 50%
    }
}

@keyframes ripple-out {
    0% {
        opacity: 0
    }
    15% {
        opacity: .8
    }
    85% {
        width: 9%;
        height: 27%;
        margin: .2%;
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes expand-arrow {
    0% {
        width: 0;
        opacity: 0
    }
    10% {
        opacity: 1
    }
    50% {
        width: 20%
    }
    60% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes penalty-arrow {
    0% {
        width: 0;
        opacity: 0
    }
    10% {
        opacity: 1
    }
    50% {
        width: 10%
    }
    60% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes penalty-ball {
    to {
        background-position: 1200% 0
    }
}

@keyframes ball-rotate {
    to {
        background-position: 1500% 0
    }
}

@keyframes goal-up-home {
    0%,
    20% {
        transform: translateY(40%)
    }
    50% {
        transform: translateY(20%);
        animation-timing-function: ease-in
    }
    80% {
        transform: translateY(25%)
    }
    to {
        transform: translateY(30%)
    }
}

@keyframes goal-home {
    0% {
        transform: scale(0);
        right: 34%;
        opacity: 0
    }
    25% {
        transform: scale(.65);
        right: 34%;
        opacity: 1
    }
    30% {
        right: 34%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .4), inset 0 0 5px #000
    }
    55% {
        right: 14%;
        box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000
    }
    80% {
        right: 3%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .4), inset 0 0 5px #000;
        animation-timing-function: ease
    }
    to {
        right: 5%;
        opacity: 1;
        transform: scale(.65)
    }
}

@keyframes goal-to-center-home {
    0% {
        right: 4%;
        transform: scale(.65)
    }
    to {
        right: 48%;
        transform: scale(1)
    }
}

@keyframes goal-text-home {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    75% {
        transform: scale(.9)
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes goal-up-away {
    0%,
    20% {
        transform: translateY(40%)
    }
    50% {
        transform: translateY(20%);
        animation-timing-function: ease-in
    }
    80% {
        transform: translateY(25%)
    }
    to {
        transform: translateY(30%)
    }
}

@keyframes goal-away {
    0% {
        transform: scale(0);
        left: 34%;
        opacity: 0
    }
    25% {
        transform: scale(.65);
        left: 34%;
        opacity: 1
    }
    30% {
        left: 34%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .4), inset 0 0 5px #000
    }
    55% {
        left: 14%;
        box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000
    }
    80% {
        left: 4%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .4), inset 0 0 5px #000;
        animation-timing-function: ease
    }
    to {
        left: 5%;
        opacity: 1;
        transform: scale(.65)
    }
}

@keyframes goal-to-center-away {
    0% {
        left: 4%;
        transform: scale(.65)
    }
    to {
        left: 46%;
        transform: scale(1)
    }
}

@keyframes goal-text-away {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    75% {
        transform: scale(.9)
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.right-block-flash.right-block-flash-basketball {
    background: rgba(70, 11, 11, .49);
    box-shadow: inset 0 0 0 1px #5a0000
}

.game-control.Basketball .basket {
    position: absolute;
    top: 1%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABWCAMAAABiiJHFAAADAFBMVEXZ2dn/NTUJAAAAAAD/AAD///////8AAADZ2dn/AACaAADV1dX/Bgb/3d3X19f/AADq6ur/////////i4vh4eH7+vrZ2Nja29vZ39/Z2trZ2Nj/AADZ3Nz/////BQXuZGTzSkrX5eXX6en/AADxVlb9FRX/AQH/AACwsLDgsrL////9AADf7OzASkrX2Nj////y8fH+/f3/Bgb/AACzs7Ozs7P3AADW6+vf39/+/PyaDAz/AAD/AgK4ubn4AAD/AAC0tLSvr6+0tLT/7+/W1tb/AAD5+fns7e3g4eH/AADc39+3uLj/fX3k5eW9u7z19fWbIyOtrq7X19fOsrKsq6wWAAADAACvr6//U1O2uLgAAAANAADhAADY4eG4uLi1g4T/AACdAwOzs7OnPDz/GhoAAAD/Pz/2OTnpiIidFRWvr6//AADm5ualo6b/zc2qpab9/PxRAADW4+OvsLCrOjrj6urCwsLBgID5LS329vb/BwfdwsL/AAD+GxuioqX/4+P/8PCenaL/oKACAAAAAAAAAACzAAD+YGDEy8vlmprrdnbV9vbb09PFyMi4uLi9vr7/xMT/+vr/3t6fn6IAAAD6+vqmpqcAAACxsbECAACSjo+nm5vJp6eeCQkxAAC4amrGgIDT09Pb29vo6OjBw8PBwcHbx8f/zs7gt7f/vr7/ra2kpKj/dHTkq6uFAADYAAC7lZbY1dW8vLzjp6f+EBDp6en/j4//i4v/UlIyAAD/JiYXAACsp6hLAADGv7/M2dnS2trNjI2wUFDO1dWlLS22cnPb4+OhJiakAAB7AACzY2OnPT3s9/emNDTDw8P/kJC8vr7/wMD/pKTExMSYmaAHAABzAAD/l5fXz88AAACzkpP/sbHjGxutFxeCXFz52dn629umFBTPq6vbxsbOwMC/e3v///+ZAACfFRXhzc3bWFjHysmydXWyVladAgLte3uzQ0OtAABjaWmCbW3o7u68T0+0gYW2kpLyw8OuICDofHyaBASVAgKjHh7AkZHAWlp3gGvJAAAA+3RSTlOkVL63PeLqAKVGbZxAvZ5AvuX8ppjMoqSloqRPpehMg3uop2Z+bUk3xpbsQ5sEoPDI31Y7qbwVqqrb/gdk0R4y3rvK0p4N2MOvLvHBfLLb0fejorXCCsuyZa8gr06l7t0k8NHnRjJgdYz+0Cq4ysKz2JagltTzDcVu02ucPFW/y+OmjYXZWV5z05CHrKGOKsSl5cWTRtN5c3yg3em69rPzmpWnu0iAoLCYsJjZiJF7XNDlXZRkvYOUbBROxFiozcTSqt657Nbg7niN1f3z/rKruJ6nZbm5eJWhk8Oni9DS37vn3cz6+/g88/SY6er73HO6bVTb4aiTr9K8nE0G4ewAAAgQSURBVFjD7NBNa9pwHAfwv118iE/RblOYJMcEEhrrAsUg2EPiE0QKwoawiwfxoojXgaK4g1cr8wVUD6J4XSu+iVIvPfbW17FvYiUdwpD26jeB8OdPPnx/P+J+d87cZ6lUKpPJXFyk0+l6vSAoAnkTBAcQHEAVExIoWuJjVjiOi9HkQMcqlDILVSr1AhyBkSQIX82AommaoShFEBS/wvyPNZ1doULhsk35JYnmOPTZUZLEKPAvcUdVq9X1eu1wOMqGUeOl16w9GCBsSJFoOICQXSlJohQFkgAHSK1WXq0Gt/3+w3DYbDZHT0+98PO9nyHub2lzsO2G2igUs8PFOJ7nJbTy+9uKAqdcLg+MwXK5vBsOh4HASNO0Xu/a5RJFMW5FZNnTe4ohv395FZ6DgC48QtN4aXytAwfHMIy7x8fNZjMLBLqaNlbV67gouvBaYZGEmv15dZ4LNRrF4vj5I9r++O6lUAoSx3U6Hcy6MozbRX8xn88xFeq0WqrT6WRNAYbphHFOqBZ1nps28vlkMjmZECLrQd+nz6cme3LibfOcseg/zGaBblfraWpCTeC/cDjMvoopJVrZLRX6U8xPogghXyKREhKJRAjiCb6wH068FO0YxVkWDCgnHjsWNb7CgCZVzCejOhKUZSh72WcDaLOTQKnZrElhQJNKEtl34/P5dF0u2dqBLKjtrqZ5SBgxqL9geqnkiXo8HmLncDYXnHiILAchbTE0iyK29yZ2egMKS8PdHvUONuT7hzqyR/bI/mWPjm0YhKEgDFNmAnggS8Y2LjyBG6/iGo9gwQQmzBHRUMEwGSdHldSGIgX/AJ9Oupu92Zv9M7YiTxexVcUYeU+sLufXkkyZyzaoKIBB80JQAW5Lgbd6GBSvKY/FNoGklPQeTQoTb+OgkNZ9VF0uC1CU8Cbe9VEr59yg+45PYR3J6Gx2DZgXd+V25+BNIZlx9vL5tMIu2WzZOogRXtrGufbSHiCxBglzhm2XY560SOKx5qg4OsUqjnnCE3t8QXSeteyHu479tGenwS2EYRzAi6RxZNAZUkedY9odjWp0l2Kiu8tQCSEaiWgEiSshQiINhhBHdcxoUaL0RMtQqnUfvWlLD2rc933f16fd4NmYMiMNYXwy/X/amcz85nl237z7zrPdA+CigW1gG9gG9j9gO3wP89LhBfwDFkx/E/979vZZxef7f9+LO7T4S9afz2+zI8qVlJSS5zdvPo+6CrypfXufMUNatPQP3/jHbAefdnx+lLVSW/E0NTV18rc8rdCWWXOv8k1twke2Dt0oYD8+94dsAD/EWjqapimKSh3wLTrdAIqm6VRt5f3QOQJfmIOtW3rEe7ZdwIRu3U0pWoqmUu+dulVaNrEuL9Nf1dQ4Kcr55Zmg/5LZ50dMW9y5mddv3nY7DszocouefEprLYmSnIw7GRdXVFRcXFz+UWQRPfz8qEpHOa1vQGQFBXb0stquB1b3mL7w4M3J1L2Uon5FQBbGxb3IKxeJLJZqS7Uo7+4Da+U9+lbwokBVcNDMQX29YafDmWvh9C5w5CqldaW5hSeLh5WXiyDVFotFlPcgKiXjTUbG29fU69gnT/r2HQhTUG/YLl1nMKckk4kfVUVTzpr0R/cfPoPWQSxMKcnIyLB+equtmExTzY+N7QWmNywkYILJZAppFzlyWOidRzU6Sud0Oqtepaenz3NFe2o0LAma1jVnTO9YHi+kZUj7yJGHQhfMEXTyE1Q//Jxe5dQNYJYVxYSmmGvdaO3LfFC9YHkQH54/Iw4VuMaYfuylS/JeSCaWlTEl1qVCO6/yejK+JobzOxZqHBKyLTx81rBRQwVsIH17smFNrl02jdvlfm5J7vXr1tu3P2zZYjAajEa7zCZWCoWZHI9sUx8ejANh4BkeOXL7qI1zQPSF+M1Zf+MKjLxbwSB8cW5ycvIWiA2pNQulKCZW1io1GiEU64EdMwQSwouc1Tp0FIh+vsxM2W/w3d17Vk1jwWyd22zf6TNnbicnZ1+0KxQYiuXrjUaZXooqSVyzn1M/O2srz2dbJIjf2u7d27fTuiU7l60a14gbMTyCqwKyIG3z8pXvC3EharchBEo6MJmRQIyoOEF8Nt4DOywSxP6uITOMz9mDZ984PK7RcW5ExHAWkHPT0qKXr5w6/hiHs1WMk8hFG4FgSTgqg5CoRJzF8cAKBH4MCZuQoO2uIyMaTeG2CouICFPFAnki+tqmDUC6ciEB1yP2izaZ3iE1S/WITIhKEjI9sWwX2j/0BtxJbhCLy2JxVc1z5kY3bsyQ8PepSzyeoNGTMgOhSVQQUr2eECYIz8bUy67vyWb3h4fTY34jLjyb4MBAVc7cgugmlzbXkT8SU0tKNAqF0UY6CBRFEEKD167pVS+7c/2uZUdhVwsKYwWr9u3Lgb6bRLtIjlti1gjVYoJEbNmJGGrGEATHySyOO7uoc+dpnZu1CguDtmPfQd9yefQ1eD6evhtlSdQaMYEpDIkIKsVIRKMWXqiH5QYGB4XBB6XYnDMFjeUrGm/etHIqVOkx+yVqDIpEyEQDISUwhs10Z2MntVKpYi/PLTixYoUcGp86nvPrZEkkSjGGSZFEu0FGYEq9Wrjfnb0MZJocSNfCdC/T/d7iEiWKYAqx1G4wIAhKqvE17uylE96TTHplnlWLlWaFGUuSKuzZiAJXk46f2c1yeRMgj7mTnt34C0oliknF5iQ0MTsbIZPiY35mx09lqvzTxDuSzA4035yV5MjPjO/l9vtXwvVWAlku+9YAAAAASUVORK5CYII=) no-repeat 0 0;
    background-size: contain;
    width: 21%;
    height: 80%;
    opacity: 0
}

.game-control.Basketball .ball_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.game-control.Basketball .b_ball {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTQ5OTYyQjk5Rjg4MTFFM0E4QkVEODcwMDRDMkM5NDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTQ5OTYyQkE5Rjg4MTFFM0E4QkVEODcwMDRDMkM5NDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNDk5NjJCNzlGODgxMUUzQThCRUQ4NzAwNEMyQzk0MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNDk5NjJCODlGODgxMUUzQThCRUQ4NzAwNEMyQzk0MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIABYAJAMBEQACEQEDEQH/xAB/AAEBAQAAAAAAAAAAAAAAAAAFBAMBAQEBAAMAAAAAAAAAAAAAAAMBAgAEBhAAAgEDAwIEBQUBAAAAAAAAAQIDERIEACEFMRNBYXEikTJSIxSBwWJyUxURAAICAQEFCAMAAAAAAAAAAAECABEDITFBURIi8GGRobHB0VJxgRP/2gAMAwEAAhEDEQA/ADpVxZGeLKxlWN2t96oyNU9CRXr568fbDUGe65VOjKIbwfH8ZxfHx4+LjBpGaRrQoMh+427MfAdBU6XNld2smDgw48a0B2uIFwgJfF9nVitj09Qu/wAK6Kzxj0PrD8fieEh5nJ5JIIhJLDCFYKpWpZ90UD5moOgrtpWzZCgWztMBcGIOXoage8UuPar+Gbb6dI7qU+mv710WtbY1D6+kzy0yEDLJkhg7WiPtKS9T0Arq2L0EhBrU+Ui4tJVx1i73ZkNxF0atdRiNmr7qdKeGtZCLupjCCBV1LTFlqLpMwBFG5aJANvGtdHY4RyGG+Hxq45CSfuGNSkdszRqALmf3W19gb6qeulJ6anWUEMT7fmLdjM7VfyRS7/JaUp166OxWyNyte3ymQlxkkkaCEyTDcoLBIRXYe9gfjqsp3mRGG4a/q/WH8PlZUvEp/wBPDOM4aSoZo3Q/ca20huv6Dy0mVAG6TfjDwOSnWteHzKY2wr9ka6u3cr1/jeafDWCDxihk4TGDM5Fucyo5sCSPD7MXbnZ4iahnrct5NDXb031pkXkHULvv+Ia5G/oQVPLQ107++WX8Z+P8i9q/y7daf2s1Kapy0vZ29J//2Q==) 0 50%;
    background-size: cover;
    position: absolute;
    width: 6%;
    height: 19%;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(75, 27, 9, .79), inset 2px -2px 8px rgba(49, 12, 0, .9);
    opacity: 0
}

.game-control.Basketball .arrow {
    position: absolute;
    bottom: 20%;
    width: 20%;
    border-bottom: .15em dashed #fff;
    opacity: 0
}

.game-control.Basketball .arrow:after {
    position: absolute;
    top: 50%;
    margin-top: -.31em;
    content: "";
    width: 0;
    height: 0;
    border-width: .4em;
    border-style: solid
}

.game-control.Basketball .field-container {
    background: transparent;
    overflow: hidden;
    margin-bottom: 1px
}

.game-control.Basketball .field-container .field {
    background: url(/./sportodds/images/basket_6badf953b4ee8da724a226a41f0e77b6.png) no-repeat 50% 50%;
    background-size: contain
}

.game-control.Basketball .statistics-toggle {
    background: rgba(75, 15, 0, .63);
    padding: 0 0 2px
}

.game-control.Basketball .statistics-toggle .game-statistics li:nth-last-child(-n+2) {
    width: 48%
}

.game-control.Basketball .statistics-toggle .game-statistics li:nth-last-child(-n+2) .stat-l,
.game-control.Basketball .statistics-toggle .game-statistics li:nth-last-child(-n+2) .stat-r {
    width: 8%
}

.game-control.Basketball .statistics-toggle .game-statistics li:nth-last-child(-n+2) .team-2 {
    width: 84%
}

.game-control.Basketball .statistics-toggle .game-statistics li:last-child {
    margin-right: 0;
    float: right
}

.game-control.Basketball .Attack .attack-div {
    top: 0;
    height: 94%
}

.game-control.Basketball .Attack.home .attack-div {
    background: linear-gradient(90deg, transparent, #ff2900)
}

.game-control.Basketball .Attack.home .attack-div .attack-dir {
    border-color: transparent transparent transparent #ff2900
}

.game-control.Basketball .Attack.away .attack-div {
    background: linear-gradient(90deg, #ff2900, transparent)
}

.game-control.Basketball .Attack.away .attack-div .attack-dir {
    border-color: transparent #ff2900 transparent transparent
}

.game-control.Basketball .Foul .timeout-container {
    position: absolute;
    top: 2%;
    width: 49.5%;
    height: 91%;
    animation: ball-safe 2s ease infinite
}

.game-control.Basketball .Foul .timeout-container div {
    position: absolute;
    width: 100%;
    height: 35%;
    overflow: hidden;
    text-align: center;
    color: #fff;
    text-shadow: 1px -1px 5px #000
}

.game-control.Basketball .Foul .timeout-container div:first-child {
    top: 28%
}

.game-control.Basketball .Foul .timeout-container div:last-child {
    top: 42%;
    width: 80%;
    margin: 0 10%
}

.game-control.Basketball .Foul.home .timeout-container {
    background: linear-gradient(90deg, transparent, rgba(255, 0, 0, .4))
}

.game-control.Basketball .Foul.home .timeout-container div:first-child {
    animation: ball-safe-down 1s ease 1
}

.game-control.Basketball .Foul.home .timeout-container div:last-child {
    animation: ball-safe-up 1s ease 1
}

.game-control.Basketball .Foul.away .timeout-container {
    left: 49.5%;
    background: linear-gradient(90deg, rgba(255, 0, 0, .4), transparent)
}

.game-control.Basketball .Foul.away .timeout-container div:first-child {
    animation: ball-safe-down 1.5s ease 1
}

.game-control.Basketball .Foul.away .timeout-container div:last-child {
    animation: ball-safe-up 1.5s ease 1
}

.game-control.Basketball .Free1Throw.away .basket,
.game-control.Basketball .Free2Throws.away .basket,
.game-control.Basketball .Free3Throws.away .basket,
.game-control.Basketball .FreeThrow.away .basket {
    left: 1%;
    opacity: 1
}

.game-control.Basketball .Free1Throw.away .b_ball,
.game-control.Basketball .Free2Throws.away .b_ball,
.game-control.Basketball .Free3Throws.away .b_ball,
.game-control.Basketball .FreeThrow.away .b_ball {
    bottom: 20%;
    left: 46%;
    opacity: 1;
    animation: free-kick_basket 3s infinite linear
}

.game-control.Basketball .Free1Throw.away .arrow,
.game-control.Basketball .Free2Throws.away .arrow,
.game-control.Basketball .Free3Throws.away .arrow,
.game-control.Basketball .FreeThrow.away .arrow {
    right: 50%;
    animation: expand-arrow 3.5s infinite ease
}

.game-control.Basketball .Free1Throw.away .arrow:after,
.game-control.Basketball .Free2Throws.away .arrow:after,
.game-control.Basketball .Free3Throws.away .arrow:after,
.game-control.Basketball .FreeThrow.away .arrow:after {
    right: 100%;
    border-color: transparent #fff transparent transparent
}

.game-control.Basketball .Free1Throw.home .basket,
.game-control.Basketball .Free2Throws.home .basket,
.game-control.Basketball .Free3Throws.home .basket,
.game-control.Basketball .FreeThrow.home .basket {
    right: 1%;
    transform: scaleX(-1);
    opacity: 1
}

.game-control.Basketball .Free1Throw.home .b_ball,
.game-control.Basketball .Free2Throws.home .b_ball,
.game-control.Basketball .Free3Throws.home .b_ball,
.game-control.Basketball .FreeThrow.home .b_ball {
    bottom: 20%;
    right: 46%;
    animation: free-kick_basket 3.5s infinite linear;
    opacity: 1
}

.game-control.Basketball .Free1Throw.home .arrow,
.game-control.Basketball .Free2Throws.home .arrow,
.game-control.Basketball .Free3Throws.home .arrow,
.game-control.Basketball .FreeThrow.home .arrow {
    left: 50%;
    animation: expand-arrow 3s infinite ease
}

.game-control.Basketball .Free1Throw.home .arrow:after,
.game-control.Basketball .Free2Throws.home .arrow:after,
.game-control.Basketball .Free3Throws.home .arrow:after,
.game-control.Basketball .FreeThrow.home .arrow:after {
    left: 100%;
    border-color: transparent transparent transparent #fff
}

.game-control.Basketball .OnePoint .text-event,
.game-control.Basketball .ThreePoints .text-event,
.game-control.Basketball .TwoPoints .text-event {
    animation: text-slide 1.5s 1.2s 1 ease-out, shadow-pulse 3.5s 2s infinite
}

.game-control.Basketball .OnePoint.home .basket,
.game-control.Basketball .ThreePoints.home .basket,
.game-control.Basketball .TwoPoints.home .basket {
    right: 5%;
    transform: scaleX(-1);
    opacity: 1
}

.game-control.Basketball .OnePoint.home .b_ball,
.game-control.Basketball .ThreePoints.home .b_ball,
.game-control.Basketball .TwoPoints.home .b_ball {
    right: 46%;
    opacity: 0;
    box-shadow: 0 30px 20px rgba(75, 27, 9, .43), inset 2px -2px 8px rgba(49, 12, 0, .9);
    animation: b_point-home 2s .3s 1 cubic-bezier(0, 0, .65, 1)
}

.game-control.Basketball .OnePoint.home .ball_container,
.game-control.Basketball .ThreePoints.home .ball_container,
.game-control.Basketball .TwoPoints.home .ball_container {
    transform: translateY(41%);
    animation: point_cont-home 2s .3s 1 cubic-bezier(0, 0, .35, 1);
    animation-fill-mode: forwards
}

.game-control.Basketball .OnePoint.away .basket,
.game-control.Basketball .ThreePoints.away .basket,
.game-control.Basketball .TwoPoints.away .basket {
    left: 5%;
    opacity: 1
}

.game-control.Basketball .OnePoint.away .b_ball,
.game-control.Basketball .ThreePoints.away .b_ball,
.game-control.Basketball .TwoPoints.away .b_ball {
    left: 46%;
    opacity: 0;
    box-shadow: 0 30px 20px rgba(75, 27, 9, .43), inset 2px -2px 8px rgba(49, 12, 0, .9);
    animation: b_point-away 2s .3s 1 cubic-bezier(0, 0, .65, 1)
}

.game-control.Basketball .OnePoint.away .ball_container,
.game-control.Basketball .ThreePoints.away .ball_container,
.game-control.Basketball .TwoPoints.away .ball_container {
    transform: translateY(41%);
    animation: point_cont-away 2s .3s 1 cubic-bezier(0, 0, .35, 1);
    animation-fill-mode: forwards
}

@keyframes point_cont-home {
    0% {
        transform: translateY(46%);
        opacity: 0;
        animation-timing-function: ease-out
    }
    10% {
        opacity: 1
    }
    30% {
        transform: translateY(30%)
    }
    90% {
        opacity: 1
    }
    to {
        transform: translateY(53%);
        opacity: 0
    }
}

@keyframes b_point-home {
    0% {
        opacity: 1;
        transform: translateX(0);
        background-position: 0 50%
    }
    50% {
        transform: translateX(480%);
        box-shadow: 0 40px 20px rgba(75, 27, 9, .43), inset 2px -2px 8px rgba(49, 12, 0, .9);
        animation-timing-function: ease-out
    }
    to {
        transform: translateX(480%);
        background-position: 800% 50%;
        opacity: 1
    }
}

@keyframes point_cont-away {
    0% {
        transform: translateY(46%);
        opacity: 0;
        animation-timing-function: ease-out
    }
    10% {
        opacity: 1
    }
    30% {
        transform: translateY(30%)
    }
    90% {
        opacity: 1
    }
    to {
        transform: translateY(53%);
        opacity: 0
    }
}

@keyframes b_point-away {
    0% {
        opacity: 1;
        transform: translateX(0);
        background-position: 0 50%
    }
    50% {
        transform: translateX(-480%);
        box-shadow: 0 40px 20px rgba(75, 27, 9, .43), inset 2px -2px 8px rgba(49, 12, 0, .9);
        animation-timing-function: ease-out
    }
    to {
        transform: translateX(-480%);
        background-position: 800% 50%;
        opacity: 1
    }
}

.right-block-flash.right-block-flash-volleyball {
    background: rgba(145, 119, 40, .4)
}

.game-control.Volleyball {
    margin-top: 35px
}

.game-control.Volleyball .text-event {
    font-size: 1.2em
}

.game-control.Volleyball .statistics-toggle {
    background: rgba(109, 67, 23, .78)
}

.game-control.Volleyball .field-container .field {
    background: url(/./sportodds/images/vall_575ad8cd83821e4f4e995482d575434f.png) no-repeat 50%;
    height: 123px
}

.game-control.Volleyball .v_ball {
    background: #ccc;
    position: absolute;
    width: 5%;
    height: 14%;
    border-radius: 50%;
    box-shadow: inset 2px -2px 8px rgba(54, 31, 1, .7);
    opacity: 0
}

.game-control.Volleyball .Point .point_container {
    position: absolute;
    top: 13%;
    width: 49.5%;
    height: 80%;
    animation: ball-safe 2s ease infinite
}

.game-control.Volleyball .Point .point_container div {
    position: absolute;
    height: 40%;
    overflow: hidden;
    text-align: center;
    color: #fff;
    text-shadow: 1px -1px 5px #000;
    top: 36%;
    width: 80%;
    margin: 0 10%
}

.game-control.Volleyball .Point.side_1 .point_container {
    background: linear-gradient(90deg, transparent, rgba(255, 224, 0, .4))
}

.game-control.Volleyball .Point.side_1 .point_container div {
    animation: v_point 1.3s ease 1
}

.game-control.Volleyball .Point.side_2 .point_container {
    left: 49.5%;
    background: linear-gradient(90deg, rgba(255, 224, 0, .4), transparent)
}

.game-control.Volleyball .Point.side_2 .point_container div {
    animation: v_point 1.5s ease 1
}

.game-control.Volleyball .BallInPlay .ball_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.game-control.Volleyball .BallInPlay .ball_container .v_ball,
.game-control.Volleyball .BallInPlay .ball_container .v_ball_shadow {
    position: absolute;
    top: 20%
}

.game-control.Volleyball .BallInPlay .ball_container .v_ball_shadow {
    background: none;
    width: 5%;
    height: 14%;
    border-radius: 50%
}

.game-control.Volleyball .BallInPlay.side_1 .ball_container {
    animation: v_ball_in_play_y_home 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation-fill-mode: forwards
}

.game-control.Volleyball .BallInPlay.side_1 .ball_container .v_ball {
    opacity: 0;
    animation: v_ball_in_play_x_home 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation-fill-mode: forwards
}

.game-control.Volleyball .BallInPlay.side_1 .ball_container .v_ball_shadow {
    animation: v_ball_in_play_x_shadow 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation-fill-mode: forwards
}

.game-control.Volleyball .BallInPlay.side_2 .ball_container {
    animation: v_ball_in_play_y_away 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation-fill-mode: forwards
}

.game-control.Volleyball .BallInPlay.side_2 .ball_container .v_ball {
    opacity: 0;
    animation: v_ball_in_play_x_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation-fill-mode: forwards
}

.game-control.Volleyball .BallInPlay.side_2 .ball_container .v_ball_shadow {
    animation: v_ball_in_play_x_shadow_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation-fill-mode: forwards
}

.Game>div {
    position: absolute;
    left: 0;
    top: -14px;
    width: 100%;
    font-size: 11px
}

@keyframes v_ball_in_play_y_home {
    0% {
        opacity: 0;
        transform: translateY(30%);
        animation-timing-function: ease-out
    }
    10%,
    90% {
        opacity: 1
    }
    50% {
        transform: translateY(0);
        animation-timing-function: ease-in
    }
    to {
        opacity: 0;
        transform: translateY(30%);
        animation-timing-function: ease-out
    }
}

@keyframes v_ball_in_play_x_home {
    0% {
        left: 15%;
        opacity: 0;
        background-position: 0 0;
        animation-timing-function: ease-out
    }
    10%,
    60% {
        opacity: 1
    }
    20% {
        animation-timing-function: ease-in
    }
    90% {
        opacity: 0
    }
    to {
        left: 65%;
        opacity: 0;
        background-position: 1600% 800%;
        animation-timing-function: ease-out
    }
}

@keyframes v_ball_in_play_x_shadow {
    0% {
        left: 15%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 8px 5px rgba(60, 34, 1, .4), inset 0 0 5px #3b4d03
    }
    10%,
    60% {
        opacity: 1
    }
    35% {
        box-shadow: 0 30px 15px rgba(60, 34, 1, .4), inset 0 0 5px #3b4d03;
        animation-timing-function: ease-in
    }
    70% {
        box-shadow: 0 16px 10px rgba(60, 34, 1, .4), inset 0 0 5px #3b4d03
    }
    90% {
        opacity: 0
    }
    to {
        left: 65%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 4px 3px rgba(60, 34, 1, .4), inset 0 0 5px #3b4d03
    }
}

@keyframes v_ball_in_play_y_away {
    0% {
        opacity: 0;
        transform: translateY(30%);
        animation-timing-function: ease-out
    }
    50% {
        transform: translateY(0);
        animation-timing-function: ease-in
    }
    10%,
    90% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateY(30%);
        animation-timing-function: ease-out
    }
}

@keyframes v_ball_in_play_x_away {
    0% {
        right: 15%;
        opacity: 0;
        background-position: 0 0;
        animation-timing-function: ease-out
    }
    10%,
    60% {
        opacity: 1
    }
    20% {
        animation-timing-function: ease-in
    }
    90% {
        opacity: 0
    }
    to {
        right: 65%;
        opacity: 0;
        background-position: 1600% 800%;
        animation-timing-function: ease-out
    }
}

@keyframes v_ball_in_play_x_shadow_away {
    0% {
        right: 15%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 8px 5px rgba(60, 34, 1, .4), inset 0 0 5px #3b4d03
    }
    10%,
    60% {
        opacity: 1
    }
    20% {
        box-shadow: 0 30px 15px rgba(60, 34, 1, .4), inset 0 0 5px #3b4d03;
        animation-timing-function: ease-in
    }
    70% {
        box-shadow: 0 16px 10px rgba(60, 34, 1, .4), inset 0 0 5px #3b4d03
    }
    90% {
        opacity: 0
    }
    to {
        right: 65%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 4px 3px rgba(60, 34, 1, .4), inset 0 0 5px #3b4d03
    }
}

@keyframes v_point {
    0% {
        opacity: 0;
        top: 68%;
        animation-timing-function: ease-in
    }
    25% {
        opacity: 1;
        top: 24%;
        animation-timing-function: ease-out
    }
    50% {
        top: 44%;
        animation-timing-function: ease-out
    }
    75% {
        top: 30%;
        animation-timing-function: ease-out
    }
    to {
        top: 36%
    }
}

.game-control.Tennis {
    margin: 0;
    font-size: 14px
}

.game-control.Tennis .statistics-toggle {
    background: rgba(0, 16, 44, .78);
    color: #fff;
    overflow: hidden;
    height: 51px
}

.game-control.Tennis .statistics-toggle button {
    display: block;
    width: 40px;
    height: 20px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0 none;
    position: relative;
    top: 1px;
    cursor: pointer
}

.game-control.Tennis .statistics-toggle button:focus {
    outline: none
}

.game-control.Tennis .statistics-toggle button:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 13px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #666 transparent transparent
}

.game-control.Tennis .game-statistics {
    overflow: hidden;
    margin: .5em .3em
}

.game-control.Tennis .game-statistics.hidden {
    display: none
}

.game-control.Tennis .game-statistics li {
    float: left;
    width: 48%;
    margin: .3em 2.9% .3em 0
}

.game-control.Tennis .game-statistics li:nth-child(2n) {
    margin-right: 0
}

.game-control.Tennis .field-container {
    padding: 0
}

.game-control.Tennis .field-container .game-team-names li {
    line-height: 25px
}

.game-control.Tennis .field-container.tl-hide .field {
    margin: 0
}

.game-control.Tennis .field {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 0 32%;
    background: url(/./sportodds/images/t-field_af6e774e2222aac71c5204b951965145.png) no-repeat 50% 50%;
    background-size: contain
}

.game-control.Tennis .animation-container {
    float: left;
    width: 100%;
    text-align: center
}

.game-control.Tennis .ball {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    width: 14px;
    height: 14px;
    overflow: hidden
}

.game-control.Tennis .ball:before {
    font: 14px/14px Sport-icons;
    content: "\E663";
    color: #ebff00;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.game-control.Tennis .Point .point_text {
    position: absolute;
    bottom: 11%;
    opacity: .85;
    color: #353535;
    max-width: 27%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 10px;
    line-height: 22px;
    font-weight: 700;
    padding: 0 5px;
    height: 22px;
    border-radius: 4px;
    background: #d6d6d6;
    border: 1px solid #bbb;
    text-transform: uppercase
}

.game-control.Tennis .Point.side_1 .point_text {
    left: 10%;
    animation: point_text_1 .8s 1 ease-out;
    animation-fill-mode: forwards
}

.game-control.Tennis .Point.side_2 .point_text {
    right: 11%;
    animation: point_text_2 .8s 1 ease-out;
    animation-fill-mode: forwards
}

.game-control.Tennis .Point .score_1,
.game-control.Tennis .Point .score_2 {
    position: absolute;
    top: 30%;
    width: 28px;
    height: 30px;
    overflow: hidden;
    line-height: 28px;
    font-size: 16px;
    background: #112345;
    border-radius: 4px;
    border: 1px solid #08193d;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-align: center;
    color: #effc23;
    opacity: .8
}

.game-control.Tennis .Point .score_1 span,
.game-control.Tennis .Point .score_2 span {
    position: relative
}

.game-control.Tennis .Point .score_1 {
    left: 50%;
    margin-left: -40px;
    animation: point_text_1 .8s 1 ease-out;
    animation-fill-mode: forwards
}

.game-control.Tennis .Point .score_2 {
    right: 50%;
    margin-right: -40px;
    animation: point_text_2 .8s 1 ease-out;
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay .ball_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.game-control.Tennis .BallInPlay .ball_container .ball,
.game-control.Tennis .BallInPlay .ball_container .ball_shadow {
    position: absolute;
    top: 20%
}

.game-control.Tennis .BallInPlay .ball_container .ball_shadow {
    background: none;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.game-control.Tennis .BallInPlay.side_1.right .ball_container {
    animation: ball_in_play_y_home 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay.side_1.right .ball_container .ball {
    opacity: 0;
    animation: ball_in_play_x_home 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay.side_1.right .ball_container .ball_shadow {
    animation: ball_in_play_x_shadow 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay.side_1.left .ball_container {
    animation: ball_in_play_y_home1 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay.side_1.left .ball_container .ball {
    opacity: 0;
    animation: ball_in_play_x_home1 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay.side_1.left .ball_container .ball_shadow {
    animation: ball_in_play_x_shadow1 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay.side_2.left .ball_container {
    animation: ball_in_play_y_away 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay.side_2.left .ball_container .ball {
    opacity: 0;
    animation: ball_in_play_x_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay.side_2.left .ball_container .ball_shadow {
    animation: ball_in_play_x_shadow_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay.side_2.right .ball_container {
    animation: ball_in_play_y_home2 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay.side_2.right .ball_container .ball {
    opacity: 0;
    animation: ball_in_play_x_home2 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    animation-fill-mode: forwards
}

.game-control.Tennis .BallInPlay.side_2.right .ball_container .ball_shadow {
    animation: ball_in_play_x_shadow2 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation-fill-mode: forwards
}

.game-control.Tennis .Ace .ball_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.game-control.Tennis .Ace .ball_container .ball,
.game-control.Tennis .Ace .ball_container .ball_shadow {
    position: absolute;
    top: 20%
}

.game-control.Tennis .Ace .ball_container .ball_shadow {
    background: none;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.game-control.Tennis .Ace .set {
    position: absolute;
    top: 40%;
    width: 30%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .3em 1em;
    border-radius: .3em;
    border: 1px solid #08193d;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    color: #effc23;
    font-size: .8em;
    font-weight: 700;
    text-transform: uppercase;
    background: #112345;
    opacity: 0
}

.game-control.Tennis .Ace.side_1 .ball_container {
    animation: ball_ace_y_home .8s 1 ease-in-out;
    animation-fill-mode: forwards
}

.game-control.Tennis .Ace.side_1 .ball_container .ball {
    opacity: 0;
    animation: ball_ace_x_home .8s 1 ease-in-out
}

.game-control.Tennis .Ace.side_1 .ball_container .ball_shadow {
    animation: shadow_ace_x_home .8s 1 ease-in-out;
    animation-fill-mode: forwards
}

.game-control.Tennis .Ace.side_1 .set {
    left: 11%;
    animation: setInfo .5s .9s 1 ease-in;
    animation-fill-mode: forwards
}

.game-control.Tennis .Ace.side_2 .ball_container {
    animation: ball_ace_y_away .8s 1 ease-in-out;
    animation-fill-mode: forwards
}

.game-control.Tennis .Ace.side_2 .ball_container .ball {
    opacity: 0;
    animation: ball_ace_x_away .8s 1 ease-in-out
}

.game-control.Tennis .Ace.side_2 .ball_container .ball_shadow {
    animation: shadow_ace_x_away .8s 1 ease-in-out;
    animation-fill-mode: forwards
}

.game-control.Tennis .Ace.side_2 .set {
    right: 11%;
    animation: setInfo .5s .9s 1 ease-in;
    animation-fill-mode: forwards
}

.game-control.Tennis .FifthSet,
.game-control.Tennis .Finished,
.game-control.Tennis .FirstSet,
.game-control.Tennis .FourthSet,
.game-control.Tennis .InjuryBreak,
.game-control.Tennis .RainDelay,
.game-control.Tennis .SecondSet,
.game-control.Tennis .ThirdSet,
.game-control.Tennis .Timeout {
    position: absolute;
    top: 40%;
    width: 40%;
    margin: 0 30%;
    text-align: center
}

.game-control.Tennis .FifthSet .set,
.game-control.Tennis .Finished .set,
.game-control.Tennis .FirstSet .set,
.game-control.Tennis .FourthSet .set,
.game-control.Tennis .InjuryBreak .set,
.game-control.Tennis .RainDelay .set,
.game-control.Tennis .SecondSet .set,
.game-control.Tennis .ThirdSet .set,
.game-control.Tennis .Timeout .set {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .3em 1em;
    border-radius: .3em;
    border: 1px solid #08193d;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    color: #effc23;
    font-size: .8em;
    font-weight: 700;
    text-transform: uppercase;
    background: #112345;
    opacity: 0;
    animation: setInfo 1.5s .2s 1 ease-in;
    animation-fill-mode: forwards
}

.game-control.Tennis .DoubleFault .fault_text,
.game-control.Tennis .ServiceFault .fault_text {
    position: absolute;
    bottom: 11%;
    opacity: .85;
    color: #353535;
    max-width: 27%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .8em;
    font-weight: 700;
    padding: .2em .5em;
    border-radius: .3em;
    background: #ffeb00;
    border: 1px solid #f5ff00;
    text-transform: uppercase
}

.game-control.Tennis .DoubleFault.side_1 .fault_text,
.game-control.Tennis .ServiceFault.side_1 .fault_text {
    left: 8%;
    animation: fault_text_1 .8s 1 ease-out;
    animation-fill-mode: forwards
}

.game-control.Tennis .DoubleFault.side_2 .fault_text,
.game-control.Tennis .ServiceFault.side_2 .fault_text {
    right: 8%;
    animation: fault_text_2 .8s 1 ease-out;
    animation-fill-mode: forwards
}

@keyframes hide-animation {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes point_text_1 {
    0% {
        opacity: 0;
        animation-timing-function: ease-in
    }
    to {
        opacity: 1
    }
}

@keyframes point_text_2 {
    0% {
        opacity: 0;
        animation-timing-function: ease-in
    }
    to {
        opacity: 1
    }
}

@keyframes slideDown {
    0% {
        top: -100%
    }
    to {
        top: 0
    }
}

@keyframes fault_text_1 {
    0% {
        opacity: 0;
        animation-timing-function: ease-in
    }
    40% {
        opacity: .3;
        animation-timing-function: ease-in
    }
    80% {
        opacity: .5;
        animation-timing-function: ease-in
    }
    20%,
    60%,
    to {
        opacity: 1
    }
}

@keyframes fault_text_2 {
    0% {
        opacity: 0;
        animation-timing-function: ease-in
    }
    40% {
        opacity: .3;
        animation-timing-function: ease-in
    }
    80% {
        opacity: .5;
        animation-timing-function: ease-in
    }
    20%,
    60%,
    to {
        opacity: 1
    }
}

@keyframes ball_in_play_y_home {
    0% {
        opacity: 0;
        transform: translateY(40%);
        animation-timing-function: ease-out
    }
    10%,
    90% {
        opacity: 1
    }
    50% {
        transform: translateY(5%);
        animation-timing-function: ease-in
    }
    to {
        opacity: 0;
        transform: translateY(20%);
        animation-timing-function: ease-out
    }
}

@keyframes rotate_ball {
    0% {
        transform: rotate(0deg)
    }
    70% {
        transform: rotate(180deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes ball_in_play_x_home {
    0% {
        left: 15%;
        opacity: 0;
        animation-timing-function: ease-out
    }
    10%,
    60% {
        opacity: 1
    }
    20% {
        animation-timing-function: ease-in
    }
    90% {
        opacity: 0
    }
    to {
        left: 65%;
        opacity: 0;
        animation-timing-function: ease-out
    }
}

@keyframes ball_in_play_x_shadow {
    0% {
        left: 15%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 8px 5px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
    10%,
    60% {
        opacity: 1
    }
    20% {
        box-shadow: 0 20px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03;
        animation-timing-function: ease-in
    }
    70% {
        box-shadow: 0 8px 5px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
    90% {
        opacity: 0
    }
    to {
        left: 65%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 4px 3px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
}

@keyframes ball_in_play_y_home1 {
    0% {
        opacity: 0;
        transform: translateY(5%);
        animation-timing-function: ease-out
    }
    10%,
    90% {
        opacity: 1
    }
    50% {
        transform: translateY(25%);
        animation-timing-function: ease-in
    }
    to {
        opacity: 0;
        transform: translateY(40%);
        animation-timing-function: ease-out
    }
}

@keyframes ball_in_play_x_home1 {
    0% {
        left: 30%;
        opacity: 0;
        animation-timing-function: ease-out
    }
    10%,
    60% {
        opacity: 1
    }
    20% {
        animation-timing-function: ease-in
    }
    90% {
        opacity: 0
    }
    to {
        left: 65%;
        opacity: 0;
        animation-timing-function: ease-out
    }
}

@keyframes ball_in_play_x_shadow1 {
    0% {
        left: 30%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 8px 5px rgba(0, 0, 0, .4)
    }
    10%,
    60% {
        opacity: 1
    }
    20% {
        box-shadow: 0 20px 10px rgba(0, 0, 0, .4);
        animation-timing-function: ease-in
    }
    70% {
        box-shadow: 0 5px 3px rgba(0, 0, 0, .3)
    }
    90% {
        opacity: 0
    }
    to {
        left: 65%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 4px 3px rgba(0, 0, 0, .4)
    }
}

@keyframes ball_in_play_y_away {
    0% {
        opacity: 0;
        transform: translateY(40%);
        animation-timing-function: ease-out
    }
    50% {
        transform: translateY(5%);
        animation-timing-function: ease-in
    }
    10%,
    90% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateY(20%);
        animation-timing-function: ease-out
    }
}

@keyframes ball_in_play_x_away {
    0% {
        right: 15%;
        opacity: 0;
        animation-timing-function: ease-out
    }
    10%,
    60% {
        opacity: 1
    }
    20% {
        animation-timing-function: ease-in
    }
    90% {
        opacity: 0
    }
    to {
        right: 65%;
        opacity: 0;
        animation-timing-function: ease-out
    }
}

@keyframes ball_in_play_x_shadow_away {
    0% {
        right: 15%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 8px 5px rgba(0, 0, 0, .4)
    }
    10%,
    60% {
        opacity: 1
    }
    20% {
        box-shadow: 0 20px 10px rgba(0, 0, 0, .4);
        animation-timing-function: ease-in
    }
    70% {
        box-shadow: 0 8px 5px rgba(0, 0, 0, .4)
    }
    90% {
        opacity: 0
    }
    to {
        right: 65%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 4px 3px rgba(0, 0, 0, .4)
    }
}

@keyframes ball_in_play_y_home2 {
    0% {
        opacity: 0;
        transform: translateY(5%);
        animation-timing-function: ease-out
    }
    10%,
    90% {
        opacity: 1
    }
    50% {
        transform: translateY(25%);
        animation-timing-function: ease-in
    }
    to {
        opacity: 0;
        transform: translateY(40%);
        animation-timing-function: ease-out
    }
}

@keyframes ball_in_play_x_home2 {
    0% {
        right: 30%;
        opacity: 0;
        animation-timing-function: ease-out
    }
    10%,
    60% {
        opacity: 1
    }
    20% {
        animation-timing-function: ease-in
    }
    90% {
        opacity: 0
    }
    to {
        right: 65%;
        opacity: 0;
        animation-timing-function: ease-out
    }
}

@keyframes ball_in_play_x_shadow2 {
    0% {
        right: 30%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 8px 5px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
    10%,
    60% {
        opacity: 1
    }
    20% {
        box-shadow: 0 20px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03;
        animation-timing-function: ease-in
    }
    70% {
        box-shadow: 0 5px 3px rgba(0, 0, 0, .3), inset 0 0 5px #3b4d03
    }
    90% {
        opacity: 0
    }
    to {
        right: 65%;
        opacity: 0;
        animation-timing-function: ease-out;
        box-shadow: 0 4px 3px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
}

@keyframes setInfo {
    0% {
        transform: scale(0);
        opacity: 0
    }
    70% {
        transform: scale(1.05);
        animation-timing-function: ease-in;
        opacity: 1
    }
    to {
        transform: scale(1);
        opacity: .8
    }
}

@keyframes ball_ace_y_home {
    10% {
        transform: translateY(5%);
        animation-timing-function: ease-out
    }
    35% {
        transform: translateY(38%);
        animation-timing-function: ease-in
    }
    38% {
        transform: translateY(38%);
        animation-timing-function: ease-out
    }
    70% {
        transform: translateY(5%);
        animation-timing-function: ease-in
    }
}

@keyframes ball_ace_x_home {
    9% {
        left: 30%;
        opacity: 0
    }
    10% {
        left: 30%;
        opacity: 1;
        animation-timing-function: ease-out
    }
    35% {
        opacity: 1;
        left: 57%;
        transform: scale(1);
        animation-timing-function: ease-in
    }
    38% {
        transform: scaleY(.5);
        opacity: 1;
        animation-timing-function: ease-out
    }
    40% {
        transform: scaleY(1)
    }
    70% {
        left: 80%;
        opacity: 1;
        animation-timing-function: ease-in
    }
    90% {
        opacity: 0
    }
    to {
        left: 100%;
        animation-timing-function: ease-in;
        opacity: 0
    }
}

@keyframes shadow_ace_x_home {
    9% {
        left: 30%;
        opacity: 0;
        box-shadow: 0 25px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
    10% {
        left: 30%;
        opacity: 1;
        animation-timing-function: ease-out;
        box-shadow: 0 25px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
    35% {
        opacity: 1;
        left: 57%;
        transform: scale(1);
        animation-timing-function: ease-in;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }
    38% {
        transform: scaleY(.5);
        opacity: 1;
        animation-timing-function: ease-out;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }
    40% {
        transform: scaleY(1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }
    70% {
        left: 80%;
        opacity: 1;
        animation-timing-function: ease-in;
        box-shadow: 0 20px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
    90% {
        opacity: 0
    }
    to {
        left: 100%;
        animation-timing-function: ease-in;
        box-shadow: 0 20px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03;
        opacity: 0
    }
}

@keyframes ball_ace_y_away {
    10% {
        transform: translateY(5%);
        animation-timing-function: ease-out
    }
    35% {
        transform: translateY(38%);
        animation-timing-function: ease-in
    }
    38% {
        transform: translateY(38%);
        animation-timing-function: ease-out
    }
    70% {
        transform: translateY(5%);
        animation-timing-function: ease-in
    }
}

@keyframes ball_ace_x_away {
    9% {
        right: 30%;
        opacity: 0
    }
    10% {
        right: 30%;
        opacity: 1;
        animation-timing-function: ease-out
    }
    35% {
        opacity: 1;
        right: 57%;
        transform: scale(1);
        animation-timing-function: ease-in
    }
    38% {
        transform: scaleY(.5);
        opacity: 1;
        animation-timing-function: ease-out
    }
    40% {
        transform: scaleY(1)
    }
    70% {
        right: 80%;
        opacity: 1;
        animation-timing-function: ease-in
    }
    90% {
        opacity: 0
    }
    to {
        right: 100%;
        animation-timing-function: ease-in;
        opacity: 0
    }
}

@keyframes shadow_ace_x_away {
    9% {
        right: 30%;
        opacity: 0;
        box-shadow: 0 25px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
    10% {
        right: 30%;
        opacity: 1;
        animation-timing-function: ease-out;
        box-shadow: 0 25px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
    35% {
        opacity: 1;
        right: 57%;
        transform: scale(1);
        animation-timing-function: ease-in;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }
    38% {
        transform: scaleY(.5);
        opacity: 1;
        animation-timing-function: ease-out;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }
    40% {
        transform: scaleY(1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }
    70% {
        right: 80%;
        opacity: 1;
        animation-timing-function: ease-in;
        box-shadow: 0 20px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
    90% {
        opacity: 0
    }
    to {
        right: 100%;
        animation-timing-function: ease-in;
        box-shadow: 0 20px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03;
        opacity: 0
    }
}

.game-video p {
    padding: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #637aa9
}

video {
    float: left;
    width: 100%
}

.animation-video-wrapper {
    float: left;
    width: 100%
}

.animation-v-nav-view {
    float: left;
    width: 100%;
    padding: 0 30px 0 0;
    position: relative;
    height: 30px;
    background: #2a344f;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15);
    margin: 1px 0
}

.tab-video-nav-b {
    float: left;
    width: 100%;
    display: table;
    padding: 0;
    height: 30px;
    table-layout: fixed
}

.video-animation-button-m {
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #0a151d;
    color: #637aa9;
    font-size: 12px;
    padding: 0 5px;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.video-animation-button-m.active {
    box-shadow: inset 0 -2px 0 #d71082;
    color: #f1f1f7
}

.arrow-toggle-view {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    font: 20px/30px icomoon;
    text-align: center;
    color: #637aa9
}

.arrow-toggle-view:before {
    content: "\E671"
}

.collapsed .arrow-toggle-view:before {
    content: "\E670"
}

.wrapper-v-a-view {
    float: left;
    width: 100%;
    overflow: hidden;
    height: auto;
    max-height: 600px;
    transition: max-height .45s
}

.collapsed+.wrapper-v-a-view {
    max-height: 0;
    transition: max-height .3s
}

.live-game-score {
    float: left;
    width: 100%;
    background-color: #262020;
    background-repeat: no-repeat;
    background-position: 64% 50%;
    background-size: cover
}

.live-game-score.score-CyberFootball,
.live-game-score.score-Soccer {
    background-image: url(/./sportodds/images/football-bg_8b7b293dfdf3058283ad487cd8dc6fe5.jpg);
    background-position: 0 75%
}

.live-game-score.score-Tennis {
    background-image: url(/./sportodds/images/tennis_ffdf78b54add1d68c3d1a07f6861d055.jpg)
}

.live-game-score.score-Basketball,
.live-game-score.score-EBasketball {
    background-image: url(/./sportodds/images/basketball_d1be1899831ecae376ff19e2a6090657.jpg)
}

.live-game-score.score-Volleyball {
    background-image: url(/./sportodds/images/valleyball_9afd31614c5421a1b80cf09b3aa2cfa6.jpg)
}

.live-game-score.score-TableTennis {
    background-image: url(/./sportodds/images/tab_tennis_fb7cdec1f781c7cc7f9a002b17537a24.jpg)
}

.live-game-score.score-Baseball {
    background-image: url(/./sportodds/images/baceball_7a125710883b37dd9d8b7704296b1c45.jpg)
}

.live-game-score.score-Badminton {
    background-image: url(/./sportodds/images/badmenton_699dc1f29fd5b9a94548eb8c51c1afa0.jpg)
}

.live-game-score.score-Boxing {
    background-image: url(/./sportodds/images/box_5c321d2106b28f73dbe5a1fb15099796.jpg)
}

.live-game-score.score-Cycling {
    background-image: url(/./sportodds/images/cycling_fd09f613a3c066d56b24c51809a30031.jpg)
}

.live-game-score.score-Futsal {
    background-image: url(/./sportodds/images/footsal_0856e7e2fd4743c5de1bb77293989dfe.jpg)
}

.live-game-score.score-IceHockey {
    background-image: url(/./sportodds/images/ice_hockey_ac061e9dca729b54d7e21109d051017e.jpg)
}

.live-game-score.score-Horseracing .game-horse-racing {
    background-image: url(/./sportodds/images/horse_racing_c9222974e6665e6cc80c7f0d39ce6b09.jpg);
    background-size: cover
}

.live-game-score.score-Snooker {
    background-image: url(/./sportodds/images/snooker2_178ce4118d3d3c6b915e66ab71453f42.jpg)
}

.live-game-score.score-Cricket {
    background-image: url(/./sportodds/images/Cricket_4c4b42efe1e922a28c2702784430f45a.jpg)
}

.live-game-score.score-Rugby {
    background-image: url(/./sportodds/images/rugby_afd6418e396e98fd61f3f1d1a294363e.jpg)
}

.live-game-score.score-Golf {
    background-image: url(/./sportodds/images/golf_7e8658b0d628cb19b0394bff02f3b4e8.jpg)
}

.live-game-score.score-Handball {
    background-image: url(/./sportodds/images/handball_e65e550548a47fc2d2d8c28c6dada358.jpg)
}

.live-game-score.score-BeachVolleyball {
    background-image: url(/./sportodds/images/b_Volleyball_98fbf387369b552da44c9bb9d6849f0e.jpg)
}

.live-game-score.score-Wrestling {
    background-image: url(/./sportodds/images/Wrestling1_9bf4f4181412b3f358475c03d5baaa97.jpg)
}

.live-game-score.score-AmericanFootball {
    background-image: url(/./sportodds/images/amer_fball_59413f5b846c682d0411301636cc071d.jpg)
}

.live-game-score.score-Dota,
.live-game-score.score-Dota2 {
    background-image: url(/./sportodds/images/dota_e4e5122343ad03fbf0fd683bc831095d.jpg)
}

.live-game-score.score-LeagueOfLegends {
    background-image: url(/./sportodds/images/league-of-legends_c91e6b260e1f80746784804f601f6da1.jpg)
}

.live-game-score.score-StarCraft {
    background-image: url(/./sportodds/images/star-craft_d0aec505f1f749927c23a51955d04f96.jpg)
}

.live-game-score.score-CounterStrike {
    background-image: url(/./sportodds/images/counter-strike_55f03827b8d5801a103c5738ec258a41.jpg)
}

.live-game-score.score-CallofDuty {
    background-image: url(/./sportodds/images/callofduty_a5e3fc175045604bc469301011eae5f2.jpg)
}

.game-statistic-view {
    float: left;
    width: 100%;
    margin: 0;
    background: rgba(40, 44, 56, .4);
    padding: 0 0 8px
}

.game-statistic-view>table {
    float: left;
    width: 100%;
    table-layout: fixed;
    padding: 5px
}

.game-statistic-view>table tr td {
    text-align: center;
    padding: 8px 2px 2px;
    vertical-align: middle;
    width: 26px;
    color: #fff
}

.game-statistic-view>table tr td:first-child {
    text-align: left;
    width: 52%
}

.game-statistic-view>table tr:first-child td {
    padding: 5px 2px;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    color: #fff
}

.name-wrapper-s {
    float: left;
    width: 100%;
    padding: 0 0 0 5px
}

.team-name-statistic {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

td.pass {
    display: none
}

td.pass.active {
    display: table-cell
}

.mini-icon {
    font-weight: 400;
    font: 12px/14px Sport-icons;
    float: left
}

.pass>.mini-icon:before {
    color: #b5c0d7
}

.game-score-view {
    float: left;
    width: 100%;
    padding: 10px 5px;
    margin: 0;
    color: #fff
}

.game-score-view>ul {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed
}

.game-score-view>ul>li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px
}

.team-name-statistic-view {
    width: 100%;
    font-size: 11px;
    line-height: 16px
}

.game-score-view>ul>li:first-child {
    text-align: right
}

.team-name-statistic-view>p {
    float: left;
    width: 100%;
    display: table
}

.team-name-score-v {
    display: table-cell;
    vertical-align: middle
}

.team-name-score-v>i {
    float: left;
    font-style: normal;
    width: 100%
}

.team-name-statistic-view>p>b {
    font-weight: 400;
    display: table-cell;
    vertical-align: middle
}

.team-name-statistic-view>p>b>img {
    max-width: 24px;
    display: block;
    float: left;
    margin: 0 5px 0 0
}

.game-score-view>ul>li:first-child>p>b>img {
    float: right;
    margin: 0 0 0 5px
}

.draw-column-view {
    width: 46%;
    white-space: nowrap;
    font-size: 20px;
    line-height: 24px;
    text-align: center
}

.live-game-stats {
    float: left;
    width: 100%;
    margin: 0 0 4px
}

.statistic-view-m {
    float: left;
    width: 50%;
    background: #222e47;
    margin: 0;
    padding: 5px 30px;
    text-align: center
}

.statistic-view-m>p {
    float: left;
    width: 100%;
    font-size: 10px;
    line-height: 12px;
    color: #f1f1f7;
    padding: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.statistic-line-view {
    float: left;
    width: 100%;
    height: 4px;
    display: table;
    text-align: center;
    margin: 0 0 5px
}

.statistic-line-view>span {
    display: table-cell;
    background: #fff;
    position: relative
}

.statistic-line-view>span:first-child {
    background: red
}

.statistic-line-view>span>i {
    position: absolute;
    text-align: center;
    width: 20px;
    font-size: 10px;
    line-height: 12px;
    font-style: normal;
    top: -4px;
    right: -24px;
    display: block
}

.statistic-line-view>span:first-child>i {
    right: auto;
    left: -24px
}

.live-game-stats-table {
    float: left;
    width: 100%;
    background: #222e47;
    padding: 0;
    margin: 0 0 1px
}

.game-list-statistics {
    float: left;
    width: 100%;
    font-size: 10px;
    line-height: 12px;
    table-layout: fixed;
    box-shadow: inset 0 -1px 0 hsla(0, 0%, 100%, .06)
}

.game-list-statistics tr th {
    font-weight: 400;
    padding: 4px 2px;
    background: #222e47;
    border-left: 1px solid transparent;
    position: relative
}

.game-list-statistics tr td,
.game-list-statistics tr th {
    vertical-align: middle;
    text-align: center;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06)
}

.game-list-statistics tr td {
    padding: 5px 2px;
    border-left: 1px solid hsla(0, 0%, 100%, .06);
    background: #2a344f
}

.game-list-statistics tr td b {
    font-weight: 400
}

.game-list-statistics tr td:first-child {
    border-left: none
}

.game-list-statistics tr td:first-child,
.game-list-statistics tr th:first-child {
    width: 30%;
    text-align: left;
    padding-left: 5px
}

.game-list-statistics tr th i {
    font-style: normal
}

.r-card,
.y-card {
    display: inline-block;
    vertical-align: top;
    width: 9px;
    height: 11px
}

.corner>i,
.icon-offside>i,
.icon-substitution>i,
.penalty>i,
.r-card>i,
.y-card>i {
    position: absolute;
    left: -9999em;
    top: 0
}

.y-card:before {
    background: #ff0
}

.r-card:before,
.y-card:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%
}

.r-card:before {
    background: red
}

.corner {
    width: 11px;
    height: 11px
}

.corner,
.penalty {
    display: inline-block;
    vertical-align: top
}

.penalty {
    width: 12px;
    height: 12px
}

.corner:before {
    content: "\E90E";
    font: 11px/11px icomoon;
    color: #fff
}

.penalty:before {
    content: "}";
    font: 12px/12px icomoon;
    color: #fff
}

.icon-offside {
    display: inline-block;
    vertical-align: top;
    width: 11px;
    height: 11px
}

.icon-offside:before {
    font: 11px/11px icomoon;
    color: #fff;
    content: "\E943"
}

.icon-substitution {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px
}

.icon-substitution:before {
    font: 12px/12px icomoon;
    color: #fff;
    content: "|"
}

.timeline-container {
    position: relative;
    float: left;
    width: 100%;
    height: 36px;
    background: #3e6822;
    margin: 15px 0 5px
}

.timeline-control {
    position: absolute;
    width: 97%;
    height: 32px;
    color: #fff;
    text-align: left;
    font: 12px/12px arial;
    box-shadow: inset 1px 0 0 #fff, inset -1px 0 0 #fff
}

.timeline-control:before {
    content: "\A0   0";
    position: absolute;
    left: 0;
    width: 103%;
    top: calc(50% - 12px);
    border-bottom: 1px solid #fff;
    box-shadow: inset 0 -6px 6px rgba(0, 0, 0, .3), 0 6px 6px rgba(0, 0, 0, .3)
}

.timeline-control:after {
    content: "9 0";
    position: absolute;
    left: calc(100% - 9px);
    top: calc(50% - 12px);
    white-space: nowrap
}

.timeline-control span.tl-6-0,
.timeline-control span.tl-20,
.timeline-control span.tl-40,
.timeline-control span.tl-80 {
    display: none
}

.timeline-control span {
    position: absolute;
    top: 0;
    width: 11.11111%;
    height: 100%;
    box-shadow: inset -1px 0 0 #fff;
    text-shadow: 1px 1px 0 #000
}

.timeline-control span:before {
    position: absolute;
    left: calc(100% - 9px);
    top: calc(50% - 12px);
    white-space: nowrap
}

.timeline-control span:after {
    content: "";
    position: absolute;
    top: 25%;
    width: 50%;
    height: 50%;
    box-shadow: inset 1px 0 0 #fff, inset -1px 0 0 #fff
}

.timeline-control span.tl-15 {
    left: 5.55556%
}

.timeline-control span.tl-15:before {
    content: "1 5"
}

.timeline-control span.tl-30 {
    left: 22.22224%
}

.timeline-control span.tl-30:before {
    content: "3 0"
}

.timeline-control span.tl-45 {
    left: 38.88892%;
    box-shadow: inset -2px 0 0 #fff
}

.timeline-control span.tl-45:before {
    content: "4 5"
}

.timeline-control span.tl-60 {
    left: 55.5556%
}

.timeline-control span.tl-60:before {
    content: "6 0"
}

.timeline-control span.tl-75 {
    left: 72.22228%
}

.timeline-control span.tl-75:before {
    content: "7 5"
}

.timeline-control span.tl-90 {
    left: 88.88896%;
    box-shadow: inset -2px 0 0 #fff
}

.timeline-control span.ht-ft:before {
    content: "H T";
    left: -9px;
    top: -10px;
    box-shadow: none
}

.timeline-control span.ht-ft:after {
    content: "F T";
    left: calc(100% - 9px);
    top: -10px;
    box-shadow: none;
    width: 6%
}

.timeline-control.tl-80 span.ht-ft,
.timeline-control span.ht-ft {
    width: 50%;
    left: 50%;
    font: 10px/10px arial;
    font-weight: 700
}

.timeline-control.tl-80:after {
    content: "8 0"
}

.timeline-control.tl-80 span.tl-15,
.timeline-control.tl-80 span.tl-30,
.timeline-control.tl-80 span.tl-45,
.timeline-control.tl-80 span.tl-60,
.timeline-control.tl-80 span.tl-75,
.timeline-control.tl-80 span.tl-90 {
    display: none
}

.timeline-control.tl-80 span.tl-6-0,
.timeline-control.tl-80 span.tl-20,
.timeline-control.tl-80 span.tl-40,
.timeline-control.tl-80 span.tl-80 {
    display: block
}

.timeline-control.tl-80 span {
    width: 16.66667%
}

.timeline-control.tl-80 span.tl-20 {
    left: 8.33333%
}

.timeline-control.tl-80 span.tl-40 {
    left: 33.33332%;
    box-shadow: inset -2px 0 0 #fff
}

.timeline-control.tl-80 span.tl-6-0 {
    left: 58.33331%
}

.timeline-control.tl-80 span.tl-80 {
    left: 83.3333%;
    box-shadow: inset -2px 0 0 #fff
}

.timeline-control.tl-80 span.tl-20:before {
    content: "2 0"
}

.timeline-control.tl-80 span.tl-40:before {
    content: "4 0"
}

.timeline-control.tl-80 span.tl-6-0:before {
    content: "6 0"
}

.timeline-control.extra:after {
    content: "3 0"
}

.timeline-control.extra span.tl-15:before {
    content: " 5"
}

.timeline-control.extra span.tl-30:before {
    content: "1 0"
}

.timeline-control.extra span.tl-45:before {
    content: "1 5"
}

.timeline-control.extra span.tl-60:before {
    content: "2 0"
}

.timeline-control.extra span.tl-75:before {
    content: "2 5"
}

.timeline-control.extra.tl-80:after {
    content: "2 0"
}

.timeline-control.extra.tl-80 span.tl-20:before {
    content: "5"
}

.timeline-control.extra.tl-80 span.tl-40:before {
    content: "1 0"
}

.timeline-control.extra.tl-80 span.tl-6-0:before {
    content: "1 5"
}

.tl-data {
    position: relative;
    height: 100%;
    width: 97%
}

.tl-data .current-minute {
    position: absolute;
    top: 10%;
    height: 80%;
    background: rgba(255, 181, 73, .2)
}

.tl-data .tl-info {
    position: absolute;
    top: 4px;
    width: 17px;
    height: 37px;
    margin-left: -9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAlCAMAAACTWPJzAAAAS1BMVEUAAAAAAQHp6ekAAQGysrLg4OD7+/u2trYAAQHi4uJ3d3f7+/v7+/u5ubna2tr7+/scHBz7+/tBQUH7+/sAAQH8/PxNTU1AQEBwcHAGlJTOAAAAFXRSTlMAjP5+EufLLikY9e7i3NCwsJtKKBbf1J2ZAAAAYUlEQVQoz+3ISw6AMAhFUaBVW/8/qvtfqQ0JscSJI0feEJJ3QGMGG/7yiQzMi4GRc9O9fcVS7Q0IRYGGZKWUXx8VVLjbYNeZTwJ8iky991ImQhYI8CQDLbj5MK0QHBa5ABe+AhOYRgr/tgAAAABJRU5ErkJggg==) no-repeat
}

.tl-data .team1-tl-corner,
.tl-data .team1-tl-exchange,
.tl-data .team1-tl-goal,
.tl-data .team1-tl-red_card,
.tl-data .team1-tl-yellow_card {
    position: absolute;
    bottom: 100%
}

.tl-data .team1-tl-goal {
    top: -2px
}

.tl-data .team2-tl-corner,
.tl-data .team2-tl-exchange,
.tl-data .team2-tl-goal,
.tl-data .team2-tl-red_card,
.tl-data .team2-tl-yellow_card {
    position: absolute;
    top: 100%;
    margin-top: -15px
}

.tl-data .tl-goal {
    position: absolute;
    opacity: 1;
    width: 12px;
    height: 12px;
    background-color: #1e2941;
    background-size: 80%;
    background-position: 108% 35%;
    border-radius: 50%;
    box-shadow: 2px 5px 1px rgba(0, 0, 0, .3), inset 1px -2px 2px rgba(0, 0, 0, .57)
}

.tl-goal:before {
    font: 12px/12px Sport-icons;
    content: "\E66F";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    color: #fff
}

.tl-data .tl-corner {
    position: absolute;
    overflow: hidden;
    height: 15px;
    width: 15px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: scale(.65);
    transform: scale(.65);
    box-shadow: -1px 1px 0 #000;
    z-index: 5
}

.tl-data .tl-corner:after {
    content: "";
    top: 5px;
    left: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    border: 2px solid #fff;
    box-shadow: inset 0 1px 0 #000
}

.tl-data .tl-card,
.tl-data .tl-red_card,
.tl-data .tl-yellow_card {
    position: absolute;
    width: 10px;
    height: 12px;
    border-radius: 20%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .5)
}

.tl-data .tl-yellow_card {
    background: #fc0
}

.tl-data .tl-red_card {
    background: red
}

.tl-data .tl-details {
    position: absolute;
    display: none;
    left: 6px;
    bottom: 8px;
    padding: 4px 5px;
    margin-left: -20px;
    box-shadow: 0 1px 2px #111;
    background: #fff;
    color: #000;
    white-space: nowrap;
    vertical-align: bottom;
    text-transform: capitalize;
    font-size: 10px;
    line-height: 12px;
    z-index: 100
}

.tl-data .tl-details:after,
.tl-data .tl-details:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 15px;
    width: 0;
    height: 0;
    border-width: .5em;
    border-style: solid;
    border-color: #fff transparent transparent
}

.tl-data .tl-details:before {
    border-color: rgba(0, 0, 0, .5) transparent transparent;
    top: calc(100% + 1px)
}

.tl-data>div:hover .tl-details {
    display: block
}

.additional-game-info {
    float: left;
    width: 100%;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 14px;
    color: #637aa9
}

.additional-info {
    margin: 0 0 1px
}

.animation-stat-tabs {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
    text-align: center;
    background: #2a344f;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15);
    height: 24px;
    margin: 1px 0 2px
}

.view-game-additional-info {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    font-size: 10px;
    padding: 3px 5px 5px;
    line-height: 12px;
    border-right: 1px solid #0a151d;
    color: #637aa9;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden
}

.view-game-additional-info:first-child {
    border-left: 1px solid #0a151d
}

.view-game-additional-info.active {
    box-shadow: inset 0 -2px 0 #d71082;
    color: #f1f1f7
}

.view-game-additional-info.one {
    padding: 0 30px 0 0;
    position: relative;
    box-shadow: none;
    color: #f1f1f7
}

.view-game-additional-info.one:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 24px;
    display: block;
    text-align: center;
    font: 16px/24px icomoon;
    content: "\E670";
    color: #637aa9;
    background: #2a344f;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15), inset 1px 0 0 #0a151d;
    z-index: 11
}

.view-game-additional-info.one.active:before {
    content: "\E671";
    color: #f1f1f7
}

.change-password-container-m {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px;
    margin: 0 0 1px
}

.change-password-form-item-m {
    float: left;
    width: 100%
}

.change-password-form-item-m>label {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: #93a3cb;
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.change-password-form-item-m>.single-form-item {
    margin-bottom: 10px
}

.change-password-form-item-m.error>.single-form-item {
    margin-bottom: 35px
}

.my-details-container-m {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px;
    margin: 0 0 1px
}

.details-form-item-m {
    float: left;
    width: 100%
}

.details-form-item-m>label {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: #93a3cb;
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.details-form-item-m>.single-form-item {
    margin-bottom: 25px
}

.text-info-p-m {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.text-info-p-m>p {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: #637aa9
}

.error-text-contain {
    color: #e9044a
}

.error-text-contain,
.success {
    float: left;
    width: 100%;
    padding: 5px 0;
    font-size: 12px;
    line-height: 14px
}

.success {
    color: #1a7051
}

.error-message {
    float: left;
    width: 100%;
    padding: 5px 0 0;
    font-size: 12px;
    line-height: 14px;
    color: #e9044a
}

.form-p-i-m .error-message {
    position: relative;
    top: -5px
}

.single-form-item>input:read-only {
    color: #c3953c;
    pointer-events: none
}

.single-form-item>input:-moz-read-only {
    color: #c3953c;
    pointer-events: none
}

.error>.single-form-item>input,
.error>.single-form-item>input:focus {
    border-color: #e9044a
}

.self-exclusion-container-m {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px;
    margin: 0 0 1px
}

.self-exclusion-form-item-m {
    float: left;
    width: 100%
}

.self-exclusion-form-item-m>label {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: #93a3cb;
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.self-exclusion-form-item-m>.single-form-item {
    margin-bottom: 10px
}

.self-exclusion-container-m>div>p {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
    padding: 0 0 10px
}

.radio-form-item {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.radio-form-item>label {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    padding: 5px 0 5px 20px;
    position: relative;
    min-height: 20px;
    margin: 0 0 5px
}

.radio-form-item>label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #637aa9;
    z-index: 10
}

.radio-form-item>label>input {
    position: absolute;
    left: -9999em;
    opacity: 0
}

.radio-form-item>label>input:checked+span:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #182138;
    z-index: 21
}

.self-exclusion-container-m {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px;
    margin: 0 0 1px
}

.self-exclusion-form-item-m {
    float: left;
    width: 100%
}

.self-exclusion-form-item-m>label {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: #93a3cb;
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.self-exclusion-form-item-m>.single-form-item {
    margin-bottom: 10px
}

.self-exclusion-container-m>p {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
    padding: 0 0 10px
}

.radio-form-item {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.radio-form-item>label {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    padding: 5px 0 5px 20px;
    position: relative;
    min-height: 20px;
    margin: 0 0 5px
}

.radio-form-item>label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #637aa9;
    z-index: 10
}

.radio-form-item>label>input {
    position: absolute;
    left: -9999em;
    opacity: 0
}

.radio-form-item>label>input:checked+span:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #182138;
    z-index: 21
}

.self-exclusion-container-m {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px;
    margin: 0 0 1px
}

.self-exclusion-form-item-m {
    float: left;
    width: 100%
}

.self-exclusion-form-item-m>label {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: #93a3cb;
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.self-exclusion-form-item-m>.single-form-item {
    margin-bottom: 10px
}

.self-exclusion-container-m>p {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
    padding: 0 0 10px
}

.radio-form-item {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.radio-form-item>label {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    padding: 5px 0 5px 20px;
    position: relative;
    min-height: 20px;
    margin: 0 0 5px
}

.radio-form-item>label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #637aa9;
    z-index: 10
}

.radio-form-item>label>input {
    position: absolute;
    left: -9999em;
    opacity: 0
}

.radio-form-item>label>input:checked+span:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #182138;
    z-index: 21
}

.self-exclusion-container-m {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px;
    margin: 0 0 1px
}

.self-exclusion-form-item-m,
.self-exclusion-form-item-m>label {
    float: left;
    width: 100%;
    overflow: hidden
}

.self-exclusion-form-item-m>label {
    font-size: 13px;
    line-height: 16px;
    color: #93a3cb;
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.self-exclusion-form-item-m>.single-form-item {
    margin-bottom: 10px
}

.self-exclusion-container-m>p {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
    padding: 0 0 10px
}

.radio-form-item {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.radio-form-item>label {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    padding: 5px 0 5px 20px;
    position: relative;
    min-height: 20px;
    margin: 0 0 5px
}

.radio-form-item>label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #637aa9;
    z-index: 10
}

.radio-form-item>label>input {
    position: absolute;
    left: -9999em;
    opacity: 0
}

.radio-form-item>label>input:checked+span:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #182138;
    z-index: 21
}

.profile-info-contain-m,
.top-profile-info {
    float: left;
    width: 100%;
    margin: 0
}

.top-profile-info {
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 20px 15px
}

.top-profile-info>p {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: #637aa9
}

.upload-file-info {
    float: left;
    width: 100%;
    background: #31666c;
    border-top: 1px solid #3ad2cd;
    border-bottom: 1px solid #3ad2cd;
    padding: 12px 15px;
    margin: 0 0 2px
}

.upload-file-info>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: #b5c0d7
}

.profile-text-container-separator {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 20px 15px 10px;
    margin: 0 0 1px
}

.profile-text-container-separator>h3 {
    float: left;
    width: 100%;
    color: #93a3cb;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 10px
}

.profile-text-container-separator>p {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 10px
}

.profile-form-contain-m {
    float: left;
    width: 100%
}

.profile-form-contain-m>h4 {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    margin: 5px 0
}

.form-p-i-m {
    float: left;
    width: 100%
}

.form-p-i-m>.select-contain-m {
    float: left;
    width: 100%;
    height: 38px;
    margin: 0 0 10px
}

.form-p-i-m>.select-contain-m>select {
    width: 100%;
    height: 38px
}

.form-p-i-m>.select-contain-m:before {
    line-height: 22px;
    top: 8px;
    height: 22px
}

.imp-file-box {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.inputfile+label {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 38px;
    color: #637aa9;
    font-weight: 400;
    display: table
}

.inputfile+label>span {
    display: table-cell;
    box-shadow: inset 1px 0 0 #637aa9, inset 0 1px 0 #637aa9, inset 0 -1px 0 #637aa9;
    padding: 0 10px;
    width: 100%
}

.inputfile+label>i {
    display: table-cell;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
    background: #d71082;
    padding: 0 15px;
    text-align: center
}

.profile-view-wrapper {
    float: left;
    width: 100%
}

.title-separator-contain-b {
    float: left;
    width: 100%;
    height: 40px;
    background: #222e47;
    margin: 0 0 1px;
    position: relative
}

.title-separator-contain-b>h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    padding: 0 40px;
    text-transform: uppercase;
    color: #93a3cb;
    position: relative
}

.page-menu-contain {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: #182138;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: 36px;
    margin: 0 0 4px
}

.page-menu-contain::-webkit-scrollbar {
    display: none;
    width: 0
}

.page-menu-contain>ul {
    padding: 0
}

.page-menu-contain>ul>li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 36px;
    margin: 0 7px
}

.page-menu-contain>ul>li>a {
    display: block;
    text-decoration: none;
    padding: 0 8px;
    color: #637aa9
}

.page-menu-contain>ul>li>a.active {
    box-shadow: inset 0 -2px 0 #d71082;
    color: #fff
}

.payment-text-container {
    float: left;
    width: 100%;
    padding: 0 0 5px 10px;
    font-size: 12px;
    line-height: 16px;
    color: #93a3cb
}

.betshop-list-v-m {
    float: left;
    width: 100%;
    padding: 10px
}

.deposit-form-container .betshop-list-v-m {
    padding: 0
}

.betshop-list-v-m>label {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #304262;
    text-transform: uppercase;
    color: #b5c0d7
}

.separator-box-buttons-m.second ul,
.status-update-m {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed
}

.separator-box-buttons-m.second li,
.status-update-m li {
    display: table-cell;
    vertical-align: middle
}

.separator-box-buttons-m.second li:nth-child(2),
.separator-box-buttons-m.second li:nth-child(3),
.status-update-m li:nth-child(2),
.status-update-m li:nth-child(3) {
    width: 20%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.status-update-m li p,
.status-update-m li span {
    color: #b5c0d7;
    font-size: 14px;
    line-height: 38px;
    text-transform: uppercase
}

.status-update-m .update-button {
    display: block;
    float: left;
    position: relative;
    padding: 0 30px 0 0
}

.status-update-m .update-button:after {
    position: absolute;
    display: block;
    font: 16px/22px icomoon;
    content: "\E6F4";
    color: #b5c0d7;
    top: 6px;
    right: 0
}

.separator-box-buttons-m.second {
    float: left;
    width: 100%;
    background: #1e2941;
    padding: 10px
}

.separator-box-buttons-m.second li span {
    color: #d71082;
    text-transform: uppercase
}

.separator-box-buttons-m.second li p {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
    padding: 0 0 10px
}

.iframe-wrapper {
    float: left;
    width: 100%
}

.iframe-wrapper>iframe {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 580px;
    max-height: 580px
}

.balances-wrapper {
    padding: 0
}

.amount-container,
.balance-view-t,
.balances-wrapper {
    float: left;
    width: 100%
}

.balance-view-t {
    margin: 0 0 10px;
    display: table;
    table-layout: fixed;
    font-weight: 400
}

.balance-view-t>span {
    text-transform: uppercase;
    color: #b5c0d7
}

.balance-view-t>i,
.balance-view-t>span {
    display: table-cell;
    vertical-align: top;
    font-size: 13px;
    line-height: 14px
}

.balance-view-t>i {
    font-style: normal;
    text-align: right;
    color: #1a7051
}

.filter-view-b.transfer-view-m {
    padding: 10px 0 0;
    background: none
}

.deposit-methods,
.deposits-wrapper {
    float: left;
    width: 100%
}

.deposit-methods {
    background: #182138
}

.single-method-deposit {
    float: left;
    width: 100%;
    background: #1e2941;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 0 0 1px;
    height: 60px;
    padding: 11px 10px 9px
}

.single-method-deposit>ul {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed
}

.single-method-deposit>ul>li {
    display: table-cell;
    vertical-align: middle
}

.single-method-deposit>ul>li:first-child {
    width: 70px
}

.deposit-m-icon {
    float: left;
    width: 70px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin: 0
}

.single-method-deposit>ul>li>.deposit-method-b>.button-view-normal-m {
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis
}

.deposit-method-b {
    float: right
}

.name-d-method {
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #637aa9;
    width: 100%;
    padding: 0 0 0 10px;
    text-align: left
}

.name-d-method>i {
    font-style: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.balance-view-wrapper,
.filter-view-b {
    float: left;
    width: 100%
}

.filter-view-b {
    background: #1d283d;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px 10px;
    margin: 0 0 2px
}

.column-view-form-m {
    float: left;
    width: 100%
}

.column-view-form-m>ul {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed
}

.column-view-form-m>ul>li {
    display: table-cell;
    vertical-align: top;
    padding: 0 5px;
    width: 50%
}

.column-view-form-m>ul>li:first-child {
    padding-left: 0
}

.column-view-form-m>ul>li:last-child {
    padding-right: 0
}

.balance-history-inf-b {
    float: left;
    width: 100%;
    background: #2b3553;
    margin: 0 0 4px
}

.balance-history-inf-b:nth-child(2n) {
    background: #222e47
}

.single-b-row-m {
    float: left;
    width: 100%;
    border-bottom: 1px solid #182138;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 5px
}

.single-b-row-m:last-child {
    border: none
}

.balance-h-row-b {
    float: left;
    width: 100%;
    display: table;
    padding: 2px 0
}

.balance-h-row-b>h5,
.balance-h-row-b>h6 {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    font-weight: 400;
    padding: 0 5px
}

.balance-h-row-b>h5 {
    font-size: 14px;
    line-height: 16px;
    color: #93a3cb;
    text-transform: uppercase
}

.balance-h-row-casino-b {
    float: left;
    width: 100%;
    padding: 2px 0
}

.balance-h-row-casino-b>h5 {
    font-size: 14px;
    line-height: 16px;
    color: #f1f1f7;
    font-weight: 400;
    padding: 0 5px
}

.balance-h-row-b>h5.yellow {
    color: #b6862e
}

.balance-h-row-b>h5.green {
    color: #1a7051
}

.balance-h-row-b>h5.red {
    color: #e9044a
}

.balance-h-row-b>h6 {
    color: #93a3cb;
    font-size: 12px;
    line-height: 14px
}

.second-r-b>.balance-h-row-b>h6 {
    color: #637aa9
}

.balance-h-row-b>p,
.balance-h-row-b>span {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    padding: 0 5px
}

.balance-h-row-b>span {
    color: #637aa9;
    font-size: 12px;
    line-height: 16px
}

.balance-h-row-b>p {
    color: #b5c0d7;
    font-size: 14px;
    line-height: 16px
}

.balance-h-row-b>p>i {
    font-style: normal
}

.second-r-b>.balance-h-row-b>p {
    color: #1a7051
}

p.no-transactions {
    float: left;
    width: 100%;
    margin: 5px 0 0;
    padding: 10px;
    color: #637aa9;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.balance-view-progress-b {
    margin: 0 0 10px;
    padding: 0 10px;
    background: #1e2941
}

.balance-view-progress-b,
.balance-view-progress-b>ul {
    width: 100%;
    box-sizing: border-box;
    float: left
}

.balance-view-progress-b>ul>li {
    float: left;
    box-sizing: border-box;
    padding: 5px;
    height: 60px;
    margin: 0
}

.bonus-progress-info {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 15px
}

.bonus-progress-info>p {
    display: table-cell;
    box-sizing: border-box
}

.bonus-progress-info>p span {
    float: right;
    width: 100%;
    text-transform: uppercase;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.bonus-progress-info>p span:first-child {
    color: #f1f1f7;
    font-size: 13px;
    font-weight: 700
}

.bonus-progress-info>p:nth-child(2)>span {
    text-align: right
}

.bonus-progress-info>p span:last-child {
    font-size: 9px;
    color: #637aa9
}

.bonus-progress-info>p:last-child span:first-child {
    color: #1a7152;
    font-size: 14px;
    font-weight: 700
}

.bonus-statistic-box {
    float: left;
    width: 100%;
    height: 4px;
    box-sizing: border-box;
    background: #637aa9
}

.bonus-statistic-box .progress-bonus-view-b {
    background: #1a7051;
    height: 4px
}

.total-balance-view-b {
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: right
}

.total-balance-view-b>h4 {
    float: left;
    width: 100%;
    box-sizing: border-box;
    font: 10px/14px Roboto, sans-serif;
    color: #637aa9;
    text-transform: uppercase;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 0 5px
}

.total-balance-view-b>p {
    float: left;
    width: 100%;
    box-sizing: border-box;
    font: 16px/18px Roboto, sans-serif;
    color: #f1f1f7
}

.balance-view-progress-b>ul>li:first-child {
    width: calc(100% - 100px);
    box-sizing: border-box
}

.balance-view-progress-b>ul>li {
    width: 100px
}

.bonus-page-wrapper,
.bonus-wrapper {
    float: left;
    width: 100%
}

.single-bonus-container {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 4px 0 0;
    padding: 12px 10px
}

.single-bonus-container:first-child {
    margin: 0
}

.bonus-title-view {
    float: left;
    width: 100%;
    margin: 0 0 12px
}

.bonus-title-view>h3 {
    font-weight: 400;
    color: #93a3cb;
    font-size: 14px;
    line-height: 16px
}

.bonus-info-contain,
.bonus-title-view>h3 {
    float: left;
    width: 100%
}

.bonus-info-contain>ul {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed
}

.bonus-info-contain>ul>li {
    display: table-cell;
    vertical-align: top
}

.bonus-info-contain>ul>li:first-child {
    width: 118px
}

.bonus-icon-view {
    float: left;
    width: 118px;
    height: 120px;
    background: #33425f;
    font: 50px/120px icomoon;
    text-align: center;
    color: #788bb8
}

.bonus-icon-view:before {
    content: "\E90A";
    color: #b6862e
}

.claim-b {
    float: left;
    width: 100%;
    padding: 0 18px;
    position: relative;
    margin: -20px 0 0
}

.claim-b>.button-view-normal-m {
    min-width: 100%;
    width: auto
}

.bonus-info-contain>ul>li>p {
    float: left;
    width: 100%;
    color: #637aa9;
    font-size: 12px;
    line-height: 14px;
    padding: 0 0 5px 10px
}

.more-bonus-info {
    float: left;
    width: 100%;
    padding: 10px 0 0 10px
}

.more-bonus-info>span {
    font-size: 14px;
    line-height: 16px;
    color: #d71082
}

.bonus-more-view-wrapper,
.title-info-bonus {
    float: left;
    width: 100%
}

.title-info-bonus {
    position: relative;
    padding: 0 38px 0 15px;
    height: 40px;
    background: #182138;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 1px 0 0
}

.title-info-bonus>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 40px;
    color: #637aa9;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.bonus-info-arrow {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 40px;
    text-align: center;
    font: 20px/40px icomoon;
    color: #637aa9
}

.bonus-info-arrow:before {
    content: "\E670"
}

.title-info-bonus.active>.bonus-info-arrow:before {
    content: "\E671"
}

.sub-info-contain {
    float: left;
    width: 100%;
    overflow: hidden;
    height: auto;
    max-height: 0;
    transition: max-height .36s
}

.title-info-bonus.active+.sub-info-contain {
    max-height: 500px;
    transition: max-height .6s
}

.sub-info-contain>p {
    float: left;
    width: 100%;
    background: #222e47;
    padding: 15px;
    margin: 1px 0 0;
    font-size: 13px;
    line-height: 16px;
    color: #637aa9;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    word-break: break-word
}

.sub-info-contain>p>span {
    float: left;
    width: 100%;
    padding: 2px 0
}

.bonus-info-contain>ul>li>p>span {
    color: #93a3cb
}

.bonus-info-contain>ul>li>p.status-1>span {
    color: #1a7152
}

.bonus-info-contain>ul>li>p.status-0>span {
    color: #b6862e
}

.bonus-claim-button-w {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px;
    margin: 1px 0 0
}

.bonus-claim-button-w>.separator-box-buttons-m {
    margin: 0
}

.cancel-b {
    background: #e90055;
    box-shadow: inset 0 0 0 1px #e90055
}

.bonus-claim-button-w>span {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: #637aa9;
    padding: 0 0 5px
}

.loyalty-page-wrapper,
.loyalty-wrapper,
.loyalty-wrapper>h1 {
    float: left;
    width: 100%
}

.loyalty-wrapper>h1 {
    padding: 0 10px;
    text-align: center;
    background: #1e2941;
    font-weight: 400;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: #93a3cb;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 0 1px
}

.loyalty-points-j {
    float: left;
    height: 100%;
    width: 100%;
    padding: 9px 10px 10px;
    margin: 0
}

.loyalty-points-j .lp-header-j {
    background: #222e47;
    float: left;
    width: 100%;
    border-bottom: 1px solid #171d2f;
    position: relative;
    overflow: hidden
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j {
    float: left;
    width: 100%;
    padding: 15px 0
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j>ul {
    float: left;
    width: 100%
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j>ul>li {
    float: left;
    width: 100%;
    position: relative;
    text-align: center
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j>ul>li>div {
    display: inline-block;
    vertical-align: top
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j>ul>li:nth-child(2),
.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j>ul>li:nth-child(3) {
    width: 50%
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j {
    display: inline-block;
    vertical-align: top;
    width: 108px;
    text-align: center
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    font: 14px/14px icomoon;
    top: 3px;
    right: 18px;
    color: #93a3cb
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j icon .tooltip-j {
    display: none;
    top: calc(100% + 10px);
    left: auto;
    right: -6px;
    width: 160px
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j icon .tooltip-j:before {
    top: -6px;
    border-width: 0 6px 6px;
    border-color: transparent transparent #c1c4cd;
    left: auto;
    right: 6px
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j .lp-circle-group-w-j {
    margin: 9px 0 18px;
    float: left;
    width: 100%;
    border-radius: 100%;
    position: relative
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j .lp-circle-group-w-j:before {
    content: "";
    display: block;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    position: absolute;
    background: #304262;
    border-radius: 100%;
    top: 3px;
    left: 3px
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j svg {
    position: relative;
    z-index: 40;
    display: block;
    overflow: visible;
    transform: rotate(270deg) rotateX(180deg)
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j svg circle {
    fill: transparent;
    stroke: #3d5379;
    stroke-width: 5px
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j svg circle[stroke-dasharray*="-"],
.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j svg circle[stroke-dasharray*=NaN] {
    stroke-dasharray: 0 600 !important
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j .lp-circle-j {
    width: 100%;
    height: 108px;
    position: absolute;
    top: 0;
    left: 0;
    display: table
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j .lp-circle-j>div {
    display: table-cell;
    vertical-align: middle
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j .lp-circle-j>div p {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    margin: 9px 0 4px
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j .lp-circle-j>div small {
    display: block;
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    color: #93a3cb
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j>h3 {
    font-size: 12px;
    line-height: 12px;
    color: #f1f1f7;
    text-transform: uppercase;
    font-weight: 400;
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 4px
}

.loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j>p {
    font-size: 11px;
    line-height: 11px;
    color: #93a3cb;
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: -2px
}

.loyalty-points-j .lp-current-status-j {
    float: left;
    width: 100%
}

.loyalty-points-j .lp-current-status-j icon {
    display: inline-block;
    font: 11px/20px icomoon;
    position: relative;
    padding: 0 4px
}

.loyalty-points-j .lp-current-status-j icon .tooltip-j {
    top: -9px
}

.loyalty-points-j .lp-current-status-j>ul {
    display: table;
    float: left;
    width: 100%
}

.loyalty-points-j .lp-current-status-j>ul>li {
    display: table-cell;
    vertical-align: top;
    position: relative
}

.loyalty-points-j .lp-current-status-j .lp-current-status-icon-holder-j {
    width: 1%;
    padding: 0 49px 0 43px
}

.loyalty-points-j .lp-current-status-j .lp-current-status-icon-holder-j>div {
    width: 108px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    line-height: 12px
}

.loyalty-points-j .lp-current-status-j .lp-current-status-icon-holder-j i {
    display: block;
    width: 108px;
    height: 108px;
    margin: 9px 0 18px;
    background-position: 50% 6px;
    background-size: 96%;
    background-repeat: no-repeat;
    border-radius: 100%;
    border: 4px solid transparent;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3)
}

.loyalty-points-j .lp-current-status-j h1 {
    float: left;
    width: 100%;
    margin: 15px 0 4px;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400
}

.loyalty-points-j .lp-current-status-j h2 {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 16px
}

.loyalty-points-j .lp-current-status-j p {
    float: left;
    text-transform: uppercase;
    width: 100%;
    color: #b5c0d7;
    font-size: 11px;
    line-height: 11px;
    margin: 0 0 3px
}

.loyalty-points-j .lp-current-status-j h4 {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #b5c0d7;
    text-transform: capitalize;
    font-weight: 400;
    margin: 0 0 18px;
    word-break: break-all
}

.loyalty-points-j .lp-current-status-j h4 span {
    display: inline-block
}

.loyalty-points-j .lp-current-status-j h4 span:first-child {
    text-transform: uppercase;
    color: #fff
}

.loyalty-points-j .lp-current-status-j button {
    float: left;
    height: 30px;
    border: 1px solid #868b9b;
    background: none;
    text-transform: uppercase;
    font-size: 12px;
    color: #f1f1f7;
    padding: 0 23px;
    transition: color .3s, background .3s, border-color .24s
}

.loyalty-points-j .lp-current-status-j button:hover {
    border-color: transparent
}

.loyalty-points-j .lp-progress-bar-j {
    float: left;
    width: 100%;
    background: #1e2941;
    border-bottom: 1px solid #171d2f;
    margin: 0 0 7px
}

.loyalty-points-j .lp-progress-bar-j .lp-progress-j {
    float: left;
    width: calc(100% - 20px);
    margin: 13px 10px 11px;
    background: #304262;
    height: 5px;
    padding: 1px
}

.loyalty-points-j .lp-progress-bar-j .lp-progress-j span {
    display: block;
    height: 100%;
    position: relative
}

.loyalty-points-j .lp-progress-bar-j .lp-progress-j span:before {
    content: attr(data-progress);
    display: block;
    position: absolute;
    top: calc(100% + 10px);
    left: 100%;
    padding: 0 5px;
    height: 14px;
    font-size: 11px;
    line-height: 14px;
    white-space: nowrap;
    border-radius: 50px;
    transform: translateX(-50%)
}

.loyalty-points-j .lp-progress-bar-j .lp-packs-wrap-j {
    color: #b5c0d7;
    font-size: 11px;
    line-height: 11px;
    margin: 0 0 12px
}

.loyalty-points-j .lp-packs-group-wrap-j {
    background: #222e47;
    padding: 10px 0 0
}

.loyalty-points-j .lp-packs-wrap-j {
    float: left;
    width: 100%;
    padding: 0 5px
}

.loyalty-points-j .lp-packs-wrap-j>li {
    width: calc(20% - 10px);
    float: left;
    vertical-align: top;
    margin: 0 5px
}

.loyalty-points-j .lp-packs-group-wrap-j {
    float: left;
    width: 100%
}

.loyalty-points-j .lp-packs-group-wrap-j .lp-pack-wrap-j {
    margin: 0 0 10px
}

.loyalty-points-j .lp-pack-wrap-j {
    float: left;
    width: 100%;
    position: relative;
    border: 2px solid transparent;
    height: 220px;
    box-shadow: 0 1px 0 #171d2e;
    background: #182138;
    padding: 13px;
    text-align: center;
    transition: background .24s
}

.loyalty-points-j .lp-pack-wrap-j .lp-pack-icon-j {
    float: left;
    width: 100%;
    height: 68px;
    margin: 16px 0;
    background-position: 50% 50%;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.loyalty-points-j .lp-pack-wrap-j h2 {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 18px;
    color: #fff
}

.loyalty-points-j .lp-pack-wrap-j h2,
.loyalty-points-j .lp-pack-wrap-j p {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.loyalty-points-j .lp-pack-wrap-j p {
    margin: 0 0 22px;
    font-size: 12px;
    line-height: 12px
}

.loyalty-points-j .lp-pack-wrap-j button {
    display: block;
    float: left;
    width: 100%;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    font-size: 12px;
    height: 30px;
    background: none;
    border: 1px solid #878e9f;
    transition: border-color .24s, box-shadow .24s, color .24s;
    cursor: pointer
}

.loyalty-points-j .lp-pack-wrap-j:before {
    content: "";
    display: block;
    float: left;
    width: 100%;
    height: 16px;
    position: absolute;
    top: calc(100% - 2px);
    left: -2px;
    border-width: 0 2px;
    z-index: 40;
    transition: transform .3s;
    transform: scaleY(0)
}

.loyalty-points-j .lp-pack-wrap-j:after {
    content: "";
    display: block;
    float: left;
    width: calc(100% - 26px);
    height: 2px;
    position: absolute;
    bottom: -14px;
    left: 13px;
    border-width: 0 2px;
    z-index: 60;
    transition: background .24s
}

.loyalty-points-j .lp-pack-details-j {
    float: left;
    width: 100%;
    transition: max-height .5s;
    overflow: hidden;
    max-height: 0
}

.loyalty-points-j .lp-pack-details-j.ng-hide {
    display: block !important
}

.loyalty-points-j .lp-pack-details-j.active {
    padding: 8px;
    max-height: 1000px
}

.loyalty-points-j .lp-pack-details-j>ul {
    display: table;
    table-layout: fixed;
    float: left;
    width: 100%
}

.loyalty-points-j .lp-pack-details-j>ul>li {
    display: table-cell;
    vertical-align: top;
    background: rgba(0, 0, 0, .4);
    color: hsla(0, 0%, 100%, .7)
}

.loyalty-points-j .lp-pack-details-j>ul>li ul {
    display: table
}

.loyalty-points-j .lp-pack-details-j>ul>li ul>li {
    display: table-cell;
    vertical-align: top;
    padding: 0 15px;
    position: relative
}

.loyalty-points-j .lp-pack-details-j>ul>li ul>li:nth-child(2) {
    width: 1%;
    text-align: right;
    white-space: nowrap
}

.loyalty-points-j .lp-pack-details-j .lp-details-head-j {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase
}

.loyalty-points-j .lp-pack-details-j .lp-details-head-j li {
    padding: 8px 15px
}

.loyalty-points-j .lp-pack-details-j .lp-details-head-j li:nth-last-child(2) {
    font-size: 18px
}

.loyalty-points-j .lp-pack-details-j .lp-details-head-j li:nth-last-child(2),
.loyalty-points-j .lp-pack-details-j .lp-details-head-j li:nth-last-child(2)~li {
    line-height: 18px;
    padding-top: 0
}

.loyalty-points-j .lp-pack-details-j .lp-details-content-j {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    padding: 8px 0
}

.loyalty-points-j .lp-pack-details-j .lp-details-content-j li:nth-last-child(2) {
    padding-left: 30px
}

.loyalty-points-j .lp-pack-details-j .lp-details-content-j li:nth-last-child(2):before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 15px;
    width: 6px;
    height: 6px;
    border-radius: 100%
}

.loyalty-points-j h4 span.Bronze {
    padding: 0 0 0 24px;
    position: relative
}

.loyalty-points-j h4 span.Bronze:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: -3px;
    width: 20px;
    height: 19px;
    background: url(/./sportodds/images/Bronze_099573c439605b8003dd5b8e08a9db38.png) no-repeat 50% 50%/contain
}

.loyalty-points-j .lp-header-j.Bronze .lp-current-status-j .lp-current-status-icon-holder-j:before {
    background: -moz-linear-gradient(-45deg, hsla(38, 35%, 80%, .5) 0, transparent 53%, transparent 100%);
    background: -webkit-linear-gradient(-45deg, hsla(38, 35%, 80%, .5), transparent 53%, transparent);
    background: linear-gradient(135deg, hsla(38, 35%, 80%, .5), transparent 53%, transparent);
    content: "";
    width: 800px;
    height: 600px;
    display: block;
    position: absolute;
    top: -122px;
    left: -252px;
    transform: skewX(-41deg);
    pointer-events: none
}

.loyalty-points-j .lp-header-j.Bronze .lp-current-status-j .lp-current-status-icon-holder-j i {
    background-image: url(/./sportodds/images/Bronze_099573c439605b8003dd5b8e08a9db38.png);
    border-color: #a3906f
}

.loyalty-points-j .lp-header-j.Bronze .lp-circle-wrapper-j .lp-circle-group-w-j {
    background: #d1c3a4;
    background: -moz-linear-gradient(top, #d1c3a4 0, #bd9e77 100%);
    background: -webkit-linear-gradient(top, #d1c3a4, #bd9e77);
    background: linear-gradient(180deg, #d1c3a4 0, #bd9e77)
}

.loyalty-points-j .lp-header-j.Bronze~.lp-progress-bar-j .lp-progress-j span {
    background: #a3906f
}

.loyalty-points-j .lp-header-j.Bronze~.lp-progress-bar-j .lp-progress-j span:before {
    background: #a3906f;
    color: #121623
}

.loyalty-points-j .lp-pack-wrap-j.Bronze {
    box-shadow: inset 0 0 0 #a3906f
}

.loyalty-points-j .lp-pack-wrap-j.Bronze p {
    color: #d6bd92
}

.loyalty-points-j .lp-pack-wrap-j.Bronze.active h2,
.loyalty-points-j .lp-pack-wrap-j.Bronze:hover h2 {
    color: #fff
}

.loyalty-points-j .lp-pack-wrap-j.Bronze.active button,
.loyalty-points-j .lp-pack-wrap-j.Bronze:hover button {
    box-shadow: inset 0 30px 0 #a3906f;
    color: #000;
    border-color: #a3906f
}

.loyalty-points-j .lp-pack-wrap-j.Bronze .lp-pack-icon-j {
    background-image: url(/./sportodds/images/Bronze_099573c439605b8003dd5b8e08a9db38.png)
}

.loyalty-points-j .lp-pack-wrap-j.Bronze.active,
.loyalty-points-j .lp-pack-wrap-j.Bronze:hover {
    background: #625d4b
}

.loyalty-points-j .lp-pack-wrap-j.Bronze.active {
    border-color: #ded1bb
}

.loyalty-points-j .lp-pack-wrap-j.Bronze.active:before {
    background: #625d4b;
    border: 2px solid #ded1bb;
    border-width: 0 2px;
    transform: scaleY(1)
}

.loyalty-points-j .lp-pack-wrap-j.Bronze.active:after {
    background: #ded1bb
}

.loyalty-points-j .lp-pack-details-j.Bronze {
    border: 2px solid #ded1bb;
    background: #625d4b
}

.loyalty-points-j .lp-pack-details-j.Bronze>ul>li:first-child {
    border-right: 5px solid #625d4b
}

.loyalty-points-j .lp-pack-details-j.Bronze>ul>li:last-child {
    border-left: 5px solid #625d4b
}

.loyalty-points-j .lp-pack-details-j.Bronze .lp-details-head-j {
    border-bottom: 1px solid #625d4b
}

.loyalty-points-j .lp-pack-details-j.Bronze .lp-details-content-j li:nth-last-child(2):before {
    background: #ded1bb
}

.loyalty-points-j h4 span.Silver {
    padding: 0 0 0 24px;
    position: relative
}

.loyalty-points-j h4 span.Silver:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: -3px;
    width: 20px;
    height: 19px;
    background: url(/./sportodds/images/Silver_59aa25ccd96ec95619b75aa55637b8d8.png) no-repeat 50% 50%/contain
}

.loyalty-points-j .lp-header-j.Silver .lp-current-status-j .lp-current-status-icon-holder-j:before {
    background: -moz-linear-gradient(-45deg, rgba(227, 229, 234, .5) 0, transparent 53%, transparent 100%);
    background: -webkit-linear-gradient(-45deg, rgba(227, 229, 234, .5), transparent 53%, transparent);
    background: linear-gradient(135deg, rgba(227, 229, 234, .5), transparent 53%, transparent);
    content: "";
    width: 800px;
    height: 600px;
    display: block;
    position: absolute;
    top: -122px;
    left: -252px;
    transform: skewX(-41deg);
    pointer-events: none
}

.loyalty-points-j .lp-header-j.Silver .lp-current-status-j .lp-current-status-icon-holder-j i {
    background-image: url(/./sportodds/images/Silver_59aa25ccd96ec95619b75aa55637b8d8.png);
    border-color: #c2c5cd
}

.loyalty-points-j .lp-header-j.Silver .lp-circle-wrapper-j .lp-circle-group-w-j {
    background: #b8bfc2;
    background: -moz-linear-gradient(top, #b8bfc2 0, #adb5b7 100%);
    background: -webkit-linear-gradient(top, #b8bfc2, #adb5b7);
    background: linear-gradient(180deg, #b8bfc2 0, #adb5b7)
}

.loyalty-points-j .lp-header-j.Silver~.lp-progress-bar-j .lp-progress-j span {
    background: #c2c5cd
}

.loyalty-points-j .lp-header-j.Silver~.lp-progress-bar-j .lp-progress-j span:before {
    background: #c2c5cd;
    color: #121623
}

.loyalty-points-j .lp-pack-wrap-j.Silver {
    box-shadow: inset 0 0 0 #c2c5cd
}

.loyalty-points-j .lp-pack-wrap-j.Silver p {
    color: #c2c5cd
}

.loyalty-points-j .lp-pack-wrap-j.Silver.active h2,
.loyalty-points-j .lp-pack-wrap-j.Silver:hover h2 {
    color: #fff
}

.loyalty-points-j .lp-pack-wrap-j.Silver.active p,
.loyalty-points-j .lp-pack-wrap-j.Silver:hover p {
    color: #f3f3f5
}

.loyalty-points-j .lp-pack-wrap-j.Silver.active button,
.loyalty-points-j .lp-pack-wrap-j.Silver:hover button {
    box-shadow: inset 0 30px 0 #c2c5cd;
    color: #000;
    border-color: #c2c5cd
}

.loyalty-points-j .lp-pack-wrap-j.Silver .lp-pack-icon-j {
    background-image: url(/./sportodds/images/Silver_59aa25ccd96ec95619b75aa55637b8d8.png)
}

.loyalty-points-j .lp-pack-wrap-j.Silver.active,
.loyalty-points-j .lp-pack-wrap-j.Silver:hover {
    background: #777c81
}

.loyalty-points-j .lp-pack-wrap-j.Silver.active {
    border-color: #e3e5ea
}

.loyalty-points-j .lp-pack-wrap-j.Silver.active:before {
    background: #777c81;
    border: 2px solid #e3e5ea;
    border-width: 0 2px;
    transform: scaleY(1)
}

.loyalty-points-j .lp-pack-wrap-j.Silver.active:after {
    background: #e3e5ea
}

.loyalty-points-j .lp-pack-details-j.Silver {
    border: 2px solid #e3e5ea;
    background: #777c81
}

.loyalty-points-j .lp-pack-details-j.Silver>ul>li:first-child {
    border-right: 5px solid #777c81
}

.loyalty-points-j .lp-pack-details-j.Silver>ul>li:last-child {
    border-left: 5px solid #777c81
}

.loyalty-points-j .lp-pack-details-j.Silver .lp-details-head-j {
    border-bottom: 1px solid #777c81
}

.loyalty-points-j .lp-pack-details-j.Silver .lp-details-content-j li:nth-last-child(2):before {
    background: #e3e5ea
}

.loyalty-points-j h4 span.Gold {
    padding: 0 0 0 24px;
    position: relative
}

.loyalty-points-j h4 span.Gold:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: -3px;
    width: 20px;
    height: 19px;
    background: url(/./sportodds/images/Gold_1654d33ce2257639eb97db0590521248.png) no-repeat 50% 50%/contain
}

.loyalty-points-j .lp-header-j.Gold .lp-current-status-j .lp-current-status-icon-holder-j:before {
    background: -moz-linear-gradient(-45deg, rgba(250, 184, 59, .5) 0, transparent 53%, transparent 100%);
    background: -webkit-linear-gradient(-45deg, rgba(250, 184, 59, .5), transparent 53%, transparent);
    background: linear-gradient(135deg, rgba(250, 184, 59, .5), transparent 53%, transparent);
    content: "";
    width: 800px;
    height: 600px;
    display: block;
    position: absolute;
    top: -122px;
    left: -252px;
    transform: skewX(-41deg);
    pointer-events: none
}

.loyalty-points-j .lp-header-j.Gold .lp-current-status-j .lp-current-status-icon-holder-j i {
    background-image: url(/./sportodds/images/Gold_1654d33ce2257639eb97db0590521248.png);
    border-color: #b99552
}

.loyalty-points-j .lp-header-j.Gold .lp-current-status-j h2 {
    color: #caa35a
}

.loyalty-points-j .lp-header-j.Gold .lp-circle-wrapper-j .lp-circle-group-w-j {
    background: #fbdd75;
    background: -moz-linear-gradient(top, #fbdd75 0, #fab93c 100%);
    background: -webkit-linear-gradient(top, #fbdd75, #fab93c);
    background: linear-gradient(180deg, #fbdd75 0, #fab93c)
}

.loyalty-points-j .lp-header-j.Gold~.lp-progress-bar-j .lp-progress-j span {
    background: #b99552
}

.loyalty-points-j .lp-header-j.Gold~.lp-progress-bar-j .lp-progress-j span:before {
    background: #b99552;
    color: #121623
}

.loyalty-points-j .lp-pack-wrap-j.Gold {
    box-shadow: inset 0 0 0 #b99552
}

.loyalty-points-j .lp-pack-wrap-j.Gold p {
    color: #e5ba6a
}

.loyalty-points-j .lp-pack-wrap-j.Gold.active h2,
.loyalty-points-j .lp-pack-wrap-j.Gold:hover h2 {
    color: #fff
}

.loyalty-points-j .lp-pack-wrap-j.Gold.active button,
.loyalty-points-j .lp-pack-wrap-j.Gold:hover button {
    box-shadow: inset 0 30px 0 #b99552;
    color: #000;
    border-color: #b99552
}

.loyalty-points-j .lp-pack-wrap-j.Gold .lp-pack-icon-j {
    background-image: url(/./sportodds/images/Gold_1654d33ce2257639eb97db0590521248.png)
}

.loyalty-points-j .lp-pack-wrap-j.Gold.active,
.loyalty-points-j .lp-pack-wrap-j.Gold:hover {
    background: #79684c
}

.loyalty-points-j .lp-pack-wrap-j.Gold.active {
    border-color: #fab83b
}

.loyalty-points-j .lp-pack-wrap-j.Gold.active:before {
    background: #79684c;
    border: 2px solid #fab83b;
    border-width: 0 2px;
    transform: scaleY(1)
}

.loyalty-points-j .lp-pack-wrap-j.Gold.active:after {
    background: #fab83b
}

.loyalty-points-j .lp-pack-details-j.Gold {
    border: 2px solid #fab83b;
    background: #79684c
}

.loyalty-points-j .lp-pack-details-j.Gold>ul>li:first-child {
    border-right: 5px solid #79684c
}

.loyalty-points-j .lp-pack-details-j.Gold>ul>li:last-child {
    border-left: 5px solid #79684c
}

.loyalty-points-j .lp-pack-details-j.Gold .lp-details-head-j {
    border-bottom: 1px solid #79684c
}

.loyalty-points-j .lp-pack-details-j.Gold .lp-details-content-j li:nth-last-child(2):before {
    background: #fab83b
}

.loyalty-points-j h4 span.Platin {
    padding: 0 0 0 24px;
    position: relative
}

.loyalty-points-j h4 span.Platin:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: -3px;
    width: 20px;
    height: 19px;
    background: url(/./sportodds/images/Platin_c7b29be5956bc916857780ac9ef6d75d.png) no-repeat 50% 50%/contain
}

.loyalty-points-j .lp-header-j.Platin .lp-current-status-j .lp-current-status-icon-holder-j:before {
    background: -moz-linear-gradient(-45deg, hsla(0, 2%, 90%, .5) 0, transparent 53%, transparent 100%);
    background: -webkit-linear-gradient(-45deg, hsla(0, 2%, 90%, .5), transparent 53%, transparent);
    background: linear-gradient(135deg, hsla(0, 2%, 90%, .5), transparent 53%, transparent);
    content: "";
    width: 800px;
    height: 600px;
    display: block;
    position: absolute;
    top: -122px;
    left: -252px;
    transform: skewX(-41deg);
    pointer-events: none
}

.loyalty-points-j .lp-header-j.Platin .lp-current-status-j .lp-current-status-icon-holder-j i {
    background-image: url(/./sportodds/images/Platin_c7b29be5956bc916857780ac9ef6d75d.png);
    border-color: #d3d0cf;
    border-radius: 20px
}

.loyalty-points-j .lp-header-j.Platin .lp-circle-wrapper-j .lp-circle-group-w-j {
    background: #d3d8db;
    background: -moz-linear-gradient(top, #d3d8db 0, #adb5b7 100%);
    background: -webkit-linear-gradient(top, #d3d8db, #adb5b7);
    background: linear-gradient(180deg, #d3d8db 0, #adb5b7)
}

.loyalty-points-j .lp-header-j.Platin~.lp-progress-bar-j .lp-progress-j span {
    background: #d3d0cf
}

.loyalty-points-j .lp-header-j.Platin~.lp-progress-bar-j .lp-progress-j span:before {
    background: #d3d0cf;
    color: #121623
}

.loyalty-points-j .lp-pack-wrap-j.Platin {
    box-shadow: inset 0 0 0 #d3d0cf
}

.loyalty-points-j .lp-pack-wrap-j.Platin p {
    color: #f2ebeb
}

.loyalty-points-j .lp-pack-wrap-j.Platin.active h2,
.loyalty-points-j .lp-pack-wrap-j.Platin:hover h2 {
    color: #fff
}

.loyalty-points-j .lp-pack-wrap-j.Platin.active p,
.loyalty-points-j .lp-pack-wrap-j.Platin:hover p {
    color: #f2ebeb
}

.loyalty-points-j .lp-pack-wrap-j.Platin.active button,
.loyalty-points-j .lp-pack-wrap-j.Platin:hover button {
    box-shadow: inset 0 30px 0 #d3d0cf;
    color: #000;
    border-color: #d3d0cf
}

.loyalty-points-j .lp-pack-wrap-j.Platin .lp-pack-icon-j {
    background-image: url(/./sportodds/images/Platin_c7b29be5956bc916857780ac9ef6d75d.png)
}

.loyalty-points-j .lp-pack-wrap-j.Platin.active,
.loyalty-points-j .lp-pack-wrap-j.Platin:hover {
    background: #9e9da1
}

.loyalty-points-j .lp-pack-wrap-j.Platin.active {
    border-color: #e6e5e5
}

.loyalty-points-j .lp-pack-wrap-j.Platin.active:before {
    background: #9e9da1;
    border: 2px solid #e6e5e5;
    border-width: 0 2px;
    transform: scaleY(1)
}

.loyalty-points-j .lp-pack-wrap-j.Platin.active:after {
    background: #e6e5e5
}

.loyalty-points-j .lp-pack-details-j.Platin {
    border: 2px solid #e6e5e5;
    background: #9e9da1
}

.loyalty-points-j .lp-pack-details-j.Platin>ul>li:first-child {
    border-right: 5px solid #9e9da1
}

.loyalty-points-j .lp-pack-details-j.Platin>ul>li:last-child {
    border-left: 5px solid #9e9da1
}

.loyalty-points-j .lp-pack-details-j.Platin .lp-details-head-j {
    border-bottom: 1px solid #9e9da1
}

.loyalty-points-j .lp-pack-details-j.Platin .lp-details-content-j li:nth-last-child(2):before {
    background: #e6e5e5
}

.loyalty-points-j h4 span.Diamond {
    padding: 0 0 0 24px;
    position: relative
}

.loyalty-points-j h4 span.Diamond:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: -3px;
    width: 20px;
    height: 19px;
    background: url(/./sportodds/images/Diamond_eab54f9ce83a1cb507d6afb7a1b68281.png) no-repeat 50% 50%/contain
}

.loyalty-points-j .lp-header-j.Diamond .lp-current-status-j .lp-current-status-icon-holder-j:before {
    background: -moz-linear-gradient(-45deg, rgba(13, 204, 255, .5) 0, transparent 53%, transparent 100%);
    background: -webkit-linear-gradient(-45deg, rgba(13, 204, 255, .5), transparent 53%, transparent);
    background: linear-gradient(135deg, rgba(13, 204, 255, .5), transparent 53%, transparent);
    content: "";
    width: 800px;
    height: 600px;
    display: block;
    position: absolute;
    top: -122px;
    left: -252px;
    transform: skewX(-41deg);
    pointer-events: none
}

.loyalty-points-j .lp-header-j.Diamond .lp-current-status-j .lp-current-status-icon-holder-j i {
    background-image: url(/./sportodds/images/Diamond_eab54f9ce83a1cb507d6afb7a1b68281.png);
    border-color: #11a1c2;
    background-position: 50% 14px
}

.loyalty-points-j .lp-header-j.Diamond .lp-circle-wrapper-j .lp-circle-group-w-j {
    background: #62e4fc;
    background: -moz-linear-gradient(top, #62e4fc 0, #52ccfe 100%);
    background: -webkit-linear-gradient(top, #62e4fc, #52ccfe);
    background: linear-gradient(180deg, #62e4fc 0, #52ccfe)
}

.loyalty-points-j .lp-header-j.Diamond~.lp-progress-bar-j .lp-progress-j span {
    background: #11a1c2
}

.loyalty-points-j .lp-header-j.Diamond~.lp-progress-bar-j .lp-progress-j span:before {
    background: #11a1c2;
    color: #121623
}

.loyalty-points-j .lp-pack-wrap-j.Diamond {
    box-shadow: inset 0 0 0 #11a1c2
}

.loyalty-points-j .lp-pack-wrap-j.Diamond p {
    color: #6ac7db
}

.loyalty-points-j .lp-pack-wrap-j.Diamond.active h2,
.loyalty-points-j .lp-pack-wrap-j.Diamond:hover h2 {
    color: #fff
}

.loyalty-points-j .lp-pack-wrap-j.Diamond.active button,
.loyalty-points-j .lp-pack-wrap-j.Diamond:hover button {
    box-shadow: inset 0 30px 0 #11a1c2;
    color: #fff;
    border-color: #11a1c2
}

.loyalty-points-j .lp-pack-wrap-j.Diamond .lp-pack-icon-j {
    background-image: url(/./sportodds/images/Diamond_eab54f9ce83a1cb507d6afb7a1b68281.png)
}

.loyalty-points-j .lp-pack-wrap-j.Diamond.active,
.loyalty-points-j .lp-pack-wrap-j.Diamond:hover {
    background: #0d788f
}

.loyalty-points-j .lp-pack-wrap-j.Diamond.active {
    border-color: #0dccff
}

.loyalty-points-j .lp-pack-wrap-j.Diamond.active:before {
    background: #0d788f;
    border: 2px solid #0dccff;
    border-width: 0 2px;
    transform: scaleY(1)
}

.loyalty-points-j .lp-pack-wrap-j.Diamond.active:after {
    background: #0dccff
}

.loyalty-points-j .lp-pack-details-j.Diamond {
    border: 2px solid #0dccff;
    background: #0d788f
}

.loyalty-points-j .lp-pack-details-j.Diamond>ul>li:first-child {
    border-right: 5px solid #0d788f
}

.loyalty-points-j .lp-pack-details-j.Diamond>ul>li:last-child {
    border-left: 5px solid #0d788f
}

.loyalty-points-j .lp-pack-details-j.Diamond .lp-details-head-j {
    border-bottom: 1px solid #0d788f
}

.loyalty-points-j .lp-pack-details-j.Diamond .lp-details-content-j li:nth-last-child(2):before {
    background: #0dccff
}

.balance-lightbox-j.loyalty-points-lightbox-j .promotions-balance-j {
    width: 310px;
    float: right;
    height: 100%
}

.balance-lightbox-j.loyalty-points-lightbox-j .promotions-balance-j .slide-container-repeat-b {
    padding: 20px 15px
}

.balance-lightbox-j.loyalty-points-lightbox-j .promotions-balance-j .slide-container-repeat-b .slide-casino-new-img-b>a {
    height: 156px
}

.lp-packs-group-wrap-j .lp-packs-wrap-j {
    text-align: center
}

.lp-packs-group-wrap-j .lp-packs-wrap-j>li {
    float: none;
    width: calc(50% - 10px);
    display: inline-block;
    vertical-align: top;
    margin: 0 5px
}

.all-messages-box,
.messages-wrapper {
    float: left;
    width: 100%
}

.message-container {
    background: #2b3553;
    padding: 12px 15px 0;
    margin: 0 0 4px;
    position: relative;
    overflow: hidden
}

.message-container,
.new-messages-box {
    float: left;
    width: 100%;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06)
}

.new-messages-box {
    background: #222e47;
    padding: 12px 10px
}

.title-message-view {
    float: left;
    width: 100%;
    background: #222e47;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 5px 10px;
    text-align: center;
    margin: 0 0 1px
}

.title-message-view>h2 {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #93a3cb
}

.message-top-tow-b {
    float: left;
    width: 100%;
    display: table;
    padding: 0 24px 10px 0;
    border-bottom: 1px solid #131724;
    table-layout: fixed;
    position: relative
}

.message-top-tow-b:after {
    display: block;
    font: 18px/32px icomoon;
    content: "\E672";
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    color: #637aa9;
    width: 30px;
    height: 32px
}

.message-container.active>.message-top-tow-b:after {
    content: "\E670"
}

.message-t {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    white-space: nowrap
}

.message-t>h3 {
    text-transform: uppercase;
    color: #637aa9;
    font-weight: 400
}

.message-t>h3,
.message-t>span {
    font-size: 12px;
    line-height: 16px;
    float: left;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.message-t>span {
    color: #b5c0d7
}

.message-t>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #637aa9;
    text-overflow: ellipsis;
    overflow: hidden
}

.message-date-view {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 12px;
    line-height: 14px;
    color: #637aa9;
    width: 50%
}

.message-delete-icon {
    position: absolute;
    right: 15px;
    bottom: 5px;
    width: 30px;
    height: 40px;
    font: 20px/40px icomoon;
    color: #637aa9;
    text-align: right;
    z-index: 33
}

.message-delete-icon:before {
    content: "\E91B"
}

.message-text-body {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    max-height: 54px;
    min-height: 54px;
    padding: 0 0 12px;
    margin: 0;
    height: auto;
    font-size: 13px;
    color: #637aa9;
    line-height: 16px;
    transition: max-height .6s
}

.message-body,
.message-text-body {
    float: left;
    width: 100%;
    position: relative
}

.message-body {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    padding: 10px 30px 0 0;
    -webkit-box-orient: vertical;
    z-index: 22;
    overflow: hidden
}

.message-container.active>.message-text-body .message-body {
    display: block;
    -webkit-line-clamp: inherit;
    margin: 0 0 40px;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e2
}

.message-text-body:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -15px;
    height: 100%;
    width: calc(100% + 30px);
    z-index: 10;
    background: transparent
}

.message-container.active>.message-text-body:before {
    background: #fff;
    transition: background .3s
}

.message-container.active>.message-text-body {
    max-height: 10000px;
    transition: max-height 1.2s;
    color: #21283a;
    font-size: 14px;
    line-height: 18px
}

.message-body a {
    color: #21283a
}

.deleted-message {
    background: #182138;
    padding: 4px 15px 6px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 0 0 1px;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    color: #637aa9
}

.deleted-message,
.new-message-form,
.text-inp-f {
    float: left;
    width: 100%
}

.text-inp-f {
    margin: 0 0 15px
}

.text-inp-f>textarea {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #637aa9;
    background: none;
    height: 100px;
    padding: 6px 10px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #637aa9;
    transition: border .24s;
    border-radius: inherit;
    box-shadow: none;
    overflow-y: auto;
    overflow-x: hidden;
    resize: none
}

.text-inp-f>textarea:focus {
    border: 1px solid #d71082
}

.message-sent>p {
    padding-bottom: 10px
}

.message-sent {
    color: #1a7050
}

.error-send-m,
.message-sent {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding: 10px 0
}

.error-send-m {
    color: #e9044a
}

.transaction-l-v {
    height: auto
}

.transaction-date-id {
    float: left;
    width: 100%;
    font-size: 10px;
    line-height: 14px
}

.transaction-date-id>p {
    float: left;
    width: 100%;
    color: #93a3cb
}

.transaction-date-id>span {
    float: left;
    width: 100%;
    color: #b5c0d7
}

.transaction-name-am-row {
    float: left;
    display: table
}

.transaction-amount-v {
    display: table-cell;
    vertical-align: top;
    padding: 0 5px
}

.transaction-amount-v>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: #c3953c
}

.transaction-amount-v.title-v>p {
    color: #b5c0d7
}

.transaction-payment-n {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    padding: 0 5px
}

.transaction-payment-n>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: #93a3cb;
    padding: 0 10px 0 0;
    position: relative
}

.transaction-payment-n>p>i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-style: normal
}

.transaction-l-v .name-d-method {
    text-align: right
}

.payments-form-wrapper {
    float: left;
    width: 100%;
    background: #182138
}

.animate-from-right-to-left {
    animation: open-single-payment .3s ease-in-out
}

@keyframes open-single-payment {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.single-payment-title {
    float: left;
    width: 100%;
    background: #1e2941;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 0 0 1px;
    padding: 10px
}

.single-payment-title>ul {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed
}

.single-payment-title>ul>li {
    display: table-cell;
    vertical-align: top
}

.single-payment-title>ul>li:first-child {
    width: 80px
}

.single-payment-title>ul>li>p {
    float: right;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: #637aa9;
    text-align: right
}

.single-payment-title>ul>li>p>i {
    font-style: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 100%
}

.frineds-list {
    background: #1e2941
}

.frineds-list .title {
    padding: 15px
}

.frineds-list .radio-form-item {
    padding-left: 11px;
    background: #1e2941;
    margin: 1px 0;
    padding-top: 5px
}

.frineds-list .radio-form-item label span {
    padding-left: 5px
}

.deposit-form-container {
    float: left;
    width: 100%;
    background: #1e2941;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 0 0 1px;
    padding: 15px 10px 10px
}

.amount-b {
    margin: 10px 0 0
}

.deposit-amount-buttons {
    float: left;
    width: 100%;
    overflow: hidden
}

.deposit-amount-buttons>ul {
    float: left;
    width: calc(100% + 10px);
    position: relative;
    left: -10px
}

.deposit-amount-buttons>ul>li {
    float: left;
    width: 33.3%;
    padding: 0 0 0 10px;
    margin: 0 0 10px
}

.deposit-amount-buttons>ul>li>.button-view-normal-m {
    padding: 0 10px;
    font-size: 12px
}

.rate-section {
    padding: 0 0 10px
}

.promo-info-container {
    float: left;
    width: 100%;
    padding: 10px;
    background: #1e2941
}

.promo-info-container>h1 {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    font-weight: 400;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #93a3cb;
    text-transform: uppercase
}

.page-no-found-t-m {
    padding: 20px 0;
    font-size: 14px;
    line-height: 18px;
    color: #637aa9
}

.img-p-wrapper-m,
.page-no-found-t-m {
    float: left;
    width: 100%;
    text-align: center
}

.img-p-wrapper-m {
    padding: 12px;
    background: #222e47
}

.promo-text-box img {
    max-width: 100%;
    height: auto
}

.img-p-wrapper-m>img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.promo-text-box {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #637aa9;
    text-align: justify;
    word-break: break-word
}

.promo-text-box strong {
    font-weight: 400;
    color: #93a3cb
}

.promo-text-box a {
    color: #93a3cb
}

.promo-text-box table {
    width: 100% !important;
    border-spacing: 0 2px;
    border-collapse: separate
}

.promo-text-box table tr td {
    padding: 12px;
    vertical-align: top;
    background: #222e47;
    border-bottom: 2px solid transparent
}

.promo-text-box table tr:nth-child(2n) td {
    background: #26324e
}

.page-container {
    float: left;
    width: 100%
}

.help-root {
    background: #222e47
}

.page-section {
    float: left;
    width: 100%;
    background: #1e2941;
    height: 38px;
    padding: 0 38px 0 12px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    position: relative;
    overflow: hidden
}

.help-root>.page-container>.page-section {
    background: #182138
}

.page-section:after {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    font: 20px/40px icomoon;
    text-align: center;
    color: #637aa9;
    content: "\E670"
}

.page-section.active:after {
    content: "\E671"
}

.help-root>.page-section:after {
    display: none
}

.page-section>h2 {
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 38px;
    color: #637aa9;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .24s
}

.page-section.active>h2 {
    color: #b5c0d7
}

.help-root>.page-section>h2 {
    text-align: center;
    text-transform: uppercase;
    color: #b5c0d7;
    padding-left: 26px
}

.page-content {
    float: left;
    width: 100%;
    padding: 0 10px;
    font-size: 12px;
    line-height: 16px;
    color: #637aa9;
    text-align: justify;
    height: auto;
    animation: closed-animate-menu .18s ease;
    max-height: 0;
    overflow: hidden;
    transition: padding .18s
}

.help-root>.page-container>.page-section.active+.page-content {
    height: auto;
    max-height: 99999px;
    animation: open-animate-market .4s ease-in-out
}

.help-root>.page-container>.page-section+.page-content~.page-container {
    height: auto;
    animation: closed-animate-menu .18s ease;
    max-height: 0;
    overflow: hidden
}

.help-root>.page-container>.page-section.active+.page-content~.page-container {
    height: auto;
    max-height: 99999px;
    animation: open-animate-market .4s ease-in-out
}

.page-content p {
    margin: 0 0 5px
}

.page-content a {
    color: #93a3cb;
    text-decoration: none
}

.page-content a>span {
    color: #93a3cb !important;
    text-decoration: underline
}

.page-content strong {
    font-size: 14px;
    font-weight: 400;
    color: #93a3cb
}

.help-root>.page-container>.page-container .page-section.active+.page-content {
    height: auto;
    max-height: 99999px;
    animation: open-animate-market .4s ease-in-out;
    padding: 10px
}

.match-of-day-m {
    float: left;
    width: 100%;
    background: #182138;
    margin: 0 0 4px;
    text-align: left;
    transform: translateZ(0)
}

.title-view-match-day {
    float: left;
    width: 100%;
    height: 30px;
    background: rgba(34, 46, 71, .7);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 0 10px
}

.title-view-match-day>h2 {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-weight: 400;
    font-size: 13px;
    line-height: 30px;
    color: #b5c0d7
}

.match-team-name-view {
    float: left;
    width: 100%;
    height: 96px
}

.teams-name-info-m {
    margin: 15px 0 0
}

.teams-name-info-m,
.teams-name-info-m>ul {
    float: left;
    width: 100%
}

.teams-name-info-m>ul>li {
    float: left
}

.vs-contain-b {
    width: 40px;
    text-align: center
}

.vs-contain-b>span {
    float: left;
    width: 100%;
    font-size: 11px;
    line-height: 56px;
    color: #909b99;
    text-transform: uppercase
}

.team-name-container-m {
    width: 42%;
    width: calc((100% - 40px) / 2)
}

.team-name-container-m.left-t {
    text-align: right
}

.team-name-container-m.right-t {
    text-align: left
}

.single-team-info-m {
    float: left;
    width: 100%;
    height: 56px;
    position: relative;
    padding: 0 10px 0 60px;
    display: block;
    text-decoration: none;
    color: #637aa9
}

.left-t>.single-team-info-m {
    padding: 0 60px 0 10px
}

.single-team-info-m>p {
    margin: 10px 0 0;
    color: #637aa9;
    font-size: 13px
}

.single-team-info-m>h4,
.single-team-info-m>p {
    float: left;
    width: 100%;
    line-height: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.single-team-info-m>h4 {
    font-weight: 400;
    color: #b5c0d7;
    font-size: 12px
}

.team-logo-contain-view {
    display: block;
    width: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.left-t>.single-team-info-m>.team-logo-contain-view {
    left: auto;
    right: 0
}

.team-logo-contain-view:before {
    font: 48px/56px icomoon;
    content: "\E912";
    color: #c3953c
}

.left-t>.single-team-info-m>.team-logo-contain-view:before {
    color: #1a7051
}

.dashboard-wrapper-m .coefficient-game-view {
    animation: inherit;
    max-height: inherit;
    transform: translateZ(0)
}

.dashboard-live-game-list-m,
.dashboard-upcoming-game-list-m {
    float: left;
    width: 100%
}

.dashboard-column-title {
    float: left;
    width: 100%;
    margin: 0 0 1px;
    background: #111a2f;
    height: 35px;
    padding: 0 34px;
    position: relative
}

.dashboard-column-title:before {
    font: 18px/35px icomoon;
    position: absolute;
    left: 10px;
    top: 0
}

.dashboard-column-title>h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 35px;
    color: #637aa9;
    text-transform: uppercase;
    padding: 0
}

.live-view-m:before {
    content: "\E936";
    color: #d71082
}

.upcoming-view-m:before {
    content: "\E6E2";
    color: #637aa9
}

.collapse-arrow-view {
    font: 16px/35px icomoon;
    width: 34px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    color: #637aa9;
    text-align: center;
    transform: translateZ(0)
}

.collapse-arrow-view:before {
    content: "\E937"
}

.dashboard-column-title.active>.collapse-arrow-view:before {
    content: "\E938"
}

.games-list-view-dashboard,
.single-sport-game-list-d {
    float: left;
    width: 100%;
    transform: translateZ(0)
}

.single-sport-game-list-d {
    margin: 0 0 4px;
    overflow: hidden;
    height: auto;
    max-height: 0
}

.single-sport-title-dashboard-m.active+.single-sport-game-list-d {
    max-height: 99999px;
    animation: open-animate-menu .24s ease-in-out
}

@keyframes open-animate-menu {
    0% {
        max-height: 0
    }
    to {
        max-height: 1000px
    }
}

@keyframes closed-animate-menu {
    0% {
        max-height: 500px
    }
    to {
        max-height: 0
    }
}

.single-sport-game-list-d>ul {
    float: left;
    width: 100%
}

.single-sport-game-list-d>ul>li {
    float: left;
    width: 100%;
    margin: 2px 0 0
}

.live-game-info-m {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    padding: 0 30px 0 60px;
    height: 50px;
    background: #182138;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    transform: translateZ(0)
}

.date-game-icons-m {
    position: absolute;
    width: 62px;
    padding: 0 4px 0 10px;
    height: 100%;
    left: 0;
    top: 0
}

.team-name-dashboard-b {
    float: left;
    width: 100%;
    height: 32px;
    padding: 7px 0 0;
    color: #637aa9;
    font-size: 10px;
    line-height: 12px;
    display: block
}

.icon-separator-m,
.icons-game-info-m {
    display: inline-block;
    vertical-align: top
}

.icon-separator-m {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0;
    font: 10px/12px icomoon;
    color: #93a3cb;
    font-style: normal
}

.tv-icon:before {
    content: "\E907"
}

.video-icon:before {
    content: "\E901"
}

.icon-arrow-single-game {
    position: absolute;
    right: 0;
    width: 30px;
    height: 100%;
    top: 0;
    text-align: right;
    font: 20px/50px icomoon;
    color: #3d5379;
    padding: 0 6px 0 0
}

.icon-arrow-single-game:before {
    content: "\E672"
}

.game-teams-name-contain-m {
    float: left;
    width: 100%;
    height: 50px;
    padding: 8px 0 0
}

.mini-contain-name-separator {
    float: left;
    width: 100%;
    height: 16px;
    display: table
}

.team-names-mini-w {
    display: table-cell;
    vertical-align: top;
    padding: 0;
    position: relative;
    font-size: 12px;
    line-height: 16px;
    width: 100%;
    height: 16px;
    color: #b5c0d7
}

.team-names-mini-w>b {
    font-weight: 400;
    position: absolute;
    padding: 0 5px 0 10px;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-count-b-m {
    display: table-cell;
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    padding: 0 10px 0 0;
    height: 100%;
    color: #b6862e;
    white-space: nowrap
}

.game-count-b-m>i {
    font-style: normal
}

.name-game-row-m {
    float: left;
    width: 100%;
    height: 34px;
    background: #222e47;
    margin: 0;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06)
}

.game-title-info-row-m {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 30px 0 10px
}

.arrow-game-view-m {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 34px;
    font: 20px/34px icomoon;
    color: #637aa9;
    text-align: center
}

.arrow-game-view-m:before {
    content: "\E672"
}

.game-title-info-row-m>ul {
    float: left;
    width: 100%;
    position: relative;
    height: 34px;
    padding: 0 40px 0 58px
}

.game-title-info-row-m>ul>li {
    float: left;
    width: 100%
}

.game-title-info-row-m>ul>li>p {
    float: left;
    width: 100%;
    font-size: 11px;
    line-height: 34px;
    color: #637aa9
}

.game-title-info-row-m>ul>li.time-column-m {
    position: absolute;
    width: 50px;
    left: 0;
    top: 0;
    height: 100%
}

.game-title-info-row-m>ul>li.market-count-view-m {
    position: absolute;
    width: 40px;
    right: 0;
    top: 0;
    height: 100%
}

.game-title-info-row-m>ul>li.market-count-view-m>p {
    text-align: right
}

.names-mini-row-m,
.names-mini-row-m>ul {
    float: left;
    width: 100%
}

.names-mini-row-m>ul>li {
    float: left;
    height: 34px
}

.names-mini-row-m>ul>li>p {
    float: left;
    width: 100%;
    font-size: 11px;
    line-height: 34px;
    color: #637aa9
}

.names-mini-row-m>ul>li.vs-team-view-m {
    width: 30px;
    text-align: center
}

.names-mini-row-m>ul>li.title-team-name-view-m {
    max-width: calc((100% - 30px) / 2)
}

.names-mini-row-m>ul>li.title-team-name-view-m>p {
    color: #b5c0d7;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.no-games-text-m {
    margin: 30px 0 0;
    padding: 10px;
    color: #637aa9;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.coefficient-game-view,
.no-games-text-m {
    float: left;
    width: 100%
}

.coefficient-game-view>ul {
    float: left;
    width: 100%;
    display: table;
    margin: 1px 0 0;
    table-layout: fixed
}

.coefficient-game-view>ul>li {
    display: table-cell;
    vertical-align: middle;
    background: #0a151d;
    padding: 0 0 0 1px
}

.coefficient-game-view>ul>li:first-child {
    padding-left: 0
}

.single-coefficient-m {
    float: left;
    width: 100%;
    height: 44px;
    background: #1b253f;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    display: table;
    position: relative;
    z-index: 22;
    overflow: hidden
}

.single-coefficient-m>p {
    display: table-cell;
    vertical-align: top;
    padding: 0;
    position: relative;
    font-size: 14px;
    line-height: 44px;
    width: 100%;
    height: 44px;
    color: #788bb8
}

.single-coefficient-m>p>b {
    font-weight: 400;
    position: absolute;
    padding: 0 0 0 10px;
    left: 0;
    top: 0;
    display: table;
    width: 100%;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    table-layout: fixed
}

.event-text-v-b {
    display: table-cell;
    vertical-align: middle;
    padding: 1px 0 0;
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.single-coefficient-m>span {
    display: table-cell;
    text-align: right;
    font-size: 14px;
    line-height: 44px;
    padding: 0 10px;
    height: 100%;
    color: #b6862e;
    white-space: nowrap
}

.single-coefficient-m>span>i {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 10px
}

.top-m:before {
    content: "\E66C";
    color: red;
    animation: change-price .6s 3 ease-in-out
}

.bot-m:before,
.top-m:before {
    display: block;
    position: absolute;
    left: -3px;
    top: 0;
    font: 14px/44px icomoon
}

.bot-m:before {
    content: "\E66D";
    color: green;
    animation: change-price-top .6s 3 ease-in-out
}

.game-information-m>ul>li.factor-m>.single-coefficient-m {
    height: 60px;
    line-height: 60px;
    background: #1e2941;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15), inset 1px 0 0 #0a151d
}

.game-information-m>ul>li.factor-m>.single-coefficient-m>span {
    font-size: 12px;
    line-height: 60px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    padding: 0;
    text-align: center
}

.game-information-m>ul>li.factor-m>.single-coefficient-m>span>i {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    position: relative;
    padding: 0
}

.game-information-m>ul.blocked>li.factor-m>.single-coefficient-m>span>i {
    display: none
}

.game-information-m>ul>li.factor-m>.single-coefficient-m>span>i.bot-m,
.game-information-m>ul>li.factor-m>.single-coefficient-m>span>i.top-m {
    padding-left: 10px
}

.game-information-m>ul>li.factor-m>.single-coefficient-m>span>i:before {
    line-height: 60px
}

@keyframes change-price-top {
    1% {
        transform: translateZ(0);
        opacity: 1
    }
    25% {
        transform: translate3d(0, -2px, 0);
        opacity: .5
    }
    50% {
        transform: translateZ(0);
        opacity: 1
    }
    75% {
        transform: translate3d(0, 3px, 0);
        opacity: .5
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes change-price {
    0% {
        transform: translateZ(0);
        opacity: 1
    }
    25% {
        transform: translate3d(0, 3px, 0);
        opacity: .5
    }
    50% {
        transform: translateZ(0);
        opacity: 1
    }
    75% {
        transform: translate3d(0, -2px, 0);
        opacity: .5
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.game-information-m>ul>li.factor-m>.single-coefficient-m.active,
.single-coefficient-m.active {
    background: #d71082;
    position: relative;
    overflow: hidden
}

.game-information-m>ul>li.factor-m>.single-coefficient-m.active>span,
.single-coefficient-m.active>p,
.single-coefficient-m.active>span,
.single-coefficient-m.active>span>i.bot-m:before,
.single-coefficient-m.active>span>i.top-m:before {
    color: #fff
}

.single-coefficient-m.active:before {
    font: 16px/44px icomoon;
    color: #fff;
    content: "T";
    display: block;
    width: 99%;
    top: 0;
    right: 0;
    position: absolute;
    text-align: center;
    opacity: 0;
    background: #d71082;
    animation: add-betslip .4s ease-in-out;
    z-index: 22
}

.game-information-m>ul>li.factor-m>.single-coefficient-m.active:before {
    line-height: 60px
}

@keyframes add-betslip {
    0% {
        transform: translateZ(0);
        opacity: 0
    }
    50% {
        transform: translateZ(0);
        opacity: 1
    }
    to {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
        display: none
    }
}

.dashboard-wrapper-m {
    float: left;
    width: 100%;
    padding: 2px 3px 0
}

.error-404-m {
    float: left;
    width: 100%
}

.error-404-m>h1 {
    font-weight: 400;
    font-size: 48px;
    line-height: 50px;
    padding: 50px 0 10px;
    color: #b31146
}

.error-404-m>h1,
.error-404-m>p {
    float: left;
    width: 100%;
    text-align: center
}

.error-404-m>p {
    font-size: 18px;
    line-height: 22px;
    padding: 5px 0;
    color: #637aa9
}

.animation-error {
    margin: 150px auto;
    text-align: center;
    width: 50px;
    height: 50px
}

.error-icon-b {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-color: #d71082;
    font-size: 0;
    border-radius: 50%;
    box-shadow: 0 0 5px #000;
    animation: animation-bbb 1s infinite;
    animation-fill-mode: forwards
}

.error-icon-b:before {
    font: 50px/50px Sport-icons;
    content: "\E66F";
    color: #fff;
    background: #d71082;
    border-radius: 50%;
    animation: error-view-p 8s infinite;
    display: block;
    animation-fill-mode: forwards
}

@keyframes animation-bbb {
    0% {
        transform: translateZ(0);
        animation-timing-function: ease-out
    }
    50% {
        transform: translate3d(0, 50px, 0) scaleX(1.2) scaleY(.8);
        animation-timing-function: ease-out;
        overflow: hidden;
        background: #fff
    }
    to {
        transform: translateZ(0);
        animation-timing-function: ease-out
    }
}

@keyframes error-view-p {
    0%,
    to {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(1turn)
    }
}

.freequiz-wrapper {
    float: left;
    width: 100%;
    background: #0d1425
}

.freequiz-provider-nav {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: #2a344f;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: 40px;
    position: relative
}

.freequiz-info-b {
    position: absolute;
    right: 0;
    height: 40px;
    width: 40px;
    top: 0
}

.freequiz-info-b:before {
    content: "\E915";
    display: block;
    font: 18px/40px icomoon;
    color: #93a3cb
}

.events-i,
.freequiz-guess,
.freequiz-win-i {
    float: left;
    width: 100%;
    margin: 1px 0 0;
    padding: 0;
    height: 38px;
    border-bottom: 2px solid transparent;
    position: relative;
    padding: 0 30px 0 34px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06)
}

.freequiz-guess {
    background: #1e2941
}

.freequiz-win-i {
    background: #182138
}

.events-i {
    background: #304262
}

.events-i>ul,
.freequiz-guess>ul,
.freequiz-win-i>ul {
    display: table;
    width: 100%;
    float: left;
    table-layout: fixed;
    vertical-align: top
}

.events-i>ul>li,
.freequiz-guess>ul>li,
.freequiz-win-i>ul>li {
    display: table-cell
}

.events-i>ul>li:last-child,
.freequiz-guess>ul>li:last-child,
.freequiz-win-i>ul>li:last-child {
    text-align: right
}

.events-i>ul>li>span,
.freequiz-guess>ul>li>span,
.freequiz-win-i>ul>li>span {
    float: left;
    width: 100%;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 38px;
    color: #788bb8
}

.freequiz-win-i>ul>li>span {
    color: #b6862e
}

.game-information-m.freequiz>ul>li:first-child:nth-last-child(4) {
    width: calc(100% - 169px)
}

.game-information-m.freequiz>ul {
    width: 100%
}

.freequize-button-container {
    float: left;
    width: 100%;
    padding: 15px 25px;
    background: #1e2941
}

.freequize-button-container>button {
    margin: 0 0 20px
}

.button-view-normal-m.trans-m.fav>span {
    padding: 0 0 0 10px;
    display: inline-block;
    position: relative
}

.button-view-normal-m.trans-m.fav>span:before {
    content: "\F006";
    font: 20px/38px icomoon;
    color: #c3953c;
    display: block;
    position: absolute;
    top: 0;
    left: -20px
}

.info-content-f {
    float: left;
    width: 100%;
    height: auto;
    max-height: 99999px;
    animation: open-animate-freequize .4s ease-in-out;
    padding: 10px;
    background: #3d5379
}

@keyframes open-animate-freequize {
    0% {
        max-height: 0
    }
    to {
        max-height: 500px
    }
}

.header-freequize-i {
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
    min-height: 40px
}

.header-freequize-i>span {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: block;
    font: 18px/30px icomoon;
    color: #637aa9;
    z-index: 100
}

.header-freequize-i>span:before {
    position: absolute;
    content: "\E90C"
}

.header-freequize-i h2 {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    padding: 0 40px;
    text-transform: uppercase;
    color: #a4a9bb;
    position: relative;
    color: #b5c0d7
}

.freequize-text-i {
    float: left;
    width: 100%;
    height: auto
}

.freequize-text-i>p {
    float: left;
    width: 100%;
    color: #b5c0d7;
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
    padding: 0 5px 10px
}

.date-picker-wrapper {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.date-picker-wrapper>.react-datepicker__input-container {
    float: left;
    width: 100%;
    position: relative
}

.date-picker-wrapper>.react-datepicker__input-container:before {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 38px;
    font: 16px/38px icomoon;
    content: "\E918";
    color: #36496b;
    z-index: 10
}

.date-picker-wrapper>.react-datepicker__input-container>input[type=text] {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #637aa9;
    background: none;
    height: 38px;
    padding: 6px 10px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #637aa9;
    transition: border .24s;
    border-radius: inherit;
    box-shadow: none;
    position: relative;
    z-index: 20
}

.date-picker-wrapper>.react-datepicker__input-container>input[type=text]:focus {
    border: 1px solid #d71082
}

.date-picker-wrapper>.react-datepicker__input-container>input::-webkit-input-placeholder {
    opacity: 1;
    color: #637aa9
}

.date-picker-wrapper>.react-datepicker__input-container>input::-moz-placeholder {
    opacity: 1;
    color: #637aa9
}

.date-picker-wrapper>.react-datepicker__input-container>input:-ms-input-placeholder {
    opacity: 1;
    color: #637aa9
}

.date-picker-wrapper>.react-datepicker__input-container>input:-moz-placeholder {
    opacity: 1;
    color: #637aa9
}

.react-datepicker {
    font-family: Roboto, sans-serif !important;
    background-color: #222e47 !important;
    border: 1px solid #0a151d !important;
    color: #f1f1f7 !important
}

.react-datepicker__header {
    background-color: #182138 !important;
    border-bottom: 1px solid #0a151d !important
}

.react-datepicker__day,
.react-datepicker__day-name {
    color: #637aa9 !important
}

.react-datepicker__current-month {
    color: #f1f1f7 !important;
    font-weight: 400 !important
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
    border-top-color: #darken #183347, 11 !important
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle:before {
    border-top: none;
    border-bottom-color: #0a151d !important
}

.react-datepicker__navigation--previous {
    border-right-color: #637aa9 !important
}

.react-datepicker__navigation--next {
    border-left-color: #637aa9 !important
}

.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--select {
    position: relative
}

.react-datepicker__month-dropdown-container--select>select,
.react-datepicker__year-dropdown-container--select>select {
    float: left;
    width: auto;
    position: relative;
    z-index: 55;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #637aa9;
    height: 32px;
    box-sizing: border-box;
    color: #788bb8;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    padding-left: 7px;
    padding-right: 36px;
    text-transform: uppercase;
    border-radius: inherit
}

.react-datepicker__month-dropdown-container--select:before,
.react-datepicker__year-dropdown-container--select:before {
    display: block;
    position: absolute;
    z-index: 10;
    font: 14px/18px icomoon;
    content: "\E670";
    right: 0;
    top: 7px;
    width: 26px;
    height: 18px;
    border-left: 1px solid #26364d;
    text-align: center;
    color: #637aa9
}

.react-datepicker__header__dropdown--select {
    margin-top: -6px !important
}

@font-face {
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    src: local("arnamu"), url(/./sportodds/fonts/arnamu_27bf69ff82203378a2cdf7128f8c80ae.woff2) format("woff2"), url(/./sportodds/fonts/arnamu_0c480f6705bbcf2bc9e7904286ce88df.woff) format("woff"), url(/./sportodds/fonts/arnamu_0285cd9caff3a01c85ab4ca5dd43cbd4.ttf) format("truetype"), url(/./sportodds/fonts/arnamu_50bcafd65aff29ca2aad1d6059df929a.eot), url(/./sportodds/fonts/arnamu_50bcafd65aff29ca2aad1d6059df929a.eot) format("embedded-opentype"), url(/./sportodds/fonts/arnamu_a78570824d2b508fde443fcf4b704246.svg) format("svg");
    unicode-range: u+0530-058f
}

@font-face {
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    src: local("arnamu"), url(/./sportodds/fonts/arnamu_bold_e21ec7f360cb5048d01d9f6dffa3ab83.woff2) format("woff2"), url(/./sportodds/fonts/arnamu_bold_25add7fd2c4747a11e959caad46c7c4d.woff) format("woff"), url(/./sportodds/fonts/arnamu_bold_3067328c42248fa8657226555910174c.ttf) format("truetype"), url(/./sportodds/fonts/arnamu_bold_e745f848eb3bd8011f7ab3754ffa0b21.eot), url(/./sportodds/fonts/arnamu_bold_e745f848eb3bd8011f7ab3754ffa0b21.eot) format("embedded-opentype"), url(/./sportodds/fonts/arnamu_bold_e981aa16f83a0149870e95895b54d7cd.svg) format("svg");
    unicode-range: u+0530-058f
}

@font-face {
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    src: local("Roboto"), url(/./sportodds/fonts/Roboto_b65b078c2f62cb030e8faa332896afec.woff2) format("woff2"), url(/./sportodds/fonts/Roboto_f063ed2df8f2a30ec912d177bbada28a.woff) format("woff"), url(/./sportodds/fonts/Roboto_d5b0fe487accd41fdf649db052f88a64.ttf) format("truetype"), url(/./sportodds/fonts/Roboto_f2b2fed6e5bc51d35396efc6e147de83.eot), url(/./sportodds/fonts/Roboto_f2b2fed6e5bc51d35396efc6e147de83.eot) format("embedded-opentype"), url(/./sportodds/fonts/Roboto_bbfbda6111e469f4dad8509ee047e745.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    src: local("Roboto"), url(/./sportodds/fonts/RobotoBold_5c3f2196f147bbbc3583de1008be7538.woff2) format("woff2"), url(/./sportodds/fonts/RobotoBold_fffb9b57361a7ca952052165cd66274a.woff) format("woff"), url(/./sportodds/fonts/RobotoBold_ac6e122e4ec3ef6df1d06bcab3833d49.ttf) format("truetype"), url(/./sportodds/fonts/RobotoBold_3ab7c59e4a9db7daa483b313050dc9bf.eot), url(/./sportodds/fonts/RobotoBold_3ab7c59e4a9db7daa483b313050dc9bf.eot) format("embedded-opentype"), url(/./sportodds/fonts/RobotoBold_5aad91649a4d8567d84e4abe9a2ffff3.svg) format("svg")
}

@font-face {
    font-family: icomoon;
    src: url(/./sportodds/fonts/icomoon_0559fff86b11aa3449cce4f31879e107.eot);
    src: url(/./sportodds/fonts/icomoon_0559fff86b11aa3449cce4f31879e107.eot?#iefixs2kl4o4) format("embedded-opentype"), url(/./sportodds/fonts/icomoon_53008f5b8d92e9526131e8c8788fd185.woff) format("woff"), url(/./sportodds/fonts/icomoon_2a0f50f1c9393f25ddec7c1019043b71.ttf) format("truetype"), url(/./sportodds/fonts/icomoon_330027d5b2a668bd7d164e9dbfaf25cd.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: Iran-f;
    src: url(/./sportodds/fonts/IRAN_SemiBold_232bfd9cfff4f930f1d456296b60dc77.eot), url(/./sportodds/fonts/IRAN_SemiBold_232bfd9cfff4f930f1d456296b60dc77.eot) format("embedded-opentype"), url(/./sportodds/fonts/IRAN_SemiBold_8e054362d3129e4bbac29fc4023352f2.woff2) format("woff2"), url(/./sportodds/fonts/IRAN_SemiBold_19c54dfa3afc882a62c99f08fa646f46.woff) format("woff"), url(/./sportodds/fonts/IRAN_SemiBold_875b3882cf59cb9b9a38edc27071d57c.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Iran-f;
    src: url(/./sportodds/fonts/IRAN_SemiBold_232bfd9cfff4f930f1d456296b60dc77.eot), url(/./sportodds/fonts/IRAN_SemiBold_232bfd9cfff4f930f1d456296b60dc77.eot) format("embedded-opentype"), url(/./sportodds/fonts/IRAN_SemiBold_8e054362d3129e4bbac29fc4023352f2.woff2) format("woff2"), url(/./sportodds/fonts/IRAN_SemiBold_19c54dfa3afc882a62c99f08fa646f46.woff) format("woff"), url(/./sportodds/fonts/IRAN_SemiBold_875b3882cf59cb9b9a38edc27071d57c.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Sport-icons;
    src: url(/./sportodds/fonts/icomoon_d38174bc5793008e2e1a6dfd33de432a.eot);
    src: url(/./sportodds/fonts/icomoon_d38174bc5793008e2e1a6dfd33de432a.eot?#iefixggnxdcm) format("embedded-opentype"), url(/./sportodds/fonts/icomoon_83937129b743bbce6c691d7c08038a43.woff) format("woff"), url(/./sportodds/fonts/icomoon_54dbbccd9936f4eb9c3e72f3c171de24.ttf) format("truetype"), url(/./sportodds/fonts/icomoon_80ddac22eef674bc23f4c490bbd3dae5.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.AlpineSkiing:before {
    content: "\E64E"
}

.AustralianFootball:before {
    content: "\E605"
}

.AmericanFootball:before {
    content: "\E602"
}

.Angling:before {
    content: "\E603"
}

.Archery:before {
    content: "\E604"
}

.Badminton:before {
    content: "\E606"
}

.Balls:before {
    content: "\E607"
}

.Baseball:before {
    content: "\E608"
}

.Basketball:before {
    content: "\E609"
}

.BeachHandball:before {
    content: "\E60A"
}

.BeachFootball:before,
.BeachSoccer:before {
    content: "\E60B"
}

.BeachVolleyball:before {
    content: "\E60C"
}

.Biathlon:before {
    content: "\E60D"
}

.Bobsleigh:before {
    content: "\E60E"
}

.BallHockey:before,
.Bandy:before {
    content: "\E628"
}

.Boxing:before {
    content: "\E60F"
}

.Bridge:before {
    content: "\E610"
}

.Canoe:before,
.Canoeing:before {
    content: "\E611"
}

.Chess:before {
    content: "\E612"
}

.Cricket:before {
    content: "\E613"
}

.Curling:before {
    content: "\E614"
}

.Cycling:before,
.InspiredCycling:before {
    content: "\E615"
}

.Cyclo-Cross:before {
    content: "\E616"
}

.CrossFire:before {
    content: "\E90E"
}

.Bowls:before {
    content: "\E800"
}

.Darts:before {
    content: "\E617"
}

.Diving:before {
    content: "\E618"
}

.EBasketball:before {
    content: "\E900"
}

.Electronic:before,
.ElectronicSports:before {
    content: "\E619"
}

.Eurovision:before {
    content: "\E61A"
}

.Fencing:before {
    content: "\E61C"
}

.FigureSkating:before {
    content: "\E61D"
}

.Floorball:before {
    content: "\E61E"
}

.Formula1:before {
    content: "\E61F"
}

.Futsal:before {
    content: "."
}

.financials:before {
    content: "\E902"
}

.Freestyle:before,
.FreestyleWrestling:before {
    content: "\E620"
}

.GaelicFootball:before {
    content: "\E621"
}

.Golf:before {
    content: "\E622"
}

.GrassHockey:before {
    content: "\E623"
}

.Greyhounds:before,
.InspiredGreyhoundRacing:before,
.VirtualGreyhoundRacing:before {
    content: "\E624"
}

.Gymnastics:before {
    content: "\E625"
}

.Halo:before {
    content: "\E90D"
}

.Handball:before {
    content: "\E626"
}

.HardAthletics:before,
.Weightlifting:before {
    content: "\E627"
}

.Hockey:before {
    content: "\E629"
}

.HorseRacing:before,
.InspiredTrotting:before {
    content: "\E62A"
}

.Hurling:before {
    content: "\E62B"
}

.IceHockey:before {
    content: "\E62C"
}

.Judo:before {
    content: "\E62D"
}

.LeagueofLegends:before,
.LeagueOfLegends:before {
    content: '"'
}

.Lacross:before {
    content: "\E62E"
}

.Athletics:before,
.LightAthletics:before {
    content: "\E62F"
}

.Lottery:before {
    content: "\E631"
}

.Luge:before {
    content: "\E632"
}

.Mafia:before {
    content: "\E633"
}

.MiniSoccer:before {
    content: "\E634"
}

.ModernPentathlon:before {
    content: "\E635"
}

.InspiredMotorRacing:before,
.Motorbikes:before {
    content: "\E636"
}

.Motorsport:before {
    content: "\E637"
}

.Nascar:before {
    content: "\E638"
}

.Netball:before {
    content: "\E639"
}

.NordicCombined:before {
    content: "\E63A"
}

.Olimpic:before,
.Olympics:before {
    content: "\E63B"
}

.Oscar:before {
    content: "\E63C"
}

.Overwatch:before {
    content: "*"
}

.outright:before {
    content: "\E903"
}

.Padel:before {
    content: "\E63D"
}

.Padel-Tennis:before {
    content: "\E669"
}

.Pesapallo:before {
    content: "\E63E"
}

.PokerLive:before {
    content: "\E63F"
}

.Poker:before {
    content: "\E640"
}

.Politics:before {
    content: "\E641"
}

.Pool:before {
    content: "\E642"
}

.AutoRacing:before,
.Rally:before {
    content: "\E643"
}

.RinkHockey:before {
    content: "\E644"
}

.Rowing:before {
    content: "\E645"
}

.Rugby:before,
.RugbyLeague:before,
.RugbySevens:before,
.RugbyUnion:before {
    content: "\E646"
}

.Schwingen:before {
    content: "\E649"
}

.Shooting:before {
    content: "\E64A"
}

.Shorttrackspeedskating:before {
    content: "\E64B"
}

.Skeleton:before {
    content: "\E64C"
}

.SkiJump:before,
.SkiJumping:before {
    content: "\E64D"
}

.Skis:before {
    content: "\E64E"
}

.CrossCountrySkiing:before {
    content: "\E601"
}

.Snooker:before {
    content: "\E64F"
}

.Snowboard:before {
    content: "\E650"
}

.Smite:before {
    content: "+"
}

.Football:before,
.InspiredRush2Football:before,
.MixedFootball:before,
.Soccer:before {
    content: "\E66F"
}

.CyberFootball:before {
    content: "\E901"
}

.SoccerWC2014:before {
    content: "\E652"
}

.Softball:before {
    content: "\E653"
}

.SpecialBets:before {
    content: "\E654"
}

.Speedskating:before {
    content: "\E655"
}

.InspiredSpeedway:before,
.Speedway:before {
    content: "\E656"
}

.SportAndFun:before {
    content: "\E657"
}

.SportFight:before {
    content: "\E658"
}

.Squash:before {
    content: "\E659"
}

.Sumo:before {
    content: "\E65A"
}

.Surfing:before {
    content: "\E65B"
}

.SummerOlympics:before {
    content: "\E63B"
}

.Swimming:before {
    content: "\E65C"
}

.SynchronisedSwimming:before,
.SynchronizedSwimming:before {
    content: "\E65D"
}

.Tablehockey:before {
    content: "\E65E"
}

.TableTennis:before {
    content: "\E65F"
}

.Taekwondo:before {
    content: "\E660"
}

.Equestrian:before {
    content: "\E62A"
}

.Tankbiathlon:before {
    content: "\E661"
}

.Telecasts:before,
.TVShowsAndMovies:before {
    content: "\E662"
}

.Tennis:before {
    content: "\E663"
}

.Triathlon:before {
    content: "\E664"
}

.Mma:before,
.UFS:before {
    content: "\E665"
}

.UltimateFighting:before {
    content: "\E666"
}

.virtualdogs:before,
.virtualsports:before {
    content: "\E667"
}

.InspiredHorseRacing:before,
.virtualhorses:before {
    content: "\E668"
}

.VirtualCarRacing:before {
    content: "\E905"
}

.virtualtennis:before,
.VirtualTennis:before {
    content: "\E669"
}

.Volleyball:before {
    content: "\E66A"
}

.WaterPolo:before {
    content: "\E66B"
}

.WhatWhereWhen:before {
    content: "\E66C"
}

.WinterOlympics:before {
    content: "\E63B"
}

.GrecoRomanWrestling:before,
.Wrestling:before,
.WWE:before {
    content: "\E66D"
}

.Yachting:before {
    content: "\E66E"
}

.X-Sports:before {
    content: "\E61B"
}

.Vainglory:before {
    content: "\E90C"
}

.VirtualFootball:before {
    content: "\E651"
}

.VirtualHorseRacing:before,
.VirtualHorses:before {
    content: "\E668"
}

.VirtualDogs:before {
    content: "\E624"
}

.CounterStrike:before,
.Global.Offensive:before {
    content: "!"
}

.Dota2:before,
.Dota:before {
    content: "$"
}

.Heroes.of.the.Storm:before,
.HeroesoftheStorm:before,
.HeroesOfTheStorm:before {
    content: "%"
}

.WorldofTanks:before,
.WorldOfTanks:before {
    content: "("
}

.Hearthstone:before {
    content: "&"
}

.StarCraft2:before,
.StarCraft:before {
    content: "-"
}

.WorldOfWarcraft:before {
    content: ")"
}

.CallofDuty:before,
.CallOfDuty:before {
    content: "\E904"
}

.Livemonitor:before {
    content: "\E630"
}

.VirtualBicycle:before {
    content: "\E616"
}

.StreetFighterV:before {
    content: "\E636"
}

.Confederations:before,
.icon-sport-asia.All:before {
    content: "\E600"
}

.favorites:before {
    color: #c3953c
}

.dashboard-sport-icon-m.favorites {
    box-shadow: inset 3px 0 0 #c3953c
}

.rtl .dashboard-sport-icon-m.favorites {
    box-shadow: inset -3px 0 0 #c3953c
}

.single-sport-title-dashboard-m.favorites.active {
    border-color: #c3953c
}

.select-sport-title-m.favorites {
    background: #c3953c;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.favorites:after {
    border-color: transparent transparent #c3953c
}

.sport-title-result-m.favorites {
    background: #c3953c;
    color: #fff
}

.AlpineSkiing:before {
    color: #93c6e5
}

.dashboard-sport-icon-m.AlpineSkiing {
    box-shadow: inset 3px 0 0 #93c6e5
}

.rtl .dashboard-sport-icon-m.AlpineSkiing {
    box-shadow: inset -3px 0 0 #93c6e5
}

.single-sport-title-dashboard-m.AlpineSkiing.active {
    border-color: #93c6e5
}

.select-sport-title-m.AlpineSkiing {
    background: #93c6e5;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.AlpineSkiing:after {
    border-color: transparent transparent #93c6e5
}

.sport-title-result-m.AlpineSkiing {
    background: #93c6e5;
    color: #000
}

.AustralianFootball:before {
    color: #119a18
}

.dashboard-sport-icon-m.AustralianFootball {
    box-shadow: inset 3px 0 0 #119a18
}

.rtl .dashboard-sport-icon-m.AustralianFootball {
    box-shadow: inset -3px 0 0 #119a18
}

.single-sport-title-dashboard-m.AustralianFootball.active {
    border-color: #119a18
}

.select-sport-title-m.AustralianFootball {
    background: #119a18;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.AustralianFootball:after {
    border-color: transparent transparent #119a18
}

.sport-title-result-m.AustralianFootball {
    background: #119a18;
    color: #fff
}

.AmericanFootball:before {
    color: #e7685c
}

.dashboard-sport-icon-m.AmericanFootball {
    box-shadow: inset 3px 0 0 #e7685c
}

.rtl .dashboard-sport-icon-m.AmericanFootball {
    box-shadow: inset -3px 0 0 #e7685c
}

.single-sport-title-dashboard-m.AmericanFootball.active {
    border-color: #e7685c
}

.select-sport-title-m.AmericanFootball {
    background: #e7685c;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.AmericanFootball:after {
    border-color: transparent transparent #e7685c
}

.sport-title-result-m.AmericanFootball {
    background: #e7685c;
    color: #000
}

.Badminton:before {
    color: #70c2a7
}

.dashboard-sport-icon-m.Badminton {
    box-shadow: inset 3px 0 0 #70c2a7
}

.rtl .dashboard-sport-icon-m.Badminton {
    box-shadow: inset -3px 0 0 #70c2a7
}

.single-sport-title-dashboard-m.Badminton.active {
    border-color: #70c2a7
}

.select-sport-title-m.Badminton {
    background: #70c2a7;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Badminton:after {
    border-color: transparent transparent #70c2a7
}

.sport-title-result-m.Badminton {
    background: #70c2a7;
    color: #000
}

.Baseball:before {
    color: #60aca9
}

.dashboard-sport-icon-m.Baseball {
    box-shadow: inset 3px 0 0 #60aca9
}

.rtl .dashboard-sport-icon-m.Baseball {
    box-shadow: inset -3px 0 0 #60aca9
}

.single-sport-title-dashboard-m.Baseball.active {
    border-color: #60aca9
}

.select-sport-title-m.Baseball {
    background: #60aca9;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Baseball:after {
    border-color: transparent transparent #60aca9
}

.sport-title-result-m.Baseball {
    background: #60aca9;
    color: #000
}

.Basketball:before {
    color: #d76732
}

.dashboard-sport-icon-m.Basketball {
    box-shadow: inset 3px 0 0 #d76732
}

.rtl .dashboard-sport-icon-m.Basketball {
    box-shadow: inset -3px 0 0 #d76732
}

.single-sport-title-dashboard-m.Basketball.active {
    border-color: #d76732
}

.select-sport-title-m.Basketball {
    background: #d76732;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Basketball:after {
    border-color: transparent transparent #d76732
}

.sport-title-result-m.Basketball {
    background: #d76732;
    color: #000
}

.BeachHandball:before {
    color: #ccbb87
}

.dashboard-sport-icon-m.BeachHandball {
    box-shadow: inset 3px 0 0 #ccbb87
}

.rtl .dashboard-sport-icon-m.BeachHandball {
    box-shadow: inset -3px 0 0 #ccbb87
}

.single-sport-title-dashboard-m.BeachHandball.active {
    border-color: #ccbb87
}

.select-sport-title-m.BeachHandball {
    background: #ccbb87;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.BeachHandball:after {
    border-color: transparent transparent #ccbb87
}

.sport-title-result-m.BeachHandball {
    background: #ccbb87;
    color: #000
}

.BeachSoccer:before {
    color: #bfaf7e
}

.dashboard-sport-icon-m.BeachSoccer {
    box-shadow: inset 3px 0 0 #bfaf7e
}

.rtl .dashboard-sport-icon-m.BeachSoccer {
    box-shadow: inset -3px 0 0 #bfaf7e
}

.single-sport-title-dashboard-m.BeachSoccer.active {
    border-color: #bfaf7e
}

.select-sport-title-m.BeachSoccer {
    background: #bfaf7e;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.BeachSoccer:after {
    border-color: transparent transparent #bfaf7e
}

.sport-title-result-m.BeachSoccer {
    background: #bfaf7e;
    color: #000
}

.BeachFootball:before {
    color: #bfaf7e
}

.dashboard-sport-icon-m.BeachFootball {
    box-shadow: inset 3px 0 0 #bfaf7e
}

.rtl .dashboard-sport-icon-m.BeachFootball {
    box-shadow: inset -3px 0 0 #bfaf7e
}

.single-sport-title-dashboard-m.BeachFootball.active {
    border-color: #bfaf7e
}

.select-sport-title-m.BeachFootball {
    background: #bfaf7e;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.BeachFootball:after {
    border-color: transparent transparent #bfaf7e
}

.sport-title-result-m.BeachFootball {
    background: #bfaf7e;
    color: #000
}

.BeachVolleyball:before {
    color: #d9c68f
}

.dashboard-sport-icon-m.BeachVolleyball {
    box-shadow: inset 3px 0 0 #d9c68f
}

.rtl .dashboard-sport-icon-m.BeachVolleyball {
    box-shadow: inset -3px 0 0 #d9c68f
}

.single-sport-title-dashboard-m.BeachVolleyball.active {
    border-color: #d9c68f
}

.select-sport-title-m.BeachVolleyball {
    background: #d9c68f;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.BeachVolleyball:after {
    border-color: transparent transparent #d9c68f
}

.sport-title-result-m.BeachVolleyball {
    background: #d9c68f;
    color: #000
}

.Biathlon:before {
    color: #bedbed
}

.dashboard-sport-icon-m.Biathlon {
    box-shadow: inset 3px 0 0 #bedbed
}

.rtl .dashboard-sport-icon-m.Biathlon {
    box-shadow: inset -3px 0 0 #bedbed
}

.single-sport-title-dashboard-m.Biathlon.active {
    border-color: #bedbed
}

.select-sport-title-m.Biathlon {
    background: #bedbed;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Biathlon:after {
    border-color: transparent transparent #bedbed
}

.sport-title-result-m.Biathlon {
    background: #bedbed;
    color: #000
}

.BallHockey:before {
    color: #168763
}

.dashboard-sport-icon-m.BallHockey {
    box-shadow: inset 3px 0 0 #168763
}

.rtl .dashboard-sport-icon-m.BallHockey {
    box-shadow: inset -3px 0 0 #168763
}

.single-sport-title-dashboard-m.BallHockey.active {
    border-color: #168763
}

.select-sport-title-m.BallHockey {
    background: #168763;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.BallHockey:after {
    border-color: transparent transparent #168763
}

.sport-title-result-m.BallHockey {
    background: #168763;
    color: #fff
}

.Bandy:before {
    color: #5da167
}

.dashboard-sport-icon-m.Bandy {
    box-shadow: inset 3px 0 0 #5da167
}

.rtl .dashboard-sport-icon-m.Bandy {
    box-shadow: inset -3px 0 0 #5da167
}

.single-sport-title-dashboard-m.Bandy.active {
    border-color: #5da167
}

.select-sport-title-m.Bandy {
    background: #5da167;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Bandy:after {
    border-color: transparent transparent #5da167
}

.sport-title-result-m.Bandy {
    background: #5da167;
    color: #fff
}

.Boxing:before {
    color: #0e7acc
}

.dashboard-sport-icon-m.Boxing {
    box-shadow: inset 3px 0 0 #0e7acc
}

.rtl .dashboard-sport-icon-m.Boxing {
    box-shadow: inset -3px 0 0 #0e7acc
}

.single-sport-title-dashboard-m.Boxing.active {
    border-color: #0e7acc
}

.select-sport-title-m.Boxing {
    background: #0e7acc;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Boxing:after {
    border-color: transparent transparent #0e7acc
}

.sport-title-result-m.Boxing {
    background: #0e7acc;
    color: #fff
}

.Canoe:before {
    color: #0d72bf
}

.dashboard-sport-icon-m.Canoe {
    box-shadow: inset 3px 0 0 #0d72bf
}

.rtl .dashboard-sport-icon-m.Canoe {
    box-shadow: inset -3px 0 0 #0d72bf
}

.single-sport-title-dashboard-m.Canoe.active {
    border-color: #0d72bf
}

.select-sport-title-m.Canoe {
    background: #0d72bf;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Canoe:after {
    border-color: transparent transparent #0d72bf
}

.sport-title-result-m.Canoe {
    background: #0d72bf;
    color: #fff
}

.Chess:before {
    color: #edbd6f
}

.dashboard-sport-icon-m.Chess {
    box-shadow: inset 3px 0 0 #edbd6f
}

.rtl .dashboard-sport-icon-m.Chess {
    box-shadow: inset -3px 0 0 #edbd6f
}

.single-sport-title-dashboard-m.Chess.active {
    border-color: #edbd6f
}

.select-sport-title-m.Chess {
    background: #edbd6f;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Chess:after {
    border-color: transparent transparent #edbd6f
}

.sport-title-result-m.Chess {
    background: #edbd6f;
    color: #000
}

.Cricket:before {
    color: #1bab7d
}

.dashboard-sport-icon-m.Cricket {
    box-shadow: inset 3px 0 0 #1bab7d
}

.rtl .dashboard-sport-icon-m.Cricket {
    box-shadow: inset -3px 0 0 #1bab7d
}

.single-sport-title-dashboard-m.Cricket.active {
    border-color: #1bab7d
}

.select-sport-title-m.Cricket {
    background: #1bab7d;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Cricket:after {
    border-color: transparent transparent #1bab7d
}

.sport-title-result-m.Cricket {
    background: #1bab7d;
    color: #fff
}

.Curling:before {
    color: #76bbef
}

.dashboard-sport-icon-m.Curling {
    box-shadow: inset 3px 0 0 #76bbef
}

.rtl .dashboard-sport-icon-m.Curling {
    box-shadow: inset -3px 0 0 #76bbef
}

.single-sport-title-dashboard-m.Curling.active {
    border-color: #76bbef
}

.select-sport-title-m.Curling {
    background: #76bbef;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Curling:after {
    border-color: transparent transparent #76bbef
}

.sport-title-result-m.Curling {
    background: #76bbef;
    color: #000
}

.Cycling:before {
    color: #d9c68f
}

.dashboard-sport-icon-m.Cycling {
    box-shadow: inset 3px 0 0 #d9c68f
}

.rtl .dashboard-sport-icon-m.Cycling {
    box-shadow: inset -3px 0 0 #d9c68f
}

.single-sport-title-dashboard-m.Cycling.active {
    border-color: #d9c68f
}

.select-sport-title-m.Cycling {
    background: #d9c68f;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Cycling:after {
    border-color: transparent transparent #d9c68f
}

.sport-title-result-m.Cycling {
    background: #d9c68f;
    color: #000
}

.Cyclo-Cross:before {
    color: #d9c68f
}

.dashboard-sport-icon-m.Cyclo-Cross {
    box-shadow: inset 3px 0 0 #d9c68f
}

.rtl .dashboard-sport-icon-m.Cyclo-Cross {
    box-shadow: inset -3px 0 0 #d9c68f
}

.single-sport-title-dashboard-m.Cyclo-Cross.active {
    border-color: #d9c68f
}

.select-sport-title-m.Cyclo-Cross {
    background: #d9c68f;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Cyclo-Cross:after {
    border-color: transparent transparent #d9c68f
}

.sport-title-result-m.Cyclo-Cross {
    background: #d9c68f;
    color: #000
}

.Bowls:before {
    color: #2a8c4c
}

.dashboard-sport-icon-m.Bowls {
    box-shadow: inset 3px 0 0 #2a8c4c
}

.rtl .dashboard-sport-icon-m.Bowls {
    box-shadow: inset -3px 0 0 #2a8c4c
}

.single-sport-title-dashboard-m.Bowls.active {
    border-color: #2a8c4c
}

.select-sport-title-m.Bowls {
    background: #2a8c4c;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Bowls:after {
    border-color: transparent transparent #2a8c4c
}

.sport-title-result-m.Bowls {
    background: #2a8c4c;
    color: #fff
}

.Darts:before {
    color: #d32939
}

.dashboard-sport-icon-m.Darts {
    box-shadow: inset 3px 0 0 #d32939
}

.rtl .dashboard-sport-icon-m.Darts {
    box-shadow: inset -3px 0 0 #d32939
}

.single-sport-title-dashboard-m.Darts.active {
    border-color: #d32939
}

.select-sport-title-m.Darts {
    background: #d32939;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Darts:after {
    border-color: transparent transparent #d32939
}

.sport-title-result-m.Darts {
    background: #d32939;
    color: #fff
}

.Diving:before {
    color: #118be9
}

.dashboard-sport-icon-m.Diving {
    box-shadow: inset 3px 0 0 #118be9
}

.rtl .dashboard-sport-icon-m.Diving {
    box-shadow: inset -3px 0 0 #118be9
}

.single-sport-title-dashboard-m.Diving.active {
    border-color: #118be9
}

.select-sport-title-m.Diving {
    background: #118be9;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Diving:after {
    border-color: transparent transparent #118be9
}

.sport-title-result-m.Diving {
    background: #118be9;
    color: #fff
}

.EBasketball:before {
    color: #d96c23
}

.dashboard-sport-icon-m.EBasketball {
    box-shadow: inset 3px 0 0 #d96c23
}

.rtl .dashboard-sport-icon-m.EBasketball {
    box-shadow: inset -3px 0 0 #d96c23
}

.single-sport-title-dashboard-m.EBasketball.active {
    border-color: #d96c23
}

.select-sport-title-m.EBasketball {
    background: #d96c23;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.EBasketball:after {
    border-color: transparent transparent #d96c23
}

.sport-title-result-m.EBasketball {
    background: #d96c23;
    color: #fff
}

.Electronic:before {
    color: #5e55a1
}

.dashboard-sport-icon-m.Electronic {
    box-shadow: inset 3px 0 0 #5e55a1
}

.rtl .dashboard-sport-icon-m.Electronic {
    box-shadow: inset -3px 0 0 #5e55a1
}

.single-sport-title-dashboard-m.Electronic.active {
    border-color: #5e55a1
}

.select-sport-title-m.Electronic {
    background: #5e55a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Electronic:after {
    border-color: transparent transparent #5e55a1
}

.sport-title-result-m.Electronic {
    background: #5e55a1;
    color: #fff
}

.FigureSkating:before {
    color: #b1cdde
}

.dashboard-sport-icon-m.FigureSkating {
    box-shadow: inset 3px 0 0 #b1cdde
}

.rtl .dashboard-sport-icon-m.FigureSkating {
    box-shadow: inset -3px 0 0 #b1cdde
}

.single-sport-title-dashboard-m.FigureSkating.active {
    border-color: #b1cdde
}

.select-sport-title-m.FigureSkating {
    background: #b1cdde;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.FigureSkating:after {
    border-color: transparent transparent #b1cdde
}

.sport-title-result-m.FigureSkating {
    background: #b1cdde;
    color: #000
}

.Floorball:before {
    color: #72cddb
}

.dashboard-sport-icon-m.Floorball {
    box-shadow: inset 3px 0 0 #72cddb
}

.rtl .dashboard-sport-icon-m.Floorball {
    box-shadow: inset -3px 0 0 #72cddb
}

.single-sport-title-dashboard-m.Floorball.active {
    border-color: #72cddb
}

.select-sport-title-m.Floorball {
    background: #72cddb;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Floorball:after {
    border-color: transparent transparent #72cddb
}

.sport-title-result-m.Floorball {
    background: #72cddb;
    color: #000
}

.Formula1:before {
    color: #b8292b
}

.dashboard-sport-icon-m.Formula1 {
    box-shadow: inset 3px 0 0 #b8292b
}

.rtl .dashboard-sport-icon-m.Formula1 {
    box-shadow: inset -3px 0 0 #b8292b
}

.single-sport-title-dashboard-m.Formula1.active {
    border-color: #b8292b
}

.select-sport-title-m.Formula1 {
    background: #b8292b;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Formula1:after {
    border-color: transparent transparent #b8292b
}

.sport-title-result-m.Formula1 {
    background: #b8292b;
    color: #fff
}

.Futsal:before {
    color: #65b5c2
}

.dashboard-sport-icon-m.Futsal {
    box-shadow: inset 3px 0 0 #65b5c2
}

.rtl .dashboard-sport-icon-m.Futsal {
    box-shadow: inset -3px 0 0 #65b5c2
}

.single-sport-title-dashboard-m.Futsal.active {
    border-color: #65b5c2
}

.select-sport-title-m.Futsal {
    background: #65b5c2;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Futsal:after {
    border-color: transparent transparent #65b5c2
}

.sport-title-result-m.Futsal {
    background: #65b5c2;
    color: #000
}

.Football:before {
    color: #fff
}

.dashboard-sport-icon-m.Football {
    box-shadow: inset 3px 0 0 #1a7051
}

.rtl .dashboard-sport-icon-m.Football {
    box-shadow: inset -3px 0 0 #1a7051
}

.single-sport-title-dashboard-m.Football.active {
    border-color: #1a7051
}

.select-sport-title-m.Football {
    background: #1a7051;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Football:after {
    border-color: transparent transparent #1a7051
}

.sport-title-result-m.Football {
    background: #1a7051;
    color: #fff
}

.Freestyle:before {
    color: #edbe13
}

.dashboard-sport-icon-m.Freestyle {
    box-shadow: inset 3px 0 0 #edbe13
}

.rtl .dashboard-sport-icon-m.Freestyle {
    box-shadow: inset -3px 0 0 #edbe13
}

.single-sport-title-dashboard-m.Freestyle.active {
    border-color: #edbe13
}

.select-sport-title-m.Freestyle {
    background: #edbe13;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Freestyle:after {
    border-color: transparent transparent #edbe13
}

.sport-title-result-m.Freestyle {
    background: #edbe13;
    color: #000
}

.FreestyleWrestling:before {
    color: #edbe13
}

.dashboard-sport-icon-m.FreestyleWrestling {
    box-shadow: inset 3px 0 0 #edbe13
}

.rtl .dashboard-sport-icon-m.FreestyleWrestling {
    box-shadow: inset -3px 0 0 #edbe13
}

.single-sport-title-dashboard-m.FreestyleWrestling.active {
    border-color: #edbe13
}

.select-sport-title-m.FreestyleWrestling {
    background: #edbe13;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.FreestyleWrestling:after {
    border-color: transparent transparent #edbe13
}

.sport-title-result-m.FreestyleWrestling {
    background: #edbe13;
    color: #000
}

.GaelicFootball:before {
    color: #358014
}

.dashboard-sport-icon-m.GaelicFootball {
    box-shadow: inset 3px 0 0 #358014
}

.rtl .dashboard-sport-icon-m.GaelicFootball {
    box-shadow: inset -3px 0 0 #358014
}

.single-sport-title-dashboard-m.GaelicFootball.active {
    border-color: #358014
}

.select-sport-title-m.GaelicFootball {
    background: #358014;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.GaelicFootball:after {
    border-color: transparent transparent #358014
}

.sport-title-result-m.GaelicFootball {
    background: #358014;
    color: #fff
}

.Golf:before {
    color: #189946
}

.dashboard-sport-icon-m.Golf {
    box-shadow: inset 3px 0 0 #189946
}

.rtl .dashboard-sport-icon-m.Golf {
    box-shadow: inset -3px 0 0 #189946
}

.single-sport-title-dashboard-m.Golf.active {
    border-color: #189946
}

.select-sport-title-m.Golf {
    background: #189946;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Golf:after {
    border-color: transparent transparent #189946
}

.sport-title-result-m.Golf {
    background: #189946;
    color: #fff
}

.GrassHockey:before {
    color: #189443
}

.dashboard-sport-icon-m.GrassHockey {
    box-shadow: inset 3px 0 0 #189443
}

.rtl .dashboard-sport-icon-m.GrassHockey {
    box-shadow: inset -3px 0 0 #189443
}

.single-sport-title-dashboard-m.GrassHockey.active {
    border-color: #189443
}

.select-sport-title-m.GrassHockey {
    background: #189443;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.GrassHockey:after {
    border-color: transparent transparent #189443
}

.sport-title-result-m.GrassHockey {
    background: #189443;
    color: #fff
}

.Gymnastics:before {
    color: #03b5a5
}

.dashboard-sport-icon-m.Gymnastics {
    box-shadow: inset 3px 0 0 #03b5a5
}

.rtl .dashboard-sport-icon-m.Gymnastics {
    box-shadow: inset -3px 0 0 #03b5a5
}

.single-sport-title-dashboard-m.Gymnastics.active {
    border-color: #03b5a5
}

.select-sport-title-m.Gymnastics {
    background: #03b5a5;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Gymnastics:after {
    border-color: transparent transparent #03b5a5
}

.sport-title-result-m.Gymnastics {
    background: #03b5a5;
    color: #fff
}

.Handball:before {
    color: #42777f
}

.dashboard-sport-icon-m.Handball {
    box-shadow: inset 3px 0 0 #42777f
}

.rtl .dashboard-sport-icon-m.Handball {
    box-shadow: inset -3px 0 0 #42777f
}

.single-sport-title-dashboard-m.Handball.active {
    border-color: #42777f
}

.select-sport-title-m.Handball {
    background: #42777f;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Handball:after {
    border-color: transparent transparent #42777f
}

.sport-title-result-m.Handball {
    background: #42777f;
    color: #fff
}

.HardAthletics:before {
    color: #0b5b99
}

.dashboard-sport-icon-m.HardAthletics {
    box-shadow: inset 3px 0 0 #0b5b99
}

.rtl .dashboard-sport-icon-m.HardAthletics {
    box-shadow: inset -3px 0 0 #0b5b99
}

.single-sport-title-dashboard-m.HardAthletics.active {
    border-color: #0b5b99
}

.select-sport-title-m.HardAthletics {
    background: #0b5b99;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.HardAthletics:after {
    border-color: transparent transparent #0b5b99
}

.sport-title-result-m.HardAthletics {
    background: #0b5b99;
    color: #fff
}

.Hockey:before {
    color: #168763
}

.dashboard-sport-icon-m.Hockey {
    box-shadow: inset 3px 0 0 #168763
}

.rtl .dashboard-sport-icon-m.Hockey {
    box-shadow: inset -3px 0 0 #168763
}

.single-sport-title-dashboard-m.Hockey.active {
    border-color: #168763
}

.select-sport-title-m.Hockey {
    background: #168763;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Hockey:after {
    border-color: transparent transparent #168763
}

.sport-title-result-m.Hockey {
    background: #168763;
    color: #fff
}

.HorseRacing:before {
    color: #6d5e4d
}

.dashboard-sport-icon-m.HorseRacing {
    box-shadow: inset 3px 0 0 #6d5e4d
}

.rtl .dashboard-sport-icon-m.HorseRacing {
    box-shadow: inset -3px 0 0 #6d5e4d
}

.single-sport-title-dashboard-m.HorseRacing.active {
    border-color: #6d5e4d
}

.select-sport-title-m.HorseRacing {
    background: #6d5e4d;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.HorseRacing:after {
    border-color: transparent transparent #6d5e4d
}

.sport-title-result-m.HorseRacing {
    background: #6d5e4d;
    color: #fff
}

.Hurling:before {
    color: #189946
}

.dashboard-sport-icon-m.Hurling {
    box-shadow: inset 3px 0 0 #189946
}

.rtl .dashboard-sport-icon-m.Hurling {
    box-shadow: inset -3px 0 0 #189946
}

.single-sport-title-dashboard-m.Hurling.active {
    border-color: #189946
}

.select-sport-title-m.Hurling {
    background: #189946;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Hurling:after {
    border-color: transparent transparent #189946
}

.sport-title-result-m.Hurling {
    background: #189946;
    color: #fff
}

.IceHockey:before {
    color: #50a2c6
}

.dashboard-sport-icon-m.IceHockey {
    box-shadow: inset 3px 0 0 #50a2c6
}

.rtl .dashboard-sport-icon-m.IceHockey {
    box-shadow: inset -3px 0 0 #50a2c6
}

.single-sport-title-dashboard-m.IceHockey.active {
    border-color: #50a2c6
}

.select-sport-title-m.IceHockey {
    background: #50a2c6;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.IceHockey:after {
    border-color: transparent transparent #50a2c6
}

.sport-title-result-m.IceHockey {
    background: #50a2c6;
    color: #000
}

.Judo:before {
    color: #0b5b99
}

.dashboard-sport-icon-m.Judo {
    box-shadow: inset 3px 0 0 #0b5b99
}

.rtl .dashboard-sport-icon-m.Judo {
    box-shadow: inset -3px 0 0 #0b5b99
}

.single-sport-title-dashboard-m.Judo.active {
    border-color: #0b5b99
}

.select-sport-title-m.Judo {
    background: #0b5b99;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Judo:after {
    border-color: transparent transparent #0b5b99
}

.sport-title-result-m.Judo {
    background: #0b5b99;
    color: #fff
}

.LeagueofLegends:before {
    color: #2d2d2d
}

.dashboard-sport-icon-m.LeagueofLegends {
    box-shadow: inset 3px 0 0 #2d2d2d
}

.rtl .dashboard-sport-icon-m.LeagueofLegends {
    box-shadow: inset -3px 0 0 #2d2d2d
}

.single-sport-title-dashboard-m.LeagueofLegends.active {
    border-color: #2d2d2d
}

.select-sport-title-m.LeagueofLegends {
    background: #2d2d2d;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.LeagueofLegends:after {
    border-color: transparent transparent #2d2d2d
}

.sport-title-result-m.LeagueofLegends {
    background: #2d2d2d;
    color: #fff
}

.Lacross:before {
    color: #168763
}

.dashboard-sport-icon-m.Lacross {
    box-shadow: inset 3px 0 0 #168763
}

.rtl .dashboard-sport-icon-m.Lacross {
    box-shadow: inset -3px 0 0 #168763
}

.single-sport-title-dashboard-m.Lacross.active {
    border-color: #168763
}

.select-sport-title-m.Lacross {
    background: #168763;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Lacross:after {
    border-color: transparent transparent #168763
}

.sport-title-result-m.Lacross {
    background: #168763;
    color: #fff
}

.LightAthletics:before {
    color: #0b5b99
}

.dashboard-sport-icon-m.LightAthletics {
    box-shadow: inset 3px 0 0 #0b5b99
}

.rtl .dashboard-sport-icon-m.LightAthletics {
    box-shadow: inset -3px 0 0 #0b5b99
}

.single-sport-title-dashboard-m.LightAthletics.active {
    border-color: #0b5b99
}

.select-sport-title-m.LightAthletics {
    background: #0b5b99;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.LightAthletics:after {
    border-color: transparent transparent #0b5b99
}

.sport-title-result-m.LightAthletics {
    background: #0b5b99;
    color: #fff
}

.Athletics:before {
    color: #0b5b99
}

.dashboard-sport-icon-m.Athletics {
    box-shadow: inset 3px 0 0 #0b5b99
}

.rtl .dashboard-sport-icon-m.Athletics {
    box-shadow: inset -3px 0 0 #0b5b99
}

.single-sport-title-dashboard-m.Athletics.active {
    border-color: #0b5b99
}

.select-sport-title-m.Athletics {
    background: #0b5b99;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Athletics:after {
    border-color: transparent transparent #0b5b99
}

.sport-title-result-m.Athletics {
    background: #0b5b99;
    color: #fff
}

.Luge:before {
    color: #99c4de
}

.dashboard-sport-icon-m.Luge {
    box-shadow: inset 3px 0 0 #99c4de
}

.rtl .dashboard-sport-icon-m.Luge {
    box-shadow: inset -3px 0 0 #99c4de
}

.single-sport-title-dashboard-m.Luge.active {
    border-color: #99c4de
}

.select-sport-title-m.Luge {
    background: #99c4de;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Luge:after {
    border-color: transparent transparent #99c4de
}

.sport-title-result-m.Luge {
    background: #99c4de;
    color: #000
}

.MixedFootball:before {
    color: #f94d4b
}

.dashboard-sport-icon-m.MixedFootball {
    box-shadow: inset 3px 0 0 #f94d4b
}

.rtl .dashboard-sport-icon-m.MixedFootball {
    box-shadow: inset -3px 0 0 #f94d4b
}

.single-sport-title-dashboard-m.MixedFootball.active {
    border-color: #f94d4b
}

.select-sport-title-m.MixedFootball {
    background: #f94d4b;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.MixedFootball:after {
    border-color: transparent transparent #f94d4b
}

.sport-title-result-m.MixedFootball {
    background: #f94d4b;
    color: #000
}

.Motorbikes:before {
    color: #8d612e
}

.dashboard-sport-icon-m.Motorbikes {
    box-shadow: inset 3px 0 0 #8d612e
}

.rtl .dashboard-sport-icon-m.Motorbikes {
    box-shadow: inset -3px 0 0 #8d612e
}

.single-sport-title-dashboard-m.Motorbikes.active {
    border-color: #8d612e
}

.select-sport-title-m.Motorbikes {
    background: #8d612e;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Motorbikes:after {
    border-color: transparent transparent #8d612e
}

.sport-title-result-m.Motorbikes {
    background: #8d612e;
    color: #fff
}

.Motorsport:before {
    color: #8d612e
}

.dashboard-sport-icon-m.Motorsport {
    box-shadow: inset 3px 0 0 #8d612e
}

.rtl .dashboard-sport-icon-m.Motorsport {
    box-shadow: inset -3px 0 0 #8d612e
}

.single-sport-title-dashboard-m.Motorsport.active {
    border-color: #8d612e
}

.select-sport-title-m.Motorsport {
    background: #8d612e;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Motorsport:after {
    border-color: transparent transparent #8d612e
}

.sport-title-result-m.Motorsport {
    background: #8d612e;
    color: #fff
}

.Nascar:before {
    color: #b92f93
}

.dashboard-sport-icon-m.Nascar {
    box-shadow: inset 3px 0 0 #b92f93
}

.rtl .dashboard-sport-icon-m.Nascar {
    box-shadow: inset -3px 0 0 #b92f93
}

.single-sport-title-dashboard-m.Nascar.active {
    border-color: #b92f93
}

.select-sport-title-m.Nascar {
    background: #b92f93;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Nascar:after {
    border-color: transparent transparent #b92f93
}

.sport-title-result-m.Nascar {
    background: #b92f93;
    color: #fff
}

.Netball:before {
    color: #4d4d4d
}

.dashboard-sport-icon-m.Netball {
    box-shadow: inset 3px 0 0 #4d4d4d
}

.rtl .dashboard-sport-icon-m.Netball {
    box-shadow: inset -3px 0 0 #4d4d4d
}

.single-sport-title-dashboard-m.Netball.active {
    border-color: #4d4d4d
}

.select-sport-title-m.Netball {
    background: #4d4d4d;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Netball:after {
    border-color: transparent transparent #4d4d4d
}

.sport-title-result-m.Netball {
    background: #4d4d4d;
    color: #fff
}

.Pesapallo:before {
    color: #db8e48
}

.dashboard-sport-icon-m.Pesapallo {
    box-shadow: inset 3px 0 0 #db8e48
}

.rtl .dashboard-sport-icon-m.Pesapallo {
    box-shadow: inset -3px 0 0 #db8e48
}

.single-sport-title-dashboard-m.Pesapallo.active {
    border-color: #db8e48
}

.select-sport-title-m.Pesapallo {
    background: #db8e48;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Pesapallo:after {
    border-color: transparent transparent #db8e48
}

.sport-title-result-m.Pesapallo {
    background: #db8e48;
    color: #000
}

.PokerLive:before {
    color: #116b4f
}

.dashboard-sport-icon-m.PokerLive {
    box-shadow: inset 3px 0 0 #116b4f
}

.rtl .dashboard-sport-icon-m.PokerLive {
    box-shadow: inset -3px 0 0 #116b4f
}

.single-sport-title-dashboard-m.PokerLive.active {
    border-color: #116b4f
}

.select-sport-title-m.PokerLive {
    background: #116b4f;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.PokerLive:after {
    border-color: transparent transparent #116b4f
}

.sport-title-result-m.PokerLive {
    background: #116b4f;
    color: #fff
}

.Poker:before {
    color: #116b4f
}

.dashboard-sport-icon-m.Poker {
    box-shadow: inset 3px 0 0 #116b4f
}

.rtl .dashboard-sport-icon-m.Poker {
    box-shadow: inset -3px 0 0 #116b4f
}

.single-sport-title-dashboard-m.Poker.active {
    border-color: #116b4f
}

.select-sport-title-m.Poker {
    background: #116b4f;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Poker:after {
    border-color: transparent transparent #116b4f
}

.sport-title-result-m.Poker {
    background: #116b4f;
    color: #fff
}

.Pool:before {
    color: #a155a0
}

.dashboard-sport-icon-m.Pool {
    box-shadow: inset 3px 0 0 #a155a0
}

.rtl .dashboard-sport-icon-m.Pool {
    box-shadow: inset -3px 0 0 #a155a0
}

.single-sport-title-dashboard-m.Pool.active {
    border-color: #a155a0
}

.select-sport-title-m.Pool {
    background: #a155a0;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Pool:after {
    border-color: transparent transparent #a155a0
}

.sport-title-result-m.Pool {
    background: #a155a0;
    color: #fff
}

.Rally:before {
    color: #c28540
}

.dashboard-sport-icon-m.Rally {
    box-shadow: inset 3px 0 0 #c28540
}

.rtl .dashboard-sport-icon-m.Rally {
    box-shadow: inset -3px 0 0 #c28540
}

.single-sport-title-dashboard-m.Rally.active {
    border-color: #c28540
}

.select-sport-title-m.Rally {
    background: #c28540;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Rally:after {
    border-color: transparent transparent #c28540
}

.sport-title-result-m.Rally {
    background: #c28540;
    color: #000
}

.AutoRacing:before {
    color: #ac9afd
}

.dashboard-sport-icon-m.AutoRacing {
    box-shadow: inset 3px 0 0 #ac9afd
}

.rtl .dashboard-sport-icon-m.AutoRacing {
    box-shadow: inset -3px 0 0 #ac9afd
}

.single-sport-title-dashboard-m.AutoRacing.active {
    border-color: #ac9afd
}

.select-sport-title-m.AutoRacing {
    background: #ac9afd;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.AutoRacing:after {
    border-color: transparent transparent #ac9afd
}

.sport-title-result-m.AutoRacing {
    background: #ac9afd;
    color: #000
}

.RinkHockey:before {
    color: #e3bb6d
}

.dashboard-sport-icon-m.RinkHockey {
    box-shadow: inset 3px 0 0 #e3bb6d
}

.rtl .dashboard-sport-icon-m.RinkHockey {
    box-shadow: inset -3px 0 0 #e3bb6d
}

.single-sport-title-dashboard-m.RinkHockey.active {
    border-color: #e3bb6d
}

.select-sport-title-m.RinkHockey {
    background: #e3bb6d;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.RinkHockey:after {
    border-color: transparent transparent #e3bb6d
}

.sport-title-result-m.RinkHockey {
    background: #e3bb6d;
    color: #000
}

.Rowing:before {
    color: #0f81d9
}

.dashboard-sport-icon-m.Rowing {
    box-shadow: inset 3px 0 0 #0f81d9
}

.rtl .dashboard-sport-icon-m.Rowing {
    box-shadow: inset -3px 0 0 #0f81d9
}

.single-sport-title-dashboard-m.Rowing.active {
    border-color: #0f81d9
}

.select-sport-title-m.Rowing {
    background: #0f81d9;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Rowing:after {
    border-color: transparent transparent #0f81d9
}

.sport-title-result-m.Rowing {
    background: #0f81d9;
    color: #fff
}

.Rugby:before {
    color: #799755
}

.dashboard-sport-icon-m.Rugby {
    box-shadow: inset 3px 0 0 #799755
}

.rtl .dashboard-sport-icon-m.Rugby {
    box-shadow: inset -3px 0 0 #799755
}

.single-sport-title-dashboard-m.Rugby.active {
    border-color: #799755
}

.select-sport-title-m.Rugby {
    background: #799755;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Rugby:after {
    border-color: transparent transparent #799755
}

.sport-title-result-m.Rugby {
    background: #799755;
    color: #fff
}

.RugbyLeague:before {
    color: #799755
}

.dashboard-sport-icon-m.RugbyLeague {
    box-shadow: inset 3px 0 0 #799755
}

.rtl .dashboard-sport-icon-m.RugbyLeague {
    box-shadow: inset -3px 0 0 #799755
}

.single-sport-title-dashboard-m.RugbyLeague.active {
    border-color: #799755
}

.select-sport-title-m.RugbyLeague {
    background: #799755;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.RugbyLeague:after {
    border-color: transparent transparent #799755
}

.sport-title-result-m.RugbyLeague {
    background: #799755;
    color: #fff
}

.RugbyUnion:before {
    color: #799755
}

.dashboard-sport-icon-m.RugbyUnion {
    box-shadow: inset 3px 0 0 #799755
}

.rtl .dashboard-sport-icon-m.RugbyUnion {
    box-shadow: inset -3px 0 0 #799755
}

.single-sport-title-dashboard-m.RugbyUnion.active {
    border-color: #799755
}

.select-sport-title-m.RugbyUnion {
    background: #799755;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.RugbyUnion:after {
    border-color: transparent transparent #799755
}

.sport-title-result-m.RugbyUnion {
    background: #799755;
    color: #fff
}

.RugbySevens:before {
    color: #799755
}

.dashboard-sport-icon-m.RugbySevens {
    box-shadow: inset 3px 0 0 #799755
}

.rtl .dashboard-sport-icon-m.RugbySevens {
    box-shadow: inset -3px 0 0 #799755
}

.single-sport-title-dashboard-m.RugbySevens.active {
    border-color: #799755
}

.select-sport-title-m.RugbySevens {
    background: #799755;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.RugbySevens:after {
    border-color: transparent transparent #799755
}

.sport-title-result-m.RugbySevens {
    background: #799755;
    color: #fff
}

.Shooting:before {
    color: #d5d345
}

.dashboard-sport-icon-m.Shooting {
    box-shadow: inset 3px 0 0 #d5d345
}

.rtl .dashboard-sport-icon-m.Shooting {
    box-shadow: inset -3px 0 0 #d5d345
}

.single-sport-title-dashboard-m.Shooting.active {
    border-color: #d5d345
}

.select-sport-title-m.Shooting {
    background: #d5d345;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Shooting:after {
    border-color: transparent transparent #d5d345
}

.sport-title-result-m.Shooting {
    background: #d5d345;
    color: #000
}

.Shorttrackspeedskating:before {
    color: #b1cdde
}

.dashboard-sport-icon-m.Shorttrackspeedskating {
    box-shadow: inset 3px 0 0 #b1cdde
}

.rtl .dashboard-sport-icon-m.Shorttrackspeedskating {
    box-shadow: inset -3px 0 0 #b1cdde
}

.single-sport-title-dashboard-m.Shorttrackspeedskating.active {
    border-color: #b1cdde
}

.select-sport-title-m.Shorttrackspeedskating {
    background: #b1cdde;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Shorttrackspeedskating:after {
    border-color: transparent transparent #b1cdde
}

.sport-title-result-m.Shorttrackspeedskating {
    background: #b1cdde;
    color: #000
}

.SkiJump:before {
    color: #c4dae8
}

.dashboard-sport-icon-m.SkiJump {
    box-shadow: inset 3px 0 0 #c4dae8
}

.rtl .dashboard-sport-icon-m.SkiJump {
    box-shadow: inset -3px 0 0 #c4dae8
}

.single-sport-title-dashboard-m.SkiJump.active {
    border-color: #c4dae8
}

.select-sport-title-m.SkiJump {
    background: #c4dae8;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.SkiJump:after {
    border-color: transparent transparent #c4dae8
}

.sport-title-result-m.SkiJump {
    background: #c4dae8;
    color: #000
}

.SkiJumping:before {
    color: #c4dae8
}

.dashboard-sport-icon-m.SkiJumping {
    box-shadow: inset 3px 0 0 #c4dae8
}

.rtl .dashboard-sport-icon-m.SkiJumping {
    box-shadow: inset -3px 0 0 #c4dae8
}

.single-sport-title-dashboard-m.SkiJumping.active {
    border-color: #c4dae8
}

.select-sport-title-m.SkiJumping {
    background: #c4dae8;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.SkiJumping:after {
    border-color: transparent transparent #c4dae8
}

.sport-title-result-m.SkiJumping {
    background: #c4dae8;
    color: #000
}

.CrossCountrySkiing:before {
    color: #bedbed
}

.dashboard-sport-icon-m.CrossCountrySkiing {
    box-shadow: inset 3px 0 0 #bedbed
}

.rtl .dashboard-sport-icon-m.CrossCountrySkiing {
    box-shadow: inset -3px 0 0 #bedbed
}

.single-sport-title-dashboard-m.CrossCountrySkiing.active {
    border-color: #bedbed
}

.select-sport-title-m.CrossCountrySkiing {
    background: #bedbed;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.CrossCountrySkiing:after {
    border-color: transparent transparent #bedbed
}

.sport-title-result-m.CrossCountrySkiing {
    background: #bedbed;
    color: #000
}

.Snooker:before {
    color: #37b764
}

.dashboard-sport-icon-m.Snooker {
    box-shadow: inset 3px 0 0 #37b764
}

.rtl .dashboard-sport-icon-m.Snooker {
    box-shadow: inset -3px 0 0 #37b764
}

.single-sport-title-dashboard-m.Snooker.active {
    border-color: #37b764
}

.select-sport-title-m.Snooker {
    background: #37b764;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Snooker:after {
    border-color: transparent transparent #37b764
}

.sport-title-result-m.Snooker {
    background: #37b764;
    color: #fff
}

.Snowboard:before {
    color: #9dd3f5
}

.dashboard-sport-icon-m.Snowboard {
    box-shadow: inset 3px 0 0 #9dd3f5
}

.rtl .dashboard-sport-icon-m.Snowboard {
    box-shadow: inset -3px 0 0 #9dd3f5
}

.single-sport-title-dashboard-m.Snowboard.active {
    border-color: #9dd3f5
}

.select-sport-title-m.Snowboard {
    background: #9dd3f5;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Snowboard:after {
    border-color: transparent transparent #9dd3f5
}

.sport-title-result-m.Snowboard {
    background: #9dd3f5;
    color: #000
}

.Soccer:before {
    color: #fff
}

.dashboard-sport-icon-m.Soccer {
    box-shadow: inset 3px 0 0 #1a7051
}

.rtl .dashboard-sport-icon-m.Soccer {
    box-shadow: inset -3px 0 0 #1a7051
}

.single-sport-title-dashboard-m.Soccer.active {
    border-color: #1a7051
}

.select-sport-title-m.Soccer {
    background: #1a7051;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Soccer:after {
    border-color: transparent transparent #1a7051
}

.sport-title-result-m.Soccer {
    background: #1a7051;
    color: #fff
}

.VirtualFootball:before {
    color: #8555a1
}

.dashboard-sport-icon-m.VirtualFootball {
    box-shadow: inset 3px 0 0 #8555a1
}

.rtl .dashboard-sport-icon-m.VirtualFootball {
    box-shadow: inset -3px 0 0 #8555a1
}

.single-sport-title-dashboard-m.VirtualFootball.active {
    border-color: #8555a1
}

.select-sport-title-m.VirtualFootball {
    background: #8555a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.VirtualFootball:after {
    border-color: transparent transparent #8555a1
}

.sport-title-result-m.VirtualFootball {
    background: #8555a1;
    color: #fff
}

.CyberFootball:before {
    color: #2d8134
}

.dashboard-sport-icon-m.CyberFootball {
    box-shadow: inset 3px 0 0 #2d8134
}

.rtl .dashboard-sport-icon-m.CyberFootball {
    box-shadow: inset -3px 0 0 #2d8134
}

.single-sport-title-dashboard-m.CyberFootball.active {
    border-color: #2d8134
}

.select-sport-title-m.CyberFootball {
    background: #2d8134;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.CyberFootball:after {
    border-color: transparent transparent #2d8134
}

.sport-title-result-m.CyberFootball {
    background: #2d8134;
    color: #fff
}

.Speedway:before {
    color: #aca696
}

.dashboard-sport-icon-m.Speedway {
    box-shadow: inset 3px 0 0 #aca696
}

.rtl .dashboard-sport-icon-m.Speedway {
    box-shadow: inset -3px 0 0 #aca696
}

.single-sport-title-dashboard-m.Speedway.active {
    border-color: #aca696
}

.select-sport-title-m.Speedway {
    background: #aca696;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Speedway:after {
    border-color: transparent transparent #aca696
}

.sport-title-result-m.Speedway {
    background: #aca696;
    color: #000
}

.Squash:before {
    color: #e1b93f
}

.dashboard-sport-icon-m.Squash {
    box-shadow: inset 3px 0 0 #e1b93f
}

.rtl .dashboard-sport-icon-m.Squash {
    box-shadow: inset -3px 0 0 #e1b93f
}

.single-sport-title-dashboard-m.Squash.active {
    border-color: #e1b93f
}

.select-sport-title-m.Squash {
    background: #e1b93f;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Squash:after {
    border-color: transparent transparent #e1b93f
}

.sport-title-result-m.Squash {
    background: #e1b93f;
    color: #000
}

.Sumo:before {
    color: #b0a174
}

.dashboard-sport-icon-m.Sumo {
    box-shadow: inset 3px 0 0 #b0a174
}

.rtl .dashboard-sport-icon-m.Sumo {
    box-shadow: inset -3px 0 0 #b0a174
}

.single-sport-title-dashboard-m.Sumo.active {
    border-color: #b0a174
}

.select-sport-title-m.Sumo {
    background: #b0a174;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Sumo:after {
    border-color: transparent transparent #b0a174
}

.sport-title-result-m.Sumo {
    background: #b0a174;
    color: #000
}

.Surfing:before {
    color: #3598e4
}

.dashboard-sport-icon-m.Surfing {
    box-shadow: inset 3px 0 0 #3598e4
}

.rtl .dashboard-sport-icon-m.Surfing {
    box-shadow: inset -3px 0 0 #3598e4
}

.single-sport-title-dashboard-m.Surfing.active {
    border-color: #3598e4
}

.select-sport-title-m.Surfing {
    background: #3598e4;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Surfing:after {
    border-color: transparent transparent #3598e4
}

.sport-title-result-m.Surfing {
    background: #3598e4;
    color: #000
}

.Swimming:before {
    color: #118be9
}

.dashboard-sport-icon-m.Swimming {
    box-shadow: inset 3px 0 0 #118be9
}

.rtl .dashboard-sport-icon-m.Swimming {
    box-shadow: inset -3px 0 0 #118be9
}

.single-sport-title-dashboard-m.Swimming.active {
    border-color: #118be9
}

.select-sport-title-m.Swimming {
    background: #118be9;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Swimming:after {
    border-color: transparent transparent #118be9
}

.sport-title-result-m.Swimming {
    background: #118be9;
    color: #fff
}

.Tablehockey:before {
    color: #168763
}

.dashboard-sport-icon-m.Tablehockey {
    box-shadow: inset 3px 0 0 #168763
}

.rtl .dashboard-sport-icon-m.Tablehockey {
    box-shadow: inset -3px 0 0 #168763
}

.single-sport-title-dashboard-m.Tablehockey.active {
    border-color: #168763
}

.select-sport-title-m.Tablehockey {
    background: #168763;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Tablehockey:after {
    border-color: transparent transparent #168763
}

.sport-title-result-m.Tablehockey {
    background: #168763;
    color: #fff
}

.TableTennis:before {
    color: #0c82b3
}

.dashboard-sport-icon-m.TableTennis {
    box-shadow: inset 3px 0 0 #0c82b3
}

.rtl .dashboard-sport-icon-m.TableTennis {
    box-shadow: inset -3px 0 0 #0c82b3
}

.single-sport-title-dashboard-m.TableTennis.active {
    border-color: #0c82b3
}

.select-sport-title-m.TableTennis {
    background: #0c82b3;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.TableTennis:after {
    border-color: transparent transparent #0c82b3
}

.sport-title-result-m.TableTennis {
    background: #0c82b3;
    color: #fff
}

.Tennis:before {
    color: #8c893a
}

.dashboard-sport-icon-m.Tennis {
    box-shadow: inset 3px 0 0 #8c893a
}

.rtl .dashboard-sport-icon-m.Tennis {
    box-shadow: inset -3px 0 0 #8c893a
}

.single-sport-title-dashboard-m.Tennis.active {
    border-color: #8c893a
}

.select-sport-title-m.Tennis {
    background: #8c893a;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Tennis:after {
    border-color: transparent transparent #8c893a
}

.sport-title-result-m.Tennis {
    background: #8c893a;
    color: #fff
}

.Triathlon:before {
    color: #a1c4c6
}

.dashboard-sport-icon-m.Triathlon {
    box-shadow: inset 3px 0 0 #a1c4c6
}

.rtl .dashboard-sport-icon-m.Triathlon {
    box-shadow: inset -3px 0 0 #a1c4c6
}

.single-sport-title-dashboard-m.Triathlon.active {
    border-color: #a1c4c6
}

.select-sport-title-m.Triathlon {
    background: #a1c4c6;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Triathlon:after {
    border-color: transparent transparent #a1c4c6
}

.sport-title-result-m.Triathlon {
    background: #a1c4c6;
    color: #000
}

.Mma:before {
    color: #868686
}

.dashboard-sport-icon-m.Mma {
    box-shadow: inset 3px 0 0 #868686
}

.rtl .dashboard-sport-icon-m.Mma {
    box-shadow: inset -3px 0 0 #868686
}

.single-sport-title-dashboard-m.Mma.active {
    border-color: #868686
}

.select-sport-title-m.Mma {
    background: #868686;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Mma:after {
    border-color: transparent transparent #868686
}

.sport-title-result-m.Mma {
    background: #868686;
    color: #000
}

.virtualsports:before {
    color: #8555a1
}

.dashboard-sport-icon-m.virtualsports {
    box-shadow: inset 3px 0 0 #8555a1
}

.rtl .dashboard-sport-icon-m.virtualsports {
    box-shadow: inset -3px 0 0 #8555a1
}

.single-sport-title-dashboard-m.virtualsports.active {
    border-color: #8555a1
}

.select-sport-title-m.virtualsports {
    background: #8555a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.virtualsports:after {
    border-color: transparent transparent #8555a1
}

.sport-title-result-m.virtualsports {
    background: #8555a1;
    color: #fff
}

.virtualdogs:before {
    color: #8555a1
}

.dashboard-sport-icon-m.virtualdogs {
    box-shadow: inset 3px 0 0 #8555a1
}

.rtl .dashboard-sport-icon-m.virtualdogs {
    box-shadow: inset -3px 0 0 #8555a1
}

.single-sport-title-dashboard-m.virtualdogs.active {
    border-color: #8555a1
}

.select-sport-title-m.virtualdogs {
    background: #8555a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.virtualdogs:after {
    border-color: transparent transparent #8555a1
}

.sport-title-result-m.virtualdogs {
    background: #8555a1;
    color: #fff
}

.virtualhorses:before {
    color: #8555a1
}

.dashboard-sport-icon-m.virtualhorses {
    box-shadow: inset 3px 0 0 #8555a1
}

.rtl .dashboard-sport-icon-m.virtualhorses {
    box-shadow: inset -3px 0 0 #8555a1
}

.single-sport-title-dashboard-m.virtualhorses.active {
    border-color: #8555a1
}

.select-sport-title-m.virtualhorses {
    background: #8555a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.virtualhorses:after {
    border-color: transparent transparent #8555a1
}

.sport-title-result-m.virtualhorses {
    background: #8555a1;
    color: #fff
}

.VirtualTennis:before {
    color: #8555a1
}

.dashboard-sport-icon-m.VirtualTennis {
    box-shadow: inset 3px 0 0 #8555a1
}

.rtl .dashboard-sport-icon-m.VirtualTennis {
    box-shadow: inset -3px 0 0 #8555a1
}

.single-sport-title-dashboard-m.VirtualTennis.active {
    border-color: #8555a1
}

.select-sport-title-m.VirtualTennis {
    background: #8555a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.VirtualTennis:after {
    border-color: transparent transparent #8555a1
}

.sport-title-result-m.VirtualTennis {
    background: #8555a1;
    color: #fff
}

.Volleyball:before {
    color: #e5e795
}

.dashboard-sport-icon-m.Volleyball {
    box-shadow: inset 3px 0 0 #e5e795
}

.rtl .dashboard-sport-icon-m.Volleyball {
    box-shadow: inset -3px 0 0 #e5e795
}

.single-sport-title-dashboard-m.Volleyball.active {
    border-color: #e5e795
}

.select-sport-title-m.Volleyball {
    background: #e5e795;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Volleyball:after {
    border-color: transparent transparent #e5e795
}

.sport-title-result-m.Volleyball {
    background: #e5e795;
    color: #000
}

.WaterPolo:before {
    color: #338fd6
}

.dashboard-sport-icon-m.WaterPolo {
    box-shadow: inset 3px 0 0 #338fd6
}

.rtl .dashboard-sport-icon-m.WaterPolo {
    box-shadow: inset -3px 0 0 #338fd6
}

.single-sport-title-dashboard-m.WaterPolo.active {
    border-color: #338fd6
}

.select-sport-title-m.WaterPolo {
    background: #338fd6;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.WaterPolo:after {
    border-color: transparent transparent #338fd6
}

.sport-title-result-m.WaterPolo {
    background: #338fd6;
    color: #000
}

.Wrestling:before {
    color: #b80f20
}

.dashboard-sport-icon-m.Wrestling {
    box-shadow: inset 3px 0 0 #b80f20
}

.rtl .dashboard-sport-icon-m.Wrestling {
    box-shadow: inset -3px 0 0 #b80f20
}

.single-sport-title-dashboard-m.Wrestling.active {
    border-color: #b80f20
}

.select-sport-title-m.Wrestling {
    background: #b80f20;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Wrestling:after {
    border-color: transparent transparent #b80f20
}

.sport-title-result-m.Wrestling {
    background: #b80f20;
    color: #fff
}

.X-Sports:before {
    color: #a61f2d
}

.dashboard-sport-icon-m.X-Sports {
    box-shadow: inset 3px 0 0 #a61f2d
}

.rtl .dashboard-sport-icon-m.X-Sports {
    box-shadow: inset -3px 0 0 #a61f2d
}

.single-sport-title-dashboard-m.X-Sports.active {
    border-color: #a61f2d
}

.select-sport-title-m.X-Sports {
    background: #a61f2d;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.X-Sports:after {
    border-color: transparent transparent #a61f2d
}

.sport-title-result-m.X-Sports {
    background: #a61f2d;
    color: #fff
}

.GlobalOffensive:before {
    color: #c28503
}

.dashboard-sport-icon-m.GlobalOffensive {
    box-shadow: inset 3px 0 0 #c28503
}

.rtl .dashboard-sport-icon-m.GlobalOffensive {
    box-shadow: inset -3px 0 0 #c28503
}

.single-sport-title-dashboard-m.GlobalOffensive.active {
    border-color: #c28503
}

.select-sport-title-m.GlobalOffensive {
    background: #c28503;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.GlobalOffensive:after {
    border-color: transparent transparent #c28503
}

.sport-title-result-m.GlobalOffensive {
    background: #c28503;
    color: #fff
}

.CounterStrike:before {
    color: #5e55a1
}

.dashboard-sport-icon-m.CounterStrike {
    box-shadow: inset 3px 0 0 #5e55a1
}

.rtl .dashboard-sport-icon-m.CounterStrike {
    box-shadow: inset -3px 0 0 #5e55a1
}

.single-sport-title-dashboard-m.CounterStrike.active {
    border-color: #5e55a1
}

.select-sport-title-m.CounterStrike {
    background: #5e55a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.CounterStrike:after {
    border-color: transparent transparent #5e55a1
}

.sport-title-result-m.CounterStrike {
    background: #5e55a1;
    color: #fff
}

.Dota:before {
    color: #5e55a1
}

.dashboard-sport-icon-m.Dota {
    box-shadow: inset 3px 0 0 #5e55a1
}

.rtl .dashboard-sport-icon-m.Dota {
    box-shadow: inset -3px 0 0 #5e55a1
}

.single-sport-title-dashboard-m.Dota.active {
    border-color: #5e55a1
}

.select-sport-title-m.Dota {
    background: #5e55a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Dota:after {
    border-color: transparent transparent #5e55a1
}

.sport-title-result-m.Dota {
    background: #5e55a1;
    color: #fff
}

.Dota2:before {
    color: #a93844
}

.dashboard-sport-icon-m.Dota2 {
    box-shadow: inset 3px 0 0 #a93844
}

.rtl .dashboard-sport-icon-m.Dota2 {
    box-shadow: inset -3px 0 0 #a93844
}

.single-sport-title-dashboard-m.Dota2.active {
    border-color: #a93844
}

.select-sport-title-m.Dota2 {
    background: #a93844;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.Dota2:after {
    border-color: transparent transparent #a93844
}

.sport-title-result-m.Dota2 {
    background: #a93844;
    color: #fff
}

.HeroesoftheStorm:before {
    color: #5e55a1
}

.dashboard-sport-icon-m.HeroesoftheStorm {
    box-shadow: inset 3px 0 0 #5e55a1
}

.rtl .dashboard-sport-icon-m.HeroesoftheStorm {
    box-shadow: inset -3px 0 0 #5e55a1
}

.single-sport-title-dashboard-m.HeroesoftheStorm.active {
    border-color: #5e55a1
}

.select-sport-title-m.HeroesoftheStorm {
    background: #5e55a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.HeroesoftheStorm:after {
    border-color: transparent transparent #5e55a1
}

.sport-title-result-m.HeroesoftheStorm {
    background: #5e55a1;
    color: #fff
}

.WorldOfTanks:before {
    color: #5e55a1
}

.dashboard-sport-icon-m.WorldOfTanks {
    box-shadow: inset 3px 0 0 #5e55a1
}

.rtl .dashboard-sport-icon-m.WorldOfTanks {
    box-shadow: inset -3px 0 0 #5e55a1
}

.single-sport-title-dashboard-m.WorldOfTanks.active {
    border-color: #5e55a1
}

.select-sport-title-m.WorldOfTanks {
    background: #5e55a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.WorldOfTanks:after {
    border-color: transparent transparent #5e55a1
}

.sport-title-result-m.WorldOfTanks {
    background: #5e55a1;
    color: #fff
}

.Hearthstone:before {
    color: #d8bf56
}

.dashboard-sport-icon-m.Hearthstone {
    box-shadow: inset 3px 0 0 #d8bf56
}

.rtl .dashboard-sport-icon-m.Hearthstone {
    box-shadow: inset -3px 0 0 #d8bf56
}

.single-sport-title-dashboard-m.Hearthstone.active {
    border-color: #d8bf56
}

.select-sport-title-m.Hearthstone {
    background: #d8bf56;
    color: #000
}

.sport-nav-container-m>ul>li>a.active>span.Hearthstone:after {
    border-color: transparent transparent #d8bf56
}

.sport-title-result-m.Hearthstone {
    background: #d8bf56;
    color: #000
}

.StarCraft:before {
    color: #5e55a1
}

.dashboard-sport-icon-m.StarCraft {
    box-shadow: inset 3px 0 0 #5e55a1
}

.rtl .dashboard-sport-icon-m.StarCraft {
    box-shadow: inset -3px 0 0 #5e55a1
}

.single-sport-title-dashboard-m.StarCraft.active {
    border-color: #5e55a1
}

.select-sport-title-m.StarCraft {
    background: #5e55a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.StarCraft:after {
    border-color: transparent transparent #5e55a1
}

.sport-title-result-m.StarCraft {
    background: #5e55a1;
    color: #fff
}

.StarCraft2:before {
    color: #5e55a1
}

.dashboard-sport-icon-m.StarCraft2 {
    box-shadow: inset 3px 0 0 #5e55a1
}

.rtl .dashboard-sport-icon-m.StarCraft2 {
    box-shadow: inset -3px 0 0 #5e55a1
}

.single-sport-title-dashboard-m.StarCraft2.active {
    border-color: #5e55a1
}

.select-sport-title-m.StarCraft2 {
    background: #5e55a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.StarCraft2:after {
    border-color: transparent transparent #5e55a1
}

.sport-title-result-m.StarCraft2 {
    background: #5e55a1;
    color: #fff
}

.WorldOfWarcraft:before {
    color: #5e55a1
}

.dashboard-sport-icon-m.WorldOfWarcraft {
    box-shadow: inset 3px 0 0 #5e55a1
}

.rtl .dashboard-sport-icon-m.WorldOfWarcraft {
    box-shadow: inset -3px 0 0 #5e55a1
}

.single-sport-title-dashboard-m.WorldOfWarcraft.active {
    border-color: #5e55a1
}

.select-sport-title-m.WorldOfWarcraft {
    background: #5e55a1;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.WorldOfWarcraft:after {
    border-color: transparent transparent #5e55a1
}

.sport-title-result-m.WorldOfWarcraft {
    background: #5e55a1;
    color: #fff
}

.CallofDuty:before {
    color: #000
}

.dashboard-sport-icon-m.CallofDuty {
    box-shadow: inset 3px 0 0 #000
}

.rtl .dashboard-sport-icon-m.CallofDuty {
    box-shadow: inset -3px 0 0 #000
}

.single-sport-title-dashboard-m.CallofDuty.active {
    border-color: #000
}

.select-sport-title-m.CallofDuty {
    background: #000;
    color: #fff
}

.sport-nav-container-m>ul>li>a.active>span.CallofDuty:after {
    border-color: transparent transparent #000
}

.sport-title-result-m.CallofDuty {
    background: #000;
    color: #fff
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle:before,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle:before,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle:before,
.react-datepicker__year-read-view--down-arrow:before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
    top: 0;
    margin-top: -8px
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle:before {
    border-top: none;
    border-bottom-color: #f0f0f0
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle:before {
    top: -1px;
    border-bottom-color: #aeaeae
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle:before,
.react-datepicker__year-read-view--down-arrow:before {
    bottom: -1px;
    border-top-color: #aeaeae
}

.react-datepicker {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px
}

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
    margin-top: -20px
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position: relative
}

.react-datepicker__header__dropdown--select {
    margin-top: -16px
}

.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 2px
}

.react-datepicker__current-month {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem
}

.react-datepicker__current-month--hasYearDropdown {
    margin-bottom: 16px
}

.react-datepicker__navigation {
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    border: .45rem solid transparent;
    z-index: 1
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-container {
    display: inline;
    float: left
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__week-number {
    color: #ccc
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__week-number {
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__day,
.react-datepicker__day-name {
    color: #000
}

.react-datepicker__day {
    cursor: pointer
}

.react-datepicker__day:hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day--today {
    font-weight: 700
}

.react-datepicker__day--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff
}

.react-datepicker__day--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33, 107, 165, .5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled {
    cursor: default;
    color: #ccc
}

.react-datepicker__day--disabled:hover {
    background-color: transparent
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block
}

.react-datepicker__year-read-view {
    width: 50%;
    left: 25%;
    position: absolute;
    bottom: 25px;
    border: 1px solid transparent;
    border-radius: .3rem
}

.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    margin-bottom: 3px;
    left: 5px;
    top: 9px;
    position: relative;
    border-width: .45rem
}

.react-datepicker__year-read-view--selected-year {
    right: .45rem;
    position: relative
}

.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid #aeaeae
}

.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__year-option--selected {
    position: absolute;
    left: 30px
}

.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 0;
    outline: 0;
    padding: 0;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\D7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0
}

.react-datepicker__tether-element {
    z-index: 2147483647
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
    color: #fff;
    font: 14px Arial, Helvetica, sans-serif
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    height: 100%
}

input::-ms-clear {
    display: none
}

::-moz-focus-inner {
    padding: 0;
    border: 0
}

.flag-view-m {
    position: absolute;
    display: block;
    left: 10px;
    top: 9px;
    width: 22px;
    height: 22px;
    max-width: 100%;
    background-image: url(/./sportodds/images/flags-sprite_f21e85d8c54cd73f7a7f8269d7d8923d.png);
    background-size: 100%
}

.icon-asean {
    background-position: 0 0
}

.icon-afghanistan {
    background-position: 0 .355872%
}

.icon-africa {
    background-position: 0 .711744%
}

.icon-aland {
    background-position: 0 1.067616%
}

.icon-albania {
    background-position: 0 1.423488%
}

.icon-alderney {
    background-position: 0 1.779359%
}

.icon-algeria {
    background-position: 0 2.135231%
}

.icon-americansamoa {
    background-position: 0 2.491103%
}

.icon-andorra {
    background-position: 0 2.846975%
}

.icon-angola {
    background-position: 0 3.202847%
}

.icon-anguilla {
    background-position: 0 3.558719%
}

.icon-antiguaandbarbuda {
    background-position: 0 3.914591%
}

.icon-arableague {
    background-position: 0 4.270463%
}

.icon-argentina {
    background-position: 0 4.626335%
}

.icon-armenia {
    background-position: 0 4.982206%
}

.icon-aruba {
    background-position: 0 5.338078%
}

.icon-asia {
    background-position: 0 5.69395%
}

.icon-australia {
    background-position: 0 6.049822%
}

.icon-austria {
    background-position: 0 6.405694%
}

.icon-azerbaijan {
    background-position: 0 6.761566%
}

.icon-bahamas {
    background-position: 0 7.117438%
}

.icon-bahrain {
    background-position: 0 7.47331%
}

.icon-bangladesh {
    background-position: 0 7.829181%
}

.icon-barbados {
    background-position: 0 8.185053%
}

.icon-basquecountry {
    background-position: 0 8.540925%
}

.icon-belarus {
    background-position: 0 8.896797%
}

.icon-belgium {
    background-position: 0 9.252669%
}

.icon-belize {
    background-position: 0 9.608541%
}

.icon-benin {
    background-position: 0 9.964413%
}

.icon-bermuda {
    background-position: 0 10.320285%
}

.icon-bhutan {
    background-position: 0 10.676157%
}

.icon-bolivia {
    background-position: 0 11.032028%
}

.icon-bonairesinteustatiusandsaba {
    background-position: 0 11.3879%
}

.icon-bosniaherzegovina {
    background-position: 0 11.743772%
}

.icon-botswana {
    background-position: 0 12.099644%
}

.icon-bouvet {
    background-position: 0 12.455516%
}

.icon-brazil {
    background-position: 0 12.811388%
}

.icon-britishindianoceanterritory {
    background-position: 0 13.16726%
}

.icon-brunei {
    background-position: 0 13.523132%
}

.icon-bulgaria {
    background-position: 0 13.879004%
}

.icon-burkinafaso {
    background-position: 0 14.234875%
}

.icon-burundi {
    background-position: 0 14.590747%
}

.icon-caricom {
    background-position: 0 14.946619%
}

.icon-cis {
    background-position: 0 15.302491%
}

.icon-cambodja {
    background-position: 0 15.658363%
}

.icon-cameroon {
    background-position: 0 16.014235%
}

.icon-canada {
    background-position: 0 16.370107%
}

.icon-capeverde {
    background-position: 0 16.725979%
}

.icon-catalonia {
    background-position: 0 17.081851%
}

.icon-caymanislands {
    background-position: 0 17.437722%
}

.icon-centralafricanrepublic {
    background-position: 0 17.793594%
}

.icon-chad {
    background-position: 0 18.149466%
}

.icon-chile {
    background-position: 0 18.505338%
}

.icon-china {
    background-position: 0 18.86121%
}

.icon-christmas {
    background-position: 0 19.217082%
}

.icon-cocoskeeling {
    background-position: 0 19.572954%
}

.icon-colombia {
    background-position: 0 19.928826%
}

.icon-commonwealth {
    background-position: 0 20.284698%
}

.icon-comoros {
    background-position: 0 20.640569%
}

.icon-congobrazzaville {
    background-position: 0 20.996441%
}

.icon-congokinshasa {
    background-position: 0 21.352313%
}

.icon-cookislands {
    background-position: 0 21.708185%
}

.icon-costarica {
    background-position: 0 22.064057%
}

.icon-cotedivoire {
    background-position: 0 22.419929%
}

.icon-croatia {
    background-position: 0 22.775801%
}

.icon-cuba {
    background-position: 0 23.131673%
}

.icon-curacao {
    background-position: 0 23.487544%
}

.icon-cyprus {
    background-position: 0 23.843416%
}

.icon-czechrepublic {
    background-position: 0 24.199288%
}

.icon-denmark {
    background-position: 0 24.55516%
}

.icon-djibouti {
    background-position: 0 24.911032%
}

.icon-dominica {
    background-position: 0 25.266904%
}

.icon-dominicanrepublic {
    background-position: 0 25.622776%
}

.icon-ecuador {
    background-position: 0 25.978648%
}

.icon-egypt {
    background-position: 0 26.33452%
}

.icon-elsalvador {
    background-position: 0 26.690391%
}

.icon-england {
    background-position: 0 27.046263%
}

.icon-equatorialguinea {
    background-position: 0 27.402135%
}

.icon-eritrea {
    background-position: 0 27.758007%
}

.icon-estonia {
    background-position: 0 28.113879%
}

.icon-ethiopia {
    background-position: 0 28.469751%
}

.icon-europe {
    background-position: 0 28.825623%
}

.icon-fao {
    background-position: 0 29.181495%
}

.icon-falkland {
    background-position: 0 29.537367%
}

.icon-faroes {
    background-position: 0 29.893238%
}

.icon-fiji {
    background-position: 0 30.24911%
}

.icon-finland {
    background-position: 0 30.604982%
}

.icon-france {
    background-position: 0 30.960854%
}

.icon-french-guiana {
    background-position: 0 31.316726%
}

.icon-frenchsouthernandantarcticlands {
    background-position: 0 31.672598%
}

.icon-gabon {
    background-position: 0 32.02847%
}

.icon-galicia {
    background-position: 0 32.384342%
}

.icon-gambia {
    background-position: 0 32.740214%
}

.icon-georgia {
    background-position: 0 33.096085%
}

.icon-germany {
    background-position: 0 33.451957%
}

.icon-ghana {
    background-position: 0 33.807829%
}

.icon-gibraltar {
    background-position: 0 34.163701%
}

.icon-greece {
    background-position: 0 34.519573%
}

.icon-greenland {
    background-position: 0 34.875445%
}

.icon-grenada {
    background-position: 0 35.231317%
}

.icon-guadeloupe {
    background-position: 0 35.587189%
}

.icon-guam {
    background-position: 0 35.94306%
}

.icon-guatemala {
    background-position: 0 36.298932%
}

.icon-guernsey {
    background-position: 0 36.654804%
}

.icon-guinea {
    background-position: 0 37.010676%
}

.icon-guineabissau {
    background-position: 0 37.366548%
}

.icon-guyana {
    background-position: 0 37.72242%
}

.icon-haiti {
    background-position: 0 38.078292%
}

.icon-heardislandandmcdonald {
    background-position: 0 38.434164%
}

.icon-honduras {
    background-position: 0 38.790036%
}

.icon-hongkong {
    background-position: 0 39.145907%
}

.icon-hungary {
    background-position: 0 39.501779%
}

.icon-iaea {
    background-position: 0 39.857651%
}

.icon-iho {
    background-position: 0 40.213523%
}

.icon-iceland {
    background-position: 0 40.569395%
}

.icon-india {
    background-position: 0 40.925267%
}

.icon-indonezia {
    background-position: 0 41.281139%
}

.icon-international {
    background-position: 0 41.637011%
}

.icon-iran {
    background-position: 0 41.992883%
}

.icon-iraq {
    background-position: 0 42.348754%
}

.icon-ireland {
    background-position: 0 42.704626%
}

.icon-islamicconference {
    background-position: 0 43.060498%
}

.icon-isleofman {
    background-position: 0 43.41637%
}

.icon-israel {
    background-position: 0 43.772242%
}

.icon-italy {
    background-position: 0 44.128114%
}

.icon-jamaica {
    background-position: 0 44.483986%
}

.icon-japan {
    background-position: 0 44.839858%
}

.icon-jersey {
    background-position: 0 45.19573%
}

.icon-jordan {
    background-position: 0 45.551601%
}

.icon-kazakhstan {
    background-position: 0 45.907473%
}

.icon-kenya {
    background-position: 0 46.263345%
}

.icon-kiribati {
    background-position: 0 46.619217%
}

.icon-kosovo {
    background-position: 0 46.975089%
}

.icon-kuwait {
    background-position: 0 47.330961%
}

.icon-kyrgyzstan {
    background-position: 0 47.686833%
}

.icon-laos {
    background-position: 0 48.042705%
}

.icon-latvia {
    background-position: 0 48.398577%
}

.icon-lebanon {
    background-position: 0 48.754448%
}

.icon-lesotho {
    background-position: 0 49.11032%
}

.icon-liberia {
    background-position: 0 49.466192%
}

.icon-libya {
    background-position: 0 49.822064%
}

.icon-liechtenshein {
    background-position: 0 50.177936%
}

.icon-lithuania {
    background-position: 0 50.533808%
}

.icon-luxembourg {
    background-position: 0 50.88968%
}

.icon-macao {
    background-position: 0 51.245552%
}

.icon-macedonia {
    background-position: 0 51.601423%
}

.icon-madagascar {
    background-position: 0 51.957295%
}

.icon-malawi {
    background-position: 0 52.313167%
}

.icon-malaysia {
    background-position: 0 52.669039%
}

.icon-maldives {
    background-position: 0 53.024911%
}

.icon-mali {
    background-position: 0 53.380783%
}

.icon-malta {
    background-position: 0 53.736655%
}

.icon-marshallislands {
    background-position: 0 54.092527%
}

.icon-martinique {
    background-position: 0 54.448399%
}

.icon-mauritania {
    background-position: 0 54.80427%
}

.icon-mauritius {
    background-position: 0 55.160142%
}

.icon-mayotte {
    background-position: 0 55.516014%
}

.icon-mexico {
    background-position: 0 55.871886%
}

.icon-micronesia {
    background-position: 0 56.227758%
}

.icon-moldova {
    background-position: 0 56.58363%
}

.icon-monaco {
    background-position: 0 56.939502%
}

.icon-mongolia {
    background-position: 0 57.295374%
}

.icon-montenegro {
    background-position: 0 57.651246%
}

.icon-montserrat {
    background-position: 0 58.007117%
}

.icon-morocco {
    background-position: 0 58.362989%
}

.icon-mozambique {
    background-position: 0 58.718861%
}

.icon-myanmar {
    background-position: 0 59.074733%
}

.icon-nato {
    background-position: 0 59.430605%
}

.icon-namibia {
    background-position: 0 59.786477%
}

.icon-nauru {
    background-position: 0 60.142349%
}

.icon-nepal {
    background-position: 0 60.498221%
}

.icon-netherlandsantilles {
    background-position: 0 60.854093%
}

.icon-newcaledonia {
    background-position: 0 61.209964%
}

.icon-newzealand {
    background-position: 0 61.565836%
}

.icon-nicaragua {
    background-position: 0 61.921708%
}

.icon-niger {
    background-position: 0 62.27758%
}

.icon-nigeria {
    background-position: 0 62.633452%
}

.icon-niue {
    background-position: 0 62.989324%
}

.icon-norfolk {
    background-position: 0 63.345196%
}

.icon-northamerica {
    background-position: 0 63.701068%
}

.icon-northkorea {
    background-position: 0 64.05694%
}

.icon-northerncyprus {
    background-position: 0 64.412811%
}

.icon-northernireland {
    background-position: 0 64.768683%
}

.icon-northernmariana {
    background-position: 0 65.124555%
}

.icon-norway {
    background-position: 0 65.480427%
}

.icon-oas {
    background-position: 0 65.836299%
}

.icon-opec {
    background-position: 0 66.192171%
}

.icon-oceania {
    background-position: 0 66.548043%
}

.icon-olimpics {
    background-position: 0 66.903915%
}

.icon-oman {
    background-position: 0 67.259786%
}

.icon-pakistan {
    background-position: 0 67.615658%
}

.icon-palau {
    background-position: 0 67.97153%
}

.icon-palestine {
    background-position: 0 68.327402%
}

.icon-panama {
    background-position: 0 68.683274%
}

.icon-papuanewguinea {
    background-position: 0 69.039146%
}

.icon-paraguay {
    background-position: 0 69.395018%
}

.icon-peru {
    background-position: 0 69.75089%
}

.icon-philippines {
    background-position: 0 70.106762%
}

.icon-pitcairn {
    background-position: 0 70.462633%
}

.icon-poland {
    background-position: 0 70.818505%
}

.icon-portugal {
    background-position: 0 71.174377%
}

.icon-puertorico {
    background-position: 0 71.530249%
}

.icon-qatar {
    background-position: 0 71.886121%
}

.icon-quebec {
    background-position: 0 72.241993%
}

.icon-redcross {
    background-position: 0 72.597865%
}

.icon-reunion {
    background-position: 0 72.953737%
}

.icon-romania {
    background-position: 0 73.309609%
}

.icon-russia {
    background-position: 0 73.66548%
}

.icon-rwanda {
    background-position: 0 74.021352%
}

.icon-saintbarthelemy {
    background-position: 0 74.377224%
}

.icon-sainthelena {
    background-position: 0 74.733096%
}

.icon-saintlucia {
    background-position: 0 75.088968%
}

.icon-saintmartin {
    background-position: 0 75.44484%
}

.icon-saintpierreandmiquelon {
    background-position: 0 75.800712%
}

.icon-samoa {
    background-position: 0 76.156584%
}

.icon-sanmarino {
    background-position: 0 76.512456%
}

.icon-saotomeandprincipe {
    background-position: 0 76.868327%
}

.icon-saudiarabia {
    background-position: 0 77.224199%
}

.icon-scotland {
    background-position: 0 77.580071%
}

.icon-senegal {
    background-position: 0 77.935943%
}

.icon-serbia {
    background-position: 0 78.291815%
}

.icon-seychelles {
    background-position: 0 78.647687%
}

.icon-sierraleone {
    background-position: 0 79.003559%
}

.icon-singapore {
    background-position: 0 79.359431%
}

.icon-sintmaarten {
    background-position: 0 79.715302%
}

.icon-slovakia {
    background-position: 0 80.071174%
}

.icon-slovenia {
    background-position: 0 80.427046%
}

.icon-solomonislands {
    background-position: 0 80.782918%
}

.icon-somalia {
    background-position: 0 81.13879%
}

.icon-somaliland {
    background-position: 0 81.494662%
}

.icon-southafrica {
    background-position: 0 81.850534%
}

.icon-southamerica {
    background-position: 0 82.206406%
}

.icon-southgeorgiaandsouthsandwich {
    background-position: 0 82.562278%
}

.icon-southkorea {
    background-position: 0 82.918149%
}

.icon-southsudan {
    background-position: 0 83.274021%
}

.icon-spain {
    background-position: 0 83.629893%
}

.icon-srilanka {
    background-position: 0 83.985765%
}

.icon-stkittsandnevis {
    background-position: 0 84.341637%
}

.icon-stvincentandthegrenadines {
    background-position: 0 84.697509%
}

.icon-sudan {
    background-position: 0 85.053381%
}

.icon-suriname {
    background-position: 0 85.409253%
}

.icon-svalbardandjanmayen {
    background-position: 0 85.765125%
}

.icon-swaziland {
    background-position: 0 86.120996%
}

.icon-sweden {
    background-position: 0 86.476868%
}

.icon-switzerland {
    background-position: 0 86.83274%
}

.icon-syria {
    background-position: 0 87.188612%
}

.icon-tahiti {
    background-position: 0 87.544484%
}

.icon-taiwan {
    background-position: 0 87.900356%
}

.icon-tajikistan {
    background-position: 0 88.256228%
}

.icon-tanzania {
    background-position: 0 88.6121%
}

.icon-thailand {
    background-position: 0 88.967972%
}

.icon-timorleste {
    background-position: 0 89.323843%
}

.icon-togo {
    background-position: 0 89.679715%
}

.icon-tokelau {
    background-position: 0 90.035587%
}

.icon-tonga {
    background-position: 0 90.391459%
}

.icon-trinidadtobago {
    background-position: 0 90.747331%
}

.icon-tristandacunha {
    background-position: 0 91.103203%
}

.icon-tunisia {
    background-position: 0 91.459075%
}

.icon-turkey {
    background-position: 0 91.814947%
}

.icon-turkmenistan {
    background-position: 0 92.170819%
}

.icon-turksandcaicosislands {
    background-position: 0 92.52669%
}

.icon-tuvalu {
    background-position: 0 92.882562%
}

.icon-usa {
    background-position: 0 93.238434%
}

.icon-uganda {
    background-position: 0 93.594306%
}

.icon-ukraine {
    background-position: 0 93.950178%
}

.icon-unitedarabemirates {
    background-position: 0 94.30605%
}

.icon-unitedkingdom {
    background-position: 0 94.661922%
}

.icon-uruguay {
    background-position: 0 95.017794%
}

.icon-uzbekistan {
    background-position: 0 95.373665%
}

.icon-vanutau {
    background-position: 0 95.729537%
}

.icon-vaticancity {
    background-position: 0 96.085409%
}

.icon-venezuela {
    background-position: 0 96.441281%
}

.icon-vietnam {
    background-position: 0 96.797153%
}

.icon-virginislandsbritish {
    background-position: 0 97.153025%
}

.icon-virginislandsus {
    background-position: 0 97.508897%
}

.icon-wales {
    background-position: 0 97.864769%
}

.icon-wallisandfutuna {
    background-position: 0 98.220641%
}

.icon-westernsahara {
    background-position: 0 98.576512%
}

.icon-world {
    background-position: 0 98.932384%
}

.icon-yemen {
    background-position: 0 99.288256%
}

.icon-zambia {
    background-position: 0 99.644128%
}

.icon-zimbabwe {
    background-position: 0 100%
}

body {
    width: 100%;
    height: calc(100% + 1px);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 16px;
    background: #0a151d;
    color: #fff;
    overflow-y: scroll;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .3)
}

.popup-opened-m {
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: hidden
}

#root,
.wrapper-m {
    float: left;
    width: 100%;
    height: 100%
}

.wrapper-m {
    display: table;
    table-layout: fixed;
    padding: 98px 0 0
}

.integration-view {
    padding: 48px 0
}

.full-container-m {
    display: table-row;
    height: 100%
}

.import-view-container,
.please-login {
    float: left;
    width: 100%
}

.please-login {
    font-size: 18px;
    line-height: 22px;
    padding: 50px 10px;
    text-align: center;
    color: #637aa9
}

.hide {
    display: none !important
}

.content-m {
    -webkit-overflow-scrolling: touch
}

.content-m,
.deposit-view-wrapper {
    float: left;
    width: 100%
}

@media screen and (min-width:500px) {
    .game-date-view-m>ul {
        width: calc(100% - 58px)
    }
    .game-information-m>ul {
        width: 100%
    }
}

html[dir=rtl] .bonus-view-m>ul>li,
html[dir=rtl] .competition-list-view-m>ul>li>a>p,
html[dir=rtl] .country-games-info-m>p>i,
html[dir=rtl] .deposit-b-total-b>ul>li>p,
html[dir=rtl] .details-form-item-m,
html[dir=rtl] .event-text-v-b,
html[dir=rtl] .game-date-view-m>ul>li:first-child>p,
html[dir=rtl] .game-date-view-m>ul>li:first-child>p.live-game-competition-m,
html[dir=rtl] .game-info-mini-m>p,
html[dir=rtl] .info-menu-contain-m>ul>li>a,
html[dir=rtl] .infoText,
html[dir=rtl] .league-name-view-m>h3,
html[dir=rtl] .name-d-method>i,
html[dir=rtl] .name-market-contain-cell-m>i,
html[dir=rtl] .name-sub-u-m-title,
html[dir=rtl] .name-sub-u-m-title p span,
html[dir=rtl] .promo-text-box,
html[dir=rtl] .single-form-item>.react-tel-input>input[type=tel],
html[dir=rtl] .single-form-item>input[type=email],
html[dir=rtl] .single-form-item>input[type=number],
html[dir=rtl] .single-form-item>input[type=password],
html[dir=rtl] .single-form-item>input[type=tel],
html[dir=rtl] .single-form-item>input[type=text],
html[dir=rtl] .single-team-info-m,
html[dir=rtl] .single-team-info-m>p,
html[dir=rtl] .single-universal-menu-contain,
html[dir=rtl] .team-names-mini-w,
html[dir=rtl] .title-view-match-day>h2 {
    text-align: right
}

html[dir=rtl] .single-form-item {
    height: inherit
}

html[dir=rtl] .date-game-icons-m {
    right: 0;
    left: inherit
}

html[dir=rtl] .icon-arrow-single-game {
    left: 0;
    right: inherit
}

html[dir=rtl] .mini-contain-name-separator {
    direction: rtl
}

html[dir=rtl] .live-game-info-m {
    padding: 0 60px 0 30px
}

html[dir=rtl] .collapse-arrow-view {
    left: 0;
    right: inherit
}

html[dir=rtl] .dashboard-column-title:before {
    right: 10px
}

html[dir=rtl] .dashboard-column-title,
html[dir=rtl] .single-sport-title-dashboard-m.active {
    direction: rtl
}

html[dir=rtl] .closed-open-arrow-m {
    left: 0;
    right: inherit
}

html[dir=rtl] .dashboard-sport-icon-m {
    right: 0;
    padding: 0 10px 0 0;
    box-shadow: inset -3px 0 0 #637aa9
}

html[dir=rtl] .left-t .single-team-info-m>p,
html[dir=rtl] .left-t .single-team-info-m h4 {
    text-align: left
}

html[dir=rtl] .left-t>.single-team-info-m {
    padding: 0 60px 0 10px
}

html[dir=rtl] .teams-name-info-m>ul>li {
    float: left;
    direction: rtl
}

html[dir=rtl] .single-coefficient-m {
    direction: rtl
}

html[dir=rtl] .single-coefficient-m>p>b {
    padding: 0 10px 0 0
}

html[dir=rtl] .games-list-view-dashboard {
    direction: rtl
}

html[dir=rtl] .single-sport-title-dashboard-m {
    padding: 0 34px 0 30px
}

html[dir=rtl] .game-date-view-m>ul>li:first-child>p.live-game-competition-m {
    padding-left: 10px;
    padding-right: 40px
}

html[dir=rtl] .live-game-competition-m>.flag-view-m {
    left: auto;
    right: 10px
}

html[dir=rtl] .arrow-game-view-m {
    left: 0;
    right: inherit
}

html[dir=rtl] .game-title-info-row-m>ul>li.time-column-m {
    right: 0;
    left: inherit
}

html[dir=rtl] .game-title-info-row-m>ul>li.market-count-view-m {
    left: 0;
    right: inherit
}

html[dir=rtl] .names-mini-row-m>ul>li {
    float: right
}

html[dir=rtl] .single-coefficient-m {
    box-shadow: inset 1px 0 0 hsla(224, 9%, 53%, .15), inset 1px 0 0 #0a151d
}

html[dir=rtl] .select-sport-title-m.Soccer {
    direction: rtl
}

html[dir=rtl] .select-sport-title-m>h2>b {
    text-align: right;
    padding: 0 10px 0 0
}

html[dir=rtl] .competition-list-view-m>ul>li>a>p {
    padding: 0 8px 0 38px
}

html[dir=rtl] .competition-list-view-m>ul>li>a>p>i {
    left: 8px;
    right: inherit
}

html[dir=rtl] .bread-crumbs-view-m>p {
    text-align: right;
    padding: 0 30px 0 12px
}

html[dir=rtl] .bread-crumbs-view-m>a {
    right: 0;
    left: inherit
}

html[dir=rtl] .game-date-view-m>ul {
    direction: rtl
}

html[dir=rtl] .single-game-list-item-m {
    white-space: nowrap;
    direction: rtl
}

html[dir=rtl] .game-information-m>ul,
html[dir=rtl] .game-information-m>ul>li {
    float: none;
    display: inline-block;
    vertical-align: top
}

html[dir=rtl] .game-information-m>ul>li,
html[dir=rtl] .game-information-m>ul>li.factor-m>.single-coefficient-m,
html[dir=rtl] .game-information-m>ul>li.fav-game-icon-m {
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15), inset -1px 0 0 #0a151d
}

html[dir=rtl] .markets-count-view-m {
    float: left
}

html[dir=rtl] .time-markets-count-m>.icons-game-info-m,
html[dir=rtl] .time-view-game-m {
    float: right
}

html[dir=rtl] .markets-count-view-m {
    padding: 0 0 0 10px
}

html[dir=rtl] .markets-count-view-m:before {
    left: -5px;
    right: inherit;
    content: "\E66F"
}

html[dir=rtl] .mini-sport-nav-box>.single-sport-title-dashboard-m {
    direction: rtl
}

html[dir=rtl] .mini-sport-nav-box>.single-sport-title-dashboard-m>a {
    padding: 0 0 0 34px
}

html[dir=rtl] .title-row-u-m {
    direction: rtl
}

html[dir=rtl] .icon-view-u-m {
    right: 0;
    left: inherit
}

html[dir=rtl] .arrow-u-m {
    left: 0;
    right: inherit
}

html[dir=rtl] .language-container-m>ul,
html[dir=rtl] .nav-bar-contain-m,
html[dir=rtl] .sport-nav-container-m {
    direction: rtl
}

html[dir=rtl] .balance-h-row-b>h5,
html[dir=rtl] .balance-h-row-b>h5.green,
html[dir=rtl] .balance-h-row-b>h6 {
    float: right
}

html[dir=rtl] .balance-h-row-b>p,
html[dir=rtl] .balance-h-row-b>span {
    float: left
}

html[dir=rtl] .arrow-view-nav {
    left: 0;
    right: inherit
}

html[dir=rtl] .arrow-view-nav:before {
    content: "\E66F"
}

html[dir=rtl] .menu-provider-view>p {
    padding: 0 10px 0 30px
}

html[dir=rtl] .all-bets-settings-row-m>ul>li {
    float: right
}

html[dir=rtl] .betslip-events-container {
    direction: rtl
}

html[dir=rtl] .event-remove-b-m {
    left: 0;
    right: inherit
}

html[dir=rtl] .icon-status-view-m {
    margin: 0 0 3px 8px
}

html[dir=rtl] .team-name-view-b-m {
    padding: 0 0 10px 25px
}

html[dir=rtl] .market-full-info-m>ul>li>span {
    float: left
}

html[dir=rtl] .kind-of-bet {
    right: 0;
    left: inherit
}

html[dir=rtl] .info-i-switcher-b {
    left: 0;
    right: inherit
}

html[dir=rtl] .bet-kind-container {
    padding: 2px 46px 0 91px
}

html[dir=rtl] .sub-error-info:before {
    right: 4px;
    left: inherit
}

html[dir=rtl] .ew-total-odd>ul>li>p,
html[dir=rtl] .possible-win-container>ul>li>span {
    float: left
}

html[dir=rtl] .possible-win-container>ul>li>p {
    float: right
}

html[dir=rtl] .betslip-settings.open+.b-settings-view-b {
    direction: rtl
}

html[dir=rtl] .radio-form-item>label:before {
    right: 5px;
    left: inherit
}

html[dir=rtl] .radio-form-item>label>input {
    left: auto
}

html[dir=rtl] .radio-form-item {
    text-align: right
}

html[dir=rtl] .radio-form-item>label>input:checked+span:before {
    right: 5px;
    left: inherit
}

html[dir=rtl] .radio-form-item>label {
    padding: 5px 25px 5px 0
}

html[dir=rtl] .max-bet-b-m {
    border-right: none;
    border-left: 1px solid #637aa9
}

html[dir=rtl] .user-name-contain-m {
    direction: rtl
}

html[dir=rtl] .user-icon-m {
    right: 0;
    left: inherit
}

html[dir=rtl] .user-name-contain-m {
    padding: 0 44px 0 10px
}

html[dir=rtl] .bonus-view-m,
html[dir=rtl] .deposit-b-total-b {
    direction: rtl
}

html[dir=rtl] .title-row-u-m>p>span {
    padding: 0 0 0 28px
}

html[dir=rtl] .single-method-deposit>ul>li:first-child {
    float: right
}

html[dir=rtl] .deposit-method-b {
    float: left
}

html[dir=rtl] .bonus-title-view>h3 {
    text-align: right
}

html[dir=rtl] .bonus-info-contain {
    direction: rtl
}

html[dir=rtl] .bonus-info-contain>ul>li>p {
    padding: 0 10px 5px 0
}

html[dir=rtl] .more-bonus-info {
    padding: 10px 10px 0 0
}

html[dir=rtl] .bonus-more-view-wrapper {
    direction: rtl
}

html[dir=rtl] .bonus-claim-button-w>span {
    text-align: right
}

html[dir=rtl] .profile-info-contain-m {
    direction: rtl
}

html[dir=rtl] .inputfile+label>span {
    box-shadow: inset -1px 0 0 #637aa9, inset 0 1px 0 #637aa9, inset 0 -1px 0 #637aa9
}

html[dir=rtl] .self-exclusion-container-m>p {
    text-align: right
}

html[dir=rtl] .change-password-container-m,
html[dir=rtl] .page-container,
html[dir=rtl] .page-menu-contain,
html[dir=rtl] .promo-text-box table {
    direction: rtl
}

html[dir=rtl] .page-section:after {
    left: 0;
    right: inherit
}

html[dir=rtl] .page-section {
    padding: 0 12px 0 38px
}

html[dir=rtl] .deposits-wrapper {
    direction: rtl
}

html[dir=rtl] .checkbox-wrapper-m>input[type=checkbox] {
    left: inherit
}

html[dir=rtl] .checkbox-wrapper-m {
    height: 45px
}

html[dir=rtl] .checkbox-wrapper-m>span {
    white-space: inherit;
    text-overflow: inherit;
    overflow: inherit
}

html[dir=rtl] .provider-menu {
    direction: rtl
}

html[dir=rtl] .casino-game-title>b {
    direction: rtl;
    text-align: right
}

html[dir=rtl] .single-game-type-list {
    direction: rtl
}

html[dir=rtl] .arrow-view-open-box {
    left: 0;
    right: inherit
}

html[dir=rtl] .title-game-type-box {
    padding: 0 10px 0 34px
}

html[dir=rtl] .title-single-game {
    direction: rtl;
    text-align: right
}

html[dir=rtl] .title-row-u-m>p>span>i {
    right: auto;
    left: 0
}

html[dir=rtl] .single-form-item.reg_password>div a {
    right: inherit !important;
    left: 6px
}

html[dir=rtl] .game-animation-container,
html[dir=rtl] .header-separator-m,
html[dir=rtl] .statistic-view-m,
html[dir=rtl] .timeline-container {
    direction: ltr
}

html[dir=rtl] .live-game-stats-table>.game-list-statistics {
    overflow: hidden
}

html[dir=rtl] .game-score-view>ul>li:first-child {
    text-align: left
}

html[dir=rtl] .closed-open-arrow-m:before,
html[dir=rtl] .icon-arrow-single-game:before,
html[dir=rtl] .name-sub-u-m-title>.arrow-u-m:before,
html[dir=rtl] .time-markets-count-m .markets-count-view-m:before {
    content: "\E66F"
}

html[dir=rtl] .back-arrow-crumbs:before,
html[dir=rtl] .markets-count-view-m:before {
    content: "\E672"
}

html[dir=rtl] .stake-form-b-m .single-form-item {
    height: 38px
}

html[dir=rtl] .closed-search-icon-m {
    left: 0;
    right: inherit
}

html[dir=rtl] .search-result-title>h3 {
    text-align: right
}

html[dir=rtl] .single-game-item-c>ul>li:first-child {
    float: right
}

html[dir=rtl] .results-game-title {
    text-align: right
}

html[dir=rtl] .result-sport-icon {
    right: 5px;
    left: inherit
}

html[dir=rtl] .sport-title-result-m {
    padding: 0 32px 0 12px
}

html[dir=rtl] .teams-name-result-m {
    text-align: right
}

html[dir=rtl] .flag-date-competition-m {
    padding: 0 40px 0 12px
}

html[dir=rtl] .additional-info-m {
    text-align: right
}

html[dir=rtl] .live-score-view>span {
    text-align: center
}

html[dir=rtl] .team-name-live-game {
    text-align: right
}

html[dir=rtl] .game-score-info-l-game>ul>li:first-child>.team-name-live-game {
    text-align: left
}

html[dir=rtl] .statistic-line-view>span:first-child>i {
    left: auto;
    right: -24px
}

html[dir=rtl] .statistic-line-view>span>i {
    left: -24px;
    right: inherit
}

html[dir=rtl] .statistic-view-m {
    direction: rtl
}

html[dir=rtl] .single-team-info-m {
    padding: 0 60px 0 10px
}

html[dir=rtl] .teams-name-info-m>ul>li {
    float: right
}

html[dir=rtl] .team-logo-contain-view {
    right: 0;
    left: inherit
}

html[dir=rtl] .teams-name-info-m>ul>li:first-child span {
    left: 0;
    right: auto
}

html[dir=rtl] .teams-name-info-m>ul>li:first-child .single-team-info-m {
    padding: 0 10px 0 60px
}

.footerLivechatButton {
    width: 57px;
    height: 57px;
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .2);
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 10000;
    text-align: center;
    border-radius: 50%;
    font: 28px/36px icomoon
}

.footerLivechatButton:before {
    content: "\E904";
    line-height: 57px
}

@media screen and (min-width:980px) {
    .betslip-events-container,
    .content-m>.game-view-wrapper,
    .content-m>.import-view-container,
    .deposit-view-wrapper,
    .left-navigate-list-view-m,
    .loyalty-page-wrapper,
    .popup-content-view-m,
    .profile-view-wrapper,
    .right-navigate-list-view-m,
    .search-result-box {
        overflow-y: scroll;
        overflow-x: hidden;
        scrollbar-base-color: #304262;
        scrollbar-track-color: #304262;
        scrollbar-shadow-color: #304262;
        scrollbar-base-color: #788bb8;
        scrollbar-arrow-color: #788bb8;
        overflow-y: auto
    }
    .betslip-events-container::-webkit-scrollbar-track,
    .content-m>.game-view-wrapper::-webkit-scrollbar-track,
    .content-m>.import-view-container::-webkit-scrollbar-track,
    .deposit-view-wrapper::-webkit-scrollbar-track,
    .left-navigate-list-view-m::-webkit-scrollbar-track,
    .loyalty-page-wrapper::-webkit-scrollbar-track,
    .popup-content-view-m::-webkit-scrollbar-track,
    .profile-view-wrapper::-webkit-scrollbar-track,
    .right-navigate-list-view-m::-webkit-scrollbar-track,
    .search-result-box::-webkit-scrollbar-track {
        border-radius: 10px
    }
    .betslip-events-container::-webkit-scrollbar,
    .content-m>.game-view-wrapper::-webkit-scrollbar,
    .content-m>.import-view-container::-webkit-scrollbar,
    .deposit-view-wrapper::-webkit-scrollbar,
    .left-navigate-list-view-m::-webkit-scrollbar,
    .loyalty-page-wrapper::-webkit-scrollbar,
    .popup-content-view-m::-webkit-scrollbar,
    .profile-view-wrapper::-webkit-scrollbar,
    .right-navigate-list-view-m::-webkit-scrollbar,
    .search-result-box::-webkit-scrollbar {
        width: 4px;
        background: #304262;
        border-radius: 10px
    }
    .betslip-events-container::-webkit-scrollbar-thumb,
    .content-m>.game-view-wrapper::-webkit-scrollbar-thumb,
    .content-m>.import-view-container::-webkit-scrollbar-thumb,
    .deposit-view-wrapper::-webkit-scrollbar-thumb,
    .left-navigate-list-view-m::-webkit-scrollbar-thumb,
    .loyalty-page-wrapper::-webkit-scrollbar-thumb,
    .popup-content-view-m::-webkit-scrollbar-thumb,
    .profile-view-wrapper::-webkit-scrollbar-thumb,
    .right-navigate-list-view-m::-webkit-scrollbar-thumb,
    .search-result-box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #788bb8
    }
    .betslip-events-container::-webkit-scrollbar-thumb:hover,
    .content-m>.game-view-wrapper::-webkit-scrollbar-thumb:hover,
    .content-m>.import-view-container::-webkit-scrollbar-thumb:hover,
    .deposit-view-wrapper::-webkit-scrollbar-thumb:hover,
    .left-navigate-list-view-m::-webkit-scrollbar-thumb:hover,
    .loyalty-page-wrapper::-webkit-scrollbar-thumb:hover,
    .popup-content-view-m::-webkit-scrollbar-thumb:hover,
    .profile-view-wrapper::-webkit-scrollbar-thumb:hover,
    .right-navigate-list-view-m::-webkit-scrollbar-thumb:hover,
    .search-result-box::-webkit-scrollbar-thumb:hover {
        background: #8d9dc2
    }
    body {
        height: 100%;
        overflow-y: auto
    }
    .wrapper-m {
        padding-top: 100px
    }
    .full-container-m {
        float: left;
        width: 100%;
        display: table;
        table-layout: fixed
    }
    .logo-wrapper-m>a {
        width: 200px;
        background-position: 0 100%
    }
    .header-separator-m {
        padding: 0 70px 0 10px
    }
    .nav-bar-contain-m {
        text-align: center
    }
    .left-top-nav {
        display: none
    }
    .left-nav-container-m {
        position: static;
        display: table-cell;
        vertical-align: top;
        left: 0;
        width: 260px;
        padding: 0 5px 0 0
    }
    .left-nav-container-m .closed-nav-icon,
    .left-nav-container-m:before,
    .navigation-container-m.site-navigate-m,
    .right-trans-box-m {
        display: none
    }
    .left-navigate-list-view-m {
        height: calc(100vh - 145px)
    }
    .content-m {
        float: none;
        display: table-cell;
        vertical-align: top
    }
    .content-m>.import-view-container {
        transform: translateZ(0)
    }
    .content-m>.game-view-wrapper,
    .content-m>.import-view-container,
    .deposit-view-wrapper,
    .loyalty-page-wrapper,
    .profile-view-wrapper {
        float: left;
        width: calc(100% - 325px);
        margin-right: 5px;
        padding-right: 3px;
        position: relative;
        height: calc(100vh - 100px);
        overflow-x: hidden;
        overflow-y: scroll
    }
    .casino .content-m>.game-view-wrapper,
    .casino .deposit-view-wrapper,
    .casino .loyalty-page-wrapper,
    .casino .profile-view-wrapper {
        width: 100%
    }
    .single-game-list-item-m {
        overflow: hidden
    }
    .wrapper-v-a-view {
        text-align: center
    }
    .game-control {
        width: 50%;
        display: inline-block;
        vertical-align: top
    }
    .loyalty-points-j {
        padding: 4px 0 5px
    }
    .align-wrapper {
        text-align: center
    }
    .ver-center-view-b {
        max-width: 400px;
        text-align: left
    }
    .registration-form-b {
        padding-bottom: 0
    }
    .competition-naw-wrapper-m {
        transition: max-height .18s
    }
    .competition-list-view-m {
        transition: padding-top .18s, padding-bottom .18s, box-shadow .18s;
        animation: closed-animate-menu .16s ease;
        display: block
    }
    .sport-region-info-m.active+.competition-naw-wrapper-m>.competition-list-view-m {
        animation: open-animate-menu .4s ease-in-out
    }
    .flag-view-m {
        image-rendering: pixelated
    }
    .sport-nav-container-m::-webkit-scrollbar {
        display: block
    }
    .sport-nav-container-m {
        box-shadow: none
    }
    .select-sport-contain-m {
        transform: translateZ(0)
    }
    .sport-nav-container-m>ul>li>a>p {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .game-video {
        float: left;
        width: 100%
    }
    .search-result-wrapper-m {
        width: 400px
    }
    .betslip-m {
        position: static;
        float: right;
        width: 320px
    }
    .betslip-balance-view-m {
        position: static;
        float: left
    }
    .betslip-events-container {
        height: calc(100vh - 235px)
    }
    .betslip-full-view,
    .betslip-full-view.active {
        position: static;
        height: 100%;
        float: left;
        width: 100%;
        top: 0;
        padding-top: 88px
    }
    .quick>.betslip-full-view {
        height: auto;
        padding: 48px 0 0;
        overflow: inherit
    }
    .quick>.betslip-full-view>.betslip-header-m {
        height: 48px
    }
    .closed-betslip-icon {
        display: none
    }
    .betslip-settings {
        right: 10px
    }
    .betslip-m.loading {
        filter: inherit;
        transform: translateZ(0)
    }
    .quick-bet-settings-view {
        padding-right: 44px
    }
    .provider-menu {
        display: none
    }
    .single-casino-game-view {
        width: 16.66667%
    }
    .right-nav-container-m {
        left: auto;
        right: -150%;
        transition: right .3s;
        width: 360px
    }
    .right-nav-container-m.open {
        left: auto;
        right: 0
    }
    .game-not-found {
        float: left;
        width: calc(100% - 320px)
    }
    .footer-m {
        display: none
    }
}

@media screen and (min-width:1620px) {
    .single-casino-game-view {
        width: 12.5%
    }
}

@media screen and (min-width:1340px) {
    .all-markets-view-m,
    .select-game-nav-list>ul {
        -moz-columns: 2;
        -moz-column-gap: 6px;
        column-count: 2;
        column-gap: 6px
    }
    .select-game-nav-list>ul>li,
    .singe-market-view-m {
        float: none;
        display: inline-block;
        vertical-align: top;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid
    }
    .competition-list-view-m,
    .competition-naw-wrapper-m {
        transform: inherit
    }
    .singe-market-view-m:first-child,
    .singe-market-view-m:last-child {
        border-radius: 0
    }
    .singe-market-view-m:first-child:last-child {
        width: calc(200% + 6px);
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }
    .select-game-nav-list>ul>li:first-child:last-child {
        width: calc(200% + 6px);
        display: inline-block;
        vertical-align: top;
        float: none
    }
}

/*# sourceMappingURL=app.css.map?version=7643ebf09dec882769a45c6e0ff4ecde*/