.slick-slider{padding:0 0 2px;display:flex;flex-direction:column;align-items:center;width:100%;position:relative;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-slider.disable-dots .slick-dots{visibility:hidden}.slick-slider .slick-list{float:left;width:100%;transition:height .3s}.slick-slider .slick-list[style="height: 0;"]{height:auto!important}.slick-slider .slick-list .lazyImage:not(.imageLoaded){height:0!important;width:0!important}.slick-slider .slick-list .slick-track{float:left;width:100%;font:0/0 var(--fonts);white-space:nowrap}.slick-slider .slick-list .slick-track>div{display:inline-block;background:var(--skin-8)}.slick-slider .slick-dots{display:flex!important;justify-content:center;align-items:center;height:16px;background:rgba(var(--text-4-rgb),.15);text-align:center;font:0/40px var(--fonts);position:absolute;border-radius:20px;z-index:20;top:unset;bottom:0;padding:0 4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slick-slider .slick-dots li{display:inline-block;vertical-align:middle;width:6px;height:6px;background:rgba(var(--text-5-rgb),.7);margin:0 2px;border-radius:100%;transition:background .3s,-webkit-transform .3s;transition:background .3s,transform .3s;transition:background .3s,transform .3s,-webkit-transform .3s;-webkit-transform:scale(.8);transform:scale(.8)}.slick-slider .slick-dots li button{display:none}.slick-slider .slick-dots li.slick-active{background:var(--text-5);-webkit-transform:scale(1);transform:scale(1)}.slick-slider>button{width:40px;height:40px;position:absolute;bottom:0;right:0;color:var(--text-5);z-index:30;border:0;background:0;font:0/0 var(--fonts);text-align:center}.slick-slider>button:before{content:"\E672";font:20px/40px icomoon}.slick-slider>button:first-child{left:0;right:auto}.slick-slider>button:first-child:before{content:"\E66F"}.casino-slider-area,.live-casino-slider,.new-dashboard-wrapper-m,.p-slider-wrapper,.tvGames-slider{float:left;width:100%}.casino-slider-area .slick-slider .slick-list,.live-casino-slider .slick-slider .slick-list,.new-dashboard-wrapper-m .slick-slider .slick-list,.p-slider-wrapper .slick-slider .slick-list,.tvGames-slider .slick-slider .slick-list{display:flex;align-items:center}.casino-slider-area .slick-slider .slick-list .slick-track,.live-casino-slider .slick-slider .slick-list .slick-track,.new-dashboard-wrapper-m .slick-slider .slick-list .slick-track,.p-slider-wrapper .slick-slider .slick-list .slick-track,.tvGames-slider .slick-slider .slick-list .slick-track{display:flex;align-items:center;-webkit-filter:drop-shadow(0 0 5px rgba(var(--skin-16-rgb),.2));filter:drop-shadow(0 0 5px rgba(var(--skin-16-rgb),.2))}.casino-slider-area .slick-slider .slick-list .slick-track>div,.live-casino-slider .slick-slider .slick-list .slick-track>div,.new-dashboard-wrapper-m .slick-slider .slick-list .slick-track>div,.p-slider-wrapper .slick-slider .slick-list .slick-track>div,.tvGames-slider .slick-slider .slick-list .slick-track>div{background:none;text-align:center}.casino-slider-area .slick-slider .slick-list .slick-track>div>div,.live-casino-slider .slick-slider .slick-list .slick-track>div>div,.new-dashboard-wrapper-m .slick-slider .slick-list .slick-track>div>div,.p-slider-wrapper .slick-slider .slick-list .slick-track>div>div,.tvGames-slider .slick-slider .slick-list .slick-track>div>div{display:inline-flex;width:100%}.casino-slider-area .images-slider-view-m,.live-casino-slider .images-slider-view-m,.new-dashboard-wrapper-m .images-slider-view-m,.p-slider-wrapper .images-slider-view-m,.tvGames-slider .images-slider-view-m{float:left;width:100%;position:relative}.casino-slider-area .images-slider-view-m>.sliderLink,.live-casino-slider .images-slider-view-m>.sliderLink,.new-dashboard-wrapper-m .images-slider-view-m>.sliderLink,.p-slider-wrapper .images-slider-view-m>.sliderLink,.tvGames-slider .images-slider-view-m>.sliderLink{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2}.casino-slider-area .images-slider-view-m img,.live-casino-slider .images-slider-view-m img,.new-dashboard-wrapper-m .images-slider-view-m img,.p-slider-wrapper .images-slider-view-m img,.tvGames-slider .images-slider-view-m img{display:block;float:left;width:100%;pointer-events:none;transition:opacity .5s ease-in-out}.casino-slider-area .images-slider-view-m img.lazyloading,.casino-slider-area .images-slider-view-m img[src=""],.live-casino-slider .images-slider-view-m img.lazyloading,.live-casino-slider .images-slider-view-m img[src=""],.new-dashboard-wrapper-m .images-slider-view-m img.lazyloading,.new-dashboard-wrapper-m .images-slider-view-m img[src=""],.p-slider-wrapper .images-slider-view-m img.lazyloading,.p-slider-wrapper .images-slider-view-m img[src=""],.tvGames-slider .images-slider-view-m img.lazyloading,.tvGames-slider .images-slider-view-m img[src=""]{height:50px!important}.skeleton-height .slick-track{min-height:170px}.skeleton-height .slick-track img{opacity:0}@media screen and (min-width:980px){.slides-block .slide-3,․has-bet-slip .homepage-banner-skeleton .slides-block .slide-3{display:none}}.popular-casino-games{display:grid;margin:8px 0 8px 8px}[dir=rtl] .popular-casino-games{margin:8px 8px 8px 0}.popular-casino-games .casino-game-info-view{padding:0 8px 0 0}[dir=rtl] .popular-casino-games .casino-game-info-view{padding:0 0 0 8px}.slots-img-content,.slots-slider-p{float:left;width:100%}.slots-img-content{white-space:nowrap;overflow:hidden}.slots-img-content.with-overflow{overflow-x:auto}.slots-img-content.with-overflow::-webkit-scrollbar{display:none;width:0}.slots-img-content .casino-game-info-view{box-shadow:none;position:relative}.slots-img-content .slick-track{display:flex;grid-gap:10px;gap:10px;padding:0 0 7px}.dashboard-upcoming-game-list-m .slots-img-content .slick-track{padding:4px 0 10px}.slots-img-content .banner-game-screen-view{float:left;width:100%;display:block;position:relative;overflow:hidden;padding:0 0 70%;background:none;border-radius:5px}.slots-img-content .banner-game-screen-view>img{position:absolute;left:0;top:0;width:100%;display:block;z-index:22}.slots-img-content .slick-track>div{background:var(--skin-8);border-radius:var(--border-radius-medium)}.slots-img-content .favorite-game-star{width:24px;height:24px;z-index:99;background-color:rgba(var(--text-1-sc-rgb),.5);top:5px;right:5px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--text-1)}.slots-img-content .favorite-game-star.active{color:var(--favorite)}.slots-img-content .favorite-game-star:before{line-height:1}.slots-img-content>.casino-game-info-view{width:calc(50% - 5px);display:block;float:none;margin:0 10px 0 0;vertical-align:top}.slots-slider-p .slick-slide{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform-origin:center;transform-origin:center}.slots-slider-p .slick-slide.slick-center{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:55;position:relative}[dir=rtl] .slots-slider-p .favorite-game-star{left:0;text-align:right}[dir=rtl] .slots-slider-p .casino-game-title{padding:0 8px}.view-all-opened .single-casino-game-view{padding:7px}.see-all-games>.button-view-normal-m.trans-m{box-shadow:0 0 0 1px var(--text-8) inset}.casino-slider-area,.filter-content{float:left;width:100%}.filter-content{text-align:left;position:relative}.filter-bar-c{float:left;width:100%;background:var(--skin-10)}.filter-bar-c>p{padding:0 15px;position:relative;font-size:12px;color:var(--text-3);text-transform:uppercase;display:flex!important;align-items:center;height:100%}.filter-bar-c>p:before{content:"\e986";display:inline-block;font:13px/1 Icomoon;padding-right:5px}.open-filter-step1{float:left;width:100%;background:var(--skin-10);padding-bottom:10px;display:none}.filter-content.active .open-filter-step1{display:block}.category-name-f{float:left;width:100%}.category-name-f>span{float:left;width:100%;height:38px;box-shadow:0 -1px 0 inset var(--skin-14);background:var(--skin-10);box-sizing:border-box;padding:0 15px;font-size:14px;line-height:38px;color:var(--text-3);position:relative}.category-name-f>span:after{display:block;position:absolute;right:11px;content:"\E670";font:20px/38px Icomoon;top:0}.category-name-f.active .open-filter-step2{display:block}.category-name-f.active>span:after{content:"\e671"}.open-filter-step2{float:left;width:100%;display:none}.open-filter-step2>p{float:left;width:100%;height:36px;box-shadow:0 -1px 0 inset var(--skin-10);background:var(--skin-12);box-sizing:border-box;padding:0 10px 0 15px;font-size:14px;line-height:36px;text-transform:uppercase;color:var(--text-3);position:relative}.open-filter-step2 p.active:before{display:block;content:"\e987";font:12px/36px Icomoon;position:absolute;top:0;right:10px}.casino-categories,.name-cat-title{float:left;width:100%}.name-cat-title{height:36px}.name-cat-title>h4{padding:0 15px;font-size:14px;line-height:36px;text-transform:uppercase;float:left}.name-cat-title>span{font-size:12px;line-height:36px;color:var(--text-3);float:right;padding-right:15px;display:inline-flex}.name-cat-title>span>b{font-weight:400;margin:0 5px}.no-game{position:relative;float:left;width:100%;padding:20px 0;color:var(--text-1);font-size:14px;text-align:center;font-weight:700;background:var(--skin-12)}.no-game:before{position:relative;content:"\e917";font:15px icomoon;color:var(--yellow-color);left:0;margin-right:6px}.game-casino-list{display:inline-block;padding:0 5px;vertical-align:top;width:100%}.game-casino-list.favorites{display:grid}.game-casino-list.favorites>.game-item-c{width:100%}.game-casino-list.more-than-4{width:93%}.game-casino-list>.game-item-c{float:left;width:50%;box-sizing:border-box;padding:0 5px 10px}.game-casino-list>.game-item-c>span{border-radius:5px}.game-casino-list>.game-item-c>span:before{display:none}.game-casino-list .casino-game-title{padding-left:0}.game-casino-list .casino-game-title>i{text-align:right}.game-casino-list .favorite-game-star{color:var(--text-3)}.main-game-block-c::-webkit-scrollbar{display:none;width:0}.main-game-block-c{display:inline-block;overflow-y:hidden;overflow-x:auto;white-space:nowrap;background:var(--skin-12);width:100%;padding:10px 0 0}.casino-games-list.view-all-opened{max-height:inherit}.game-info-b{display:table;table-layout:fixed;vertical-align:top}.game-info-b>div{display:table-cell;vertical-align:top}.game-info-b>div:first-child{width:100px}.game-info-b>div:first-child>span{border-radius:5px}.game-info-b>div>p{float:left;width:100%;font-size:12px;line-height:14px;color:var(--skin-3);box-sizing:border-box;padding:5px 15px}.casino-games-list.view-all-opened>h3{height:40px;padding:12px 10px;font-size:14px;color:var(--text-1);background-color:var(--skin-12);text-align:center;text-transform:uppercase}.casino-games-list.view-all-opened>h3 .back-to-games{position:relative;display:inline-block;float:left;font:13px icomoon;color:var(--text-4)}.casino-games-list.view-all-opened>h3 .back-to-games:before{position:absolute;content:"\e969"}.casino-nav-block .tabs-tournament-view,.l-casino-menu-view .tabs-tournament-view{float:left;width:100%;display:table;table-layout:fixed;height:34px;background:rgba(var(--skin-10-rgb),.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.casino-nav-block .tabs-tournament-view>a,.l-casino-menu-view .tabs-tournament-view>a{display:table-cell;vertical-align:top;text-decoration:none;font-size:14px;line-height:47px;color:var(--text-4);text-transform:uppercase;text-align:center;padding:0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.casino-nav-block .tabs-tournament-view>a:first-child,.l-casino-menu-view .tabs-tournament-view>a:first-child{border-left:none}.casino-nav-block .tabs-tournament-view>a.active,.l-casino-menu-view .tabs-tournament-view>a.active{box-shadow:0 -2px 0 var(--hero) inset;color:var(--text-2)}.game-screen-view{float:left;width:100%;display:block;background:var(--skin-10);position:relative;overflow:hidden;padding:0 0 70%;border-radius:5px}.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:var(--text-5);content:"\e91b"}.game-screen-view>img{position:absolute;left:0;top:0;width:100%;display:block;z-index:22;background:var(--skin-10)}.posr.filter-bar-c{height:48px}.posr>p{display:inline-block;line-height:48px}.casino-nav-block{z-index:999;background:none;border-bottom:1px solid var(--skin-15);height:48px;width:100%;display:grid;grid-auto-flow:column;grid-template-columns:1fr auto;direction:ltr;position:relative}@supports (position:sticky){.casino-nav-block{position:sticky;top:var(--header-height)}}.casino-nav-block>div:not(:first-child){border-left:1px solid var(--skin-15)}.casino-nav-block+.filter-bar{top:calc(var(--header-height) + 48px)}.fixed-nav-space{padding-top:48px}[dir=rtl] .filter-bar-c>p{text-align:right}[dir=rtl] .casino-games-list.view-all-opened>h3 .back-to-games{float:right}[dir=rtl] .casino-games-list.view-all-opened>h3 .back-to-games:before{content:"\e967"}.casino-categories-filters{background:var(--skin-12);padding:12px 0;clear:both}.casino-categories-filters .casino-filters{display:flex;width:100%;overflow-x:auto}.casino-categories-filters .casino-filters::-webkit-scrollbar{display:none;height:0}.casino-categories-filters .casino-filters li{flex-shrink:0;margin:0 5px;padding:8px 10px;line-height:1;background:var(--skin-10);color:rgba(var(--skin-10-sc-rgb),.9);border-radius:var(--border-radius-medium);font-size:11px;display:flex;align-items:center}.casino-categories-filters .casino-filters li.active{left:0;right:0;position:sticky;position:-webkit-sticky;z-index:33;background:var(--hero);color:rgba(var(--hero-sc-rgb),.9)}.casino-categories-filters .casino-filters li:active:not(.active){background:var(--skin-9);color:rgba(var(--skin-9-sc-rgb),.9)}.casino-categories-filters .casino-filters li:nth-child(2n) .casino-category-icon:before{content:"\e97f"}.casino-categories-filters .casino-filters li:nth-child(odd) .casino-category-icon:before{content:"\e983"}.casino-categories-filters .casino-filters li .casino-category-icon{font-size:20px;font-family:icomoon;font-style:normal;opacity:.9;-webkit-font-smoothing:antialiased;line-height:1}.casino-categories-filters .casino-filters li .casino-category-icon:before{margin:0 8px 0 0}[dir=rtl] .casino-categories-filters .casino-filters li .casino-category-icon:before{margin:0 0 0 8px}.casino-categories-filters .casino-filters li .casino-category-icon.all:before{content:"\ea23"}.casino-categories-filters .casino-filters li .casino-category-icon.recent:before{content:"\e704";font-size:16px}.casino-categories-filters .casino-filters li .casino-category-icon.new:before{content:"\ea21"}.casino-categories-filters .casino-filters li .casino-category-icon.exclusive:before{content:"\ea20"}.casino-categories-filters .casino-filters li .casino-category-icon.jackpots:before{content:"\e95d"}.casino-categories-filters .casino-filters li .casino-category-icon.virtualbetting:before{content:"\e92a"}.casino-categories-filters .casino-filters li .casino-category-icon.topslots:before{content:"\ea22"}.casino-categories-filters .casino-filters li .casino-category-icon.euro2020slots:before{content:"\ea1f"}.casino-categories-filters .casino-filters li .casino-category-icon.buybonus:before{content:"\ea1e"}.casino-categories-filters .casino-filters li .casino-category-icon.tablegames:before{content:"\ea1d"}.casino-categories-filters .casino-filters li .casino-category-icon.reeloffortune:before{content:"\ea1c"}.casino-categories-filters .casino-filters li .casino-category-icon.ageofthegods:before{content:"\ea1b"}.casino-categories-filters .casino-filters li .casino-category-icon.scratchgames:before{content:"\ea1a"}.casino-categories-filters .casino-filters li .casino-category-icon.fireblazejackpots:before{content:"\ea19"}.casino-categories-filters .casino-filters li .casino-category-icon.jackpotmania:before{content:"\ea18"}.casino-categories-filters .casino-filters li .casino-category-icon.drops\&winsslots:before{content:"\ea17"}.casino-categories-filters .casino-filters li .casino-category-icon.fishing\&hunting:before{content:"\ea16"}.casino-categories-filters .casino-filters li .casino-category-icon.mustdropjackpots:before{content:"\ea15"}.casino-categories-filters .casino-filters li .casino-category-icon.otterygames:before{content:"\ea14"}.casino-categories-filters .casino-filters li .casino-category-icon.populargames:before{content:"\e904"}.casino-categories-filters .casino-filters li .casino-category-icon.tablepoker:before{content:"\e972"}.casino-categories-filters .casino-filters li .casino-category-icon.fantasysport:before{content:"\E980"}.casino-categories-filters .casino-filters li .casino-category-icon.arcadegames:before{content:"\ea0d"}.casino-categories-filters .casino-filters li .casino-category-icon.othergames:before{content:"\ea0f"}.casino-categories-filters .casino-filters li .casino-category-icon.achievementsslots:before{content:"\ea0e"}.casino-categories-filters .casino-filters li .casino-category-icon.videoslots:before{content:"\ea10"}.casino-categories-filters .casino-filters li .casino-category-icon.classicslots:before{content:"\ea11"}.casino-categories-filters .casino-filters li .casino-category-icon.videopoker:before{content:"\ea12"}.casino-categories-filters .casino-filters li .casino-category-icon.lotterygames:before{content:"\ea14"}.casino-categories-filters .casino-filters li .casino-category-icon.megaways:before{content:"\ea13"}.casino-categories-filters .casino-filters li .casino-category-icon.instantwin:before{content:"\ea27"}.casino-categories-filters .casino-filters li .casino-category-icon.cards:before{content:"\ea26"}.casino-categories-filters .casino-filters li .casino-category-icon.bettinggames:before{content:"\ea25"}.casino-categories-filters .casino-filters li .casino-category-icon.top20:before{content:"\e951"}.casino-categories-filters .casino-filters li .casino-category-icon.videobingo:before{content:"\e9ef"}.casino-categories-filters .casino-filters li>span{display:inline-block;margin:3px 0 0}.casino-categories-filters .select-provider{padding:0 5px;margin:8px 0;display:flex;position:relative;align-items:center;direction:ltr}.casino-categories-filters .select-provider>button{margin:5px 0 0;float:none}.casino-categories-filters .select-provider .search-wrapper-m{margin:0 0 0 100px}.casino-categories-filters .select-provider .search-wrapper-m.search-clicked .contain-search-view{margin:0;border-radius:0}.casino-categories-filters .select-provider .search-wrapper-m .contain-search-view{margin:0 5px;transition:margin .4s,min-width .4s ease-in-out;border-radius:var(--border-radius-medium)}.casino-categories-filters .providers-list{position:fixed;top:0;left:0;background:var(--skin-14);z-index:2147483647;width:100%;height:100%;overscroll-behavior-y:contain;overflow-y:auto;-webkit-animation:scale-fade-list .45s;animation:scale-fade-list .45s;font-size:medium;text-align:left;text-align:initial}.casino-categories-filters .providers-list .empty-providers-list{padding:10px;text-align:center;opacity:.7;margin:10px 0 0}.casino-categories-filters .providers-list .list-header{position:sticky;top:0;left:0;background:var(--skin-14);z-index:1}.casino-categories-filters .providers-list .list-header .providers-and-search{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr auto auto;align-items:center;height:48px;direction:ltr}.casino-categories-filters .providers-list .list-header .providers-and-search .reset-button{padding:5px 8px;border-radius:var(--border-radius-medium);background:var(--skin-12);color:rgba(var(--skin-12-sc-rgb),.8);text-transform:uppercase}.casino-categories-filters .providers-list .list-header .providers-and-search .contain-search-view,.casino-categories-filters .providers-list .list-header .providers-and-search .search-wrapper-m.search-clicked .closed-search-m{background:var(--skin-14)}.casino-categories-filters .providers-list .list-header .providers-and-search>span{padding:10px 15px;font-size:14px;text-transform:uppercase}.casino-categories-filters .providers-list .list-header .name-part{padding:15px 15px 10px;display:flex;justify-content:space-between;align-items:center;background:var(--skin-13)}.casino-categories-filters .providers-list .list-header .name-part h2{font-size:18px;font-weight:400;text-transform:uppercase}.casino-categories-filters .providers-list .list-header .name-part .list-close-icon{color:var(--text-1);opacity:.7;font:18px/1 icomoon}.casino-categories-filters .providers-list .list-header .name-part .list-close-icon:active{opacity:1}.casino-categories-filters .providers-list .list-header .name-part .list-close-icon:before{content:"\E90C"}.casino-categories-filters .providers-list .list-container ul{padding:5px 10px calc(env(safe-area-inset-bottom) + 10px)}.casino-categories-filters .providers-list .list-container ul li{padding:10px 40px 10px 10px;position:relative;color:var(--text-3);border-radius:var(--border-radius-big);background:rgba(var(--skin-14-sc-rgb),.06)}[dir=rtl] .casino-categories-filters .providers-list .list-container ul li{padding:10px 10px 10px 40px}.casino-categories-filters .providers-list .list-container ul li .new-sticker-view{margin:0 5px 5px}.casino-categories-filters .providers-list .list-container ul li:not(:first-child){margin:4px 0 0}.casino-categories-filters .providers-list .list-container ul li.selected{background:var(--brand);color:var(--brand-sc)}.casino-categories-filters .providers-list .list-button{position:sticky;bottom:0;width:100%;height:100%;padding:10px 10px calc(env(safe-area-inset-bottom) + 10px);background:var(--skin-13)}.casino-categories-filters .providers-list .list-button button{float:none}@-webkit-keyframes scale-fade-list{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7);border-radius:var(--border-radius-big)}50%{opacity:1}90%{border-radius:var(--border-radius-big)}to{-webkit-transform:scale(1);transform:scale(1);border-radius:0}}@keyframes scale-fade-list{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7);border-radius:var(--border-radius-big)}50%{opacity:1}90%{border-radius:var(--border-radius-big)}to{-webkit-transform:scale(1);transform:scale(1);border-radius:0}}.casino-wrapper{float:left;width:100%;padding:0}.top-banner-container{float:left;width:100%;background:var(--skin-10);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;text-transform:uppercase;padding:0 15px;min-width:120px;text-decoration:none;text-align:center;background:var(--hero);color:var(--hero-sc)}.provider-menu{float:left;width:100%;overflow-y:hidden;overflow-x:auto;white-space:nowrap;text-align:center;background:var(--skin-12);box-shadow:0 1px 0 rgba(var(--skin-sc-rgb),.06) inset;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:var(--text-6)}.provider-menu>ul>li>p.active{box-shadow:0 -2px 0 var(--hero) inset;color:var(--text-1)}.casino-games-list-view{float:left;width:100%;margin:0}.single-game-type-list{float:left;width:100%;background:var(--skin-14);padding:0 0 8px}.title-game-type-box{float:left;width:100%;height:32px;border-bottom:2px solid var(--yellow-color);background:var(--skin-12);box-shadow:0 1px 0 rgba(var(--skin-sc-rgb),.06) inset;padding:0 34px 0 10px}.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:var(--text-6)}.arrow-view-open-box{position:absolute;right:0;top:0;height:30px;width:34px;display:block;text-align:center;font:20px/30px icomoon;color:var(--text-6)}.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%}.casino-game-info-view{float:left;width:100%;height:100%;text-decoration:none;color:var(--text-3);padding:1px;box-shadow:0 0 0 1px var(--skin-10) inset}.casino-game-title{float:left;width:100%;padding:0 26px 0 10px;height:26px;position:relative}.casino-game-title>b{font-weight:inherit;width:calc(100% - 26px);display:block;color:var(--text-3);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:var(--text-8);transition:color .24s}.favorite-game-star:before{content:"\F005"}.favorite-game-star.active{color:var(--favorite-hover)}.see-all-games{float:left;width:100%;padding:10px 15px}.see-all-games>.button-view-normal-m.trans-m{color:var(--favorite);box-shadow:0 0 0 1px var(--skin-8) inset}@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%}}
  .md-progress-circular {
    overflow: hidden;
    width: 100px;
    height: 160px;
    display: block;
    vertical-align: top;
    margin: auto;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: .4s transparent-v ease-in-out;
    animation: .4s transparent-v ease-in-out
  }

  .md-progress-circular:before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border-top: 4px solid var(--hero);
    border-right: 4px solid transparent;
    -webkit-animation: spinner 1.2s linear infinite;
    animation: spinner 1.2s linear infinite
  }

  @-webkit-keyframes spinner {
    to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
    }
  }

  @keyframes spinner {
    to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
    }
  }

  @-webkit-keyframes transparent-v {
    0% {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  @keyframes transparent-v {
    0% {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  #root>.md-progress-circular,
  .asian-view-wrapper>.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%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-bottom: auto
  }

  .dashboard-wrapper-m>.md-progress-circular,
  .import-view-container>.md-progress-circular,
  .left-navigate-list-view-m>.md-progress-circular,
  .md-progress-circular+.md-progress-circular,
  .sports+.md-progress-circular,
  .time-filter-m+.sports>.md-progress-circular {
    display: none
  }

  .header-separator-m .spinner {
    position: absolute;
    right: 5px;
    top: 18px
  }

  .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: var(--skin-2);
    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)
    }
  }

  .timer-code:before {
    content: "\E6E2";
    font: 16px/16px icomoon;
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    vertical-align: middle
  }

  .casino-profit .balance-h-row-b>h5 {
    font-size: 13px;
    line-height: 16px;
    color: var(--text-5);
    padding: 0;
    text-transform: none !important
  }

  .casino-profit .balance-h-row-b>.game-name-title {
    font-size: 14px;
    padding: 7px 0;
    border-bottom: 1px solid var(--text-5)
  }

  .casino-profit .second-r-b>.balance-h-row-b>h6 {
    text-align: left
  }

  .casino-profit .second-r-b .balance-h-row-b span {
    text-align: right
  }

  .casino-profit .second-r-b .balance-h-row-b span,
  .casino-profit .second-r-b>.balance-h-row-b>h6 {
    padding: 0;
    color: var(--text-5)
  }

  .casino-profit .second-r-b .balance-h-row-b .bet-type-light,
  .casino-profit .second-r-b .balance-h-row-b .stake-light {
    color: var(--text-3)
  }

  .casino-profit .single-b-row-m {
    border: none;
    padding: 0 10px
  }

  .casino-profit.history-results {
    padding-bottom: 37px
  }

  .casino-profit.history-results.active {
    padding-bottom: 108px
  }

  @media screen and (min-width:980px) {
    .show-result-row {
      width: calc(100% - 264px)
    }
  }

  .change-password-container-m {
    float: left;
    width: 100%;
    background: var(--skin-10);
    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: var(--text-4);
    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: var(--skin-10);
    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: var(--text-4);
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .deposit-form-container .details-form-item-m>.single-form-item,
  .my-details-container-m .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: var(--text-6)
  }

  .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
  }

  .my-details-container-m>ul {
    padding: 0 0 10px;
    float: left;
    width: 100%
  }

  .my-details-container-m>ul>li {
    float: left;
    width: 100%;
    line-height: 16px;
    color: var(--text-6);
    font-size: 13px
  }

  .my-details-container-m>ul>li:first-child {
    font-size: 14px;
    margin: 0 0 10px;
    color: var(--text-4)
  }

  .my-details-container-m>ul>li>b {
    margin-left: 5px;
    color: var(--text-4)
  }

  .sed-v-account {
    float: left;
    width: 100%;
    padding: 0 0 20px
  }

  .sed-v-account>p {
    font-size: 12px;
    line-height: 14px;
    color: var(--text-6);
    padding: 0 0 15px
  }

  .sed-v-account>button {
    height: 38px;
    background: var(--brand);
    color: var(--brand-sc);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 38px;
    padding: 0 20px;
    border: none
  }

  .inputfile+label.send-code {
    box-sizing: border-box
  }

  .inputfile+label.send-code>i,
  .inputfile+label.send-code>span {
    width: 50%
  }

  .self-exclusion-text {
    float: left;
    width: 100%
  }

  .self-exclusion-text>h3 {
    float: left;
    width: auto;
    color: var(--text-4);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 10px
  }

  .self-execution-box-m {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed
  }

  .self-execution-box-m>div {
    display: table-cell;
    vertical-align: top;
    width: 50%
  }

  .self-execution-box-m>div.single-form-item {
    width: 50%
  }

  .self-execution-box-m>div:last-child {
    padding-left: 10px
  }

  .self-execution-box-m>.select-contain-m>select {
    width: 100%
  }

  .self-execution-box-m .button-view-normal-m.small {
    line-height: 32px
  }

  .self-execution-box-m .single-form-item {
    float: none
  }

  .close-account {
    float: left;
    width: 100%
  }

  .close-account .sed-v-account>button {
    float: right
  }

  .games-limit {
    float: left;
    width: 100%
  }

  .self-exclusion-container-m {
    float: left;
    width: 100%;
    background: var(--skin-10);
    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: var(--text-4);
    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: var(--text-6);
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
    padding: 0 0 10px;
    word-wrap: break-word
  }

  .radio-form-item {
    float: left;
    width: 100%;
    margin: 0 0 10px
  }

  .radio-form-item>label {
    float: left;
    width: 100%;
    color: var(--text-6);
    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: var(--skin-6);
    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: var(--skin-12);
    z-index: 21
  }

  .self-exclusion-container-m {
    float: left;
    width: 100%;
    background: var(--skin-10);
    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: var(--text-4);
    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: var(--text-6);
    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: var(--text-6);
    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: var(--skin-6);
    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: var(--skin-12);
    z-index: 21
  }

  .self-exclusion-container-m>div>.error-text-contain {
    float: left;
    width: 100%;
    color: #e9044a;
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
    padding: 0 0 10px;
    word-wrap: break-word
  }

  .form-wrapper-v-m {
    float: left;
    width: 100%
  }

  .set-limit-container-j {
    background: var(--skin-10);
    padding: 20px 15px;
    color: var(--text-6)
  }

  .set-limit-container-j .select-contain-m {
    width: 100%
  }

  .set-limit-container-j .select-contain-m select {
    float: none;
    width: 100%
  }

  .set-limit-container-j .button-view-normal-m {
    float: none;
    margin: 15px 0 0
  }

  .set-limit-container-j .button-view-normal-m:disabled {
    opacity: .5
  }

  .set-limit-container-j h6 {
    color: var(--text-4);
    margin: 0 0 8px;
    font: 14px/normal Roboto, sans-serif
  }

  .set-limit-container-j h5 {
    margin: 28px 0 8px;
    font: 13px/normal Roboto, sans-serif;
    color: var(--text-7)
  }

  .self-exclusion-container-m {
    float: left;
    width: 100%;
    background: var(--skin-10);
    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: var(--text-4);
    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: var(--text-6);
    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: var(--text-6);
    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: var(--skin-6);
    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: var(--skin-12);
    z-index: 21
  }

  .self-exclusion-container-m {
    float: left;
    width: 100%;
    background: var(--skin-10);
    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: var(--text-4);
    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: var(--text-6);
    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: var(--text-6);
    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: var(--skin-6);
    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: var(--skin-12);
    z-index: 21
  }

  .profile-info-contain-m,
  .top-profile-info {
    float: left;
    width: 100%;
    margin: 0
  }

  .top-profile-info {
    background: var(--skin-10);
    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: var(--text-6)
  }

  .upload-file-info {
    float: left;
    width: 100%;
    background: var(--skin-7);
    border-top: 1px solid var(--text-6);
    border-bottom: 1px solid var(--text-6);
    padding: 12px 15px;
    margin: 0 0 2px
  }

  .upload-file-info>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-3)
  }

  .profile-text-container-separator {
    float: left;
    width: 100%;
    background: var(--skin-10);
    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: auto;
    color: var(--text-4);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 10px
  }

  .profile-text-container-separator>h3.file-icon {
    padding-left: 20px;
    position: relative
  }

  .profile-text-container-separator>h3.file-icon:before {
    content: "\E935";
    font: 16px/15px icomoon;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px
  }

  .profile-text-container-separator>p {
    float: left;
    width: 100%;
    color: var(--text-6);
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 10px
  }

  .profile-text-container-separator>p>a {
    color: var(--text-4)
  }

  .profile-form-contain-m {
    float: left;
    width: 100%
  }

  .profile-form-contain-m>h4 {
    float: left;
    width: 100%;
    color: var(--text-6);
    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: var(--text-6);
    font-weight: 400;
    display: table
  }

  .inputfile+label>span {
    display: table-cell;
    box-shadow: 1px 0 0 var(--text-6) inset, 0 1px 0 var(--text-6) inset, 0 -1px 0 var(--text-6) inset;
    padding: 0 10px;
    width: 100%
  }

  .inputfile+label>i {
    display: table-cell;
    font-style: normal;
    text-transform: uppercase;
    color: var(--brand-sc);
    background: var(--brand);
    padding: 0 15px;
    text-align: center
  }

  .radio-form-item.gender label {
    width: 20%;
    display: table-cell;
    padding: 0 0 0 20px;
    min-height: 16px
  }

  .radio-form-item.gender {
    width: inherit;
    max-width: 70%
  }

  .form-p-i-m.reg_gender .description-label-w-m {
    width: inherit;
    max-width: 30%
  }

  .radio-form-item.gender>label:before {
    top: 0
  }

  .radio-form-item.gender>label>input:checked+span:before {
    top: 5px
  }

  .profile-text-container-separator>a {
    float: right;
    color: var(--text-4);
    text-decoration: none;
    position: relative;
    padding-left: 20px
  }

  .profile-text-container-separator>a:before {
    content: "\E934";
    position: absolute;
    font: 16px/15px icomoon;
    display: block;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px
  }

  .profile-text-container-separator>p.green {
    color: #52a178
  }

  .profile-text-container-separator>p.yellow {
    color: #c3953c
  }

  .profile-text-container-separator>p.red {
    color: #e9044a
  }

  .friend-refferal {
    float: left;
    width: 100%;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px;
    background: var(--skin-10)
  }

  .friend-refferal .single-form-item>input {
    text-align: center;
    -webkit-user-select: text
  }

  .friend-refferal .single-form-item>input.select-box-p {
    text-align: left;
    color: inherit
  }

  .active-players-block {
    float: left;
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box
  }

  .active-players-block>.single-form-item {
    margin: 0
  }

  .players-info-list {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
    position: relative;
    padding: 0 0 10px
  }

  .players-info-list:after {
    display: block;
    width: calc(100% + 20px);
    height: 1px;
    background: var(--skin-8);
    content: "";
    position: absolute;
    bottom: 0;
    left: -10px
  }

  .players-info-list>ul {
    float: left;
    width: 100%;
    position: relative;
    padding: 25px 0 0
  }

  .players-info-list>ul>li {
    height: 36px
  }

  .players-info-list>ul>li>p {
    padding: 0 10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 36px;
    color: var(--text-3)
  }

  .players-info-list>ul>li>p>span {
    text-align: right;
    float: right
  }

  .players-info-list>ul>li:nth-child(2n) {
    background: var(--skin-8)
  }

  .players-info-list>ul>li:nth-child(odd) {
    background: var(--skin-10)
  }

  .players-info-list>ul>h6 {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 12px;
    color: var(--skin-3);
    line-height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 400
  }

  .players-info-list>ul>h6>span {
    float: right
  }

  .total-user-money-info {
    float: left;
    width: 100%;
    padding: 30px 0 0;
    box-sizing: border-box
  }

  .total-user-money-info p {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 12px;
    line-height: 14px
  }

  .total-user-money-info p>span {
    float: right
  }

  .numbers-total-u {
    float: left;
    width: 100%;
    background: #2f8442;
    height: 36px;
    margin: 10px 0 0
  }

  .numbers-total-u>p {
    font-weight: 700;
    line-height: 38px
  }

  .deposit-limits-a {
    float: left;
    width: 100%;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--skin-8);
    margin: 0 0 15px
  }

  .deposit-limits-a>p {
    float: left;
    width: 100%;
    color: var(--text-3);
    font-size: 12px;
    line-height: 16px
  }

  .cashback-bonus {
    float: left;
    width: 100%;
    margin-top: 20px
  }

  .gamstop-w {
    float: left;
    width: 100%;
    background: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px;
    margin: 0 0 1px
  }

  .gamstop-content-m,
  .gamstop-content-m>h6 {
    float: left;
    width: 100%;
    box-sizing: border-box
  }

  .gamstop-content-m>h6 {
    background: url(../images/GamStop.png) no-repeat 50% 0;
    height: 30px;
    margin: 10px 10px 20px
  }

  .gamstop-content-m>p {
    color: var(--text-4);
    padding-bottom: 15px;
    font-size: 12px;
    line-height: 16px
  }

  .gamstop-content-m>p>a {
    color: var(--text-6);
    padding: 0 5px
  }

  .login-history-date-range .column-view-form-m-profit {
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: #282c38
  }

  .login-history-date-range .column-view-form-m-profit>.details-form-item-m {
    display: table-cell;
    width: auto;
    float: none
  }

  .login-history-date-range .column-view-form-m-profit>.details-form-item-m:first-child {
    padding-right: 5px
  }

  .login-history-date-range .column-view-form-m-profit>.details-form-item-m:last-child {
    padding-left: 5px
  }

  .login-history-date-range>.details-form-item-m,
  .login-history-date-range>.form-p-i-m {
    background: #282c38
  }

  .login-history-date-range>.form-p-i-m {
    padding: 15px 10px 0
  }

  .login-history-date-range>.details-form-item-m {
    padding: 0 10px 10px
  }

  .details-form-item-m-parent {
    float: left;
    width: 100%;
    margin-top: 5px
  }

  .log-history-item {
    margin: 0 0 1px;
    padding: 15px 10px;
    background: var(--skin-10)
  }

  .log-history-item-inner {
    display: table;
    width: 100%;
    margin-bottom: 2px;
    table-layout: fixed;
    color: var(--text-3)
  }

  .log-history-item-inner>span {
    display: table-cell
  }

  .log-history-item-inner>span:last-child {
    text-align: right
  }

  .log-history-item-ip {
    font-size: 12px
  }

  .login-hsitory,
  .logout-hsitory {
    display: table;
    width: 100%;
    table-layout: fixed
  }

  .login-hsitory span,
  .logout-hsitory span {
    display: table-cell;
    font-size: 12px
  }

  .login-hsitory span:first-child,
  .logout-hsitory span:first-child {
    width: 18%
  }

  .login-hsitory span:nth-child(2),
  .logout-hsitory span:nth-child(2) {
    width: 30%;
    text-align: center
  }

  .login-hsitory span:nth-child(3),
  .logout-hsitory span:nth-child(3) {
    width: 14%;
    text-align: center
  }

  .login-hsitory span:nth-child(4),
  .logout-hsitory span:nth-child(4) {
    width: 38%
  }

  .login-hsitory span:last-child,
  .logout-hsitory span:last-child {
    text-align: right
  }

  .login-hsitory span:last-child [dir=rtl] body,
  .logout-hsitory span:last-child [dir=rtl] body {
    text-align: left
  }

  .login-history-date-range>.details-form-item-m,
  .login-history-date-range>.form-p-i-m {
    background-color: var(--skin-12)
  }

  .accumlated-data-none,
  .accumlated-losses {
    float: left;
    width: 100%;
    background-color: var(--skin-10)
  }

  .accumlated-data-none {
    padding: 0 10px 10px
  }

  .accumlated-data-none,
  .accumlated-losses-inner h5 {
    font-size: 13px;
    color: var(--text-6);
    background-color: var(--skin-12)
  }

  .accumlated-losses-inner h5 {
    padding: 20px 10px 10px
  }

  .content-specific-info {
    padding: 0 0 10px;
    font-size: 13px;
    color: var(--text-6)
  }

  .accumlated-losses-sub {
    padding: 7px 10px;
    border-bottom: 1px solid var(--skin-12);
    box-shadow: 0 0 1px 0 hsla(0, 0%, 100%, .03)
  }

  .accumlated-losses-sub:first-child {
    box-shadow: 0 0 1px 0 hsla(0, 0%, 100%, .03), inset 0 0 1px 0 rgba(var(--text-6), .15)
  }

  .accumlated-losses-sub:last-child {
    padding: 20px 0 0;
    background-color: var(--skin-12)
  }

  .accumlated-losses-sub:last-child span {
    display: block;
    width: 100%;
    padding: 0 10px 10px;
    font-size: 13px;
    color: var(--text-6)
  }

  .accumlated-losses-sub:last-child p {
    padding: 10px;
    background-color: var(--brand);
    color: var(--brand-sc)
  }

  .accumlated-losses-sub span {
    font-size: 11px;
    color: rgba(var(--text-1), .4)
  }

  .accumlated-losses-sub p {
    padding-top: 3px;
    font-size: 16px;
    color: rgba(var(--text-1), .6)
  }

  .input-with-confirm-wrapper {
    float: left;
    width: 100%
  }

  .input-with-confirm-wrapper>p {
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 40px;
    color: var(--text-4);
    border-top: 2px solid var(--skin-14);
    box-shadow: inset 0 1px 0 0 rgba(var(--skin-6-rgb), .15)
  }

  .input-with-confirm-wrapper>form {
    font-size: 0;
    text-align: center
  }

  .input-with-confirm-wrapper>form>input {
    display: inline-block;
    width: 35px;
    height: 44px;
    max-width: 35px;
    margin-right: 14px;
    font-size: 18px;
    color: rgba(var(--text-1-rgb), .5);
    background-color: transparent;
    border: 2px solid rgba(var(--text-1-rgb), .4);
    border-radius: 3px;
    text-align: center;
    box-sizing: border-box
  }

  .input-with-confirm-wrapper>form>input:focus {
    border-color: rgba(var(--text-1-rgb), .7)
  }

  .input-with-confirm-wrapper>form>input:last-child {
    margin-right: 0
  }

  .input-with-confirm-wrapper .single-form-item {
    padding: 0 15px
  }

  .input-with-confirm-wrapper .single-form-item>input {
    background-color: var(--skin-12);
    border-color: var(--text-8)
  }

  [dir=rtl] .input-with-confirm-wrapper {
    direction: ltr
  }

  [dir=rtl] .input-with-confirm-wrapper>p {
    text-align: center
  }

  .two-factor-authentication-wrapper {
    height: 100%;
    background-color: var(--skin-10)
  }

  .two-factor-authentication-wrapper .bet-kind-container {
    height: 40px;
    line-height: 28px;
    padding: 6px 12px;
    background-color: var(--skin-12);
    box-shadow: inset 0 1px 0 0 rgba(var(--skin-6-rgb), .15)
  }

  .two-factor-authentication-wrapper .bet-kind-container>span {
    padding-left: 12px;
    color: var(--text-6);
    vertical-align: top
  }

  .two-factor-authentication-wrapper .bet-kind-container .switcher-box {
    width: 31px;
    height: 20px
  }

  .two-factor-authentication-wrapper .bet-kind-container .switcher-contain {
    height: 20px;
    background-color: rgba(var(--skin-1-rgb), .1)
  }

  .two-factor-authentication-wrapper .bet-kind-container .switcher-contain .switcher-circle-b-m {
    left: 1px;
    top: 1px;
    width: 18px;
    height: 18px;
    background: var(--skin-4)
  }

  .two-factor-authentication-wrapper .bet-kind-container .switcher-contain.on {
    background-color: var(--brand)
  }

  .two-factor-authentication-wrapper .bet-kind-container .switcher-contain.on .switcher-circle-b-m {
    left: 12px;
    background-color: var(--brand-sc)
  }

  .two-factor-authentication-wrapper .bet-kind-container .info-i-switcher-b {
    right: 12px;
    top: 10px;
    width: 31px;
    height: 20px
  }

  .two-factor-authentication-wrapper .bet-kind-container .info-i-switcher-b>.switcher-box {
    top: 0
  }

  .step-one-authentication {
    float: left;
    width: 100%
  }

  .step-one-authentication .step-one-authentication-header {
    float: left;
    width: 100%;
    color: var(--text-3);
    background-color: var(--skin-10);
    padding: 0 10px;
    line-height: 40px
  }

  .step-one-authentication .after-qr-checking {
    float: left;
    width: 100%;
    color: var(--text-4);
    border-top: 2px solid var(--text-14);
    padding: 15px 15px 0
  }

  .step-one-authentication .after-qr-checking>div>p {
    line-height: 20px
  }

  .step-one-authentication .after-qr-checking .qr-code-section {
    float: left;
    width: 100%;
    padding: 20px 0;
    text-align: center
  }

  .step-one-authentication .after-qr-checking .qr-code-section>.qr-image {
    display: inline-block;
    margin-bottom: 15px;
    padding: 13px;
    border: 1px solid rgba(var(--skin-1-rgb), .1);
    border-radius: 10px
  }

  .step-one-authentication .after-qr-checking .qr-code-section>p {
    font-size: 14px;
    color: #4285f4;
    text-transform: uppercase
  }

  .step-one-authentication .after-qr-checking a {
    color: #4285f4;
    text-decoration: none
  }

  .step-one-authentication .key-code-section {
    float: left;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid var(--text-14)
  }

  .step-one-authentication .key-code-section>p {
    padding: 0 15px;
    line-height: 24px;
    color: var(--text-4);
    font-weight: 500
  }

  .step-one-authentication .key-code-section>.key-code-button {
    margin: 15px;
    padding: 15px;
    font-size: 14px;
    color: #4285f4;
    border: 1px solid rgba(var(--text-1), .1);
    border-radius: 10px;
    text-align: center
  }

  .step-one-authentication .key-code-section>.key-code-button:after {
    content: "";
    font-family: Icomoon;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    width: 9px;
    height: 11px;
    background: url(../images/copy-icon.png) no-repeat 50% 50%/contain
  }

  .step-one-authentication .key-code-section>.key-code-button.copied:after {
    content: "\E987";
    background: none
  }

  .step-one-authentication .key-code-section>.key-code-button>p {
    display: inline-block
  }

  .step-one-authentication .separator-box-buttons-m {
    padding: 30px 10px;
    background-color: var(--skin-12)
  }

  .close-account .close-account-title {
    text-align: center
  }

  .close-account .close-account-description {
    padding: 10px
  }

  .profile-view-wrapper {
    float: left;
    width: 100%
  }

  .title-separator-contain-b {
    float: left;
    width: 100%;
    height: 40px;
    background: var(--skin-10);
    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: var(--text-4);
    position: relative
  }

  .title-separator-contain-b>a {
    text-decoration: none;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 15px;
    color: var(--skin-5);
    font: 16px/18px icomoon
  }

  .title-separator-contain-b>a:before {
    content: "\E90C"
  }

  .page-menu-contain {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: var(--skin-12);
    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: var(--text-6)
  }

  .page-menu-contain>ul>li>a.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-1)
  }

  .header-links {
    float: left;
    width: 100%;
    height: 40px
  }

  .header-separator-m {
    position: relative
  }

  .image-links {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .image-links>a {
    display: inline-block;
    height: 32px;
    text-align: center
  }

  .image-links>a>img {
    max-width: 100%;
    max-height: 100%
  }

  .footer-content .image-links {
    position: relative;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px
  }

  .footer-content .image-links>a {
    max-height: 100px
  }

  .footer-content .image-links>p {
    text-align: center;
    font-size: 11px
  }

  .image-link-text {
    display: block;
    color: var(--text-5)
  }

  .snowflakes {
    will-change: transform;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    pointer-events: none
  }

  .snowflakes>li {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
  }

  .snowflakes>li:after {
    content: "\2744"
  }

  .snowflakes>li:first-child {
    font-size: 8px;
    -webkit-transform: translate(58vw, -2vh);
    -ms-transform: translate(58vw, -2vh);
    transform: translate(58vw, -2vh);
    -webkit-animation: snowflakes-1 9s 16s linear infinite;
    animation: snowflakes-1 9s 16s linear infinite
  }

  @-webkit-keyframes snowflakes-1 {
    0% {
      -webkit-transform: translate(58vw, -2vh);
      transform: translate(58vw, -2vh)
    }

    25% {
      -webkit-transform: translate(59vw, 25vh);
      transform: translate(59vw, 25vh)
    }

    50% {
      -webkit-transform: translate(58vw, 50vh);
      transform: translate(58vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(60vw, 75vh);
      transform: translate(60vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(58vw, 100vh);
      transform: translate(58vw, 100vh)
    }
  }

  @keyframes snowflakes-1 {
    0% {
      -webkit-transform: translate(58vw, -2vh);
      transform: translate(58vw, -2vh)
    }

    25% {
      -webkit-transform: translate(59vw, 25vh);
      transform: translate(59vw, 25vh)
    }

    50% {
      -webkit-transform: translate(58vw, 50vh);
      transform: translate(58vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(60vw, 75vh);
      transform: translate(60vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(58vw, 100vh);
      transform: translate(58vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(2) {
    font-size: 1px;
    -webkit-transform: translate(28vw, -2vh);
    -ms-transform: translate(28vw, -2vh);
    transform: translate(28vw, -2vh);
    -webkit-animation: snowflakes-2 5s 8s linear infinite;
    animation: snowflakes-2 5s 8s linear infinite
  }

  @-webkit-keyframes snowflakes-2 {
    0% {
      -webkit-transform: translate(28vw, -2vh);
      transform: translate(28vw, -2vh)
    }

    25% {
      -webkit-transform: translate(29vw, 25vh);
      transform: translate(29vw, 25vh)
    }

    50% {
      -webkit-transform: translate(28vw, 50vh);
      transform: translate(28vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(30vw, 75vh);
      transform: translate(30vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(28vw, 100vh);
      transform: translate(28vw, 100vh)
    }
  }

  @keyframes snowflakes-2 {
    0% {
      -webkit-transform: translate(28vw, -2vh);
      transform: translate(28vw, -2vh)
    }

    25% {
      -webkit-transform: translate(29vw, 25vh);
      transform: translate(29vw, 25vh)
    }

    50% {
      -webkit-transform: translate(28vw, 50vh);
      transform: translate(28vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(30vw, 75vh);
      transform: translate(30vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(28vw, 100vh);
      transform: translate(28vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(3) {
    font-size: 16px;
    -webkit-transform: translate(59vw, -2vh);
    -ms-transform: translate(59vw, -2vh);
    transform: translate(59vw, -2vh);
    -webkit-animation: snowflakes-3 6s 9s linear infinite;
    animation: snowflakes-3 6s 9s linear infinite
  }

  @-webkit-keyframes snowflakes-3 {
    0% {
      -webkit-transform: translate(59vw, -2vh);
      transform: translate(59vw, -2vh)
    }

    25% {
      -webkit-transform: translate(60vw, 25vh);
      transform: translate(60vw, 25vh)
    }

    50% {
      -webkit-transform: translate(59vw, 50vh);
      transform: translate(59vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(61vw, 75vh);
      transform: translate(61vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(59vw, 100vh);
      transform: translate(59vw, 100vh)
    }
  }

  @keyframes snowflakes-3 {
    0% {
      -webkit-transform: translate(59vw, -2vh);
      transform: translate(59vw, -2vh)
    }

    25% {
      -webkit-transform: translate(60vw, 25vh);
      transform: translate(60vw, 25vh)
    }

    50% {
      -webkit-transform: translate(59vw, 50vh);
      transform: translate(59vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(61vw, 75vh);
      transform: translate(61vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(59vw, 100vh);
      transform: translate(59vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(4) {
    font-size: 15px;
    -webkit-transform: translate(23vw, -2vh);
    -ms-transform: translate(23vw, -2vh);
    transform: translate(23vw, -2vh);
    -webkit-animation: snowflakes-4 5s 3s linear infinite;
    animation: snowflakes-4 5s 3s linear infinite
  }

  @-webkit-keyframes snowflakes-4 {
    0% {
      -webkit-transform: translate(23vw, -2vh);
      transform: translate(23vw, -2vh)
    }

    25% {
      -webkit-transform: translate(24vw, 25vh);
      transform: translate(24vw, 25vh)
    }

    50% {
      -webkit-transform: translate(23vw, 50vh);
      transform: translate(23vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(25vw, 75vh);
      transform: translate(25vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(23vw, 100vh);
      transform: translate(23vw, 100vh)
    }
  }

  @keyframes snowflakes-4 {
    0% {
      -webkit-transform: translate(23vw, -2vh);
      transform: translate(23vw, -2vh)
    }

    25% {
      -webkit-transform: translate(24vw, 25vh);
      transform: translate(24vw, 25vh)
    }

    50% {
      -webkit-transform: translate(23vw, 50vh);
      transform: translate(23vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(25vw, 75vh);
      transform: translate(25vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(23vw, 100vh);
      transform: translate(23vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(5) {
    font-size: 14px;
    -webkit-transform: translate(55vw, -2vh);
    -ms-transform: translate(55vw, -2vh);
    transform: translate(55vw, -2vh);
    -webkit-animation: snowflakes-5 5s 16s linear infinite;
    animation: snowflakes-5 5s 16s linear infinite
  }

  @-webkit-keyframes snowflakes-5 {
    0% {
      -webkit-transform: translate(55vw, -2vh);
      transform: translate(55vw, -2vh)
    }

    25% {
      -webkit-transform: translate(56vw, 25vh);
      transform: translate(56vw, 25vh)
    }

    50% {
      -webkit-transform: translate(55vw, 50vh);
      transform: translate(55vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(57vw, 75vh);
      transform: translate(57vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(55vw, 100vh);
      transform: translate(55vw, 100vh)
    }
  }

  @keyframes snowflakes-5 {
    0% {
      -webkit-transform: translate(55vw, -2vh);
      transform: translate(55vw, -2vh)
    }

    25% {
      -webkit-transform: translate(56vw, 25vh);
      transform: translate(56vw, 25vh)
    }

    50% {
      -webkit-transform: translate(55vw, 50vh);
      transform: translate(55vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(57vw, 75vh);
      transform: translate(57vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(55vw, 100vh);
      transform: translate(55vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(6) {
    font-size: 15px;
    -webkit-transform: translate(35vw, -2vh);
    -ms-transform: translate(35vw, -2vh);
    transform: translate(35vw, -2vh);
    -webkit-animation: snowflakes-6 5s 19s linear infinite;
    animation: snowflakes-6 5s 19s linear infinite
  }

  @-webkit-keyframes snowflakes-6 {
    0% {
      -webkit-transform: translate(35vw, -2vh);
      transform: translate(35vw, -2vh)
    }

    25% {
      -webkit-transform: translate(36vw, 25vh);
      transform: translate(36vw, 25vh)
    }

    50% {
      -webkit-transform: translate(35vw, 50vh);
      transform: translate(35vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(37vw, 75vh);
      transform: translate(37vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(35vw, 100vh);
      transform: translate(35vw, 100vh)
    }
  }

  @keyframes snowflakes-6 {
    0% {
      -webkit-transform: translate(35vw, -2vh);
      transform: translate(35vw, -2vh)
    }

    25% {
      -webkit-transform: translate(36vw, 25vh);
      transform: translate(36vw, 25vh)
    }

    50% {
      -webkit-transform: translate(35vw, 50vh);
      transform: translate(35vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(37vw, 75vh);
      transform: translate(37vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(35vw, 100vh);
      transform: translate(35vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(7) {
    font-size: 6px;
    -webkit-transform: translate(53vw, -2vh);
    -ms-transform: translate(53vw, -2vh);
    transform: translate(53vw, -2vh);
    -webkit-animation: snowflakes-7 9s 19s linear infinite;
    animation: snowflakes-7 9s 19s linear infinite
  }

  @-webkit-keyframes snowflakes-7 {
    0% {
      -webkit-transform: translate(53vw, -2vh);
      transform: translate(53vw, -2vh)
    }

    25% {
      -webkit-transform: translate(54vw, 25vh);
      transform: translate(54vw, 25vh)
    }

    50% {
      -webkit-transform: translate(53vw, 50vh);
      transform: translate(53vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(55vw, 75vh);
      transform: translate(55vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(53vw, 100vh);
      transform: translate(53vw, 100vh)
    }
  }

  @keyframes snowflakes-7 {
    0% {
      -webkit-transform: translate(53vw, -2vh);
      transform: translate(53vw, -2vh)
    }

    25% {
      -webkit-transform: translate(54vw, 25vh);
      transform: translate(54vw, 25vh)
    }

    50% {
      -webkit-transform: translate(53vw, 50vh);
      transform: translate(53vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(55vw, 75vh);
      transform: translate(55vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(53vw, 100vh);
      transform: translate(53vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(8) {
    font-size: 5px;
    -webkit-transform: translate(46vw, -2vh);
    -ms-transform: translate(46vw, -2vh);
    transform: translate(46vw, -2vh);
    -webkit-animation: snowflakes-8 10s 7s linear infinite;
    animation: snowflakes-8 10s 7s linear infinite
  }

  @-webkit-keyframes snowflakes-8 {
    0% {
      -webkit-transform: translate(46vw, -2vh);
      transform: translate(46vw, -2vh)
    }

    25% {
      -webkit-transform: translate(47vw, 25vh);
      transform: translate(47vw, 25vh)
    }

    50% {
      -webkit-transform: translate(46vw, 50vh);
      transform: translate(46vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(48vw, 75vh);
      transform: translate(48vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(46vw, 100vh);
      transform: translate(46vw, 100vh)
    }
  }

  @keyframes snowflakes-8 {
    0% {
      -webkit-transform: translate(46vw, -2vh);
      transform: translate(46vw, -2vh)
    }

    25% {
      -webkit-transform: translate(47vw, 25vh);
      transform: translate(47vw, 25vh)
    }

    50% {
      -webkit-transform: translate(46vw, 50vh);
      transform: translate(46vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(48vw, 75vh);
      transform: translate(48vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(46vw, 100vh);
      transform: translate(46vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(9) {
    font-size: 18px;
    -webkit-transform: translate(74vw, -2vh);
    -ms-transform: translate(74vw, -2vh);
    transform: translate(74vw, -2vh);
    -webkit-animation: snowflakes-9 8s 2s linear infinite;
    animation: snowflakes-9 8s 2s linear infinite
  }

  @-webkit-keyframes snowflakes-9 {
    0% {
      -webkit-transform: translate(74vw, -2vh);
      transform: translate(74vw, -2vh)
    }

    25% {
      -webkit-transform: translate(75vw, 25vh);
      transform: translate(75vw, 25vh)
    }

    50% {
      -webkit-transform: translate(74vw, 50vh);
      transform: translate(74vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(76vw, 75vh);
      transform: translate(76vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(74vw, 100vh);
      transform: translate(74vw, 100vh)
    }
  }

  @keyframes snowflakes-9 {
    0% {
      -webkit-transform: translate(74vw, -2vh);
      transform: translate(74vw, -2vh)
    }

    25% {
      -webkit-transform: translate(75vw, 25vh);
      transform: translate(75vw, 25vh)
    }

    50% {
      -webkit-transform: translate(74vw, 50vh);
      transform: translate(74vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(76vw, 75vh);
      transform: translate(76vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(74vw, 100vh);
      transform: translate(74vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(10) {
    font-size: 13px;
    -webkit-transform: translate(9vw, -2vh);
    -ms-transform: translate(9vw, -2vh);
    transform: translate(9vw, -2vh);
    -webkit-animation: snowflakes-10 8s 12s linear infinite;
    animation: snowflakes-10 8s 12s linear infinite
  }

  @-webkit-keyframes snowflakes-10 {
    0% {
      -webkit-transform: translate(9vw, -2vh);
      transform: translate(9vw, -2vh)
    }

    25% {
      -webkit-transform: translate(10vw, 25vh);
      transform: translate(10vw, 25vh)
    }

    50% {
      -webkit-transform: translate(9vw, 50vh);
      transform: translate(9vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(11vw, 75vh);
      transform: translate(11vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(9vw, 100vh);
      transform: translate(9vw, 100vh)
    }
  }

  @keyframes snowflakes-10 {
    0% {
      -webkit-transform: translate(9vw, -2vh);
      transform: translate(9vw, -2vh)
    }

    25% {
      -webkit-transform: translate(10vw, 25vh);
      transform: translate(10vw, 25vh)
    }

    50% {
      -webkit-transform: translate(9vw, 50vh);
      transform: translate(9vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(11vw, 75vh);
      transform: translate(11vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(9vw, 100vh);
      transform: translate(9vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(11) {
    font-size: 15px;
    -webkit-transform: translate(68vw, -2vh);
    -ms-transform: translate(68vw, -2vh);
    transform: translate(68vw, -2vh);
    -webkit-animation: snowflakes-11 8s 5s linear infinite;
    animation: snowflakes-11 8s 5s linear infinite
  }

  @-webkit-keyframes snowflakes-11 {
    0% {
      -webkit-transform: translate(68vw, -2vh);
      transform: translate(68vw, -2vh)
    }

    25% {
      -webkit-transform: translate(69vw, 25vh);
      transform: translate(69vw, 25vh)
    }

    50% {
      -webkit-transform: translate(68vw, 50vh);
      transform: translate(68vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(70vw, 75vh);
      transform: translate(70vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(68vw, 100vh);
      transform: translate(68vw, 100vh)
    }
  }

  @keyframes snowflakes-11 {
    0% {
      -webkit-transform: translate(68vw, -2vh);
      transform: translate(68vw, -2vh)
    }

    25% {
      -webkit-transform: translate(69vw, 25vh);
      transform: translate(69vw, 25vh)
    }

    50% {
      -webkit-transform: translate(68vw, 50vh);
      transform: translate(68vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(70vw, 75vh);
      transform: translate(70vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(68vw, 100vh);
      transform: translate(68vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(12) {
    font-size: 5px;
    -webkit-transform: translate(14vw, -2vh);
    -ms-transform: translate(14vw, -2vh);
    transform: translate(14vw, -2vh);
    -webkit-animation: snowflakes-12 6s 6s linear infinite;
    animation: snowflakes-12 6s 6s linear infinite
  }

  @-webkit-keyframes snowflakes-12 {
    0% {
      -webkit-transform: translate(14vw, -2vh);
      transform: translate(14vw, -2vh)
    }

    25% {
      -webkit-transform: translate(15vw, 25vh);
      transform: translate(15vw, 25vh)
    }

    50% {
      -webkit-transform: translate(14vw, 50vh);
      transform: translate(14vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(16vw, 75vh);
      transform: translate(16vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(14vw, 100vh);
      transform: translate(14vw, 100vh)
    }
  }

  @keyframes snowflakes-12 {
    0% {
      -webkit-transform: translate(14vw, -2vh);
      transform: translate(14vw, -2vh)
    }

    25% {
      -webkit-transform: translate(15vw, 25vh);
      transform: translate(15vw, 25vh)
    }

    50% {
      -webkit-transform: translate(14vw, 50vh);
      transform: translate(14vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(16vw, 75vh);
      transform: translate(16vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(14vw, 100vh);
      transform: translate(14vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(13) {
    font-size: 5px;
    -webkit-transform: translate(84vw, -2vh);
    -ms-transform: translate(84vw, -2vh);
    transform: translate(84vw, -2vh);
    -webkit-animation: snowflakes-13 5s 6s linear infinite;
    animation: snowflakes-13 5s 6s linear infinite
  }

  @-webkit-keyframes snowflakes-13 {
    0% {
      -webkit-transform: translate(84vw, -2vh);
      transform: translate(84vw, -2vh)
    }

    25% {
      -webkit-transform: translate(85vw, 25vh);
      transform: translate(85vw, 25vh)
    }

    50% {
      -webkit-transform: translate(84vw, 50vh);
      transform: translate(84vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(86vw, 75vh);
      transform: translate(86vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(84vw, 100vh);
      transform: translate(84vw, 100vh)
    }
  }

  @keyframes snowflakes-13 {
    0% {
      -webkit-transform: translate(84vw, -2vh);
      transform: translate(84vw, -2vh)
    }

    25% {
      -webkit-transform: translate(85vw, 25vh);
      transform: translate(85vw, 25vh)
    }

    50% {
      -webkit-transform: translate(84vw, 50vh);
      transform: translate(84vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(86vw, 75vh);
      transform: translate(86vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(84vw, 100vh);
      transform: translate(84vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(14) {
    font-size: 7px;
    -webkit-transform: translate(40vw, -2vh);
    -ms-transform: translate(40vw, -2vh);
    transform: translate(40vw, -2vh);
    -webkit-animation: snowflakes-14 7s 0s linear infinite;
    animation: snowflakes-14 7s 0s linear infinite
  }

  @-webkit-keyframes snowflakes-14 {
    0% {
      -webkit-transform: translate(40vw, -2vh);
      transform: translate(40vw, -2vh)
    }

    25% {
      -webkit-transform: translate(41vw, 25vh);
      transform: translate(41vw, 25vh)
    }

    50% {
      -webkit-transform: translate(40vw, 50vh);
      transform: translate(40vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(42vw, 75vh);
      transform: translate(42vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(40vw, 100vh);
      transform: translate(40vw, 100vh)
    }
  }

  @keyframes snowflakes-14 {
    0% {
      -webkit-transform: translate(40vw, -2vh);
      transform: translate(40vw, -2vh)
    }

    25% {
      -webkit-transform: translate(41vw, 25vh);
      transform: translate(41vw, 25vh)
    }

    50% {
      -webkit-transform: translate(40vw, 50vh);
      transform: translate(40vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(42vw, 75vh);
      transform: translate(42vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(40vw, 100vh);
      transform: translate(40vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(15) {
    font-size: 8px;
    -webkit-transform: translate(2vw, -2vh);
    -ms-transform: translate(2vw, -2vh);
    transform: translate(2vw, -2vh);
    -webkit-animation: snowflakes-15 8s 1s linear infinite;
    animation: snowflakes-15 8s 1s linear infinite
  }

  @-webkit-keyframes snowflakes-15 {
    0% {
      -webkit-transform: translate(2vw, -2vh);
      transform: translate(2vw, -2vh)
    }

    25% {
      -webkit-transform: translate(3vw, 25vh);
      transform: translate(3vw, 25vh)
    }

    50% {
      -webkit-transform: translate(2vw, 50vh);
      transform: translate(2vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(4vw, 75vh);
      transform: translate(4vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(2vw, 100vh);
      transform: translate(2vw, 100vh)
    }
  }

  @keyframes snowflakes-15 {
    0% {
      -webkit-transform: translate(2vw, -2vh);
      transform: translate(2vw, -2vh)
    }

    25% {
      -webkit-transform: translate(3vw, 25vh);
      transform: translate(3vw, 25vh)
    }

    50% {
      -webkit-transform: translate(2vw, 50vh);
      transform: translate(2vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(4vw, 75vh);
      transform: translate(4vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(2vw, 100vh);
      transform: translate(2vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(16) {
    font-size: 9px;
    -webkit-transform: translate(91vw, -2vh);
    -ms-transform: translate(91vw, -2vh);
    transform: translate(91vw, -2vh);
    -webkit-animation: snowflakes-16 5s 14s linear infinite;
    animation: snowflakes-16 5s 14s linear infinite
  }

  @-webkit-keyframes snowflakes-16 {
    0% {
      -webkit-transform: translate(91vw, -2vh);
      transform: translate(91vw, -2vh)
    }

    25% {
      -webkit-transform: translate(92vw, 25vh);
      transform: translate(92vw, 25vh)
    }

    50% {
      -webkit-transform: translate(91vw, 50vh);
      transform: translate(91vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(93vw, 75vh);
      transform: translate(93vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(91vw, 100vh);
      transform: translate(91vw, 100vh)
    }
  }

  @keyframes snowflakes-16 {
    0% {
      -webkit-transform: translate(91vw, -2vh);
      transform: translate(91vw, -2vh)
    }

    25% {
      -webkit-transform: translate(92vw, 25vh);
      transform: translate(92vw, 25vh)
    }

    50% {
      -webkit-transform: translate(91vw, 50vh);
      transform: translate(91vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(93vw, 75vh);
      transform: translate(93vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(91vw, 100vh);
      transform: translate(91vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(17) {
    font-size: 13px;
    -webkit-transform: translate(56vw, -2vh);
    -ms-transform: translate(56vw, -2vh);
    transform: translate(56vw, -2vh);
    -webkit-animation: snowflakes-17 5s 0s linear infinite;
    animation: snowflakes-17 5s 0s linear infinite
  }

  @-webkit-keyframes snowflakes-17 {
    0% {
      -webkit-transform: translate(56vw, -2vh);
      transform: translate(56vw, -2vh)
    }

    25% {
      -webkit-transform: translate(57vw, 25vh);
      transform: translate(57vw, 25vh)
    }

    50% {
      -webkit-transform: translate(56vw, 50vh);
      transform: translate(56vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(58vw, 75vh);
      transform: translate(58vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(56vw, 100vh);
      transform: translate(56vw, 100vh)
    }
  }

  @keyframes snowflakes-17 {
    0% {
      -webkit-transform: translate(56vw, -2vh);
      transform: translate(56vw, -2vh)
    }

    25% {
      -webkit-transform: translate(57vw, 25vh);
      transform: translate(57vw, 25vh)
    }

    50% {
      -webkit-transform: translate(56vw, 50vh);
      transform: translate(56vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(58vw, 75vh);
      transform: translate(58vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(56vw, 100vh);
      transform: translate(56vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(18) {
    font-size: 3px;
    -webkit-transform: translate(17vw, -2vh);
    -ms-transform: translate(17vw, -2vh);
    transform: translate(17vw, -2vh);
    -webkit-animation: snowflakes-18 5s 10s linear infinite;
    animation: snowflakes-18 5s 10s linear infinite
  }

  @-webkit-keyframes snowflakes-18 {
    0% {
      -webkit-transform: translate(17vw, -2vh);
      transform: translate(17vw, -2vh)
    }

    25% {
      -webkit-transform: translate(18vw, 25vh);
      transform: translate(18vw, 25vh)
    }

    50% {
      -webkit-transform: translate(17vw, 50vh);
      transform: translate(17vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(19vw, 75vh);
      transform: translate(19vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(17vw, 100vh);
      transform: translate(17vw, 100vh)
    }
  }

  @keyframes snowflakes-18 {
    0% {
      -webkit-transform: translate(17vw, -2vh);
      transform: translate(17vw, -2vh)
    }

    25% {
      -webkit-transform: translate(18vw, 25vh);
      transform: translate(18vw, 25vh)
    }

    50% {
      -webkit-transform: translate(17vw, 50vh);
      transform: translate(17vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(19vw, 75vh);
      transform: translate(19vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(17vw, 100vh);
      transform: translate(17vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(19) {
    font-size: 16px;
    -webkit-transform: translate(79vw, -2vh);
    -ms-transform: translate(79vw, -2vh);
    transform: translate(79vw, -2vh);
    -webkit-animation: snowflakes-19 9s 18s linear infinite;
    animation: snowflakes-19 9s 18s linear infinite
  }

  @-webkit-keyframes snowflakes-19 {
    0% {
      -webkit-transform: translate(79vw, -2vh);
      transform: translate(79vw, -2vh)
    }

    25% {
      -webkit-transform: translate(80vw, 25vh);
      transform: translate(80vw, 25vh)
    }

    50% {
      -webkit-transform: translate(79vw, 50vh);
      transform: translate(79vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(81vw, 75vh);
      transform: translate(81vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(79vw, 100vh);
      transform: translate(79vw, 100vh)
    }
  }

  @keyframes snowflakes-19 {
    0% {
      -webkit-transform: translate(79vw, -2vh);
      transform: translate(79vw, -2vh)
    }

    25% {
      -webkit-transform: translate(80vw, 25vh);
      transform: translate(80vw, 25vh)
    }

    50% {
      -webkit-transform: translate(79vw, 50vh);
      transform: translate(79vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(81vw, 75vh);
      transform: translate(81vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(79vw, 100vh);
      transform: translate(79vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(20) {
    font-size: 3px;
    -webkit-transform: translate(25vw, -2vh);
    -ms-transform: translate(25vw, -2vh);
    transform: translate(25vw, -2vh);
    -webkit-animation: snowflakes-20 9s 2s linear infinite;
    animation: snowflakes-20 9s 2s linear infinite
  }

  @-webkit-keyframes snowflakes-20 {
    0% {
      -webkit-transform: translate(25vw, -2vh);
      transform: translate(25vw, -2vh)
    }

    25% {
      -webkit-transform: translate(26vw, 25vh);
      transform: translate(26vw, 25vh)
    }

    50% {
      -webkit-transform: translate(25vw, 50vh);
      transform: translate(25vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(27vw, 75vh);
      transform: translate(27vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(25vw, 100vh);
      transform: translate(25vw, 100vh)
    }
  }

  @keyframes snowflakes-20 {
    0% {
      -webkit-transform: translate(25vw, -2vh);
      transform: translate(25vw, -2vh)
    }

    25% {
      -webkit-transform: translate(26vw, 25vh);
      transform: translate(26vw, 25vh)
    }

    50% {
      -webkit-transform: translate(25vw, 50vh);
      transform: translate(25vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(27vw, 75vh);
      transform: translate(27vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(25vw, 100vh);
      transform: translate(25vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(21) {
    font-size: 7px;
    -webkit-transform: translate(7vw, -2vh);
    -ms-transform: translate(7vw, -2vh);
    transform: translate(7vw, -2vh);
    -webkit-animation: snowflakes-21 7s 4s linear infinite;
    animation: snowflakes-21 7s 4s linear infinite
  }

  @-webkit-keyframes snowflakes-21 {
    0% {
      -webkit-transform: translate(7vw, -2vh);
      transform: translate(7vw, -2vh)
    }

    25% {
      -webkit-transform: translate(8vw, 25vh);
      transform: translate(8vw, 25vh)
    }

    50% {
      -webkit-transform: translate(7vw, 50vh);
      transform: translate(7vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(9vw, 75vh);
      transform: translate(9vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(7vw, 100vh);
      transform: translate(7vw, 100vh)
    }
  }

  @keyframes snowflakes-21 {
    0% {
      -webkit-transform: translate(7vw, -2vh);
      transform: translate(7vw, -2vh)
    }

    25% {
      -webkit-transform: translate(8vw, 25vh);
      transform: translate(8vw, 25vh)
    }

    50% {
      -webkit-transform: translate(7vw, 50vh);
      transform: translate(7vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(9vw, 75vh);
      transform: translate(9vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(7vw, 100vh);
      transform: translate(7vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(22) {
    font-size: 4px;
    -webkit-transform: translate(87vw, -2vh);
    -ms-transform: translate(87vw, -2vh);
    transform: translate(87vw, -2vh);
    -webkit-animation: snowflakes-22 7s 13s linear infinite;
    animation: snowflakes-22 7s 13s linear infinite
  }

  @-webkit-keyframes snowflakes-22 {
    0% {
      -webkit-transform: translate(87vw, -2vh);
      transform: translate(87vw, -2vh)
    }

    25% {
      -webkit-transform: translate(88vw, 25vh);
      transform: translate(88vw, 25vh)
    }

    50% {
      -webkit-transform: translate(87vw, 50vh);
      transform: translate(87vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(89vw, 75vh);
      transform: translate(89vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(87vw, 100vh);
      transform: translate(87vw, 100vh)
    }
  }

  @keyframes snowflakes-22 {
    0% {
      -webkit-transform: translate(87vw, -2vh);
      transform: translate(87vw, -2vh)
    }

    25% {
      -webkit-transform: translate(88vw, 25vh);
      transform: translate(88vw, 25vh)
    }

    50% {
      -webkit-transform: translate(87vw, 50vh);
      transform: translate(87vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(89vw, 75vh);
      transform: translate(89vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(87vw, 100vh);
      transform: translate(87vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(23) {
    font-size: 17px;
    -webkit-transform: translate(79vw, -2vh);
    -ms-transform: translate(79vw, -2vh);
    transform: translate(79vw, -2vh);
    -webkit-animation: snowflakes-23 6s 11s linear infinite;
    animation: snowflakes-23 6s 11s linear infinite
  }

  @-webkit-keyframes snowflakes-23 {
    0% {
      -webkit-transform: translate(79vw, -2vh);
      transform: translate(79vw, -2vh)
    }

    25% {
      -webkit-transform: translate(80vw, 25vh);
      transform: translate(80vw, 25vh)
    }

    50% {
      -webkit-transform: translate(79vw, 50vh);
      transform: translate(79vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(81vw, 75vh);
      transform: translate(81vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(79vw, 100vh);
      transform: translate(79vw, 100vh)
    }
  }

  @keyframes snowflakes-23 {
    0% {
      -webkit-transform: translate(79vw, -2vh);
      transform: translate(79vw, -2vh)
    }

    25% {
      -webkit-transform: translate(80vw, 25vh);
      transform: translate(80vw, 25vh)
    }

    50% {
      -webkit-transform: translate(79vw, 50vh);
      transform: translate(79vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(81vw, 75vh);
      transform: translate(81vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(79vw, 100vh);
      transform: translate(79vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(24) {
    font-size: 8px;
    -webkit-transform: translate(59vw, -2vh);
    -ms-transform: translate(59vw, -2vh);
    transform: translate(59vw, -2vh);
    -webkit-animation: snowflakes-24 6s 5s linear infinite;
    animation: snowflakes-24 6s 5s linear infinite
  }

  @-webkit-keyframes snowflakes-24 {
    0% {
      -webkit-transform: translate(59vw, -2vh);
      transform: translate(59vw, -2vh)
    }

    25% {
      -webkit-transform: translate(60vw, 25vh);
      transform: translate(60vw, 25vh)
    }

    50% {
      -webkit-transform: translate(59vw, 50vh);
      transform: translate(59vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(61vw, 75vh);
      transform: translate(61vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(59vw, 100vh);
      transform: translate(59vw, 100vh)
    }
  }

  @keyframes snowflakes-24 {
    0% {
      -webkit-transform: translate(59vw, -2vh);
      transform: translate(59vw, -2vh)
    }

    25% {
      -webkit-transform: translate(60vw, 25vh);
      transform: translate(60vw, 25vh)
    }

    50% {
      -webkit-transform: translate(59vw, 50vh);
      transform: translate(59vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(61vw, 75vh);
      transform: translate(61vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(59vw, 100vh);
      transform: translate(59vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(25) {
    font-size: 2px;
    -webkit-transform: translate(90vw, -2vh);
    -ms-transform: translate(90vw, -2vh);
    transform: translate(90vw, -2vh);
    -webkit-animation: snowflakes-25 5s 0s linear infinite;
    animation: snowflakes-25 5s 0s linear infinite
  }

  @-webkit-keyframes snowflakes-25 {
    0% {
      -webkit-transform: translate(90vw, -2vh);
      transform: translate(90vw, -2vh)
    }

    25% {
      -webkit-transform: translate(91vw, 25vh);
      transform: translate(91vw, 25vh)
    }

    50% {
      -webkit-transform: translate(90vw, 50vh);
      transform: translate(90vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(92vw, 75vh);
      transform: translate(92vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(90vw, 100vh);
      transform: translate(90vw, 100vh)
    }
  }

  @keyframes snowflakes-25 {
    0% {
      -webkit-transform: translate(90vw, -2vh);
      transform: translate(90vw, -2vh)
    }

    25% {
      -webkit-transform: translate(91vw, 25vh);
      transform: translate(91vw, 25vh)
    }

    50% {
      -webkit-transform: translate(90vw, 50vh);
      transform: translate(90vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(92vw, 75vh);
      transform: translate(92vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(90vw, 100vh);
      transform: translate(90vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(26) {
    font-size: 13px;
    -webkit-transform: translate(76vw, -2vh);
    -ms-transform: translate(76vw, -2vh);
    transform: translate(76vw, -2vh);
    -webkit-animation: snowflakes-26 8s 6s linear infinite;
    animation: snowflakes-26 8s 6s linear infinite
  }

  @-webkit-keyframes snowflakes-26 {
    0% {
      -webkit-transform: translate(76vw, -2vh);
      transform: translate(76vw, -2vh)
    }

    25% {
      -webkit-transform: translate(77vw, 25vh);
      transform: translate(77vw, 25vh)
    }

    50% {
      -webkit-transform: translate(76vw, 50vh);
      transform: translate(76vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(78vw, 75vh);
      transform: translate(78vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(76vw, 100vh);
      transform: translate(76vw, 100vh)
    }
  }

  @keyframes snowflakes-26 {
    0% {
      -webkit-transform: translate(76vw, -2vh);
      transform: translate(76vw, -2vh)
    }

    25% {
      -webkit-transform: translate(77vw, 25vh);
      transform: translate(77vw, 25vh)
    }

    50% {
      -webkit-transform: translate(76vw, 50vh);
      transform: translate(76vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(78vw, 75vh);
      transform: translate(78vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(76vw, 100vh);
      transform: translate(76vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(27) {
    font-size: 9px;
    -webkit-transform: translate(68vw, -2vh);
    -ms-transform: translate(68vw, -2vh);
    transform: translate(68vw, -2vh);
    -webkit-animation: snowflakes-27 8s 5s linear infinite;
    animation: snowflakes-27 8s 5s linear infinite
  }

  @-webkit-keyframes snowflakes-27 {
    0% {
      -webkit-transform: translate(68vw, -2vh);
      transform: translate(68vw, -2vh)
    }

    25% {
      -webkit-transform: translate(69vw, 25vh);
      transform: translate(69vw, 25vh)
    }

    50% {
      -webkit-transform: translate(68vw, 50vh);
      transform: translate(68vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(70vw, 75vh);
      transform: translate(70vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(68vw, 100vh);
      transform: translate(68vw, 100vh)
    }
  }

  @keyframes snowflakes-27 {
    0% {
      -webkit-transform: translate(68vw, -2vh);
      transform: translate(68vw, -2vh)
    }

    25% {
      -webkit-transform: translate(69vw, 25vh);
      transform: translate(69vw, 25vh)
    }

    50% {
      -webkit-transform: translate(68vw, 50vh);
      transform: translate(68vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(70vw, 75vh);
      transform: translate(70vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(68vw, 100vh);
      transform: translate(68vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(28) {
    font-size: 13px;
    -webkit-transform: translate(76vw, -2vh);
    -ms-transform: translate(76vw, -2vh);
    transform: translate(76vw, -2vh);
    -webkit-animation: snowflakes-28 9s 15s linear infinite;
    animation: snowflakes-28 9s 15s linear infinite
  }

  @-webkit-keyframes snowflakes-28 {
    0% {
      -webkit-transform: translate(76vw, -2vh);
      transform: translate(76vw, -2vh)
    }

    25% {
      -webkit-transform: translate(77vw, 25vh);
      transform: translate(77vw, 25vh)
    }

    50% {
      -webkit-transform: translate(76vw, 50vh);
      transform: translate(76vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(78vw, 75vh);
      transform: translate(78vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(76vw, 100vh);
      transform: translate(76vw, 100vh)
    }
  }

  @keyframes snowflakes-28 {
    0% {
      -webkit-transform: translate(76vw, -2vh);
      transform: translate(76vw, -2vh)
    }

    25% {
      -webkit-transform: translate(77vw, 25vh);
      transform: translate(77vw, 25vh)
    }

    50% {
      -webkit-transform: translate(76vw, 50vh);
      transform: translate(76vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(78vw, 75vh);
      transform: translate(78vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(76vw, 100vh);
      transform: translate(76vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(29) {
    font-size: 9px;
    -webkit-transform: translate(28vw, -2vh);
    -ms-transform: translate(28vw, -2vh);
    transform: translate(28vw, -2vh);
    -webkit-animation: snowflakes-29 6s 7s linear infinite;
    animation: snowflakes-29 6s 7s linear infinite
  }

  @-webkit-keyframes snowflakes-29 {
    0% {
      -webkit-transform: translate(28vw, -2vh);
      transform: translate(28vw, -2vh)
    }

    25% {
      -webkit-transform: translate(29vw, 25vh);
      transform: translate(29vw, 25vh)
    }

    50% {
      -webkit-transform: translate(28vw, 50vh);
      transform: translate(28vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(30vw, 75vh);
      transform: translate(30vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(28vw, 100vh);
      transform: translate(28vw, 100vh)
    }
  }

  @keyframes snowflakes-29 {
    0% {
      -webkit-transform: translate(28vw, -2vh);
      transform: translate(28vw, -2vh)
    }

    25% {
      -webkit-transform: translate(29vw, 25vh);
      transform: translate(29vw, 25vh)
    }

    50% {
      -webkit-transform: translate(28vw, 50vh);
      transform: translate(28vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(30vw, 75vh);
      transform: translate(30vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(28vw, 100vh);
      transform: translate(28vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(30) {
    font-size: 6px;
    -webkit-transform: translate(41vw, -2vh);
    -ms-transform: translate(41vw, -2vh);
    transform: translate(41vw, -2vh);
    -webkit-animation: snowflakes-30 8s 9s linear infinite;
    animation: snowflakes-30 8s 9s linear infinite
  }

  @-webkit-keyframes snowflakes-30 {
    0% {
      -webkit-transform: translate(41vw, -2vh);
      transform: translate(41vw, -2vh)
    }

    25% {
      -webkit-transform: translate(42vw, 25vh);
      transform: translate(42vw, 25vh)
    }

    50% {
      -webkit-transform: translate(41vw, 50vh);
      transform: translate(41vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(43vw, 75vh);
      transform: translate(43vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(41vw, 100vh);
      transform: translate(41vw, 100vh)
    }
  }

  @keyframes snowflakes-30 {
    0% {
      -webkit-transform: translate(41vw, -2vh);
      transform: translate(41vw, -2vh)
    }

    25% {
      -webkit-transform: translate(42vw, 25vh);
      transform: translate(42vw, 25vh)
    }

    50% {
      -webkit-transform: translate(41vw, 50vh);
      transform: translate(41vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(43vw, 75vh);
      transform: translate(43vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(41vw, 100vh);
      transform: translate(41vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(31) {
    font-size: 1px;
    -webkit-transform: translate(62vw, -2vh);
    -ms-transform: translate(62vw, -2vh);
    transform: translate(62vw, -2vh);
    -webkit-animation: snowflakes-31 8s 9s linear infinite;
    animation: snowflakes-31 8s 9s linear infinite
  }

  @-webkit-keyframes snowflakes-31 {
    0% {
      -webkit-transform: translate(62vw, -2vh);
      transform: translate(62vw, -2vh)
    }

    25% {
      -webkit-transform: translate(63vw, 25vh);
      transform: translate(63vw, 25vh)
    }

    50% {
      -webkit-transform: translate(62vw, 50vh);
      transform: translate(62vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(64vw, 75vh);
      transform: translate(64vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(62vw, 100vh);
      transform: translate(62vw, 100vh)
    }
  }

  @keyframes snowflakes-31 {
    0% {
      -webkit-transform: translate(62vw, -2vh);
      transform: translate(62vw, -2vh)
    }

    25% {
      -webkit-transform: translate(63vw, 25vh);
      transform: translate(63vw, 25vh)
    }

    50% {
      -webkit-transform: translate(62vw, 50vh);
      transform: translate(62vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(64vw, 75vh);
      transform: translate(64vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(62vw, 100vh);
      transform: translate(62vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(32) {
    font-size: 4px;
    -webkit-transform: translate(26vw, -2vh);
    -ms-transform: translate(26vw, -2vh);
    transform: translate(26vw, -2vh);
    -webkit-animation: snowflakes-32 7s 5s linear infinite;
    animation: snowflakes-32 7s 5s linear infinite
  }

  @-webkit-keyframes snowflakes-32 {
    0% {
      -webkit-transform: translate(26vw, -2vh);
      transform: translate(26vw, -2vh)
    }

    25% {
      -webkit-transform: translate(27vw, 25vh);
      transform: translate(27vw, 25vh)
    }

    50% {
      -webkit-transform: translate(26vw, 50vh);
      transform: translate(26vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(28vw, 75vh);
      transform: translate(28vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(26vw, 100vh);
      transform: translate(26vw, 100vh)
    }
  }

  @keyframes snowflakes-32 {
    0% {
      -webkit-transform: translate(26vw, -2vh);
      transform: translate(26vw, -2vh)
    }

    25% {
      -webkit-transform: translate(27vw, 25vh);
      transform: translate(27vw, 25vh)
    }

    50% {
      -webkit-transform: translate(26vw, 50vh);
      transform: translate(26vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(28vw, 75vh);
      transform: translate(28vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(26vw, 100vh);
      transform: translate(26vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(33) {
    font-size: 11px;
    -webkit-transform: translate(63vw, -2vh);
    -ms-transform: translate(63vw, -2vh);
    transform: translate(63vw, -2vh);
    -webkit-animation: snowflakes-33 7s 11s linear infinite;
    animation: snowflakes-33 7s 11s linear infinite
  }

  @-webkit-keyframes snowflakes-33 {
    0% {
      -webkit-transform: translate(63vw, -2vh);
      transform: translate(63vw, -2vh)
    }

    25% {
      -webkit-transform: translate(64vw, 25vh);
      transform: translate(64vw, 25vh)
    }

    50% {
      -webkit-transform: translate(63vw, 50vh);
      transform: translate(63vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(65vw, 75vh);
      transform: translate(65vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(63vw, 100vh);
      transform: translate(63vw, 100vh)
    }
  }

  @keyframes snowflakes-33 {
    0% {
      -webkit-transform: translate(63vw, -2vh);
      transform: translate(63vw, -2vh)
    }

    25% {
      -webkit-transform: translate(64vw, 25vh);
      transform: translate(64vw, 25vh)
    }

    50% {
      -webkit-transform: translate(63vw, 50vh);
      transform: translate(63vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(65vw, 75vh);
      transform: translate(65vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(63vw, 100vh);
      transform: translate(63vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(34) {
    font-size: 11px;
    -webkit-transform: translate(47vw, -2vh);
    -ms-transform: translate(47vw, -2vh);
    transform: translate(47vw, -2vh);
    -webkit-animation: snowflakes-34 8s 2s linear infinite;
    animation: snowflakes-34 8s 2s linear infinite
  }

  @-webkit-keyframes snowflakes-34 {
    0% {
      -webkit-transform: translate(47vw, -2vh);
      transform: translate(47vw, -2vh)
    }

    25% {
      -webkit-transform: translate(48vw, 25vh);
      transform: translate(48vw, 25vh)
    }

    50% {
      -webkit-transform: translate(47vw, 50vh);
      transform: translate(47vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(49vw, 75vh);
      transform: translate(49vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(47vw, 100vh);
      transform: translate(47vw, 100vh)
    }
  }

  @keyframes snowflakes-34 {
    0% {
      -webkit-transform: translate(47vw, -2vh);
      transform: translate(47vw, -2vh)
    }

    25% {
      -webkit-transform: translate(48vw, 25vh);
      transform: translate(48vw, 25vh)
    }

    50% {
      -webkit-transform: translate(47vw, 50vh);
      transform: translate(47vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(49vw, 75vh);
      transform: translate(49vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(47vw, 100vh);
      transform: translate(47vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(35) {
    font-size: 17px;
    -webkit-transform: translate(25vw, -2vh);
    -ms-transform: translate(25vw, -2vh);
    transform: translate(25vw, -2vh);
    -webkit-animation: snowflakes-35 7s 9s linear infinite;
    animation: snowflakes-35 7s 9s linear infinite
  }

  @-webkit-keyframes snowflakes-35 {
    0% {
      -webkit-transform: translate(25vw, -2vh);
      transform: translate(25vw, -2vh)
    }

    25% {
      -webkit-transform: translate(26vw, 25vh);
      transform: translate(26vw, 25vh)
    }

    50% {
      -webkit-transform: translate(25vw, 50vh);
      transform: translate(25vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(27vw, 75vh);
      transform: translate(27vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(25vw, 100vh);
      transform: translate(25vw, 100vh)
    }
  }

  @keyframes snowflakes-35 {
    0% {
      -webkit-transform: translate(25vw, -2vh);
      transform: translate(25vw, -2vh)
    }

    25% {
      -webkit-transform: translate(26vw, 25vh);
      transform: translate(26vw, 25vh)
    }

    50% {
      -webkit-transform: translate(25vw, 50vh);
      transform: translate(25vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(27vw, 75vh);
      transform: translate(27vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(25vw, 100vh);
      transform: translate(25vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(36) {
    font-size: 8px;
    -webkit-transform: translate(19vw, -2vh);
    -ms-transform: translate(19vw, -2vh);
    transform: translate(19vw, -2vh);
    -webkit-animation: snowflakes-36 7s 5s linear infinite;
    animation: snowflakes-36 7s 5s linear infinite
  }

  @-webkit-keyframes snowflakes-36 {
    0% {
      -webkit-transform: translate(19vw, -2vh);
      transform: translate(19vw, -2vh)
    }

    25% {
      -webkit-transform: translate(20vw, 25vh);
      transform: translate(20vw, 25vh)
    }

    50% {
      -webkit-transform: translate(19vw, 50vh);
      transform: translate(19vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(21vw, 75vh);
      transform: translate(21vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(19vw, 100vh);
      transform: translate(19vw, 100vh)
    }
  }

  @keyframes snowflakes-36 {
    0% {
      -webkit-transform: translate(19vw, -2vh);
      transform: translate(19vw, -2vh)
    }

    25% {
      -webkit-transform: translate(20vw, 25vh);
      transform: translate(20vw, 25vh)
    }

    50% {
      -webkit-transform: translate(19vw, 50vh);
      transform: translate(19vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(21vw, 75vh);
      transform: translate(21vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(19vw, 100vh);
      transform: translate(19vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(37) {
    font-size: 18px;
    -webkit-transform: translate(47vw, -2vh);
    -ms-transform: translate(47vw, -2vh);
    transform: translate(47vw, -2vh);
    -webkit-animation: snowflakes-37 9s 9s linear infinite;
    animation: snowflakes-37 9s 9s linear infinite
  }

  @-webkit-keyframes snowflakes-37 {
    0% {
      -webkit-transform: translate(47vw, -2vh);
      transform: translate(47vw, -2vh)
    }

    25% {
      -webkit-transform: translate(48vw, 25vh);
      transform: translate(48vw, 25vh)
    }

    50% {
      -webkit-transform: translate(47vw, 50vh);
      transform: translate(47vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(49vw, 75vh);
      transform: translate(49vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(47vw, 100vh);
      transform: translate(47vw, 100vh)
    }
  }

  @keyframes snowflakes-37 {
    0% {
      -webkit-transform: translate(47vw, -2vh);
      transform: translate(47vw, -2vh)
    }

    25% {
      -webkit-transform: translate(48vw, 25vh);
      transform: translate(48vw, 25vh)
    }

    50% {
      -webkit-transform: translate(47vw, 50vh);
      transform: translate(47vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(49vw, 75vh);
      transform: translate(49vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(47vw, 100vh);
      transform: translate(47vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(38) {
    font-size: 8px;
    -webkit-transform: translate(55vw, -2vh);
    -ms-transform: translate(55vw, -2vh);
    transform: translate(55vw, -2vh);
    -webkit-animation: snowflakes-38 8s 2s linear infinite;
    animation: snowflakes-38 8s 2s linear infinite
  }

  @-webkit-keyframes snowflakes-38 {
    0% {
      -webkit-transform: translate(55vw, -2vh);
      transform: translate(55vw, -2vh)
    }

    25% {
      -webkit-transform: translate(56vw, 25vh);
      transform: translate(56vw, 25vh)
    }

    50% {
      -webkit-transform: translate(55vw, 50vh);
      transform: translate(55vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(57vw, 75vh);
      transform: translate(57vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(55vw, 100vh);
      transform: translate(55vw, 100vh)
    }
  }

  @keyframes snowflakes-38 {
    0% {
      -webkit-transform: translate(55vw, -2vh);
      transform: translate(55vw, -2vh)
    }

    25% {
      -webkit-transform: translate(56vw, 25vh);
      transform: translate(56vw, 25vh)
    }

    50% {
      -webkit-transform: translate(55vw, 50vh);
      transform: translate(55vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(57vw, 75vh);
      transform: translate(57vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(55vw, 100vh);
      transform: translate(55vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(39) {
    font-size: 7px;
    -webkit-transform: translate(60vw, -2vh);
    -ms-transform: translate(60vw, -2vh);
    transform: translate(60vw, -2vh);
    -webkit-animation: snowflakes-39 10s 5s linear infinite;
    animation: snowflakes-39 10s 5s linear infinite
  }

  @-webkit-keyframes snowflakes-39 {
    0% {
      -webkit-transform: translate(60vw, -2vh);
      transform: translate(60vw, -2vh)
    }

    25% {
      -webkit-transform: translate(61vw, 25vh);
      transform: translate(61vw, 25vh)
    }

    50% {
      -webkit-transform: translate(60vw, 50vh);
      transform: translate(60vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(62vw, 75vh);
      transform: translate(62vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(60vw, 100vh);
      transform: translate(60vw, 100vh)
    }
  }

  @keyframes snowflakes-39 {
    0% {
      -webkit-transform: translate(60vw, -2vh);
      transform: translate(60vw, -2vh)
    }

    25% {
      -webkit-transform: translate(61vw, 25vh);
      transform: translate(61vw, 25vh)
    }

    50% {
      -webkit-transform: translate(60vw, 50vh);
      transform: translate(60vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(62vw, 75vh);
      transform: translate(62vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(60vw, 100vh);
      transform: translate(60vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(40) {
    font-size: 4px;
    -webkit-transform: translate(58vw, -2vh);
    -ms-transform: translate(58vw, -2vh);
    transform: translate(58vw, -2vh);
    -webkit-animation: snowflakes-40 9s 4s linear infinite;
    animation: snowflakes-40 9s 4s linear infinite
  }

  @-webkit-keyframes snowflakes-40 {
    0% {
      -webkit-transform: translate(58vw, -2vh);
      transform: translate(58vw, -2vh)
    }

    25% {
      -webkit-transform: translate(59vw, 25vh);
      transform: translate(59vw, 25vh)
    }

    50% {
      -webkit-transform: translate(58vw, 50vh);
      transform: translate(58vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(60vw, 75vh);
      transform: translate(60vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(58vw, 100vh);
      transform: translate(58vw, 100vh)
    }
  }

  @keyframes snowflakes-40 {
    0% {
      -webkit-transform: translate(58vw, -2vh);
      transform: translate(58vw, -2vh)
    }

    25% {
      -webkit-transform: translate(59vw, 25vh);
      transform: translate(59vw, 25vh)
    }

    50% {
      -webkit-transform: translate(58vw, 50vh);
      transform: translate(58vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(60vw, 75vh);
      transform: translate(60vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(58vw, 100vh);
      transform: translate(58vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(41) {
    font-size: 4px;
    -webkit-transform: translate(5vw, -2vh);
    -ms-transform: translate(5vw, -2vh);
    transform: translate(5vw, -2vh);
    -webkit-animation: snowflakes-41 7s 16s linear infinite;
    animation: snowflakes-41 7s 16s linear infinite
  }

  @-webkit-keyframes snowflakes-41 {
    0% {
      -webkit-transform: translate(5vw, -2vh);
      transform: translate(5vw, -2vh)
    }

    25% {
      -webkit-transform: translate(6vw, 25vh);
      transform: translate(6vw, 25vh)
    }

    50% {
      -webkit-transform: translate(5vw, 50vh);
      transform: translate(5vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(7vw, 75vh);
      transform: translate(7vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(5vw, 100vh);
      transform: translate(5vw, 100vh)
    }
  }

  @keyframes snowflakes-41 {
    0% {
      -webkit-transform: translate(5vw, -2vh);
      transform: translate(5vw, -2vh)
    }

    25% {
      -webkit-transform: translate(6vw, 25vh);
      transform: translate(6vw, 25vh)
    }

    50% {
      -webkit-transform: translate(5vw, 50vh);
      transform: translate(5vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(7vw, 75vh);
      transform: translate(7vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(5vw, 100vh);
      transform: translate(5vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(42) {
    font-size: 1px;
    -webkit-transform: translate(10vw, -2vh);
    -ms-transform: translate(10vw, -2vh);
    transform: translate(10vw, -2vh);
    -webkit-animation: snowflakes-42 7s 4s linear infinite;
    animation: snowflakes-42 7s 4s linear infinite
  }

  @-webkit-keyframes snowflakes-42 {
    0% {
      -webkit-transform: translate(10vw, -2vh);
      transform: translate(10vw, -2vh)
    }

    25% {
      -webkit-transform: translate(11vw, 25vh);
      transform: translate(11vw, 25vh)
    }

    50% {
      -webkit-transform: translate(10vw, 50vh);
      transform: translate(10vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(12vw, 75vh);
      transform: translate(12vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(10vw, 100vh);
      transform: translate(10vw, 100vh)
    }
  }

  @keyframes snowflakes-42 {
    0% {
      -webkit-transform: translate(10vw, -2vh);
      transform: translate(10vw, -2vh)
    }

    25% {
      -webkit-transform: translate(11vw, 25vh);
      transform: translate(11vw, 25vh)
    }

    50% {
      -webkit-transform: translate(10vw, 50vh);
      transform: translate(10vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(12vw, 75vh);
      transform: translate(12vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(10vw, 100vh);
      transform: translate(10vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(43) {
    font-size: 8px;
    -webkit-transform: translate(10vw, -2vh);
    -ms-transform: translate(10vw, -2vh);
    transform: translate(10vw, -2vh);
    -webkit-animation: snowflakes-43 6s 17s linear infinite;
    animation: snowflakes-43 6s 17s linear infinite
  }

  @-webkit-keyframes snowflakes-43 {
    0% {
      -webkit-transform: translate(10vw, -2vh);
      transform: translate(10vw, -2vh)
    }

    25% {
      -webkit-transform: translate(11vw, 25vh);
      transform: translate(11vw, 25vh)
    }

    50% {
      -webkit-transform: translate(10vw, 50vh);
      transform: translate(10vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(12vw, 75vh);
      transform: translate(12vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(10vw, 100vh);
      transform: translate(10vw, 100vh)
    }
  }

  @keyframes snowflakes-43 {
    0% {
      -webkit-transform: translate(10vw, -2vh);
      transform: translate(10vw, -2vh)
    }

    25% {
      -webkit-transform: translate(11vw, 25vh);
      transform: translate(11vw, 25vh)
    }

    50% {
      -webkit-transform: translate(10vw, 50vh);
      transform: translate(10vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(12vw, 75vh);
      transform: translate(12vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(10vw, 100vh);
      transform: translate(10vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(44) {
    font-size: 7px;
    -webkit-transform: translate(47vw, -2vh);
    -ms-transform: translate(47vw, -2vh);
    transform: translate(47vw, -2vh);
    -webkit-animation: snowflakes-44 6s 19s linear infinite;
    animation: snowflakes-44 6s 19s linear infinite
  }

  @-webkit-keyframes snowflakes-44 {
    0% {
      -webkit-transform: translate(47vw, -2vh);
      transform: translate(47vw, -2vh)
    }

    25% {
      -webkit-transform: translate(48vw, 25vh);
      transform: translate(48vw, 25vh)
    }

    50% {
      -webkit-transform: translate(47vw, 50vh);
      transform: translate(47vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(49vw, 75vh);
      transform: translate(49vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(47vw, 100vh);
      transform: translate(47vw, 100vh)
    }
  }

  @keyframes snowflakes-44 {
    0% {
      -webkit-transform: translate(47vw, -2vh);
      transform: translate(47vw, -2vh)
    }

    25% {
      -webkit-transform: translate(48vw, 25vh);
      transform: translate(48vw, 25vh)
    }

    50% {
      -webkit-transform: translate(47vw, 50vh);
      transform: translate(47vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(49vw, 75vh);
      transform: translate(49vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(47vw, 100vh);
      transform: translate(47vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(45) {
    font-size: 15px;
    -webkit-transform: translate(7vw, -2vh);
    -ms-transform: translate(7vw, -2vh);
    transform: translate(7vw, -2vh);
    -webkit-animation: snowflakes-45 8s 10s linear infinite;
    animation: snowflakes-45 8s 10s linear infinite
  }

  @-webkit-keyframes snowflakes-45 {
    0% {
      -webkit-transform: translate(7vw, -2vh);
      transform: translate(7vw, -2vh)
    }

    25% {
      -webkit-transform: translate(8vw, 25vh);
      transform: translate(8vw, 25vh)
    }

    50% {
      -webkit-transform: translate(7vw, 50vh);
      transform: translate(7vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(9vw, 75vh);
      transform: translate(9vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(7vw, 100vh);
      transform: translate(7vw, 100vh)
    }
  }

  @keyframes snowflakes-45 {
    0% {
      -webkit-transform: translate(7vw, -2vh);
      transform: translate(7vw, -2vh)
    }

    25% {
      -webkit-transform: translate(8vw, 25vh);
      transform: translate(8vw, 25vh)
    }

    50% {
      -webkit-transform: translate(7vw, 50vh);
      transform: translate(7vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(9vw, 75vh);
      transform: translate(9vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(7vw, 100vh);
      transform: translate(7vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(46) {
    font-size: 9px;
    -webkit-transform: translate(93vw, -2vh);
    -ms-transform: translate(93vw, -2vh);
    transform: translate(93vw, -2vh);
    -webkit-animation: snowflakes-46 7s 9s linear infinite;
    animation: snowflakes-46 7s 9s linear infinite
  }

  @-webkit-keyframes snowflakes-46 {
    0% {
      -webkit-transform: translate(93vw, -2vh);
      transform: translate(93vw, -2vh)
    }

    25% {
      -webkit-transform: translate(94vw, 25vh);
      transform: translate(94vw, 25vh)
    }

    50% {
      -webkit-transform: translate(93vw, 50vh);
      transform: translate(93vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(95vw, 75vh);
      transform: translate(95vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(93vw, 100vh);
      transform: translate(93vw, 100vh)
    }
  }

  @keyframes snowflakes-46 {
    0% {
      -webkit-transform: translate(93vw, -2vh);
      transform: translate(93vw, -2vh)
    }

    25% {
      -webkit-transform: translate(94vw, 25vh);
      transform: translate(94vw, 25vh)
    }

    50% {
      -webkit-transform: translate(93vw, 50vh);
      transform: translate(93vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(95vw, 75vh);
      transform: translate(95vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(93vw, 100vh);
      transform: translate(93vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(47) {
    font-size: 8px;
    -webkit-transform: translate(40vw, -2vh);
    -ms-transform: translate(40vw, -2vh);
    transform: translate(40vw, -2vh);
    -webkit-animation: snowflakes-47 10s 6s linear infinite;
    animation: snowflakes-47 10s 6s linear infinite
  }

  @-webkit-keyframes snowflakes-47 {
    0% {
      -webkit-transform: translate(40vw, -2vh);
      transform: translate(40vw, -2vh)
    }

    25% {
      -webkit-transform: translate(41vw, 25vh);
      transform: translate(41vw, 25vh)
    }

    50% {
      -webkit-transform: translate(40vw, 50vh);
      transform: translate(40vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(42vw, 75vh);
      transform: translate(42vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(40vw, 100vh);
      transform: translate(40vw, 100vh)
    }
  }

  @keyframes snowflakes-47 {
    0% {
      -webkit-transform: translate(40vw, -2vh);
      transform: translate(40vw, -2vh)
    }

    25% {
      -webkit-transform: translate(41vw, 25vh);
      transform: translate(41vw, 25vh)
    }

    50% {
      -webkit-transform: translate(40vw, 50vh);
      transform: translate(40vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(42vw, 75vh);
      transform: translate(42vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(40vw, 100vh);
      transform: translate(40vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(48) {
    font-size: 18px;
    -webkit-transform: translate(73vw, -2vh);
    -ms-transform: translate(73vw, -2vh);
    transform: translate(73vw, -2vh);
    -webkit-animation: snowflakes-48 7s 13s linear infinite;
    animation: snowflakes-48 7s 13s linear infinite
  }

  @-webkit-keyframes snowflakes-48 {
    0% {
      -webkit-transform: translate(73vw, -2vh);
      transform: translate(73vw, -2vh)
    }

    25% {
      -webkit-transform: translate(74vw, 25vh);
      transform: translate(74vw, 25vh)
    }

    50% {
      -webkit-transform: translate(73vw, 50vh);
      transform: translate(73vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(75vw, 75vh);
      transform: translate(75vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(73vw, 100vh);
      transform: translate(73vw, 100vh)
    }
  }

  @keyframes snowflakes-48 {
    0% {
      -webkit-transform: translate(73vw, -2vh);
      transform: translate(73vw, -2vh)
    }

    25% {
      -webkit-transform: translate(74vw, 25vh);
      transform: translate(74vw, 25vh)
    }

    50% {
      -webkit-transform: translate(73vw, 50vh);
      transform: translate(73vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(75vw, 75vh);
      transform: translate(75vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(73vw, 100vh);
      transform: translate(73vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(49) {
    font-size: 18px;
    -webkit-transform: translate(26vw, -2vh);
    -ms-transform: translate(26vw, -2vh);
    transform: translate(26vw, -2vh);
    -webkit-animation: snowflakes-49 5s 6s linear infinite;
    animation: snowflakes-49 5s 6s linear infinite
  }

  @-webkit-keyframes snowflakes-49 {
    0% {
      -webkit-transform: translate(26vw, -2vh);
      transform: translate(26vw, -2vh)
    }

    25% {
      -webkit-transform: translate(27vw, 25vh);
      transform: translate(27vw, 25vh)
    }

    50% {
      -webkit-transform: translate(26vw, 50vh);
      transform: translate(26vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(28vw, 75vh);
      transform: translate(28vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(26vw, 100vh);
      transform: translate(26vw, 100vh)
    }
  }

  @keyframes snowflakes-49 {
    0% {
      -webkit-transform: translate(26vw, -2vh);
      transform: translate(26vw, -2vh)
    }

    25% {
      -webkit-transform: translate(27vw, 25vh);
      transform: translate(27vw, 25vh)
    }

    50% {
      -webkit-transform: translate(26vw, 50vh);
      transform: translate(26vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(28vw, 75vh);
      transform: translate(28vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(26vw, 100vh);
      transform: translate(26vw, 100vh)
    }
  }

  .snowflakes>li:nth-child(50) {
    font-size: 2px;
    -webkit-transform: translate(18vw, -2vh);
    -ms-transform: translate(18vw, -2vh);
    transform: translate(18vw, -2vh);
    -webkit-animation: snowflakes-50 7s 7s linear infinite;
    animation: snowflakes-50 7s 7s linear infinite
  }

  @-webkit-keyframes snowflakes-50 {
    0% {
      -webkit-transform: translate(18vw, -2vh);
      transform: translate(18vw, -2vh)
    }

    25% {
      -webkit-transform: translate(19vw, 25vh);
      transform: translate(19vw, 25vh)
    }

    50% {
      -webkit-transform: translate(18vw, 50vh);
      transform: translate(18vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(20vw, 75vh);
      transform: translate(20vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(18vw, 100vh);
      transform: translate(18vw, 100vh)
    }
  }

  @keyframes snowflakes-50 {
    0% {
      -webkit-transform: translate(18vw, -2vh);
      transform: translate(18vw, -2vh)
    }

    25% {
      -webkit-transform: translate(19vw, 25vh);
      transform: translate(19vw, 25vh)
    }

    50% {
      -webkit-transform: translate(18vw, 50vh);
      transform: translate(18vw, 50vh)
    }

    75% {
      opacity: 1;
      -webkit-transform: translate(20vw, 75vh);
      transform: translate(20vw, 75vh)
    }

    to {
      opacity: 0;
      -webkit-transform: translate(18vw, 100vh);
      transform: translate(18vw, 100vh)
    }
  }

  .header-wrapper-m {
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0
  }

  .header-separator-m {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 48px;
    padding: 0;
    margin: 0 0 1px;
    background: rgba(var(--header-rgb),.8);
    box-shadow: 0 -1px 0 rgba(var(--hero-rgb),.3) inset
  }

  .logo-wrapper-m {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-flex: 8;
    -webkit-flex-grow: 8;
    -ms-flex-positive: 8;
    flex-grow: 8;
    text-align: center;
    position: relative;
    z-index: 12;
    padding: 5px 2px;
    height: 100%
  }

  .logo-wrapper-m>a {
    text-decoration: none;
    display: block;
    color: transparent;
    width: 100%;
    height: 100%;
    background: url(../images/logo.png) no-repeat 50% 50%/contain
  }

  .left-top-nav {
    display: inline-block;
    vertical-align: top;
    width: 36px;
    text-align: left;
    padding: 0 10px
  }

  .left-top-nav,
  .right-top-nav {
    white-space: nowrap;
    color: rgba(var(--header-sc-rgb), .56)
  }

  .right-top-nav {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 48px;
    text-align: right;
    padding: 0 10px 0 0;
    display: block;
    z-index: 33
  }

  .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;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  .left-top-nav>span,
  .right-top-nav>span {
    color: rgba(var(--header-sc-rgb), .56);
    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: var(--text-4)
  }

  .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: var(--text-2);
    left: 5px;
    content: "\E913";
    display: block;
    -webkit-animation: 1s new-message-v ease-in-out 10;
    animation: 1s new-message-v ease-in-out 10
  }

  .sw-contain-b-reg-in {
    z-index: 15;
    text-align: right;
    padding: 0 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    color: rgba(var(--header-sc-rgb), .56)
  }

  .right-top-nav-new-h {
    padding: 0 5px
  }

  .sw-contain-b-reg-in>.right-top-nav-new-h {
    color: var(--accent)
  }

  .login-parent-div>.closed-nav-icon {
    display: none
  }

  .rightMenu .sw-contain-b-reg-in .closed-nav-icon {
    display: block;
    font-size: 18px;
    top: 0;
    right: 10px;
    opacity: 1
  }

  .rightMenu .sw-contain-b-reg-in>.login-parent-div .right-top-nav-new-h {
    opacity: 0
  }

  .rightMenu .sw-contain-b-reg-in>.right-top-nav-new-h {
    opacity: 1
  }

  .rightMenu .sw-contain-b-reg-in.registrationForm .closed-nav-icon {
    display: block;
    font-size: 18px;
    float: left;
    position: static
  }

  .rightMenu .sw-contain-b-reg-in.registrationForm>.right-top-nav-new-h {
    opacity: 0
  }

  .rightMenu .sw-contain-b-reg-in.registrationForm .login-parent-div .right-top-nav-new-h {
    opacity: 1
  }

  .sw-contain-b-reg-in>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .home-wrapper-login {
    font-size: 10px;
    line-height: 13px;
    color: var(--favorite);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right
  }

  .home-wrapper-login-money {
    color: var(--text-1);
    font-size: 10px;
    line-height: 13px
  }

  .home-user-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 4px;
    font: 20px/48px icomoon;
    color: var(--favorite)
  }

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

  .usernameMoney {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  @-webkit-keyframes new-message-v {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }

    20%,
    60% {
      -webkit-transform: rotate(25deg);
      transform: rotate(25deg)
    }

    40%,
    80% {
      -webkit-transform: rotate(-25deg);
      transform: rotate(-25deg)
    }

    to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }
  }

  @keyframes new-message-v {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }

    20%,
    60% {
      -webkit-transform: rotate(25deg);
      transform: rotate(25deg)
    }

    40%,
    80% {
      -webkit-transform: rotate(-25deg);
      transform: rotate(-25deg)
    }

    to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }
  }

  @media only screen and (min-width:980px) {
    .has-tablet-view .left-top-nav {
      display: none !important
    }
  }

  .nav-bar-contain-m .promo-view-m:before {
    font-size: 14px;
    line-height: 46px;
    top: 0;
    color: var(--text-4)
  }

  .nav-bar-contain-m>ul>li>a .icon-view-u-m {
    width: 32px
  }

  .nav-bar-contain-m>ul>li>a.active>.icon-view-u-m {
    box-shadow: 0 -2px 0 var(--hero) inset
  }

  .nav-bar-contain-m .promo-view-m.icon-view-u-m {
    left: -25px
  }

  [dir=rtl] .nav-bar-contain-m>ul>li>a.have-promo-img {
    margin-left: 0;
    padding-right: 28px
  }

  [dir=rtl] .nav-bar-contain-m .promo-view-m.icon-view-u-m {
    left: inherit;
    right: 0
  }

  .nav-bar-contain-m>ul>li>a.boldMainMenuItem {
    font-weight: 700
  }

  .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: var(--skin-10);
    margin: 0 0 1px;
    box-shadow: 0 1px 0 var(--text-15)
  }

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

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

  .nav-bar-contain-m>ul>a {
    display: inline-block;
    vertical-align: top;
    text-transform: capitalize;
    padding: 0 10px
  }

  .new-sticker-view {
    display: inline-block;
    vertical-align: top;
    background: var(--hero);
    line-height: 12px;
    font-size: 10px;
    font-style: normal;
    padding: 0 3px;
    position: absolute;
    top: 5px;
    right: -6px;
    border-radius: 2px;
    color: var(--hero-sc);
    text-transform: uppercase
  }

  .left-menu-full-box-m .nav-bar-contain-m .promotions {
    width: auto
  }

  .data-nav-bar-contain-m>ul>li a,
  .left-menu-full-box-m .nav-bar-contain-m ul>a {
    text-align: center
  }

  .data-nav-bar-contain-m>ul>li a:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a:before {
    content: "";
    display: block;
    position: relative;
    top: 8px;
    height: 28px;
    color: var(--skin-7-sc);
    font: 24px/30px icomoon;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    z-index: 9
  }

  .data-nav-bar-contain-m>ul>li a.active:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.active:before {
    color: var(--hero-sc)
  }

  .data-nav-bar-contain-m>ul>li a.promo:before,
  .data-nav-bar-contain-m>ul>li a.promotions:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.promo:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.promotions:before {
    content: "\E90A"
  }

  .data-nav-bar-contain-m>ul>li a.asian-prematch:before,
  .data-nav-bar-contain-m>ul>li a.prematch:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.asian-prematch:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.prematch:before {
    content: "\E97C"
  }

  .data-nav-bar-contain-m>ul>li a.asian-live:before,
  .data-nav-bar-contain-m>ul>li a.live:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.asian-live:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.live:before {
    content: "\E979"
  }

  .data-nav-bar-contain-m>ul>li a.games:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.games:before {
    content: "\E972"
  }

  .data-nav-bar-contain-m>ul>li a.asian-live:before,
  .data-nav-bar-contain-m>ul>li a.call:before,
  .data-nav-bar-contain-m>ul>li a.live:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.asian-live:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.call:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.live:before {
    content: "\E97E"
  }

  .data-nav-bar-contain-m>ul>li a.casino:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.casino:before {
    content: "\E983"
  }

  .data-nav-bar-contain-m>ul>li a.live-casino:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.live-casino:before {
    content: "\E92C"
  }

  .data-nav-bar-contain-m>ul>li a.data:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.data:before {
    content: "\E98C"
  }

  .data-nav-bar-contain-m>ul>li a.games:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.games:before {
    content: "\E97F"
  }

  .data-nav-bar-contain-m>ul>li a.home:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.home:before {
    content: "\E907"
  }

  .data-nav-bar-contain-m>ul>li a.extra:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.extra:before {
    content: "\E98A"
  }

  .data-nav-bar-contain-m>ul>li a.jackpot:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.jackpot:before {
    content: "\E98B"
  }

  .data-nav-bar-contain-m>ul>li a.INBET:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.INBET:before {
    content: "\E92A"
  }

  .data-nav-bar-contain-m>ul>li a.custom:before,
  .data-nav-bar-contain-m>ul>li a.ufc-mma:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.custom:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.ufc-mma:before {
    font-family: Sport-icons;
    content: "\E665"
  }

  .data-nav-bar-contain-m>ul>li a.asian-today:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.asian-today:before {
    content: "\E979"
  }

  .data-nav-bar-contain-m>ul>li a.lucky-spin:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.lucky-spin:before {
    content: "\E99B"
  }

  .data-nav-bar-contain-m>ul>li a.betFights:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.betFights:before {
    content: "\E99E"
  }

  .data-nav-bar-contain-m>ul>li a.zeppelin:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.zeppelin:before {
    content: "\E99F"
  }

  .data-nav-bar-contain-m>ul>li a.scout-gaming:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.scout-gaming:before {
    content: "\E980"
  }

  .data-nav-bar-contain-m>ul>li a.bigHiLo:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.bigHiLo:before {
    content: "\E9A3"
  }

  .data-nav-bar-contain-m>ul>li a.pmu:before,
  .left-menu-full-box-m .nav-bar-contain-m ul>a.pmu:before {
    content: "\E9A8"
  }

  .data-nav-bar-contain-m>ul>li a {
    text-align: initial
  }

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

  .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: var(--skin-6)
  }

  .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: 3px 0 0 var(--skin-6) inset;
    -webkit-transition: box-shadow .18s;
    transition: box-shadow .18s;
    color: var(--text-6)
  }

  .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: var(--text-6);
    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: var(--text-6);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .mini-sport-nav-box a {
    float: left;
    width: 100%;
    height: 38px;
    border-bottom: 2px solid transparent;
    position: relative;
    padding: 0 44px 0 34px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    -webkit-transition: border .18s;
    transition: border .18s;
    text-decoration: none;
    display: block;
    font-size: 13px;
    line-height: 38px;
    color: var(--text-6);
    margin: 0 0 2px;
    background: var(--skin-14)
  }

  .mini-sport-nav-box a.active {
    border-color: transparent;
    background: var(--skin-12);
    color: var(--skin-12-sc)
  }

  .mini-sport-nav-box a:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 38px;
    width: 34px;
    font: 16px/36px Sport-icons;
    display: block;
    padding: 0 0 0 10px;
    box-shadow: 3px 0 0 var(--skin-6) inset;
    -webkit-transition: box-shadow .18s;
    transition: box-shadow .18s;
    color: var(--text-6)
  }

  .mini-sport-nav-box>.single-sport-title-dashboard-m {
    margin: 0 0 2px;
    background: var(--skin-11);
    padding: 0
  }

  .promotions .single-sport-title-dashboard-m>a {
    padding: 0 30px 0 0
  }

  .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: var(--text-3)
  }

  .dashboard-sport-icon-m.more-sports {
    font: 14px/38px icomoon;
    color: var(--text-3)
  }

  .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%
  }

  .add-to-fav-g {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    text-align: center;
    z-index: 888;
    height: 100%
  }

  .add-to-fav-g:after {
    display: block;
    content: "\F005";
    font: 16px/38px icomoon;
    color: var(--skin-7)
  }

  .add-to-fav-g.active:after {
    color: var(--favorite)
  }

  .data-nav-bar-contain-m>ul>a:before,
  .data-nav-bar-contain-m>ul>li>a:before {
    font: 20px/38px Icomoon;
    display: block;
    position: absolute;
    left: 10px;
    top: 0
  }

  .data-nav-bar-contain-m>ul>a.poker:before,
  .data-nav-bar-contain-m>ul>li>a.poker:before,
  .nav-bar-contain-m>ul>a.poker:before {
    content: "\E972"
  }

  .data-nav-bar-contain-m>ul>a.backgammon:before,
  .data-nav-bar-contain-m>ul>li>a.backgammon:before,
  .nav-bar-contain-m>ul>a.backgammon:before {
    content: "\E6CF"
  }

  .data-nav-bar-contain-m>ul>a.belote:before,
  .data-nav-bar-contain-m>ul>li>a.belote:before,
  .nav-bar-contain-m>ul>a.belote:before {
    content: "\E6D0"
  }

  .data-nav-bar-contain-m>ul>a.have-promo-img:before,
  .data-nav-bar-contain-m>ul>li>a.have-promo-img:before,
  .nav-bar-contain-m>ul>a.have-promo-img:before {
    content: "\E96E"
  }

  .data-nav-bar-contain-m>ul>a.colossusBets:before,
  .data-nav-bar-contain-m>ul>li>a.colossusBets:before,
  .nav-bar-contain-m>ul>a.colossusBets:before {
    content: "\E982"
  }

  .data-nav-bar-contain-m>ul>a.Tombala:before,
  .data-nav-bar-contain-m>ul>li>a.Tombala:before,
  .nav-bar-contain-m>ul>a.Tombala:before {
    content: "\E985"
  }

  .data-nav-bar-contain-m>ul>a.fantasy:before,
  .data-nav-bar-contain-m>ul>li>a.fantasy:before,
  .nav-bar-contain-m>ul>a.fantasy:before {
    content: "\E980"
  }

  .data-nav-bar-contain-m>ul>a.statistics:before,
  .data-nav-bar-contain-m>ul>li>a.statistics:before,
  .nav-bar-contain-m>ul>a.statistics:before {
    content: "\E97B"
  }

  .data-nav-bar-contain-m>ul>a.news:before,
  .data-nav-bar-contain-m>ul>li>a.news:before,
  .nav-bar-contain-m>ul>a.news:before {
    content: "\E97D"
  }

  .data-nav-bar-contain-m>ul>a.virtual-sports:before,
  .data-nav-bar-contain-m>ul>li>a.virtual-sports:before,
  .nav-bar-contain-m>ul>a.virtual-sports:before {
    content: "\E92A"
  }

  .data-nav-bar-contain-m>ul>a.chingaChoong:before,
  .data-nav-bar-contain-m>ul>li>a.chingaChoong:before,
  .nav-bar-contain-m>ul>a.chingaChoong:before {
    content: "\E96D"
  }

  .data-nav-bar-contain-m>ul>a.betGame:before,
  .data-nav-bar-contain-m>ul>li>a.betGame:before,
  .nav-bar-contain-m>ul>a.betGame:before {
    content: "\E907"
  }

  .data-nav-bar-contain-m>ul>a.ogwil:before,
  .data-nav-bar-contain-m>ul>li>a.ogwil:before,
  .nav-bar-contain-m>ul>a.ogwil:before {
    content: "\E6AE"
  }

  .data-nav-bar-contain-m>ul>a.customPoker:before,
  .data-nav-bar-contain-m>ul>li>a.customPoker:before,
  .nav-bar-contain-m>ul>a.customPoker:before {
    content: "\E6C0"
  }

  .data-nav-bar-contain-m>ul>a.zonk:before,
  .data-nav-bar-contain-m>ul>li>a.zonk:before,
  .nav-bar-contain-m>ul>a.zonk:before {
    content: "\E994"
  }

  .data-nav-bar-contain-m>ul>a.talisman:before,
  .data-nav-bar-contain-m>ul>li>a.talisman:before,
  .nav-bar-contain-m>ul>a.talisman:before {
    content: "\E993"
  }

  .data-nav-bar-contain-m>ul>a.blast:before,
  .data-nav-bar-contain-m>ul>li>a.blast:before,
  .nav-bar-contain-m>ul>a.blast:before {
    content: "\E99C"
  }

  .data-nav-bar-contain-m>ul>a.lotto:before,
  .data-nav-bar-contain-m>ul>li>a.lotto:before,
  .nav-bar-contain-m>ul>a.lotto:before {
    content: "\E99D"
  }

  .data-nav-bar-contain-m>ul>a.keno:before,
  .data-nav-bar-contain-m>ul>a.Lucky:before,
  .data-nav-bar-contain-m>ul>li>a.keno:before,
  .data-nav-bar-contain-m>ul>li>a.Lucky:before,
  .nav-bar-contain-m>ul>a.keno:before,
  .nav-bar-contain-m>ul>a.Lucky:before {
    content: "\E6D8";
    left: 6px;
    font-size: 18px
  }

  .data-nav-bar-contain-m>ul>a.tv:before,
  .data-nav-bar-contain-m>ul>a.TVBet:before,
  .data-nav-bar-contain-m>ul>li>a.tv:before,
  .data-nav-bar-contain-m>ul>li>a.TVBet:before,
  .nav-bar-contain-m>ul>a.tv:before,
  .nav-bar-contain-m>ul>a.TVBet:before {
    content: "\E907"
  }

  .integration-view .nav-bar-contain-m>ul>a {
    color: var(--text-5);
    text-decoration: none;
    line-height: 48px;
    text-transform: capitalize
  }

  .integration-view .nav-bar-contain-m>ul>a:before {
    display: none
  }

  .integration-view .nav-bar-contain-m>ul>a.active {
    color: var(--text-3)
  }

  .scroll-left-menu {
    width: 100%;
    overflow-y: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

  .menu-left-arr,
  .menu-right-arr {
    position: absolute;
    top: 0;
    height: 64px;
    width: 25px;
    font: 20px/64px icomoon;
    cursor: pointer;
    color: var(--text-3);
    background: rgba(var(--skin-12-rgb), .5);
    z-index: 99
  }

  .menu-left-arr {
    left: 0
  }

  .menu-left-arr:before {
    content: "\E66F"
  }

  .menu-right-arr {
    right: 0
  }

  .menu-right-arr:before {
    content: "\E672"
  }

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

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

  .wrapper-m.left-menu-opened .login-parent-div {
    opacity: 0
  }

  .closed-nav-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    display: block;
    font: 18px/40px icomoon;
    color: var(--text-3);
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .24s;
    transition: opacity .24s;
    z-index: 33
  }

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

  .left-menu-full-box-m {
    float: left;
    width: 100%;
    background: var(--skin-13);
    position: relative;
    min-height: 100%;
    box-shadow: 0 0 56px 25px #000
  }

  .left-menu-full-box-m .new-sticker-view {
    position: relative
  }

  .left-menu-full-box-m .nav-bar-contain-m>ul>a {
    position: relative;
    min-width: 78px;
    font-size: 11px;
    line-height: 42px;
    color: var(--skin-7-sc);
    text-decoration: none;
    border-right: 1px solid rgba(0, 0, 0, .1)
  }

  .left-menu-full-box-m .nav-bar-contain-m>ul>a.active {
    background-color: var(--hero);
    color: var(--hero-sc)
  }

  .left-menu-full-box-m .nav-bar-contain-m.second-style {
    background-color: var(--hero)
  }

  .left-menu-full-box-m .nav-bar-contain-m.second-style ul>a {
    color: var(--hero-sc);
    z-index: 9
  }

  .left-menu-full-box-m .nav-bar-contain-m.second-style>ul a.active {
    color: var(--text-1)
  }

  .left-menu-full-box-m .nav-bar-contain-m.second-style>ul a.active:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .1);
    z-index: -1
  }

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

  .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: var(--text-6)
  }

  .navigation-container-m.site-navigate-second-l-m>.nav-bar-contain-m>ul>li>a.active {
    color: var(--text-1)
  }

  .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: var(--skin-10)
  }

  .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 {
    position: absolute;
    left: 0;
    top: 60px;
    float: left;
    width: 100%;
    margin: 3px 0 0;
    padding-top: 5px;
    height: calc(100% - 61px);
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--skin-14);
    z-index: 9
  }

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

  .menu-provider-view {
    color: var(--text-6);
    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: var(--skin-11);
    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: capitalize;
    cursor: pointer
  }

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

  .menu-provider-view>p.active {
    border-color: transparent;
    background: var(--skin-12);
    color: var(--text-1)
  }

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

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

  .data-nav-bar-contain-m,
  .data-nav-bar-contain-m>ul {
    float: left;
    width: 100%
  }

  .data-nav-bar-contain-m>ul>a {
    text-decoration: none;
    color: var(--text-4);
    float: left;
    width: 100%;
    padding: 0 30px 0 40px;
    position: relative;
    z-index: 22
  }

  .data-nav-bar-contain-m>ul>a:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 38px;
    font: 20px/38px icomoon;
    color: var(--text-5);
    text-align: center;
    padding: 0;
    content: "\E672"
  }

  .data-nav-bar-contain-m>ul>a,
  .data-nav-bar-contain-m>ul>li {
    float: left;
    width: 100%;
    height: 38px;
    font-size: 13px;
    line-height: 38px;
    background: var(--skin-11);
    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: capitalize;
    position: relative
  }

  .data-nav-bar-contain-m>ul>a>a,
  .data-nav-bar-contain-m>ul>li>a {
    text-decoration: none;
    color: var(--text-4);
    float: left;
    width: 100%;
    padding: 0 30px 0 40px;
    position: relative;
    z-index: 22
  }

  .data-nav-bar-contain-m>ul>a:after,
  .data-nav-bar-contain-m>ul>li:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 38px;
    font: 20px/38px icomoon;
    color: var(--text-5);
    text-align: center;
    padding: 0;
    content: "\E672"
  }

  @media screen and (max-width:420px) {
    .casino-game-wrapper+.closed-nav-icon {
      position: absolute;
      left: 0;
      right: unset
    }
  }

  .all-news-list-b {
    float: left;
    width: 100%
  }

  .single-sews-container {
    float: left;
    width: 100%;
    margin: 1px 0
  }

  .news-img-c-v {
    float: left;
    width: 100%
  }

  .p-img-b {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%
  }

  .p-img-b>img {
    display: block;
    width: 100%;
    height: auto
  }

  .news-simple-text-v {
    float: left;
    bottom: 0;
    left: 0;
    padding: 0 0 24px;
    width: 100%;
    background: rgba(var(--skin-14-rgb), .75);
    z-index: 10;
    position: relative;
    margin: -66px 0 0;
    overflow: hidden;
    height: 66px
  }

  .news-simple-text-v>h3 {
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--text-1);
    font-weight: 400
  }

  .date-news-v {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 22;
    width: 100%;
    background: rgba(var(--skin-14-rgb), .75);
    height: 24px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 24px;
    color: var(--text-6);
    display: inline-block;
    vertical-align: top
  }

  .date-news-v>span {
    float: left
  }

  .date-news-v.active {
    z-index: 28
  }

  .date-news-v.active>.more-icon-news-v:after {
    content: "\E671"
  }

  .more-icon-news-v {
    float: right;
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    height: 24px;
    padding: 0 18px 0 0;
    position: relative;
    text-align: right
  }

  .more-icon-news-v:after {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 24px;
    font: 14px/24px icomoon;
    content: "\E670";
    color: var(--text-7)
  }

  .open-news-view {
    float: left;
    width: 100%;
    margin: 0 0 24px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-5)
  }

  .open-news-view img {
    max-width: 100%;
    height: auto
  }

  .open-news-view iframe {
    max-width: 100%
  }

  .open-news-view input {
    background: var(--brand);
    padding: 10px 40px;
    border: none;
    color: var(--brand-sc);
    text-align: center;
    width: 100%;
    margin: 10px 0
  }

  .open-news-view p {
    float: left;
    width: 100%
  }

  .open-news-view a {
    text-decoration: none;
    color: var(--text-3)
  }

  .spoiler {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 5px
  }

  .spoiler>input[type=checkbox] {
    width: 100%;
    height: 36px;
    opacity: 0;
    position: relative;
    z-index: 99
  }

  .spoiler>input[type=checkbox]:checked+.spoiler-title>.spoiler-toggle:before {
    content: "\EA0B"
  }

  .spoiler>input[type=checkbox]:checked+.spoiler-title+.spoiler-content {
    max-height: 9999px
  }

  .spoiler>input[type=checkbox]+.spoiler-title {
    float: left;
    width: 100%;
    padding-left: 30px;
    position: relative;
    z-index: 22;
    min-height: 30px;
    margin-top: -36px
  }

  .spoiler>input[type=checkbox]+.spoiler-title>.spoiler-toggle {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    color: var(--hero);
    font: 16px/20px icomoon
  }

  .spoiler>input[type=checkbox]+.spoiler-title>.spoiler-toggle:before {
    content: "\EA0A"
  }

  .spoiler-content {
    float: left;
    width: 100%;
    max-height: 0;
    height: auto;
    overflow: hidden;
    margin-top: -15px
  }

  .user-name-contain-m {
    float: left;
    width: 100%;
    background: var(--skin-12);
    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: var(--text-3)
  }

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

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

  .user-id-m {
    display: block;
    color: var(--favorite);
    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: var(--skin-12);
    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;
    max-width: 100%;
    color: var(--text-3);
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 30px 0 0;
    position: relative
  }

  .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: var(--text-3);
    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;
    font-style: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
  }

  .bonus-count-m,
  .bonus-title-m>i {
    vertical-align: top;
    color: var(--favorite);
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap
  }

  .bonus-count-m {
    float: right;
    display: block
  }

  .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: var(--brand)
  }

  .total-balance-m>b {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 18px
  }

  .total-balance-m>b:after {
    content: "\E91F";
    display: block;
    font: 20px/18px icomoon
  }

  .balance-user-view-m.hide-balance .total-balance-m>b:after {
    content: "\E91E"
  }

  .balance-user-view-m.hide-balance .balance-c-m,
  .balance-user-view-m.hide-balance .bonus-view-m,
  .balance-user-view-m.hide-balance .bonus-view-m.withdraw-m,
  .header-separator-m.hide-balance .home-wrapper-login-money {
    display: none
  }

  .balance-user-view-m.hide-balance .deposit-b-total-b {
    margin: 0
  }

  [dir=rtl] .bonus-title-m>i,
  [dir=rtl] .total-balance-m {
    float: right
  }

  .login-time-row {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    margin: 10px 0 -10px -12px;
    width: calc(100% + 24px);
    padding: 0 12px;
    font: 12px/normal Roboto, sans-serif;
    background-image: -webkit-linear-gradient(36deg, rgba(var(--skin-14-rgb), .2), rgba(var(--brand-rgb), .2))
  }

  .login-time-row>li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--text-3)
  }

  .login-time-row>li:first-child {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    color: var(--text-6)
  }

  .language-container-m {
    float: left;
    width: 100%;
    border-top: 1px solid var(--text-6);
    border-bottom: 1px solid var(--text-6);
    padding: 10px 0
  }

  .language-container-m>ul {
    float: left;
    width: 100%;
    padding: 0 20px;
    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: var(--text-5);
    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 var(--text-9);
    text-align: center;
    color: var(--text-6)
  }

  .select-contain-m>select {
    float: left;
    width: auto;
    position: relative;
    z-index: 22;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid var(--text-6);
    height: 32px;
    box-sizing: border-box;
    color: var(--text-5);
    font-family: Roboto, sans-serif;
    font-size: 12px;
    padding-left: 7px;
    padding-right: 36px;
    text-transform: uppercase;
    border-radius: inherit;
    min-width: 140px
  }

  .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;
    hyphens: auto
  }

  .select-contain-m>select option {
    background: var(--skin-8);
    text-transform: capitalize
  }

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

  .form-p-i-m.reg_country_code>.select-contain-m>.flag-view-m,
  .language-container-m .select-contain-m>.flag-view-m {
    top: 5px
  }

  .form-p-i-m.reg_country_code>.select-contain-m>.flag-view-m.icon-brazil+select,
  .language-container-m .select-contain-m>.flag-view-m.icon-brazil+select {
    min-width: 200px
  }

  .form-p-i-m.reg_country_code>.select-contain-m>.flag-view-m {
    top: 9px
  }

  .form-p-i-m.reg_country_code>.select-contain-m>select,
  .language-container-m .select-contain-m .flag-view-m+select {
    text-indent: 30px;
    min-width: 130px;
    white-space: nowrap
  }

  .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%;
    -webkit-transition: background .2s;
    transition: background .2s
  }

  .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: var(--skin-13);
    height: 100%;
    position: relative
  }

  .external-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    clear: both;
    padding: 20px
  }

  .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: var(--text-3);
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 7px
  }

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

  .bottom-b-box>.button-view-normal-m.login-popup-s:disabled,
  .button-view-normal-m:disabled {
    background: var(--skin-6);
    box-shadow: 0 0 0 1px var(--text-6) inset;
    color: var(--skin-6-sc)
  }

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

  .bottom-b-box>.button-view-normal-m.login-popup-s {
    background: rgba(var(--favorite-rgb), .8);
    color: var(--text-2);
    box-shadow: 0 0 0 1px var(--favorite) inset
  }

  .button-view-normal-m.trans-m,
  .button-view-normal-m.trans-m>a,
  .sign-in-m>a {
    background: none;
    color: var(--text-5)
  }

  .info-menu-contain-m {
    float: left;
    width: 100%;
    background: var(--skin-12);
    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: var(--text-6);
    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 {
    position: relative;
    height: 38px;
    background: var(--skin-11);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 0 38px;
    top: 0
  }

  .asian-view .title-row-u-m {
    padding: 0 20px
  }

  .title-row-u-m.active {
    background: var(--skin-12)
  }

  .icon-view-u-m {
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 100%;
    font: 16px/38px icomoon;
    color: var(--text-3);
    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: "\E913"
  }

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

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

  .arrow-u-m {
    position: absolute;
    display: block;
    font-style: normal;
    right: 0;
    top: 0;
    width: 38px;
    height: 100%;
    font: 18px/38px icomoon;
    color: var(--text-6);
    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;
    white-space: nowrap
  }

  .title-row-u-m.active>.icon-view-u-m,
  .title-row-u-m.active>p,
  .title-row-u-m>p {
    color: var(--text-3)
  }

  .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: var(--hero);
    color: var(--hero-sc);
    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;
    -webkit-animation: closed-animate-u-menu 60ms ease;
    animation: closed-animate-u-menu 60ms ease
  }

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

  @-webkit-keyframes open-animate-u-menu {
    0% {
      max-height: 0
    }

    to {
      max-height: 500px
    }
  }

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

    to {
      max-height: 500px
    }
  }

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

    to {
      max-height: 0
    }
  }

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

    to {
      max-height: 0
    }
  }

  .open-view-single-u-m>ul {
    float: left;
    width: 100%;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06)
  }

  .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: var(--text-5);
    font-size: 13px
  }

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

  .name-sub-u-m-title>.arrow-u-m {
    right: auto;
    left: 0;
    line-height: 36px;
    color: var(--text-5);
    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: var(--skin-11);
    font-size: 13px;
    line-height: 38px;
    color: var(--text-3);
    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: "\E914";
    left: 0;
    top: 0;
    text-align: center;
    position: absolute;
    width: 38px;
    height: 100%;
    display: block
  }

  .sport-nav-container-m>a>.sport-icon-m {
    width: 28px
  }

  .sport-nav-container-m>a>p {
    font-size: 13px
  }

  .sport-nav-container-m>a>.sport-icon-m:before {
    font-size: 26px;
    line-height: 40px
  }

  .import-view-container>.new-promo-r-m {
    float: left;
    width: 100%;
    background: var(--skin-11);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    position: relative
  }

  .import-view-container>.new-promo-r-m>a {
    text-decoration: none;
    padding: 0 38px;
    font-size: 13px;
    color: var(--text-3);
    float: left;
    width: 100%;
    line-height: 38px
  }

  .right-nav-container-m {
    position: fixed;
    width: 100%;
    height: 100%;
    top: -12px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: -1;
    padding: 0;
    background: rgba(0, 0, 0, .8);
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s linear, background .6s linear;
    -webkit-transition: background .6s linear, -webkit-transform .3s linear;
    transition: background .6s linear, -webkit-transform .3s linear;
    transition: transform .3s linear, background .6s linear;
    transition: transform .3s linear, background .6s linear, -webkit-transform .3s linear
  }

  .right-nav-container-m.open {
    overflow: inherit;
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
    z-index: 88888;
    background-color: #000;
    left: inherit
  }

  .right-navigate-list-view-m {
    padding-bottom: 50px
  }

  .sign-in-reg-buttons-m {
    float: left;
    width: 100%;
    padding: 20px 0 0;
    background: var(--skin-12)
  }

  .promo-link {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 36px;
    height: 24px;
    font: 28px/24px icomoon;
    content: "\E6C0";
    color: var(--text-5)
  }

  .closed-nav-icon {
    -webkit-transition: opacity .24s;
    transition: opacity .24s
  }

  .filtersOpened>.footer-m,
  .filtersOpened>.import-view-container,
  .filtersOpened>.logo-wrapper-m {
    display: none
  }

  .right-menu-full-box-m {
    background: var(--skin-12)
  }

  .right-navigate-list-view-m .userMenu+.import-view-container {
    height: auto !important
  }

  .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;
    background: var(--skin-6)
  }

  .single-form-item.reg_city {
    margin-bottom: 25px
  }

  .single-form-item.reg_city>.select-contain-m {
    width: 100%
  }

  .single-form-item.reg_city>.select-contain-m.invalid select {
    border-color: #e9044a
  }

  .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: var(--brand);
    color: var(--brand-sc)
  }

  .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 var(--text-8);
    text-align: center;
    color: var(--text-6)
  }

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

  .flag-dropdown>.country-list {
    width: 100%;
    background: var(--skin-10);
    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: var(--text-6);
    padding: 9px 10px;
    border-bottom: 1px solid var(--skin-12)
  }

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

  .country.highlight {
    background: var(--skin-6);
    color: var(--text-4)
  }

  .country-list>.country>.dial-code {
    padding: 0 0 0 5px;
    color: var(--text-4)
  }

  .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: var(--skin-7);
    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: var(--text-4);
    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: var(--text-4)
  }

  .mini-info-wrapper-accept-r {
    float: left;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .8s;
    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: var(--text-4);
    background: var(--skin-7);
    padding: 10px;
    box-shadow: 0 1px 0 var(--skin-12) inset
  }

  .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: var(--text-3);
    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
  }

  .form-p-i-m .details-form-item-m {
    float: none
  }

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

  .single-form-item.reg_g_recaptcha_response>.error-f-t-v {
    top: auto;
    bottom: -13px
  }

  .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: var(--skin-11);
    box-shadow: 0 0 0 1px var(--text-3) inset;
    color: var(--text-3)
  }

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

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

  .multistep-form .info-message {
    float: left;
    width: 100%;
    font-size: 14px;
    color: var(--text-6)
  }

  .registration-terms-popup {
    word-break: break-all
  }

  .autocomplete-dropdown-container {
    float: left;
    width: 100%;
    border: 1px solid var(--skin-5);
    border-top: none;
    box-sizing: border-box;
    padding: 10px 5px 5px 10px
  }

  .location-search-input[aria-expanded=false]+.autocomplete-dropdown-container {
    border: none
  }

  .autocomplete-dropdown-container>div {
    color: var(--text-4);
    padding: 2px 0;
    font-size: 12px
  }

  .notify-msg-type {
    float: left;
    width: 100%;
    display: table;
    box-sizing: border-box;
    margin: 0 0 1px;
    background: var(--skin-10);
    height: 40px;
    vertical-align: top;
    padding-right: 5px
  }

  .notify-msg-type>span {
    display: table-cell;
    color: var(--text-4);
    vertical-align: middle;
    position: relative;
    padding: 0 5px
  }

  .notify-msg-type>span:last-child,
  .notify-msg-type>span:nth-child(2) {
    width: 60px
  }

  .notify-msg-type>span>label {
    text-transform: uppercase;
    color: var(--text-4)
  }

  .notify-msg-type input[type=radio] {
    z-index: 22;
    opacity: 0
  }

  .notify-msg-type i,
  .notify-msg-type input[type=radio] {
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    position: absolute;
    right: 0
  }

  .notify-msg-type i {
    background: var(--skin-5);
    border: 2px solid var(--skin-10);
    border-radius: 50%;
    display: block
  }

  .notify-msg-type input[type=radio]+i:before {
    display: block;
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    right: 3px;
    top: 3px
  }

  .notify-msg-type input[type=radio]:checked+i:before {
    background: var(--text-2)
  }

  .details-form-item-m>.title-registration-form,
  .title-registration-form {
    font-size: 16px;
    line-height: 42px;
    padding-left: 10px;
    color: var(--text-2)
  }

  .title-registration-form {
    display: table-caption;
    background-color: var(--skin-14)
  }

  .notify-msg-type>.notify-msg-custom-info {
    display: table;
    width: 100%;
    height: 25px;
    padding: 5px 0 0
  }

  .notify-msg-type>.notify-msg-custom-info>span {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px
  }

  .notify-msg-type>.notify-msg-custom-info>span:nth-child(2),
  .notify-msg-type>.notify-msg-custom-info>span:nth-child(3) {
    width: 60px
  }

  .notify-msg-custom-err-msg {
    float: left;
    width: 100%
  }

  .notify-msg-custom-err-msg .error-message {
    padding: 5px 0 5px 5px
  }

  .get-my-info {
    position: relative;
    text-align: center
  }

  .single-form-item.get-my-info input[type=number] {
    padding-right: 85px
  }

  .get-my-info>div {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 80px;
    box-sizing: border-box;
    background-color: #0a58a6;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
    white-space: nowrap
  }

  .getmyinfo-popup span {
    display: block;
    text-align: center;
    color: var(--text-7)
  }

  .getmyinfo-popup .getmyinfotitle {
    color: #1c6f51;
    padding: 30px 0 20px
  }

  .getmyinfo-popup .getmyinfotitle:before {
    content: "\E6EC";
    font: 46px/40px icomoon;
    display: inline-block
  }

  .getmyinfo-popup>button {
    display: block;
    background-color: transparent;
    border: 1px solid var(--text-7);
    color: var(--text-4);
    padding: 5px 35px;
    margin: 15px auto 30px;
    text-transform: uppercase;
    font-size: 13px
  }

  .swedish-ip-data span {
    display: block
  }

  .swedish-ip-data {
    margin: 10px 0
  }

  .single-form-item.sms-mod {
    display: table;
    vertical-align: top;
    float: left;
    width: 100%
  }

  .single-form-item.sms-mod .separator-box-buttons-m {
    margin: 0
  }

  .registration-form-b .reg_confirmation_code .separator-box-buttons-m>.button-view-normal-m:first-child:nth-last-child(2) {
    width: 100%;
    background: var(--brand);
    margin: 0 0 10px
  }

  @media screen and (max-width:320px) {
    .single-form-item.sms-mod>input[name=phone_code] {
      max-width: 110px
    }
  }

  .reg_confirmation_code .error-message {
    position: relative;
    top: -10px
  }

  .resend-code-m {
    float: left;
    width: 100%;
    display: table;
    vertical-align: top
  }

  .resend-code-m>input {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--skin-5);
    height: 38px;
    padding: 6px 10px;
    background: none
  }

  .resend-code-m>i,
  .resend-code-m>input {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: var(--text-4)
  }

  .resend-code-m>i {
    font-style: normal;
    padding: 0 5px;
    line-height: 38px;
    text-align: center
  }

  #dateInput.clearText {
    color: transparent
  }

  #dateInput.clearText:before {
    color: var(--text-7);
    content: attr(placeholder)
  }

  input.new-date {
    position: relative;
    width: 150px;
    height: 20px;
    color: transparent !important
  }

  input.new-date:before {
    position: absolute;
    top: 10px;
    left: 10px;
    content: attr(data-date);
    display: inline-block;
    color: var(--text-1)
  }

  input.new-date::-webkit-datetime-edit,
  input::-webkit-clear-button,
  input::-webkit-inner-spin-button {
    display: none
  }

  input.new-date::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 10px;
    right: 5px;
    color: var(--text-1);
    opacity: 1
  }

  [dir=rtl] .notify-msg-type>.notify-msg-custom-info>span:nth-child(2),
  [dir=rtl] .notify-msg-type>.notify-msg-custom-info>span:nth-child(3) {
    text-align: right
  }

  [dir=rtl] .notify-msg-type i {
    left: 0;
    right: auto
  }

  .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
  }

  .center-view-contain-form .login-title,
  .separator-box-buttons-m .login-title {
    text-align: center;
    padding: 20px 0 5px;
    color: var(--text-3);
    background: var(--skin-11)
  }

  #zimpler-authorize {
    height: calc(100vh - 50px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  @media screen and (max-width:320px) {
    .single-form-item .img-wrapper-m>div iframe {
      -webkit-transform: scale(.85);
      -ms-transform: scale(.85);
      transform: scale(.85)
    }
  }

  .get-code-part {
    float: left;
    width: 100%;
    display: table;
    white-space: nowrap;
    padding: 0 0 10px;
    position: relative
  }

  .get-code-part>div {
    display: table-cell;
    width: inherit;
    float: none;
    vertical-align: top
  }

  .get-code-60 {
    float: left;
    width: 100%;
    position: relative
  }

  .get-code-60 .button-view-normal-m+span {
    display: none
  }

  .get-code-60 .button-view-normal-m:disabled+span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    padding: 8px 0;
    text-align: center;
    color: var(--text-2)
  }

  .get-code-60 .button-view-normal-m:disabled+span:before {
    display: inline-block;
    font: 16px/22px icomoon;
    content: "\E6E2";
    padding-right: 8px;
    color: var(--text-2)
  }

  .msg-client-finder {
    float: left;
    width: 100%;
    padding: 5px 2px;
    font-size: 12px;
    line-height: 14px;
    color: #e9044a
  }

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

  .login-form-m {
    background: var(--skin-11)
  }

  .details-form-item-m {
    float: left;
    width: 100%
  }

  .center-view-contain-form {
    display: table-cell;
    vertical-align: middle;
    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 {
    min-height: 38px;
    position: relative;
    margin: 0 0 15px;
    min-width: 130px
  }

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

  .date-picker-button-view-custom,
  .old-date-picker.date-of-birth>input[type=date],
  .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 var(--text-6);
    background: none;
    height: 38px;
    padding: 6px 10px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: var(--text-6);
    -webkit-transition: border .24s;
    transition: border .24s;
    border-radius: inherit;
    box-shadow: none
  }

  .old-date-picker.date-of-birth {
    float: left;
    width: 100%;
    margin: 0 0 15px
  }

  .old-date-picker.date-of-birth>label {
    display: inline-block;
    margin-bottom: 5px
  }

  .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: "\E91E";
    display: block;
    font: 20px/38px icomoon;
    color: var(--text-3);
    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 var(--text-3)
  }

  .single-form-item.reg_password>div>input[type=password].invalid,
  .single-form-item.reg_password>div>input[type=text].invalid,
  .single-form-item>.react-tel-input>input[type=tel].invalid,
  .single-form-item>input[type=email].invalid,
  .single-form-item>input[type=number].invalid,
  .single-form-item>input[type=password].invalid,
  .single-form-item>input[type=tel].invalid,
  .single-form-item>input[type=text].invalid {
    border: 1px solid var(--hero)
  }

  .single-form-item>input::-webkit-input-placeholder {
    opacity: 1;
    color: var(--text-6)
  }

  .single-form-item>input::-moz-placeholder {
    opacity: 1;
    color: var(--text-6)
  }

  .single-form-item>input:-ms-input-placeholder {
    opacity: 1;
    color: var(--text-6)
  }

  .single-form-item>input:-moz-placeholder {
    opacity: 1;
    color: var(--text-6)
  }

  .checkbox-wrapper-m {
    position: relative;
    float: left;
    width: 100%;
    color: var(--text-4);
    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: var(--skin-6);
    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: var(--text-12)
  }

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

  .login-error>span {
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px;
    color: #e9044a;
    display: inline-block;
    vertical-align: top
  }

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

  .forgot-password-m a {
    color: var(--hero)
  }

  .forgot-password-m>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    color: var(--hero);
    text-align: center
  }

  .forgot-password-m>p>span {
    margin-top: 7px;
    color: var(--hero);
    display: inline-block;
    vertical-align: top
  }

  .sms-verification-b {
    float: left;
    width: 100%;
    padding: 0 0 15px
  }

  .single-form-item>.single-form-item {
    margin: 0
  }

  .error-message {
    float: left;
    width: 100%;
    padding: 5px 0 0;
    font-size: 12px;
    line-height: 14px;
    color: #e9044a
  }

  .separator-box-buttons-m {
    margin: 15px 0 0
  }

  .form-p-i-m.reg_country_code {
    float: left;
    width: 100%
  }

  html[dir=rtl] .checkbox-wrapper-m {
    padding: 0 30px 0 10px
  }

  html[dir=rtl] .checkbox-wrapper-m:before,
  html[dir=rtl] .checkbox-wrapper-m>input[type=checkbox]:checked+span:before {
    right: 0
  }

  html[dir=rtl] .date-picker-button-view-custom {
    text-align: right
  }

  html[dir=rtl] .date-picker-wrapper .react-datepicker__input-container:before {
    right: auto;
    left: 0
  }

  html[dir=rtl] .form-p-i-m.reg_country_code {
    float: right;
    margin: 0
  }

  html[dir=rtl] .form-p-i-m.reg_country_code>.select-contain-m>select {
    text-indent: 0
  }

  html[dir=rtl] .info-title-contain-m {
    padding: 0 10px 0 30px
  }

  html[dir=rtl] .info-title-contain-m:before {
    right: auto;
    left: 0
  }

  .additional-cms-links,
  .additional-login-links {
    float: left;
    width: 100%;
    text-align: center
  }

  .additional-cms-links {
    padding-bottom: 20px
  }

  .additional-cms-links>a,
  .additional-login-links>a {
    float: left;
    width: 100%;
    padding: 5px 0;
    color: var(--hero);
    text-decoration: none
  }

  .recaptcha-info-text {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-4)
  }

  .recaptcha-info-text>a {
    margin: 0 5px;
    color: var(--text-2)
  }

  .right-nav-container-m {
    position: fixed;
    width: 100%;
    height: 100%;
    top: -12px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: -1;
    padding: 0;
    background: rgba(0, 0, 0, .8);
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s linear, background .6s linear;
    -webkit-transition: background .6s linear, -webkit-transform .3s linear;
    transition: background .6s linear, -webkit-transform .3s linear;
    transition: transform .3s linear, background .6s linear;
    transition: transform .3s linear, background .6s linear, -webkit-transform .3s linear
  }

  .right-nav-container-m.open {
    overflow: inherit;
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
    z-index: 88888;
    background-color: #000;
    left: inherit
  }

  .opened-ui.has-bet-slip .full-container-m>.header-wrapper-m {
    z-index: 999
  }

  .opened-ui .rightMenu>.full-container-m>.header-wrapper-m {
    z-index: 99999
  }

  .right-navigate-list-view-m {
    padding-bottom: 50px
  }

  .sign-in-reg-buttons-m {
    float: left;
    width: 100%;
    padding: 20px 0 0;
    background: var(--skin-12)
  }

  .promo-link {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 36px;
    height: 24px;
    font: 28px/24px icomoon;
    content: "\E6C0";
    color: var(--text-5)
  }

  .closed-nav-icon {
    -webkit-transition: opacity .24s;
    transition: opacity .24s
  }

  .filtersOpened>.footer-m,
  .filtersOpened>.import-view-container,
  .filtersOpened>.logo-wrapper-m {
    display: none
  }

  .right-menu-full-box-m {
    background: var(--skin-12)
  }

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

  .back-to-top-m {
    width: 100%;
  }

  .back-to-top-m>a {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid var(--text-6);
    padding: 0 10px;
    font-size: 13px;
    line-height: 40px;
    color: var(--text-4);
    text-decoration: none;
    text-transform: uppercase;
    text-align: center
  }

  .footer-content {
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-6);
    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: var(--text-6)
  }

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

  .social-icons-footer-m .vk>a:before {
    content: "\E932"
  }

  .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"
  }

  .social-icons-footer-m .youtube>a:before {
    content: "\F166"
  }

  .social-icons-footer-m .watsap>a:before,
  .social-icons-footer-m .whatsapp>a:before {
    content: "\F232"
  }

  .social-icons-footer-m .ok>a:before {
    content: "\E957"
  }

  .hide-footer-back-to-top {
    display: none
  }

  .social-icons-footer-m .telegram>a:before {
    content: "\E954"
  }

  .social-icons-footer-m li.line a {
    background: url(../images/line.png) 0 0 no-repeat;
    height: 28px;
    display: inline-block;
    width: 28px;
    background-size: contain;
    margin: 0 5px
  }

  .footer-m-parent,
  .footer-m-parent>.logo-wrapper-m {
    float: left;
    width: 100%
  }

  .footer-m-parent>.logo-wrapper-m>a {
    background-position: 50%;
    background-size: contain;
    height: 40px
  }

  .footer-m-parent>.logo-wrapper-m .language-container-m {
    background-color: var(--skin-12)
  }

  .footer-m-parent>.logo-wrapper-m .info-menu-contain-m>ul>li {
    text-align: center
  }

  .footer-m-parent>.logo-wrapper-m .info-menu-contain-m>ul>li a {
    float: none;
    width: auto;
    display: inline-block
  }

  .license-logo-m {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0 10px
  }

  .license-logo-m .logo-f {
    margin: 0;
    padding: 0
  }

  .license-logo-m div {
    max-width: 100% !important;
    width: 100%;
    text-align: center
  }

  .license-logo-m div a {
    display: inline-block;
    max-width: 96px
  }

  .license-logo-m .logo-text {
    margin: 5px 0;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-6)
  }

  .logo-f {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0 10px
  }

  .logo-f div {
    max-width: 100% !important;
    width: 100%;
    text-align: center
  }

  .logo-f div a {
    display: inline-block;
    max-width: 96px
  }

  .logo-f .logo-text {
    margin: 5px 0;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-6)
  }

  .footer-content .license-logo-m,
  .footer-content .logo-f {
    padding: 0;
    margin: 0
  }

  .text-popup-view-m {
    float: left;
    width: 100%;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    color: var(--text-6)
  }

  .popup-m .align-wrapper .ver-center-view-b.full-height-popup {
    padding: 0
  }

  .ver-center-view-b.full-height-popup {
    position: relative;
    height: calc(100vh - 96px);
    background: var(--skin-12)
  }

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

  .inner-via-pass {
    float: left;
    width: 100%;
    padding: 20px 15px
  }

  .inner-via-pass .single-form-item {
    height: auto
  }

  .inner-via-pass .single-form-item input[type=text].invalid {
    border-color: #e9044a
  }

  .inner-via-pass p:not(.error-message) {
    margin-bottom: 15px;
    font-size: 14px;
    color: var(--text-6)
  }

  .inner-via-pass .button-view-normal-m.resend-code {
    margin-top: 15px
  }

  .inner-via-pass>span {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    margin: 15px auto;
    text-align: center;
    color: var(--text-7)
  }

  .inner-via-pass>span:after,
  .inner-via-pass>span:before {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 42%;
    background-color: var(--skin-7)
  }

  .inner-via-pass>span:before {
    top: 7px;
    left: 0
  }

  .inner-via-pass>span:after {
    top: 7px;
    right: 0
  }

  .popup-back {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background: none;
    width: 40px;
    height: 40px;
    color: var(--text-6);
    text-align: center;
    border: none;
    font: 24px/40px icomoon
  }

  .popup-back:before {
    content: "\E66F"
  }

  .full-height-popup .popup-message.success:before {
    content: "T";
    color: green
  }

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

  .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: var(--skin-10)
  }

  .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: var(--text-6)
  }

  .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: var(--text-4)
  }

  .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: var(--accent);
    font-size: 15px
  }

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

  .opened-ui .betslip .betslip-m {
    z-index: 9999999999
  }

  [virtual-keyboard=opened] .betslip-full-view.newKeyboard.active {
    padding-bottom: 250px
  }

  .new-virtual-keyboard {
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 99999999;
    width: 100%;
    background: var(--skin-8);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .24s ease-in-out;
    transition: -webkit-transform .24s ease-in-out;
    transition: transform .24s ease-in-out;
    transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
  }

  .new-virtual-keyboard.edit-mode {
    height: 100%;
    background: var(--skin-12)
  }

  .virtual-keyboard-inner {
    display: inline-block;
    width: 100%;
    min-width: 320px;
    max-width: 580px;
    padding: 10px 0;
    background: var(--skin-12)
  }

  .edit-mode .virtual-keyboard-inner {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%
  }

  .virtual-keyboard-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 10px 10px;
    height: 50px;
    overflow-y: hidden;
    box-shadow: 0 1px 0 var(--skin-8)
  }

  .virtual-keyboard-top span {
    display: inline-block;
    min-width: 75px;
    padding: 0 10px;
    margin: 0 5px;
    line-height: 38px;
    background-color: #1a7051;
    color: #e6f3ec;
    border-radius: 3px
  }

  .virtual-keyboard-top>.edit {
    min-width: 45px;
    height: 38px;
    background-color: var(--skin-7);
    color: var(--text-3)
  }

  .virtual-keyboard-top>.edit:before {
    content: "\E956";
    font: 16px/38px Icomoon
  }

  .virtual-keyboard-bottom {
    padding: 0 10px
  }

  .number-part,
  .virtual-keyboard-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .number-part {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .number-part>li {
    display: inline-block;
    width: 30%;
    min-width: 70px;
    padding: 0 10px;
    margin: 0 5px 5px 0;
    height: 38px;
    line-height: 38px;
    background-color: var(--skin-8);
    color: var(--text-3);
    border-radius: 3px
  }

  .function-part {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .function-part>span {
    display: inline-block;
    min-width: 70px;
    padding: 0 10px;
    margin-bottom: 3px;
    line-height: 38px;
    height: 38px;
    background-color: var(--skin-11);
    color: var(--text-3);
    border-radius: 3px
  }

  .function-part>span.backspace:before {
    content: "\E9A1";
    font: 23px/34px Icomoon
  }

  .function-part>span.ok {
    line-height: 83px;
    height: 83px
  }

  .add-remove-value {
    position: absolute;
    float: left;
    width: 100%;
    background-color: var(--skin-12);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .24s ease-in-out;
    transition: -webkit-transform .24s ease-in-out;
    transition: transform .24s ease-in-out;
    transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
  }

  .edit-mode .add-remove-value {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  .back-to-betslip {
    float: left;
    width: 100%;
    height: 38px;
    background: var(--skin-11);
    position: relative;
    text-align: left;
    padding: 0 10px 0 38px;
    border-bottom: 1px solid var(--skin-14)
  }

  .back-to-betslip>span {
    color: var(--text-3);
    font-size: 14px;
    line-height: 38px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .back-to-betslip:before {
    content: "\E66F";
    position: absolute;
    width: 38px;
    height: 38px;
    left: 0;
    top: 0;
    font: 20px/38px icomoon;
    color: var(--text-4);
    text-align: center
  }

  .value-edit {
    float: left;
    width: 100%;
    height: calc(100vh - 230px);
    padding: 20px 15px;
    text-align: left;
    overflow-y: auto
  }

  .value-edit::-webkit-scrollbar {
    display: none;
    width: 0
  }

  .value-edit.hideKeyboard {
    height: calc(100vh - 40px)
  }

  .value-edit .value-edit-sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
  }

  .value-edit .value-edit-sub .input-value {
    display: inline-block;
    width: calc(100% - 60px);
    height: 38px;
    border: 1px solid var(--text-6);
    border-radius: 3px;
    color: var(--text-1);
    text-align: left;
    line-height: 38px;
    padding: 0 10px
  }

  .value-edit .value-edit-sub .input-value.err {
    border-color: #b3071b
  }

  .value-edit .value-edit-sub .input-value.selected {
    border-color: var(--text-2)
  }

  .value-edit .value-edit-sub .remove-value {
    width: 50px;
    height: 38px;
    text-align: center;
    font: 14px/38px Icomoon;
    color: var(--text-3);
    background-color: var(--skin-7);
    border-radius: 3px
  }

  .value-edit .value-edit-sub .remove-value:before {
    content: "\E90C"
  }

  .value-edit .button-view-normal-m {
    margin-top: 20px;
    background: #1a7051;
    box-shadow: inset 0 0 0 1px #1a7051;
    color: var(--text-2);
    border-radius: 3px
  }

  .value-edit .button-view-normal-m:disabled {
    background: var(--skin-6);
    box-shadow: 0 0 0 1px var(--text-6) inset;
    color: var(--skin-6-sc)
  }

  .value-edit .add-new {
    display: inline-block;
    color: var(--text-2);
    border-radius: 3px
  }

  .value-edit .add-new:before {
    content: "\EA0A";
    display: inline-block;
    width: 50px;
    height: 38px;
    margin-right: 10px;
    font: 14px/38px Icomoon;
    background-color: var(--skin-7);
    text-align: center;
    border-radius: 3px
  }

  .value-edit .add-new.inactive {
    color: var(--text-6)
  }

  .user-values {
    overflow-x: auto;
    white-space: nowrap;
    height: 60px
  }

  .cashout-dialog {
    float: left;
    width: 100%;
    display: table;
    background: var(--skin-10)
  }

  .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: var(--text-6)
  }

  .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: var(--text-4)
  }

  .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: var(--accent);
    font-size: 15px
  }

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

  .cashout-amount {
    margin-bottom: 10px
  }

  .counter-offer-dialog {
    float: left;
    width: 100%;
    display: table;
    background: var(--skin-10)
  }

  .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: var(--text-4);
    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: var(--text-6);
    padding: 0 0 2px;
    text-align: left
  }

  .counter-view-info {
    float: left;
    width: 100%;
    text-align: left;
    table-layout: fixed;
    color: var(--text-4);
    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: var(--accent)
  }

  .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: var(--text-6);
    padding: 10px 0 15px
  }

  .cashout-dialog {
    float: left;
    width: 100%;
    display: table;
    background: var(--skin-12)
  }

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

  .cashout-popup.title-popup-page-m {
    padding: 0 15px;
    background-color: var(--skin-12)
  }

  .cashout-popup.title-popup-page-m>h4 {
    display: inline-block;
    width: auto;
    text-align: left;
    font-size: 16px;
    color: var(--text-5);
    font-weight: 500
  }

  .cashout-popup.title-popup-page-m>h4:after {
    content: "\E91A";
    display: inline-block;
    margin-left: 10px;
    font: 16px icomoon
  }

  .cashout-popup .popup-closed-b {
    font: 13px/40px icomoon;
    font-weight: 600
  }

  .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: var(--text-6)
  }

  .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: var(--text-4)
  }

  .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: var(--accent);
    font-size: 15px
  }

  .cashout-failed {
    padding: 5px 0
  }

  .cashout-block,
  .cashout-failed {
    float: left;
    width: 100%
  }

  .single-form-item.cashout-mode {
    height: auto
  }

  .single-form-item.cashout-mode>label {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    padding: 10px 0 0;
    color: var(--text-4)
  }

  .single-form-item.cashout-mode>span {
    float: left;
    width: 100%;
    position: relative;
    margin: 5px 0 0
  }

  .single-form-item.cashout-mode.disable-mode label,
  .single-form-item.cashout-mode.disable-mode p,
  .single-form-item.cashout-mode.disable-mode span,
  .single-form-item.partial-cashout.disable-mode label,
  .single-form-item.partial-cashout.disable-mode p,
  .single-form-item.partial-cashout.disable-mode span {
    color: var(--text-6)
  }

  .single-form-item>.single-form-item-custom-span {
    position: relative;
    display: block
  }

  .single-form-item.partial-cashout {
    height: inherit
  }

  .single-form-item.partial-cashout>label {
    font-size: 12px;
    line-height: 14px;
    color: var(--text-3);
    padding: 0 0 5px;
    float: left;
    width: 100%
  }

  .partial-cashout-price {
    display: table;
    width: 100%
  }

  .partial-cashout-price>p {
    display: table-cell;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 0 0;
    color: var(--text-2)
  }

  .single-form-item.cashout-mode>p,
  .single-form-item.partial-cashout>p {
    color: #d1172d !important
  }

  .partial-cashout-price>p:last-child {
    text-align: right
  }

  .cashout-dialog.auto {
    display: block
  }

  .cashout-menu-p {
    float: left;
    width: 100%;
    display: table;
    vertical-align: top;
    table-layout: fixed
  }

  .cashout-menu-p>button {
    display: table-cell;
    width: 50%;
    border: none;
    background: var(--skin-10);
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    position: relative;
    color: var(--text-4)
  }

  .cashout-menu-p>button:disabled {
    box-shadow: none;
    color: var(--hero-sc);
    box-shadow: 0 -2px 0 var(--hero) inset
  }

  .cashout-menu-p>button:last-child:before {
    content: "\E915";
    font: 15px/30px icomoon;
    padding: 0 10px 0 0;
    position: relative;
    display: inline-block;
    vertical-align: top
  }

  .one-item-cash {
    float: left;
    width: 100%;
    padding: 15px 0
  }

  .full-cash-o {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--skin-5)
  }

  .full-cash-o>span {
    font-size: 14px;
    color: var(--text-4);
    line-height: 26px;
    padding: 0 0 0 10px;
    font-weight: 500
  }

  .full-cash-o .price-currency {
    font-size: 16px;
    color: var(--text-2);
    float: right;
    padding: 0 5px
  }

  .full-cash-o .price-currency.disable {
    color: var(--text-6)
  }

  .radio-select-b {
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid var(--skin-5);
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    top: 2px;
    left: 0
  }

  .radio-select-b:before {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 22;
    display: block;
    content: ""
  }

  input[type=radio]:checked+.radio-select-b:before {
    background: #1a7051
  }

  .full-cash-o>input[type=radio] {
    opacity: 0;
    position: relative;
    z-index: 22
  }

  .full-cash-o>input[type=radio]:checked+.radio-select-b:before {
    background: var(--brand);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 22;
    display: block;
    content: ""
  }

  .full-cash-o.partial {
    padding-top: 10px
  }

  .full-cash-o.partial>.radio-select-b {
    top: 12px
  }

  .cashout-column-view.manual {
    display: block;
    padding: 15px
  }

  .manual-tab-info-c {
    float: left;
    width: 100%;
    display: inline-block
  }

  .manual-type-fild {
    float: left;
    width: 100%;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--skin-4);
    margin: 0 0 15px
  }

  .single-form-item.cashout-mode>p {
    font-size: 13px;
    line-height: 15px;
    color: var(--text-3);
    padding: 5px 0 0;
    float: left
  }

  .manual-type-fild>.single-form-item,
  .one-item-cash>.single-form-item {
    margin: 0
  }

  .single-form-item.partial-cashout {
    padding-top: 5px
  }

  .single-form-item.partial-cashout>p {
    font-size: 12px;
    line-height: 14px;
    color: var(--text-3)
  }

  .cashout-success>p {
    padding-top: 5px
  }

  .auto-rule-tab {
    float: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box
  }

  .active-rule-mode {
    float: left;
    width: 100%;
    padding: 10px 0 20px;
    text-align: center;
    border-bottom: 1px solid var(--skin-6);
    margin: 0 0 10px
  }

  .active-rule-mode>h3 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 800;
    padding: 5px 0;
    float: left;
    width: 100%;
    text-transform: uppercase;
    color: var(--brand)
  }

  .active-rule-mode>p {
    font-size: 13px;
    line-height: 15px;
    color: var(--text-6)
  }

  .active-rule-mode>p>span {
    color: var(--text-2)
  }

  .cashout-success.cashout>p,
  .cashout-success>p {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 0;
    float: left;
    width: 100%;
    text-transform: uppercase;
    color: var(--brand)
  }

  .autocashout-canceled-b {
    float: left;
    width: 100%
  }

  .autocashout-canceled-b>p {
    padding: 10px 0;
    color: var(--text-3);
    text-align: center
  }

  .falid-block-c {
    float: left;
    width: 100%;
    padding: 15px 10px
  }

  .single-form-item.cashout-mode>span,
  .single-form-item.partial-cashout>span {
    text-align: center;
    font-size: 16px;
    color: var(--text-2)
  }

  .button-view-normal-m.trans-m {
    color: var(--text-3);
    box-shadow: 0 0 0 1px var(--text-3) inset
  }

  .disable-mode {
    position: relative
  }

  .disable-mode:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 9
  }

  .cashout-result-message {
    float: left;
    width: 100%;
    padding-top: 15px;
    margin-bottom: 5px;
    text-align: center;
    color: #e9044a
  }

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

  .b-settings-view-b>ul>li>.radio-form-item>label {
    margin: 0;
    color: var(--text-3)
  }

  .b-settings-view-b>ul>li>.radio-form-item>label i {
    font-style: normal
  }

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

  .cashout-dialog .always-ask {
    position: relative;
    display: block;
    padding: 5px 15px;
    background: var(--skin-10);
    font-size: 12px;
    line-height: 30px;
    color: var(--text-1);
    border-bottom: 1px solid var(--skin-12)
  }

  .cashout-dialog .always-ask:before {
    content: "\E915";
    font: 15px/30px icomoon;
    color: var(--text-4);
    padding: 0 10px 0 0;
    position: relative;
    display: inline-block;
    vertical-align: top
  }

  .always-ask-settings {
    position: absolute;
    width: 100%;
    padding: 0 12px;
    max-height: 0;
    background-color: var(--skin-10);
    overflow: hidden;
    z-index: 99;
    -webkit-transition: max-height .4s;
    transition: max-height .4s
  }

  .always-ask-settings.open {
    max-height: 400px
  }

  .sub-settings {
    position: relative;
    padding: 5px 0;
    border-bottom: 1px solid var(--skin-12);
    line-height: 30px;
    color: var(--text-1)
  }

  .sub-settings:last-child {
    border-bottom: none
  }

  .sub-settings>input[type=radio] {
    opacity: 0;
    position: relative;
    z-index: 22
  }

  .sub-settings>input[type=radio]:checked+.radio-select-sub:before {
    background: #1a7051
  }

  .sub-settings>label {
    margin-left: 5px;
    font-size: 12px
  }

  .sub-settings .radio-select-sub {
    width: 16px;
    height: 16px;
    display: block;
    border: 2px solid var(--skin-5);
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    top: 12px;
    left: 3px
  }

  .sub-settings .radio-select-sub:before {
    background: var(--skin-10);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 22;
    display: block;
    content: ""
  }

  .get-app-for {
    float: left;
    width: 100%;
    position: relative;
    height: 100%
  }

  .info-new-version-b {
    position: absolute;
    text-align: center;
    padding: 20px;
    left: 0;
    right: 0;
    top: 30%
  }

  .info-new-version-b>span {
    float: left;
    width: 100%;
    line-height: 30px;
    font-size: 30px;
    position: relative;
    z-index: 22;
    padding: 40px 0 20px;
    color: var(--text-1)
  }

  .info-new-version-b>p {
    font-size: 24px;
    line-height: 26px
  }

  .download-links {
    padding: 40px 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .download-links>button {
    z-index: 22;
    position: relative;
    font-size: 16px;
    max-width: 220px;
    float: none
  }

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

  .download-links>.button-view-normal-m.get {
    padding: 5px 20px
  }

  .download-links>button:last-child {
    box-shadow: none;
    font-size: 13px;
    color: var(--text-2)
  }

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

  .new-pop-android-d {
    float: left;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(var(--skin-14-rgb), .94)
  }

  .android-pop-title-m {
    width: 120px;
    height: 20%;
    display: block;
    background: rgba(var(--brand-rgb), .4);
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0
  }

  .android-pop-title-m:before {
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 26px solid rgba(var(--brand-rgb), .4);
    content: "";
    display: block;
    position: absolute;
    bottom: -26px
  }

  .android-pop-title-m:after {
    content: "\E6D7";
    display: block;
    font: 50px/56px icomoon;
    color: var(--text-1);
    position: absolute;
    opacity: 1;
    bottom: 10px;
    left: 28px
  }

  .android-pop-title-m.casino-popup:after {
    content: "\E96C";
    font: 44px/56px icomoon;
    left: 14px
  }

  .avelible-for-a {
    height: 70px;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0
  }

  .avelible-for-a>span {
    background: url(../images/android.png) no-repeat 50% 50%/contain;
    width: 220px;
    height: 100%;
    display: block;
    padding: 20px
  }

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

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

  .goto-bethistory-m {
    float: left;
    width: 100%;
    padding: 15px;
    box-sizing: border-box
  }

  .goto-bethistory-m>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-6);
    padding-bottom: 20px
  }

  .goto-bethistory-m ul {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed
  }

  .goto-bethistory-m ul>li {
    display: table-cell;
    vertical-align: top;
    padding: 0 5px
  }

  .goto-bethistory-m ul>li:first-child {
    padding-left: 0
  }

  .goto-bethistory-m ul>li:last-child {
    padding-right: 0
  }

  .goto-bethistory-m ul>li button {
    box-shadow: 0 0 0 1px var(--skin-8) inset;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px
  }

  .popup-m .align-wrapper .ver-center-view-b {
    padding: 0 10px
  }

  .ver-center-view-b .exchange button {
    width: 100%;
    padding: 0 20px;
    margin: 0 auto 10px;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 38px;
    border-radius: 0
  }

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

  @-webkit-keyframes open-popup {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0)
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }

  @keyframes open-popup {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0)
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }

  .popup-closed-b {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    background: none;
    width: 40px;
    height: 40px;
    color: var(--text-6);
    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)
  }

  body[virtual-keyboard=opened] .popup-m:before {
    height: calc(100% - 90px)
  }

  .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;
    text-align: left
  }

  .title-popup-page-m {
    float: left;
    width: 100%;
    position: relative;
    z-index: 55;
    height: 42px;
    background: var(--skin-10);
    box-shadow: 0 -1px 0 #282c38 inset, 0 -2px 0 var(--text-15) inset;
    padding: 0 40px
  }

  .title-popup-page-m>h4 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    color: var(--text-4);
    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: var(--skin-12)
  }

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

  .popup-message {
    padding: 15px;
    background: var(--skin-10);
    font-size: 14px;
    line-height: 16px;
    color: var(--text-3);
    text-align: center
  }

  .popup-message.accept_or_cancel p:first-child {
    padding: 0 0 20px;
    color: var(--text-6)
  }

  .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: var(--text-6)
  }

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

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

  .popup-confirm-message {
    float: left;
    width: 100%;
    background: var(--skin-10);
    padding: 15px 20px
  }

  .popup-confirm-message.info img,
  .popup-confirm-message.info table img {
    width: 100%;
    height: auto
  }

  .popup-confirm-message>p {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-6)
  }

  .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: 0 0 0 1px var(--skin-6) inset
  }

  .popup-confirm-message>p>p>a {
    text-decoration: none;
    color: var(--text-5)
  }

  .full-view-m {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
  }

  .full-view-m .iframe-wrapper>iframe {
    max-height: inherit
  }

  .full-view-m .import-view-container {
    height: 100%
  }

  .full-view-m .popup-content-view-m {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    max-height: inherit
  }

  .europian-popup-p {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    background: var(--skin-12)
  }

  .europian-popup-p>p {
    float: left;
    width: 100%;
    font-size: 12px;
    color: var(--text-4);
    line-height: 16px;
    padding: 0 0 10px
  }

  .europian-popup-p>h6 {
    padding: 10px 0;
    box-sizing: border-box;
    color: var(--text-3);
    font-size: 14px;
    line-height: 16px
  }

  .europian-popup-p>h6,
  .notify-msg-line,
  .notify-msg-line>li {
    float: left;
    width: 100%
  }

  .notify-msg-line>li {
    display: table;
    box-sizing: border-box;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    margin: 0 0 1px;
    background: var(--skin-8)
  }

  .notify-msg-line>li>span {
    display: table-cell;
    position: relative
  }

  .notify-msg-line label {
    text-transform: uppercase;
    color: var(--text-4)
  }

  .notify-msg-line>li>span:last-child,
  .notify-msg-line>li>span:nth-child(2) {
    width: 40px;
    padding: 0 0 0 10px
  }

  .notify-msg-line>li input[type=radio] {
    width: 20px;
    height: 20px;
    z-index: 22;
    top: 6px;
    position: relative;
    left: 5px;
    opacity: 0
  }

  .notify-msg-line>li i {
    position: absolute;
    background: var(--skin-8);
    border: 2px solid var(--skin-5);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: block;
    right: 0;
    top: 10px
  }

  .notify-msg-line>li input[type=radio]+i:before {
    display: block;
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    right: 2px;
    top: 2px
  }

  .notify-msg-line>li input[type=radio]:checked+i:before {
    background: var(--skin-2)
  }

  .notify-msg-line>li input[type=radio]:checked+i {
    border: 2px solid var(--skin-2)
  }

  .policy-p {
    float: left;
    width: 100%;
    padding: 15px 0
  }

  .policy-p>a {
    color: var(--text-4);
    font-size: 11px;
    line-height: 14px
  }

  .buttons-conf-rem {
    float: left;
    width: 100%
  }

  .buttons-conf-rem>button:first-child {
    margin: 0 0 15px
  }

  .buttons-conf-rem>.button-view-normal-m.trans-m {
    border: 1px solid var(--skin-3);
    color: var(--text-3);
    box-shadow: none
  }

  .new-popup-message {
    float: left;
    width: 100%;
    background: var(--skin-10);
    text-align: center;
    padding-bottom: 20px
  }

  .new-popup-message>a {
    display: inline-block;
    padding: 10px;
    color: var(--text-1);
    border: 1px solid var(--text-1);
    text-decoration: none;
    text-transform: uppercase
  }

  .search-wrapper-m {
    width: 100%;
    height: 47px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 999
  }

  .integration-view.asian-view .search-wrapper-m,
  .integration-view .search-wrapper-m {
    width: 48px
  }

  .integration-view .time-filter-m:not(.game-markets-f) {
    z-index: inherit
  }

  .contain-search-view:before {
    font: 16px/47px icomoon;
    content: "\E900";
    color: var(--text-6);
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 47px;
    z-index: 16
  }

  .contain-search-view {
    position: absolute;
    right: 0;
    top: 0;
    height: 47px;
    background: var(--skin-10);
    padding: 5px 8px;
    width: auto
  }

  .contain-search-view>input[type=search] {
    font-family: Roboto, sans-serif;
    float: right;
    box-sizing: border-box;
    padding: 10px 35px 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;
    -webkit-transition: width .3s, border .3s, background .4s, padding .3s;
    transition: width .3s, border .3s, background .4s, padding .3s;
    color: var(--text-6);
    position: relative;
    z-index: 111;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  .contain-search-view>input[type=search]::-webkit-input-placeholder {
    color: var(--text-6);
    font-style: normal
  }

  .contain-search-view>input[type=search]:-moz-placeholder,
  .contain-search-view>input[type=search]::-moz-placeholder {
    color: var(--text-6);
    opacity: 1;
    font-style: normal
  }

  .contain-search-view>input[type=search]:-ms-input-placeholder {
    color: var(--text-6);
    font-style: normal
  }

  .contain-search-view>input[type=search]:focus {
    width: calc(100vw - 16px);
    border: 1px solid var(--skin-6);
    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: var(--skin-10);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: font-size .24s, color .1s, right .18s, opacity .24s, width .24s;
    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: var(--text-6)
  }

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

  .search-result-wrapper-m {
    position: relative;
    top: 48px;
    left: auto;
    height: calc(100vh - 140px);
    width: 100vw;
    background: rgba(0, 0, 0, .4);
    padding: 4px 8px;
    z-index: 999
  }

  .search-result-wrapper-m.partnerIntegrationSearch {
    position: fixed;
    top: 48px;
    left: 0;
    height: calc(100% - 48px)
  }

  .search-all-info-contain.integration-view .search-result-wrapper-m {
    position: fixed;
    left: 0
  }

  .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: var(--skin-10);
    box-shadow: 0 -1px 0 var(--text-4) inset
  }

  .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 var(--skin-10)
  }

  .closed-search-icon-m {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 55;
    font: 14px/34px icomoon;
    color: var(--text-1);
    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: var(--text-1);
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .search-all-info-contain {
    float: left;
    position: relative;
    height: calc(100vh - 162px);
    width: 100%
  }

  .integration-view .search-all-info-contain {
    height: calc(100vh - 135px)
  }

  .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: var(--skin-10);
    padding: 0 0 21px
  }

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

  .separator-search-result {
    float: left;
    width: 100%;
    background: var(--skin-10);
    padding: 0
  }

  .sport-title-result-m {
    float: left;
    width: 100%;
    height: 25px;
    padding: 0 12px 0 32px;
    background: var(--skin-6);
    color: var(--skin-6-sc);
    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: var(--text-2)
  }

  .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 var(--text-4);
    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 var(--text-4)
  }

  .teams-name-result-m {
    float: left;
    width: 100%;
    color: var(--text-1);
    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: var(--text-1);
    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: 0 -1px 0 var(--text-4) inset
  }

  .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: var(--text-14);
    text-transform: uppercase;
    overflow: hidden
  }

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

  .tabs-tournament-view {
    float: left;
    width: calc(100% - 48px);
    display: table;
    table-layout: fixed;
    height: 34px;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 var(--text-10)
  }

  .tabs-tournament-view>a {
    display: table-cell;
    vertical-align: top;
    text-decoration: none;
    font-size: 14px;
    line-height: 48px;
    color: var(--text-4);
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px
  }

  .tabs-tournament-view>a:first-child {
    border-left: none
  }

  .tabs-tournament-view>a.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-2)
  }

  .tabs-tournament-view>a {
    position: relative;
    z-index: 9991
  }

  .search-wrapper-m.search-clicked {
    z-index: 9992
  }

  .casino .l-casino-provider-nav {
    z-index: 9991
  }

  .casino .search-wrapper-m.search-clicked {
    z-index: 9992
  }

  .casino .l-casino-menu-view,
  .time-filter-m {
    overflow: visible
  }

  .time-filter-m {
    float: left;
    width: 100%;
    margin: 0 0 1px;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 #282c38
  }

  .time-filter-m>ul {
    position: relative;
    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: 47px;
    color: var(--text-3);
    text-align: center;
    white-space: nowrap
  }

  .time-filter-m>ul>li.active {
    color: var(--text-1);
    box-shadow: 0 -2px 0 var(--hero) inset
  }

  .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
  }

  [dir=rtl] .search-result-title>h3 {
    direction: ltr
  }

  @media screen and (min-width:980px) {
    .contain-search-view>input[type=search]:focus {
      width: calc(100vw - 280px)
    }

    .has-bet-slip .contain-search-view>input[type=search]:focus {
      width: calc(100vw - 620px)
    }

    body .search-result-wrapper-m {
      width: 100%
    }
  }

  .two-factor-authentication-login-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background-color: var(--skin-12);
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 10000
  }

  .step-two-authentication-header .bread-crumbs-view-m,
  .two-factor-authentication-login-header {
    background-color: var(--skin-10);
    display: table;
    width: 100%;
    padding: 0 10px;
    line-height: 40px
  }

  .step-two-authentication-header .bread-crumbs-view-m>.close-btn,
  .step-two-authentication-header .bread-crumbs-view-m>p,
  .two-factor-authentication-login-header>.close-btn,
  .two-factor-authentication-login-header>p {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    color: var(--text-3);
    text-transform: uppercase;
    text-align: center
  }

  .step-two-authentication-header .bread-crumbs-view-m>.close-btn:before,
  .two-factor-authentication-login-header>.close-btn:before {
    content: "\E90C";
    font-family: icomoon;
    color: rgba(var(--text-3), .5)
  }

  .two-fa-activation,
  .two-fa-login {
    float: left;
    width: 100%;
    margin-top: 1px;
    padding: 25px 10px;
    font-size: 12px;
    color: var(--text-6);
    box-shadow: inset 0 1px 0 0 rgba(var(--skin-6-rgb), .15)
  }

  .two-fa-activation div:first-child,
  .two-fa-login div:first-child {
    text-align: center
  }

  .two-fa-activation .qr-code-section,
  .two-fa-login .qr-code-section {
    padding: 20px 10px 30px;
    text-align: center
  }

  .two-fa-activation .qr-code-section>.qr-image,
  .two-fa-login .qr-code-section>.qr-image {
    display: inline-block;
    margin-bottom: 15px;
    padding: 13px;
    border: 1px solid rgba(var(--skin-1-rgb), .1);
    border-radius: 10px
  }

  .two-fa-activation .qr-code-section>p,
  .two-fa-login .qr-code-section>p {
    font-size: 14px;
    color: #4285f4;
    text-transform: uppercase
  }

  .two-fa-activation .details-form-item-m>label,
  .two-fa-login .details-form-item-m>label {
    font-size: 12px;
    color: var(--text-6)
  }

  .two-fa-activation .checkbox-wrapper-m>span,
  .two-fa-login .checkbox-wrapper-m>span {
    font-size: 12px;
    color: var(--text-4)
  }

  .two-fa-activation .single-form-item,
  .two-fa-login .single-form-item {
    height: 20px
  }

  .two-fa-activation .form-p-i-m>.select-contain-m,
  .two-fa-login .form-p-i-m>.select-contain-m {
    margin: 0 0 20px
  }

  .two-fa-activation .separator-box-buttons-m,
  .two-fa-login .separator-box-buttons-m {
    margin-top: 30px;
    padding: 0
  }

  .single-form-item>input {
    background-color: var(--skin-12);
    border-color: var(--text-8)
  }

  [dir=rtl] .two-fa-activation .input-with-confirm-wrapper p {
    text-align: center
  }

  [dir=rtl] .two-fa-activation .input-with-confirm-wrapper form {
    direction: ltr
  }

  .check-bet-status-wrapper {
    float: left;
    width: 100%;
    padding: 0 15px;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    table-layout: fixed
  }

  .check-bet-status-wrapper .check-bet-status-container {
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--skin-8);
    height: 40px;
    position: relative
  }

  .check-bet-status-wrapper .check-bet-status-container p {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--text-4)
  }

  .check-bet-status-wrapper .check-bet-status-container .check-bet-status-s {
    position: absolute;
    right: 0;
    top: 2px;
    height: 40px
  }

  .check-bet-status-wrapper .check-bet-status-container .check-bet-status-s .info-icon-k-bet {
    height: 40px;
    line-height: 40px
  }

  .check-bet-status-wrapper .check-bet-status-input-section {
    display: none;
    float: left;
    width: 100%;
    padding: 15px 0;
    box-shadow: inset 0 -1px 0 hsla(0, 0%, 100%, .06)
  }

  .check-bet-status-wrapper .check-bet-status-input-section>p {
    text-transform: uppercase;
    color: var(--text-7);
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 10px
  }

  .check-bet-status-wrapper .check-bet-status-input-section .single-form-item {
    display: table;
    margin: 0
  }

  .check-bet-status-wrapper .check-bet-status-input-section .single-form-item>button {
    display: table-cell;
    vertical-align: top;
    width: 50px;
    margin: 0 0 0 10px;
    height: 38px;
    border: none;
    background: var(--skin-8);
    position: relative;
    float: right
  }

  .check-bet-status-wrapper .check-bet-status-input-section .single-form-item>button:after {
    position: absolute;
    display: block;
    font: 16px/38px icomoon;
    content: "\E900";
    color: var(--text-4);
    left: 16px;
    top: 0
  }

  .check-bet-status-wrapper .check-bet-status-input-section .single-form-item>input {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 60px)
  }

  .check-bet-status-wrapper .check-bet-status-input-section .bet-status.lose {
    color: #e9034b
  }

  .check-bet-status-wrapper .check-bet-status-input-section .bet-status.win {
    color: #057f44
  }

  .check-bet-status-wrapper .check-bet-status-input-section .bet-status.accepted {
    color: #e7ce19
  }

  .status-captcha {
    float: left;
    width: 100%;
    padding: 15px 0
  }

  .reCaptchaErrMsg-error {
    position: relative;
    top: 10px;
    color: #7f161e
  }

  .check-bet-status-wrapper .check-bet-status-input-section .single-form-item>button.active-search {
    background-color: #057f44
  }

  .status-search-hide-show .text-info-kind-bet {
    max-height: none
  }

  .check-bet-status-wrapper .status-search-hide-show .check-bet-status-input-section {
    display: block
  }

  .status-search-hide-show {
    display: none
  }

  .status-search-hide-show.active {
    display: block
  }

  .check-bet-status-input-section .single-form-item>span {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 60px)
  }

  .add-new-selections {
    padding: 10px;
    background: #1a7051
  }

  .add-new-selections>span {
    line-height: 22px
  }

  .add-new-selections>button {
    float: right;
    padding: 4px 8px;
    color: #1a7051;
    background: #fff;
    border: none;
    border-radius: 2px
  }

  .betcloud-panel-m,
  .calcilator-panel-m {
    float: left;
    width: 100%
  }

  .betcloud-panel-m {
    box-sizing: border-box;
    padding: 0 15px;
    background: var(--skin-12);
    border-bottom: 1px solid var(--hero)
  }

  .switcher-system-calc {
    float: left;
    width: 100%;
    position: relative;
    height: 41px
  }

  .switcher-system-calc>.switcher-box {
    left: auto;
    right: 5px;
    top: 5px
  }

  .switcher-system-calc>.switcher-box>.switcher-contain {
    background: var(--skin-8)
  }

  .switcher-system-calc>.switcher-box>.switcher-contain.on {
    background: var(--brand)
  }

  .switcher-system-calc.active>span:before {
    background: var(--brand);
    color: var(--brand-sc)
  }

  .switcher-system-calc>span {
    float: left;
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 30px;
    color: var(--text-2);
    text-transform: uppercase;
    padding: 0 0 0 36px
  }

  .switcher-system-calc>span:before {
    content: "\E94F";
    display: block;
    font: 22px/24px icomoon;
    position: absolute;
    left: 0;
    top: 6px
  }

  .switcher-betcloud,
  .system-calc-stake,
  .system-calculator-body {
    float: left;
    width: 100%
  }

  .system-calc-stake {
    background: var(--skin-11);
    padding: 10px 15px;
    border-bottom: 1px solid var(--skin-14)
  }

  .system-calc-stake>ul {
    display: table;
    width: 100%;
    table-layout: fixed
  }

  .system-calc-stake>ul>li {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px 0 0
  }

  .system-calc-stake>ul>li:last-child {
    width: 83px;
    position: relative
  }

  .system-calc-stake .single-form-item {
    margin: 0;
    height: 32px
  }

  .system-calc-stake .single-form-item>span {
    height: 32px;
    width: inherit;
    line-height: 16px;
    margin: inherit
  }

  .system-calc-stake .select-contain-m {
    position: absolute;
    height: 32px
  }

  .system-calc-stake .select-contain-m>select {
    min-width: inherit
  }

  .system-calculator-events-view {
    float: left;
    width: 100%;
    table-layout: fixed;
    padding: 10px 10px 0;
    background: var(--skin-11);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .06)
  }

  .system-calculator-events-view>ul {
    float: left;
    width: 100%;
    box-sizing: border-box;
    display: table
  }

  .system-calculator-events-view>ul>li {
    box-sizing: border-box;
    display: table-cell;
    font-size: 12px;
    color: var(--text-4);
    height: 30px;
    text-align: center;
    padding: 0 5px;
    vertical-align: top;
    position: relative
  }

  .system-calculator-events-view>ul>li:first-child {
    width: 20px
  }

  .system-calculator-events-view>ul>li:nth-child(2) {
    width: 70px
  }

  .system-calculator-events-view>ul>li:nth-child(3),
  .system-calculator-events-view>ul>li:nth-child(4),
  .system-calculator-events-view>ul>li:nth-child(5) {
    width: 50px
  }

  .system-calculator-events-view>ul>li.system-win:before {
    display: block;
    content: "T";
    font: 22px/26px icomoon;
    color: var(--text-2)
  }

  .system-calculator-events-view>ul>li.system-lose:before {
    display: block;
    content: "\E117";
    font: 22px/26px icomoon;
    color: var(--text-2)
  }

  .system-calculator-events-view>ul>li.system-void:before {
    display: block;
    content: "\E705";
    font: 22px/26px icomoon;
    color: var(--text-2)
  }

  .events-list-box-c {
    padding: 10px;
    background: var(--skin-11)
  }

  .events-list-box-c,
  .events-list-box-c>li {
    float: left;
    width: 100%;
    box-sizing: border-box
  }

  .events-list-box-c>li {
    background: var(--skin-8);
    margin: 0 0 1px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    color: var(--text-4);
    text-align: center;
    padding: 0 5px;
    vertical-align: top;
    position: relative;
    display: table
  }

  .events-list-box-c>li:nth-child(2n) {
    background: var(--skin-7)
  }

  .events-list-box-c>li>span {
    display: table-cell
  }

  .events-list-box-c>li>span:first-child {
    width: 20px
  }

  .events-list-box-c>li>span:nth-child(2) {
    width: 70px
  }

  .events-list-box-c>li>span:nth-child(2)>i {
    color: #a48243;
    background: var(--skin-14);
    height: 20px;
    width: 70px;
    float: left;
    margin: 5px 0 0;
    box-sizing: border-box;
    padding: 0 5px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    position: relative;
    top: 5px;
    font-style: normal;
    overflow: hidden
  }

  .events-list-box-c>li>span.radio-b {
    width: 50px;
    position: relative
  }

  .events-list-box-c>li>span.radio-b>input {
    position: absolute;
    margin: 4px 0 0 -10px;
    width: 20px;
    height: 20px;
    z-index: 22;
    opacity: 0;
    left: 50%
  }

  .events-list-box-c>li>span.radio-b>input+label {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: var(--skin-12);
    border-radius: 50%;
    position: relative;
    top: 3px
  }

  .events-list-box-c>li>span.radio-b>input+label:before {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%
  }

  .events-list-box-c>li>span:nth-child(3)>input[type=radio]:checked+label:before {
    background: #1a7051
  }

  .events-list-box-c>li>span:nth-child(4)>input[type=radio]:checked+label:before {
    background: #e9044a
  }

  .events-list-box-c>li>span:nth-child(5)>input[type=radio]:checked+label:before {
    background: #a48243
  }

  .calculator-select-contain {
    float: left;
    width: 100%;
    box-sizing: border-box;
    max-height: 195px;
    overflow-y: auto;
    overflow-x: hidden
  }

  .system-calc-info-panel {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px 10px;
    background: var(--skin-11);
    border-top: 1px solid var(--skin-8)
  }

  .system-calc-info-panel>p {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    vertical-align: middle;
    display: table;
    float: left;
    border-bottom: 1px solid var(--skin-14);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .06);
    line-height: 26px;
    height: 26px;
    color: var(--text-2);
    font-size: 12px;
    font-weight: 400
  }

  .system-calc-info-panel>p>span {
    font-weight: 700;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top
  }

  .system-calc-info-panel>p>span:last-child {
    text-align: right;
    color: #a48243
  }

  .system-calc-info-panel>p:first-child>span:last-child {
    color: var(--text-2)
  }

  .calculator-buttons-contain {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background: var(--skin-11);
    border-bottom: 1px solid var(--hero)
  }

  .calculator-buttons-contain>button {
    float: left;
    width: 100%;
    height: 30px;
    border: 1px solid var(--text-4);
    color: var(--text-4);
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 10px;
    background: var(--skin-11)
  }

  [dir=rtl] .system-calc-info-panel>p>span:last-child {
    text-align: left
  }

  [dir=rtl] .system-calc-stake>ul>li {
    padding: 0 0 0 10px
  }

  [dir=rtl] .system-calc-stake>ul {
    height: 32px
  }

  .customBetslipMessage {
    color: #fff;
    text-decoration: underline
  }

  .suggested-info-b {
    float: left;
    width: 100%;
    padding: 20px 0
  }

  .suggested-info-b>h2 {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 10px
  }

  .suggested-info-b>p {
    font-size: 12px;
    line-height: 14px
  }

  .suggested-bet-list {
    float: left;
    width: 100%
  }

  .single-sugges-contain-m {
    border-radius: 3px;
    margin: 0 0 5px;
    background: rgba(0, 0, 0, .35);
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding: 12px 8px
  }

  .single-sugges-contain-m .team-name-s {
    float: left;
    width: 100%
  }

  .single-sugges-contain-m .team-name-s>p {
    font-size: 12px;
    line-height: 16px;
    color: #c2c5cd
  }

  .team-info-box-m {
    float: left;
    width: 100%
  }

  .team-info-box-m>p {
    font-size: 12px;
    line-height: 14px;
    color: #7b8191;
    padding: 10px 0 5px
  }

  .suggested-bet-info {
    table-layout: fixed;
    display: table;
    vertical-align: top
  }

  .suggested-bet-info>span {
    display: table-cell;
    font-size: 12px;
    color: #aa8136;
    width: 100%
  }

  .suggested-bet-info>span:last-child {
    text-align: right;
    width: 50px
  }

  .add-to-betsleep-c {
    float: left;
    width: 100%
  }

  .add-to-betsleep-c>.button-view-normal-m.trans-m {
    box-shadow: inset 0 0 0 1px #fff;
    margin: 10px 0;
    color: #fff
  }

  .betslip-full-view.active .spinner {
    display: inline-block;
    vertical-align: middle
  }

  .bar-code-wrapper {
    float: left;
    width: 100%;
    margin-top: 12px;
    border-top: 1px solid var(--skin-8);
    box-shadow: inset 0 1px 0 rgba(var(--text-6), .15)
  }

  .bar-code-header {
    display: table;
    width: 100%;
    table-layout: fixed;
    font-size: 12px;
    padding-top: 10px
  }

  .bar-code-header>span {
    display: table-cell
  }

  .bar-code-header>span.booking-id {
    color: var(--text-6)
  }

  .bar-code-header>span.booking-id .spinner {
    display: inline-block;
    vertical-align: middle
  }

  .bar-code-header>span.get-barcode {
    text-align: right;
    color: rgba(var(--text-1), .7)
  }

  .bar-code-header>span.get-barcode:after {
    content: "\E670";
    display: inline-block;
    padding-left: 8px;
    font: 13px Icomoon;
    vertical-align: middle
  }

  .arrow-up .bar-code-header>span.get-barcode:after {
    content: "\E671"
  }

  .bar-code-body {
    margin-top: 10px;
    padding: 15px 0 5px;
    text-align: center;
    background-color: var(--skin-8);
    box-shadow: 15px 0 0 var(--skin-8), -15px 0 0 var(--skin-8), 15px 10px 0 var(--skin-8), -15px 10px 0 var(--skin-8), 0 10px 0 var(--skin-8)
  }

  .bar-code-body .bar-code {
    display: inline-block;
    line-height: 0;
    border-radius: 8px;
    overflow: hidden
  }

  .bar-code-bottom {
    position: fixed;
    display: table;
    width: 100%;
    bottom: 0;
    padding: 0 15px;
    table-layout: fixed;
    font-size: 12px;
    line-height: 45px;
    background-color: var(--skin-11);
    box-shadow: inset 0 1px 0 rgba(var(--text-6), .15)
  }

  .bar-code-bottom>span {
    display: table-cell;
    color: var(--text-6)
  }

  .bar-code-bottom>span:last-child {
    text-align: right;
    color: var(--text-1)
  }

  .miniBetslip-wrapper {
    z-index: 999
  }

  [virtual-keyboard=opened] .miniBetSlip-second-inner {
    padding-bottom: 0
  }

  .miniBetSlip {
    float: left;
    width: 100%;
    position: relative
  }

  .miniBetSlip.containCover:before {
    content: "";
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%
  }

  .miniBetSlip .accept-k {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    background: var(--brand);
    height: 39px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    position: relative;
    z-index: 10
  }

  .miniBetSlip .accept-k p {
    font-size: 15px
  }

  .miniBetSlip .accept-k p:before {
    content: none
  }

  .miniBetSlip .miniBetSlip-inner {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px;
    background: var(--skin-8);
    z-index: 9
  }

  .miniBetSlip .miniBetSlip-inner .event-remove-b-m {
    color: var(--text-6)
  }

  .miniBetSlip .miniBetSlip-second-inner {
    float: left;
    width: 100%;
    background-color: var(--skin-8)
  }

  .miniBetSlip .text-info-bet-m {
    z-index: 9
  }

  .miniBetSlip .team-name-view-b-m {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-color: var(--skin-7)
  }

  .miniBetSlip .team-name-view-b-m .event-deleted:before {
    font-size: 20px;
    color: #c43451
  }

  .miniBetSlip .team-name-view-b-m a {
    color: var(--text-2)
  }

  .miniBetSlip .team-name-view-b-m .icon-status-view-m {
    margin: 0 5px 0 0
  }

  .miniBetSlip .single-bet-m {
    position: relative;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    width: 100%;
    height: 42px;
    z-index: 9;
    grid-template-columns: 2fr 1fr;
    background: var(--skin-10)
  }

  .miniBetSlip .single-bet-m>div {
    margin: 0
  }

  .miniBetSlip .single-bet-m .stake-form-b-m {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 0 10px
  }

  .miniBetSlip .single-bet-m .stake-form-b-m>span {
    border: none;
    position: relative;
    padding: 0;
    line-height: 18px;
    height: auto
  }

  .miniBetSlip .single-bet-m .stake-form-b-m>span:first-child {
    color: var(--text-6);
    font-size: 10px
  }

  .miniBetSlip .single-bet-m .stake-form-b-m>span:last-child {
    font-size: 14px;
    color: #171c2c
  }

  .miniBetSlip .single-bet-m .stake-form-b-m>span:last-child>span:last-child {
    margin: 0 0 0 5px
  }

  .miniBetSlip .single-bet-m .stake-form-b-m>span:last-child .selected {
    position: relative
  }

  .miniBetSlip .single-bet-m .stake-form-b-m>span:last-child .selected>span {
    opacity: .7
  }

  .miniBetSlip .single-bet-m .stake-form-b-m>span:last-child .selected.start {
    background: rgba(23, 28, 44, .2);
    padding: 0 3px
  }

  .miniBetSlip .single-bet-m .stake-form-b-m>span:last-child .selected.start:before {
    left: 0
  }

  .miniBetSlip .single-bet-m .stake-form-b-m>span:last-child .selected.end:before {
    right: -2px
  }

  .miniBetSlip .single-bet-m .stake-form-b-m>span:last-child .selected:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    background: #171c2c;
    -webkit-animation: stake-line 1s linear infinite;
    animation: stake-line 1s linear infinite
  }

  @-webkit-keyframes stake-line {

    0%,
    49% {
      opacity: 0
    }

    50%,
    to {
      opacity: 1
    }
  }

  @keyframes stake-line {

    0%,
    49% {
      opacity: 0
    }

    50%,
    to {
      opacity: 1
    }
  }

  .miniBetSlip .separator-box-buttons-m {
    margin: 0;
    float: none;
    width: auto;
    position: relative;
    padding: 0
  }

  .miniBetSlip .separator-box-buttons-m .md-progress-circular {
    width: 30px;
    height: 30px
  }

  .miniBetSlip .separator-box-buttons-m .md-progress-circular:before {
    top: 0;
    width: 30px;
    height: 30px;
    border-top: 3px solid var(--brand);
    border-right: 3px solid transparent
  }

  .miniBetSlip .separator-box-buttons-m>.button-view-normal-m {
    min-width: 160px;
    height: 42px;
    padding: 0 10px;
    float: none;
    line-height: 18px;
    color: var(--brand-sc);
    background: var(--brand);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
  }

  .miniBetSlip .separator-box-buttons-m>.button-view-normal-m:disabled {
    background: var(--skin-7);
    color: var(--text-1)
  }

  .miniBetSlip .separator-box-buttons-m>.button-view-normal-m .long-word {
    font-size: 12px
  }

  .miniBetSlip .possible-win-container {
    height: 42px
  }

  .miniBetSlip .possible-text-title-m {
    font-size: 10px;
    text-transform: none;
    white-space: nowrap;
    color: unset
  }

  .miniBetSlip .possible-text-title-m>span:first-child {
    opacity: .6
  }

  .miniBetSlip .possible-text-title-m>span:first-child>i {
    font-style: normal;
    margin: 0 0 0 2px
  }

  .miniBetSlip .possible-text-title-m>span:last-child {
    font-size: 14px;
    text-transform: uppercase;
    opacity: 1;
    display: block
  }

  .miniBetSlip .minibetslip-error {
    position: relative;
    float: left;
    width: 100%;
    background: var(--skin-8);
    z-index: 2
  }

  .miniBetSlip .minibetslip-error .text-info-bet-m {
    padding: 5px 32px 5px 10px;
    background: var(--skin-10);
    border-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 38px
  }

  .miniBetSlip .minibetslip-error .text-info-bet-m:last-child {
    margin: 0 0 6px
  }

  .miniBetSlip .minibetslip-error .text-info-bet-m+.text-info-bet-m {
    border-top: 1px solid var(--skin-7)
  }

  .miniBetSlip .minibetslip-error .text-info-bet-m>p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    color: var(--text-3);
    line-height: normal;
    font-size: 12px
  }

  .miniBetSlip .minibetslip-error .text-info-bet-m>p:before {
    position: relative;
    top: 0;
    margin: 0 10px 0 0;
    content: "\E916";
    color: #af873f;
    font-size: 20px;
    line-height: normal
  }

  .miniBetSlip .minibetslip-error .text-info-bet-m>p a {
    color: var(--text-1);
    text-decoration: underline;
    margin: 0 10px
  }

  .miniBetSlip .minibetslip-error .text-info-bet-m>p.warning>p:before {
    color: #b31146
  }

  .miniBetSlip .sub-error-info {
    position: absolute;
    top: 25px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, .28)
  }

  [dir=rtl] .miniBetSlip .text-info-bet-m {
    padding: 5px 10px 5px 32px
  }

  [dir=rtl] .miniBetSlip .text-info-bet-m>p:before {
    margin: 0 0 0 10px
  }

  [dir=rtl] .miniBetSlip .stake-form-b-m {
    padding: 0 10px 0 0
  }

  [dir=rtl] .miniBetSlip .team-name-view-b-m .icon-status-view-m {
    margin: 0 0 0 5px
  }

  .stakes-values {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px 5px;
    background-color: var(--skin-8);
    box-sizing: border-box;
    font-size: 14px;
    z-index: 9999999
  }

  .stakes-values .values {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
  }

  .stakes-values .values .edit-stakes-currency {
    background-color: var(--skin-10);
    margin-bottom: 5px;
    position: relative
  }

  .stakes-values .values .edit-stakes-currency>input {
    padding: 12px 0 12px 10px;
    margin: 0 10px 0 0;
    background-color: var(--skin-10);
    color: var(--text-1);
    box-sizing: border-box;
    border: 0;
    outline: 0;
    width: 100%;
    font-size: 14px
  }

  .stakes-values .values .edit-stakes-currency>input::-webkit-input-placeholder {
    color: var(--text-1)
  }

  .stakes-values .values .edit-stakes-currency>input::-moz-placeholder {
    color: var(--text-1)
  }

  .stakes-values .values .edit-stakes-currency>input:-ms-input-placeholder,
  .stakes-values .values .edit-stakes-currency>input::-ms-input-placeholder {
    color: var(--text-1)
  }

  .stakes-values .values .edit-stakes-currency>input::placeholder {
    color: var(--text-1)
  }

  .stakes-values .values .edit-stakes-currency span {
    position: absolute;
    top: 13px;
    left: 0
  }

  .stakes-values .save-cancel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5px
  }

  .stakes-values .save-cancel button {
    width: 100%;
    height: 36px;
    border: none;
    font-size: 14px
  }

  .stakes-values .save-cancel button.save {
    background-color: var(--brand);
    color: var(--brand-sc)
  }

  .stakes-values .save-cancel button.cancel {
    background-color: var(--skin-10);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    color: var(--text-1)
  }

  @media screen and (min-width:980px) {
    .miniBetslip-wrapper {
      width: calc(100% - 260px) !important
    }
  }

  .miniBetslip-wrapper {
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    box-shadow: 0 2px 15px 8px rgba(0, 0, 0, .28);
    background: var(--skin-8)
  }

  .miniBetslip-wrapper.iphone-padding {
    padding: 0 0 15px
  }

  .miniBetslip-wrapper .new-virtual-keyboard {
    position: relative;
    z-index: 1
  }

  .miniBetslip-wrapper .virtual-keyboard-inner {
    background: var(--skin-8);
    padding: 10px 0 0
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-top {
    height: unset;
    padding: 0;
    overflow: unset;
    margin: 0 5px 5px 0;
    display: grid;
    grid-template-columns: calc(100% - 38px) 38px;
    position: relative
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-top .edit {
    width: 38px;
    min-width: 38px;
    display: block;
    margin: 0;
    color: var(--text-3);
    z-index: 1
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-top .edit:before {
    content: "\E9B0"
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-top .user-values {
    height: 45px;
    width: 100%;
    overflow-y: visible;
    text-align: left;
    padding: 0 10px 0 5px
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-top .user-values>span {
    height: 38px;
    min-width: 33%;
    margin: 0;
    text-align: center
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-top .user-values>span:nth-child(2) {
    margin: 0 2px;
    min-width: calc(33% - 1px)
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-top:after {
    content: "";
    width: 20px;
    height: 44px;
    background: -webkit-linear-gradient(left, rgba(var(--skin-8-rgb), 0) 35%, var(--skin-8) 80%, var(--skin-8));
    background: linear-gradient(90deg, rgba(var(--skin-8-rgb), 0) 35%, var(--skin-8) 80%, var(--skin-8));
    position: absolute;
    top: -2px;
    right: 38px
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-bottom {
    display: grid;
    grid-template-rows: 3fr 1fr;
    padding: 0 8px;
    grid-row-gap: 2px
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .number-part {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 2px;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .number-part>li {
    margin: 0;
    padding: 0;
    width: 100%
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .function-part {
    width: 100%;
    grid-column-gap: 2px;
    display: grid;
    grid-template-columns: auto auto auto
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .function-part>span {
    width: 100%;
    padding: 0;
    margin: 0
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .function-part .backspace:before {
    color: rgba(var(--text-1), .8)
  }

  .miniBetslip-wrapper .virtual-keyboard-inner .function-part span,
  .miniBetslip-wrapper .virtual-keyboard-inner .number-part li,
  .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-top span {
    border-radius: 0;
    background: var(--skin-7);
    box-shadow: 0 2px 4px 0 var(--skin-10);
    color: var(--text-2);
    font-size: 15px
  }

  .miniBetslip-wrapper .add-done {
    display: grid;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    grid-column-gap: 5px;
    grid-template-columns: 1fr 1fr;
    margin: 10px 5px
  }

  .miniBetslip-wrapper .add-done>span {
    display: block;
    padding: 10px;
    background: var(--skin-10);
    color: var(--text-1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    width: 100%
  }

  [dir=rtl] .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-top {
    margin: 0 0 5px 5px
  }

  [dir=rtl] .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-top:after {
    background: -webkit-linear-gradient(right, transparent 35%, var(--skin-8) 80%, var(--skin-8));
    background: linear-gradient(270deg, transparent 35%, var(--skin-8) 80%, var(--skin-8));
    left: 38px;
    right: auto
  }

  [dir=rtl] .miniBetslip-wrapper .virtual-keyboard-inner .virtual-keyboard-top .user-values {
    padding: 0 4px 0 10px
  }

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

  .betslip-m .tax-block {
    font-size: 13px;
    display: grid;
    grid-template-columns: 1fr auto;
    color: var(--text-6)
  }

  .betslip-m .tax-block+.tax-block {
    margin: 6px 0 0
  }

  .betslip-m .tax-block i {
    font-style: normal
  }

  .betslip-m .tax-block .tax-price,
  .betslip-m .tax-block .tax-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .betslip-m .tax-block .tax-title>span {
    float: none;
    text-transform: none
  }

  .betslip-m .tax-block .tax-price {
    text-align: right
  }

  .betslip-m .tax-block:nth-child(5) {
    color: var(--text-3)
  }

  .betslip-m .tax-block:nth-child(2) {
    color: #f8e358;
    padding: 0 0 10px;
    margin: 6px 0 10px;
    border-bottom: 1px solid var(--skin-12);
    box-shadow: 0 1px 0 var(--skin-8)
  }

  .betslip-m.loading {
    -webkit-filter: inherit;
    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: var(--skin-14);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    z-index: 666;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: .14s betslip-view-mini ease-in;
    animation: .14s betslip-view-mini ease-in
  }

  @-webkit-keyframes betslip-view-mini {
    0% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0)
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
    }
  }

  @keyframes betslip-view-mini {
    0% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0)
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
    }
  }

  .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: var(--text-3)
  }

  .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;
    padding: 1px 5px;
    border-radius: 10px;
    text-align: center;
    min-width: 22px;
    background: var(--hero);
    color: var(--hero-sc)
  }

  .betslip-balance-view-m ul>li>a {
    color: var(--text-3);
    text-decoration: none
  }

  .balance-view-betslip {
    color: var(--brand)
  }

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

  .quick .balance-view-betslip>i {
    box-shadow: 0 -1px 0 var(--skin-6) inset
  }

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

  .betslip-full-view {
    position: fixed;
    top: 150%;
    height: 0;
    width: 100%;
    background: var(--skin-14);
    z-index: 999;
    -webkit-transition: top .4s, height .4s;
    transition: top .4s, height .4s;
    padding: 0;
    -webkit-transform: translateZ(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: 999999
  }

  .betslip-booking {
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: var(--skin-12);
    box-shadow: inset 0 1px 0 rgba(var(--text-6), .15)
  }

  .betslip-booking>div {
    display: table-cell;
    text-align: center;
    font-size: 11px;
    line-height: 36px;
    color: var(--text-6);
    text-transform: uppercase
  }

  .betslip-booking>div.active {
    color: var(--text-1);
    box-shadow: 0 -2px 0 var(--hero) inset
  }

  .quick-bet-settings-view {
    float: left;
    width: 100%;
    height: 47px;
    background: var(--skin-10);
    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: var(--text-6);
    -webkit-transition: opacity .3s;
    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: var(--text-6)
  }

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

  .betslip-settings.open:before {
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    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: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: auto;
    max-height: 0;
    -webkit-transition: max-height .4s;
    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 var(--skin-14)
  }

  .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: var(--text-3);
    font-size: 14px;
    line-height: 16px;
    padding: 5px 0
  }

  .switcher-contain {
    float: left;
    width: 100%;
    height: 31px;
    padding: 2px;
    background: var(--skin-12);
    border-radius: 15px;
    -webkit-transition: background .3s;
    transition: background .3s
  }

  .switcher-contain.on {
    background: var(--brand)
  }

  .switcher-circle-b-m {
    background: var(--text-6);
    width: 27px;
    height: 27px;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 22;
    -webkit-transition: left .3s, background .3s;
    transition: left .3s, background .3s
  }

  .switcher-contain.on>.switcher-circle-b-m {
    left: 22px;
    background: var(--skin-2)
  }

  .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: var(--text-3)
  }

  .quick-bet-form-m {
    float: left;
    width: 100%;
    padding: 10px 15px;
    background: var(--skin-10);
    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: middle
  }

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

  .save-b-m>.button-view-normal-m {
    box-shadow: 0 0 0 1px var(--brand) inset;
    color: var(--text-1)
  }

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

  .text-info-bet-m {
    float: left;
    width: 100%;
    padding: 5px 32px 5px 15px;
    border-bottom: 1px solid var(--skin-12);
    position: relative
  }

  .text-info-bet-m>p {
    float: left;
    width: 100%;
    color: var(--text-6)
  }

  .text-info-bet-m>a,
  .text-info-bet-m>p {
    font-size: 14px;
    line-height: 16px;
    position: relative;
    padding: 0 0 0 20px
  }

  .text-info-bet-m>a {
    color: var(--text-4)
  }

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

  .text-info-bet-m>p:before {
    font: 12px/14px icomoon;
    content: "\E916";
    color: var(--text-6);
    position: absolute;
    left: 0;
    top: 1px
  }

  .text-info-bet-m.accept>p,
  .text-info-bet-m.success>p {
    color: var(--text-1)
  }

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

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

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

  .text-info-bet-m>.betslip-additional-msg>a {
    color: #969696;
    font-weight: 700;
    text-decoration: none
  }

  @-webkit-keyframes accept-bet {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1)
    }

    50% {
      -webkit-transform: scale(1.5);
      transform: scale(1.5)
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }

  @keyframes accept-bet {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1)
    }

    50% {
      -webkit-transform: scale(1.5);
      transform: scale(1.5)
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }

  .superbet-wrapper {
    float: left;
    width: 100%;
    padding: 0 5px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    box-sizing: border-box
  }

  .bet-kind-container {
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--text-15);
    height: 49px;
    padding: 2px 10px 0
  }

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

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

  .superbet-text {
    color: #f8e358
  }

  .booking-text,
  .freebet-text {
    color: var(--text-3)
  }

  .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"
  }

  .suggested-express:before {
    content: "\E958";
    color: #e1c963
  }

  .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: var(--text-6);
    text-align: center;
    -webkit-transition: color .3s;
    transition: color .3s
  }

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

  .info-icon-k-bet.active {
    color: var(--text-3)
  }

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

  .info-i-switcher-b>.switcher-box>.switcher-contain {
    background: var(--skin-10)
  }

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

  .booking-s>.switcher-box>.switcher-contain.on,
  .freebet-s>.switcher-box>.switcher-contain.on {
    background: var(--hero)
  }

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

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

  .text-info-kind-bet>p {
    float: left;
    width: 100%;
    padding: 10px 0;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-6);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    position: relative
  }

  .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: var(--text-6)
  }

  .free-bet-open-view>ul {
    float: left;
    width: 100%;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    border-bottom: 1px solid var(--skin-15);
    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: var(--text-3)
  }

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

  .all-bets-settings-row-m {
    float: left;
    width: 100%;
    height: 40px;
    background: var(--skin-11);
    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% - 205px)
  }

  .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: var(--text-6);
    height: 40px;
    position: relative;
    padding: 0;
    white-space: nowrap;
    width: 30px
  }

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

  @media screen and (max-width:360px) {
    .System .all-bets-settings-row-m>ul>li:first-child>.select-contain-m>select {
      min-width: 116px
    }

    .all-bets-settings-row-m>ul>li.system-select-option>.select-contain-m>select,
    .all-bets-settings-row-m>ul>li.system-select-option>.select-contain-m>select>option {
      text-transform: none
    }
  }

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

  .betslip-events-container .suggested-list {
    padding-bottom: 10px
  }

  .betslip-events-container .separator-box-buttons-m {
    margin: 0 0 15px
  }

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

  .text-info-kind-bet.active+.betslip-events-container-full:before {
    width: 100%;
    height: 1px;
    background: #c2c5cd;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: ""
  }

  .single-event-contain-m {
    float: left;
    width: 100%;
    padding: 10px 15px;
    background: var(--skin-10);
    min-height: 80px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 1px 0
  }

  @-webkit-keyframes betslip-add-event-animate-b {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
    }

    25% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0)
    }

    75% {
      -webkit-transform: translate3d(0, -3px, 0);
      transform: translate3d(0, -3px, 0)
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
    }
  }

  @keyframes betslip-add-event-animate-b {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
    }

    25% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0)
    }

    75% {
      -webkit-transform: translate3d(0, -3px, 0);
      transform: translate3d(0, -3px, 0)
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
    }
  }

  .bet-button-container {
    float: left;
    width: 100%;
    padding: 10px 15px;
    background: var(--skin-12)
  }

  .bet-button-container.new-k .bet-button-container {
    padding: 10px 0
  }

  .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 var(--text-12)
  }

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

  .sub-error-info {
    padding: 10px;
    color: var(--text-12);
    display: none;
    background: var(--skin-6);
    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 var(--skin-6)
  }

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

  .sub-error-info>p:first-child {
    color: var(--text-2);
    font-size: 13px
  }

  .sub-error-info.multiline>p:first-child {
    border-bottom: 1px solid var(--skin-6);
    padding: 0 0 5px;
    margin: 0 0 5px
  }

  .team-name-view-b-m>a {
    font-size: 14px;
    line-height: 16px;
    color: var(--text-3);
    text-decoration: none;
    display: inline-block;
    vertical-align: top
  }

  .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 var(--skin-8);
    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: var(--text-6)
  }

  .bet-pick-name-m {
    color: var(--favorite)
  }

  .bet-pick-name-m li {
    display: inline-block
  }

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

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

  .price-view-m {
    color: var(--favorite);
    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: var(--skin-11);
    box-shadow: 0 0 3px #000;
    -webkit-animation: .24s keyboard ease-in-out;
    animation: .24s keyboard ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

    to {
      bottom: 0
    }
  }

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

    to {
      bottom: 0
    }
  }

  .virtual-keyboard-m {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: var(--skin-8);
    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: var(--skin-3);
    color: var(--skin-11)
  }

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

  .key-numbers-m>li>span,
  .key-simbols-m>li>span {
    text-align: center;
    float: left;
    width: 100%;
    border-radius: 3px;
    background: var(--skin-6);
    color: var(--text-3);
    line-height: 38px;
    position: relative
  }

  .key-numbers-m>li>span:active,
  .key-simbols-m>li>span:active {
    background: var(--hero);
    opacity: .8
  }

  .max-bet-b-m {
    float: left;
    padding: 0 15px;
    height: 38px;
    border: 1px solid var(--text-6);
    border-left: none;
    font-size: 11px;
    line-height: 38px;
    color: var(--text-2);
    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 var(--text-6);
    height: 38px;
    padding: 6px 10px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: var(--text-6);
    -webkit-transition: border .24s;
    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 var(--hero)
  }

  .bet-price-button-m {
    float: right;
    width: 100%;
    min-width: 32px;
    height: 38px;
    font: 16px/38px icomoon;
    background: var(--skin-8);
    text-align: center;
    color: var(--text-6)
  }

  .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: 12px;
    line-height: 14px;
    padding-right: 10px
  }

  .possible-text-title-m {
    color: var(--text-3)
  }

  .total-win-m {
    color: var(--text-2)
  }

  .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: var(--text-3)
  }

  .total-win-price-m {
    color: var(--text-2)
  }

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

  .sum-bet-win-price-m {
    color: var(--brand)
  }

  .total-view-price-pos-b {
    float: left;
    width: 100%;
    background: var(--skin-12);
    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 var(--skin-11);
    box-shadow: 0 -1px 0 var(--skin-15) inset
  }

  .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: var(--text-3)
  }

  .ew-total-odd>ul>li>p>span {
    color: var(--accent)
  }

  .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: 0 0 0 1px var(--skin-6) inset;
    text-transform: uppercase;
    color: var(--text-6);
    border-radius: 3px;
    -webkit-transition: background .24s, color .24s, box-shadow .24s;
    transition: background .24s, color .24s, box-shadow .24s;
    text-align: center
  }

  .ew-view-b>input:checked+span {
    box-shadow: 0 0 0 1px var(--accent) inset;
    color: var(--text-10);
    background: #b6862d
  }

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

  .counter-offer-icon {
    background: url(../images/counter-offer-logo.png) no-repeat 50% 50%/contain
  }

  .kind-of-bet.counter-offer-icon {
    height: 100%;
    width: 40px;
    left: -12px
  }

  .counter-offer-container-wrapper-m>.single-form-item {
    position: relative
  }

  .delete-counter-offer:before {
    content: "\E90C";
    display: block;
    position: absolute;
    top: 8px;
    right: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    font: 12px/20px icomoon;
    color: var(--text-6)
  }

  .button-view-normal-m.countr-max-b {
    height: 38px;
    line-height: 18px;
    font-size: 12px
  }

  .cleared-all-box .clear-all-m {
    width: auto;
    line-height: 40px
  }

  .key-simbols-m.bookingIDKeyboard>li:first-child>span:before {
    display: block;
    content: "\E914";
    font: 24px/38px icomoon;
    color: #f2f2f3
  }

  .key-simbols-m.bookingIDKeyboard>li:nth-child(2)>span:after,
  .key-simbols-m.bookingIDKeyboard>li:nth-child(2)>span:before {
    content: ""
  }

  @media only screen and (min-width:980px) {
    .has-tablet-view .betslip-balance-view-m {
      pointer-events: none
    }
  }

  @media only screen and (max-width:320px) {
    .System .clear-all-m {
      right: -8px
    }
  }

  .betslip-m.quick {
    bottom: auto;
    top: 0
  }

  .betslip-m.quick>.betslip-balance-view-m {
    position: fixed
  }

  .add-selection-wrapper {
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 9
  }

  body[virtual-keyboard=opened] .add-selection-wrapper {
    bottom: 85px
  }

  .add-selection-block {
    float: left;
    width: 100%
  }

  .edit-bet-selections-info {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    background: var(--brand);
    position: relative
  }

  .add-selections {
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    position: relative
  }

  .add-selections:after {
    display: block;
    position: absolute;
    font: 14px/30px icomoon;
    content: "\E671";
    right: 0;
    top: 0
  }

  .edit-bet-win-info {
    float: left;
    width: 100%;
    background: var(--skin-12);
    box-sizing: border-box;
    padding: 10px
  }

  .add-new-selections-wrapper {
    float: left;
    width: 100%;
    padding: 0;
    background: var(--skin-10)
  }

  .add-new-selections-wrapper>p {
    font-size: 12px;
    line-height: 30px;
    padding-left: 25px;
    color: var(--text-3);
    position: relative;
    text-transform: uppercase
  }

  .add-new-selections-wrapper>p:before {
    content: "\EA0A";
    display: block;
    top: 0;
    left: 10px;
    font: 10px/30px icomoon;
    position: absolute
  }

  .under-add-selection-i {
    float: left;
    width: 100%
  }

  .under-add-selection-i>span {
    display: inline-block;
    padding: 0 5px;
    text-align: right;
    width: 100%
  }

  .possible-win-block-b {
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 0 0
  }

  .possible-win-block-b>p {
    background: var(--skin-10);
    padding: 18px 5px 5px;
    font-size: 13px;
    line-height: 15px;
    color: var(--text-4)
  }

  .possible-win-block-b>span {
    background: var(--skin-10);
    padding: 0 5px 20px !important;
    float: left;
    width: 100%
  }

  .possible-win-block-b>span>i {
    color: var(--text-2);
    font-size: 18px;
    line-height: 20px;
    font-style: normal
  }

  .edit-bet-m-exit {
    float: left;
    width: 100%;
    background: var(--skin-14)
  }

  .edit-bet-m-exit .add-selections-info {
    font-size: 13px;
    line-height: 16px;
    color: var(--text-3);
    padding: 10px 15px;
    float: left;
    width: 100%
  }

  .edit-bet-m-exit .market-full-info-m {
    box-shadow: 0 -1px 0 var(--text-12)
  }

  .edit-bet-m-exit .team-name-view-b-m {
    border-bottom: none;
    padding: 0 0 10px
  }

  .edit-bet-m-exit .team-name-view-b-m>a {
    padding: 0 5px 10px 0
  }

  .edit-bet-m-exit .md-progress-circular {
    position: relative !important
  }

  .new-selections-info {
    float: left;
    width: 100%;
    height: 30px;
    background: var(--brand);
    position: relative
  }

  .new-selections-info>button {
    position: absolute;
    right: 10px;
    top: 5px
  }

  .new-selections-info>button:disabled {
    opacity: .5
  }

  .new-selections-info>p {
    padding-left: 30px;
    text-transform: uppercase
  }

  .new-selections-info>p:after {
    display: none
  }

  .new-selections-info>p:before {
    content: "\EA0A";
    display: block;
    top: 0;
    left: 10px;
    font: 10px/30px icomoon;
    position: absolute
  }

  .q-bet-container.edit-mode-stake {
    position: fixed;
    top: 48px;
    left: 0;
    z-index: 9999;
    background: var(--skin-10)
  }

  .add-new-selections-wrapper .edit-bet-m-exit {
    border: 1px solid var(--brand)
  }

  .user-info-show-b {
    float: left;
    width: 100%;
    background: var(--skin-14);
    height: 30px;
    display: table;
    box-sizing: border-box;
    padding: 0 15px
  }

  .user-info-show-b>span {
    display: table-cell;
    font-size: 12px;
    line-height: 30px;
    color: var(--text-4)
  }

  .user-info-show-b>span:last-child {
    text-align: right
  }

  .betslip-balance-view-m.add-selection-mode {
    height: inherit
  }

  .edit-bet-selection-mode .betslip-m.quick {
    bottom: 0;
    top: inherit
  }

  .repeat-bet-b {
    float: left;
    width: 100%
  }

  .repeat-bet-b>button {
    margin: 0 0 15px
  }

  .superbet-container-m {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background: var(--skin-14);
    border-top: 1px solid var(--skin-12);
    margin: 5px 0 0
  }

  .superbet-wrapper {
    background: -webkit-linear-gradient(left, #393146, #4f2d49);
    background: linear-gradient(90deg, #393146, #4f2d49)
  }

  .bet-kind-container {
    border-bottom: none;
    position: relative
  }

  .bet-kind-container:after {
    content: "";
    display: block;
    width: calc(100% + 30px);
    height: 1px;
    background: #212532;
    position: absolute;
    bottom: 0;
    left: -15px
  }

  .superbet-text {
    color: #c2c5cd;
    font-weight: 700
  }

  .info-icon-k-bet {
    color: #c2c5cd
  }

  .info-i-switcher-b>.switcher-box>.switcher-contain {
    background: #3b2237
  }

  .info-i-switcher-b>.switcher-box>.switcher-contain.on {
    background: #7a4176
  }

  .bet-kind-container .switcher-circle-b-m {
    background: #c2c5cd
  }

  .text-info-kind-bet>p {
    box-shadow: none
  }

  .text-info-kind-bet>h2 {
    float: left;
    width: 100%;
    padding: 10px 0 0;
    color: var(--text-3)
  }

  .q-mini-box>.quick-bet-form-m>ul>li {
    vertical-align: top
  }

  .possible-win-container .bonus-percentage li {
    display: block;
    width: 100%
  }

  .possible-win-container .bonus-percentage li div {
    display: table;
    width: 100%;
    table-layout: fixed
  }

  .possible-win-container .bonus-percentage li div:first-child {
    margin-bottom: 5px
  }

  .possible-win-container .bonus-percentage li div>span {
    display: table-cell
  }

  .possible-win-container .bonus-percentage li div>span:last-child {
    text-align: right
  }

  .possible-win-container .bonus-percentage li div>span i {
    font-style: normal
  }

  .profit-boost .profit-boost-icon {
    height: 100%;
    width: 30px;
    left: -4px;
    background: url(../images/rocket.png) no-repeat 50% 50%/contain
  }

  .profit-boost-bet .button-view-normal-m {
    background-color: var(--skin-8);
    box-shadow: 0 0 0 1px var(--skin-8) inset;
    color: var(--text-2)
  }

  .profit-boost-bet .market-full-info-m>ul>li>p.bet-pick-name-m {
    width: auto;
    padding: 0 5px;
    border-radius: 3px;
    background-color: #aa8134;
    color: var(--text-12);
    text-transform: uppercase;
    text-align: center
  }

  .profit-boost-bet .separator-box-buttons-m {
    padding-left: 10px
  }

  .profit-boost-amount div:first-child {
    margin-top: 10px
  }

  .radio-b>li {
    float: left;
    width: 100%;
    margin: 0;
    color: var(--text-3)
  }

  .radio-b>li:first-child {
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-6)
  }

  .radio-b>li:last-child {
    padding-bottom: 10px
  }

  .profit-boost-amount>div {
    display: table;
    float: left;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 10px
  }

  .profit-boost-amount>div>span {
    display: table-cell;
    width: 50%;
    font-size: 12px;
    color: var(--text-1);
    font-weight: 500
  }

  .profit-boost-amount>div>span:last-child {
    text-align: right
  }

  .profit-boost-amount>div .boost-amouunt {
    font-size: 14px;
    color: var(--text-3)
  }

  .profit-boost-amount>div .boost-money {
    font-size: 14px;
    color: var(--text-2);
    text-transform: uppercase
  }

  .profit-boost-amount>div .boost-percentage>em {
    padding: 3px 8px;
    font-style: normal;
    background: -webkit-linear-gradient(top, #b6862e, #b05747);
    background: linear-gradient(180deg, #b6862e, #b05747);
    border-radius: 3px
  }

  .profit-boost-amount>div:last-child span {
    font-size: 14px
  }

  .profit-boost-amount>div:last-child span:last-child {
    text-transform: uppercase
  }

  [dir=rtl] .text-info-bet-m>p {
    padding: 0 20px 0 0
  }

  [dir=rtl] .text-info-bet-m>p:before {
    right: 0
  }

  .m-options-view {
    float: left;
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
    background: var(--skin-11);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 0
  }

  .m-options-view>span {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 40px 10px 15px;
    font-size: 14px;
    height: 36px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-3);
    position: relative
  }

  .m-options-view>span:before {
    position: absolute;
    display: block;
    font-style: normal;
    right: 0;
    top: 0;
    width: 36px;
    height: 100%;
    font: 18px/36px icomoon;
    color: #7c8291;
    text-align: center;
    content: "\E670"
  }

  .m-options-view>span.active:before {
    content: "\E671"
  }

  .m-options-view>ul {
    float: left;
    width: 100%;
    padding: 10px 15px;
    background: var(--skin-8)
  }

  .m-options-view>ul>li {
    float: left;
    width: 100%;
    margin: 5px 0 0;
    padding: 6px 0 4px;
    box-shadow: 0 -1px 0 var(--skin-10)
  }

  .m-options-view>ul>li:first-child {
    padding-top: 0;
    box-shadow: none
  }

  .m-options-row-v,
  .m-options-row-v>ul {
    float: left;
    width: 100%
  }

  .m-options-row-v>ul {
    display: table;
    table-layout: fixed
  }

  .m-options-row-v>ul>li {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
    color: var(--text-2)
  }

  .m-options-row-v>ul>li:nth-child(2) {
    width: 50px;
    padding: 0 10px 0 5px;
    text-align: right
  }

  .m-options-row-v>ul>li>.single-form-item {
    margin: 0;
    min-width: inherit
  }

  .m-options-row-v>ul>li:nth-child(4):last-child {
    width: 55px
  }

  .grecaptcha-badge {
    visibility: hidden
  }

  #debug {
    display: none
  }

  body.opened-ui {
    overflow: hidden;
    position: fixed
  }

  body.opened-ui.quick-bet {
    overflow: scroll;
    position: static
  }

  body[virtual-keyboard=opened] #chat_window_container,
  body[virtual-keyboard=opened] #live-chat-button1 {
    position: absolute;
    bottom: 70px
  }

  body[virtual-keyboard=opened] #live-chat-button1 iframe {
    position: absolute !important
  }

  .disable-for-captcha {
    pointer-events: none;
    cursor: not-allowed;
    background: var(--skin-6);
    box-shadow: 0 0 0 1px var(--skin-6) inset;
    color: var(--skin-6-sc)
  }

  .main-wrapper.rightMenu .right-nav-container-m.open {
    overflow: inherit;
    left: 0;
    right: 0
  }

  .main-wrapper.rightMenu .right-nav-container-m:before {
    background: rgba(0, 0, 0, .7)
  }

  .main-wrapper.rightMenu .right-nav-container-m>.closed-nav-icon {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    opacity: 1
  }

  .main-wrapper.leftMenu .left-nav-container-m:before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
  }

  .main-wrapper.leftMenu .left-nav-container-m>.closed-nav-icon {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    opacity: 1
  }

  .main-wrapper.leftMenu .left-nav-container-m {
    overflow: inherit;
    left: 0
  }

  .main-wrapper.leftMenu .right-top-nav {
    display: none
  }

  .single-coefficient-m>span>i {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    position: relative
  }

  @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-track-color: var(--skin-8);
      scrollbar-shadow-color: var(--skin-8);
      scrollbar-base-color: var(--skin-5);
      scrollbar-arrow-color: var(--skin-5);
      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: var(--skin-8);
      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: var(--skin-5)
    }

    .content-m {
      float: none;
      display: table-cell;
      vertical-align: top
    }
  }

  @media screen and (min-width:980px) and (min-width:980px) {

    .left-menu-opened,
    .rightMenu {
      -webkit-transform: inherit;
      -ms-transform: inherit;
      transform: inherit
    }

    .left-menu-opened .content-m,
    .rightMenu .content-m {
      position: static
    }

    .left-menu-opened .betslip-m,
    .rightMenu .betslip-m {
      -webkit-transform: inherit;
      -ms-transform: inherit;
      transform: inherit
    }

    .asian-view .asian-view-wrapper {
      float: left;
      width: 100%;
      height: calc(100vh - 100px);
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch
    }

    .has-bet-slip .asian-view-wrapper {
      width: calc(100% - 325px)
    }

    .has-bet-slip .betslip-m {
      display: block
    }

    .betslip-m {
      display: none
    }

    @supports ((position:-webkit-sticky) or (position:sticky)) or (position:-webkit-sticky) {
      .asian-view-filters-wrapper-m.active .asian-filter-picker {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 333
      }

      .asian-view .asian-view-filters-wrapper-m {
        top: 0;
        box-shadow: 0 1px 0 var(--skin-14);
        position: sticky;
        position: -webkit-sticky
      }

      .asian-view .asian-comp-row-v.second-c-p {
        top: 39px;
        position: sticky;
        position: -webkit-sticky;
        z-index: 266
      }

      .asian-view .game-date-view-m.asian-v {
        top: 70px;
        position: sticky;
        position: -webkit-sticky;
        z-index: 244
      }

      .asian-view-filters-wrapper-m.active {
        position: static;
        top: 0
      }

      .sport .asian-view-filters-wrapper-m .import-view-container {
        bottom: 0;
        left: 260px;
        width: calc(100% - 256px)
      }

      .sport.has-bet-slip .asian-view-filters-wrapper-m .import-view-container {
        left: 260px;
        width: calc(100% - 585px)
      }

      .casino.tournamentFilter .asian-view-filters-wrapper-m .import-view-container {
        width: 100%;
        left: 0
      }

      .asian-competitions-filter-wrapper {
        margin-bottom: 59px
      }
    }

    .left-menu-opened .asian-comp-row-v,
    .left-menu-opened .asian-comp-row-v.second-c-p,
    .left-menu-opened .dashboard-live-game-list-m .single-sport-title-dashboard-m,
    .left-menu-opened .dashboard-upcoming-game-list-m .single-sport-title-dashboard-m,
    .left-menu-opened .game-date-view-m.asian-v,
    .left-menu-opened .title-game-type-box,
    .rightMenu .asian-comp-row-v,
    .rightMenu .asian-comp-row-v.second-c-p,
    .rightMenu .dashboard-live-game-list-m .single-sport-title-dashboard-m,
    .rightMenu .dashboard-upcoming-game-list-m .single-sport-title-dashboard-m,
    .rightMenu .game-date-view-m.asian-v,
    .rightMenu .title-game-type-box {
      position: sticky;
      position: -webkit-sticky
    }

    .right-nav-container-m .select-contain-m>select {
      min-width: 120px
    }
  }

  @media screen and (min-width:980px) {
    body {
      height: 100%;
      overflow-y: auto
    }

    .full-container-m {
      float: left;
      width: 100%;
      display: table;
      table-layout: fixed
    }

    .play-game-mode .full-container-m {
      height: 100%
    }

    .logo-wrapper-m>a {
      width: 200px;
      background-position: 0 100%;
      margin: 0 auto
    }

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

    .nav-bar-contain-m {
      text-align: center
    }

    .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 - 110px);
      top: 60px !important
    }

    .content-m {
      float: none;
      display: table-cell;
      vertical-align: top
    }

    .content-m>.import-view-container {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
    }

    .main-wrapper.content-m>.game-view-wrapper,
    .main-wrapper .content-m>.import-view-container,
    .main-wrapper .deposit-view-wrapper,
    .main-wrapper .loyalty-page-wrapper,
    .main-wrapper .profile-view-wrapper {
      width: 100%;
      float: left;
      margin-right: 5px;
      padding-right: 3px;
      position: relative;
      height: calc(100vh - 48px);
      overflow-x: hidden;
      overflow-y: scroll
    }

    .main-wrapper.has-bet-slip .content-m>.game-view-wrapper,
    .main-wrapper.has-bet-slip .content-m>.import-view-container,
    .main-wrapper.has-bet-slip .deposit-view-wrapper,
    .main-wrapper.has-bet-slip .loyalty-page-wrapper,
    .main-wrapper.has-bet-slip .profile-view-wrapper {
      float: left;
      width: calc(100% - 325px);
      margin-right: 5px;
      padding-right: 3px;
      position: relative;
      height: calc(100vh - 50px);
      overflow-x: hidden;
      overflow-y: scroll
    }

    .has-bet-slip .content-m>.import-view-container {
      width: calc(100% - 325px)
    }

    .has-bet-slip.mini-betslip-opened .content-m>.import-view-container {
      width: 100% !important
    }

    .casino .content-m>.game-view-wrapper,
    .casino .deposit-view-wrapper,
    .casino .profile-view-wrapper,
    .content-m>.import-view-container {
      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 {
      -webkit-transition: max-height .18s;
      transition: max-height .18s
    }

    .competition-list-view-m {
      -webkit-transition: padding-top .18s, padding-bottom .18s, box-shadow .18s;
      transition: padding-top .18s, padding-bottom .18s, box-shadow .18s;
      -webkit-animation: closed-animate-menu .16s ease;
      animation: closed-animate-menu .16s ease;
      display: block
    }

    .sport-region-info-m.active+.competition-naw-wrapper-m>.competition-list-view-m {
      -webkit-animation: open-animate-menu .4s ease-in-out;
      animation: open-animate-menu .4s ease-in-out
    }

    .flag-view-m {
      -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated
    }

    .sport-nav-container-m::-webkit-scrollbar {
      display: block
    }

    .sport-nav-container-m {
      box-shadow: none
    }

    .select-sport-contain-m {
      -webkit-transform: translateZ(0);
      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 - 185px)
    }

    .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 {
      -webkit-filter: inherit;
      filter: inherit;
      -webkit-transform: translateZ(0);
      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%;
      -webkit-transition: right .3s;
      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
    }

    @supports ((position:-webkit-sticky) or (position:sticky)) {

      .dashboard-live-game-list-m .single-sport-title-dashboard-m,
      .dashboard-upcoming-game-list-m .single-sport-title-dashboard-m,
      .game-date-view-m,
      .game-markets-f,
      .sport-region-info-m {
        top: 0
      }
    }

    .single-game-page-c .main-info-tour {
      float: none;
      margin: 0 auto
    }

    .main-info-tour>.casino-info-box {
      margin-top: 15px
    }

    .casino .active .asian-competitions-filter-wrapper {
      height: auto;
      overflow-y: scroll;
      background: var(--skin-14);
      position: static
    }

    .wrapper-m .full-container-m {
      display: table
    }

    .wrapper-m .content-m {
      float: none
    }
  }

  @media screen and (min-width:667px) {
    .multi-game-type.thirdItem .mini-container-w>.multi-game-type-info {
      background-size: 50% auto;
      background-position: 0 60%;
      background-repeat: repeat-x
    }
  }

  @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;
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 6px;
      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 {
      -webkit-transform: inherit;
      -ms-transform: inherit;
      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
    }
  }

  @media screen and (min-width:980px) {
    .sw-contain-b .left-top-nav {
      display: none
    }

    .asian-view .content-m {
      -webkit-overflow-scrolling: auto;
      height: 100%
    }
  }

  @media screen and (min-width:980px) {
    .news .left-menu-full-box-m {
      margin-top: 35px
    }

    .wrapper-m {
      padding-top: 48px
    }

    .right-nav-container-m.open {
      box-shadow: -20px 0 50px 0 rgba(0, 0, 0, .6)
    }

    .s-n-wrapper {
      float: none;
      display: inline-block;
      vertical-align: top;
      width: 100%
    }

    .poker-homepage-wrapper .news-list-wrapper .single-sews-container>.news-img-c-v,
    .promotions-homepage-wrapper .news-list-wrapper .single-sews-container>.news-img-c-v {
      height: 315px;
      max-height: 315px;
      overflow: hidden
    }

    .date-news-v.active {
      position: absolute
    }

    .news-container-s>.news-list-wrapper {
      width: 100%
    }

    .all-news-list-b>.evenElements,
    .all-news-list-b>.oddElements,
    .news-container-s>.evenElements,
    .news-container-s>.oddElements {
      float: left;
      width: 50%
    }
  }

  @media screen and (min-width:980px) {
    .casino-wrapper {
      height: calc(100vh - 100px);
      overflow-y: auto;
      overflow-x: hidden
    }
  }

  @media screen and (min-width:700px) {
    .casino .active .asian-competitions-filter-wrapper {
      position: static;
      height: auto
    }

    .single-game-page-c .main-info-tour {
      float: none;
      margin: 0 auto
    }

    .main-info-tour>.casino-info-box {
      margin-top: 15px
    }
  }

  @media screen and (min-width:980px) {

    body .left-nav-container-m:before,
    body .navigation-container-m.site-navigate-m {
      display: block !important
    }
  }

  .tournament-main-content-b .asian-view-filters-wrapper-m.active {
    top: 95px;
    float: left;
    width: 100%
  }

  .get-events-wrapper {
    float: left;
    width: 100%;
    padding: 0 15px;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    table-layout: fixed
  }

  .get-events-wrapper .get-events-container {
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--skin-8);
    height: 40px;
    position: relative
  }

  .get-events-wrapper .get-events-container p {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--text-4)
  }

  .get-events-wrapper .get-events-container .check-bet-status-s {
    position: absolute;
    right: 0;
    top: 2px;
    height: 40px
  }

  .get-events-wrapper .get-events-container .check-bet-status-s .info-icon-k-bet {
    height: 40px;
    line-height: 40px
  }

  .get-events-wrapper .get-events-input-section {
    display: none;
    float: left;
    width: 100%;
    padding: 15px 0;
    box-shadow: inset 0 -1px 0 hsla(0, 0%, 100%, .06)
  }

  .get-events-wrapper .get-events-input-section>p {
    text-transform: uppercase;
    color: var(--text-7);
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 10px
  }

  .get-events-wrapper .get-events-input-section .single-form-item {
    display: table;
    margin: 0
  }

  .get-events-wrapper .get-events-input-section .single-form-item>button {
    display: table-cell;
    vertical-align: top;
    width: 50px;
    margin: 0 0 0 10px;
    height: 38px;
    border: none;
    background: var(--skin-8);
    position: relative;
    float: right
  }

  .get-events-wrapper .get-events-input-section .single-form-item>button:after {
    position: absolute;
    display: block;
    font: 16px/38px icomoon;
    content: "\E900";
    color: var(--text-4);
    left: 16px;
    top: 0
  }

  .get-events-wrapper .get-events-input-section .single-form-item>span {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 60px)
  }

  .get-events-input-section.active {
    display: block
  }

  .check-bet-status-wrapper .get-events-input-section.active .single-form-item>button.active-search {
    background-color: #057f44
  }

  .footer-content,
  .footer-m-parent {
    float: left;
    width: 100%
  }

  .footer-content .image-links {
    position: static
  }

  .footer-content .footer-images {
    position: relative;
    float: left;
    width: 100%
  }

  .age-restriction-j {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    background: #282c38;
    box-shadow: inset 0 0 1px var(--text-3);
    font-size: 16px;
    line-height: 42px;
    color: var(--text-1);
    border-radius: 100%;
    text-align: center;
    position: absolute;
    right: 0;
    top: 10px
  }

  .footer-m-parent>.footer-m {
    float: left;
    width: 100%;
    padding: 20px 10px 10px;
    background: var(--skin-12);
    border-top: 1px solid var(--skin-11)
  }

  .footer-m-parent>.logo-wrapper-m {
    background: var(--header);
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
    clear: both
  }

  .footer-m-parent .import-view-container>.language-container-m {
    background: var(--skin-12)
  }

  .footer-m-parent {
    background-color: var(--skin-12)
  }

  .info-menu-contain-m>.info-menu-contain-inline {
    text-align: center;
    margin-bottom: 10px;
    padding: 5px
  }

  .info-menu-contain-m>.info-menu-contain-inline>li>a {
    float: none;
    width: auto;
    display: inline-block
  }

  .has-bet-slip .info-menu-contain-m>.info-menu-contain-inline {
    margin-bottom: 0
  }

  .footer-m-parent .import-view-container:nth-child(5)>.language-container-m,
  .footer-m-parent>.import-view-container:nth-child(4)>.language-container-m {
    border-top: 0
  }

  @media screen and (max-width:980px) {
    .has-bet-slip.sport #root>.wrapper-m {
      padding-bottom: 46px
    }

    .has-bet-slip.sport #root>.wrapper-m.edit-bet-selection-mode {
      padding-bottom: 112px
    }
  }

  #betradar-container {
    float: left;
    width: 100%
  }

  .security-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    margin: 10px 0
  }

  #debug {
    display: none
  }

  body.opened-ui {
    overflow: hidden;
    position: fixed
  }

  .main-wrapper.rightMenu .right-nav-container-m:before {
    background: rgba(0, 0, 0, .7)
  }

  .main-wrapper.rightMenu .right-nav-container-m>.closed-nav-icon {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    opacity: 1
  }

  .main-wrapper.rightMenu .right-nav-container-m {
    overflow: inherit;
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0)
  }

  .main-wrapper.leftMenu .left-nav-container-m:before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
  }

  .main-wrapper.leftMenu .left-nav-container-m>.closed-nav-icon {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    opacity: 1
  }

  .main-wrapper.leftMenu .left-nav-container-m {
    overflow: inherit;
    left: 0
  }

  .main-wrapper.leftMenu .right-top-nav {
    display: none
  }

  @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-track-color: var(--skin-8);
      scrollbar-shadow-color: var(--skin-8);
      scrollbar-base-color: var(--skin-5);
      scrollbar-arrow-color: var(--skin-5);
      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: var(--skin-8);
      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: var(--skin-5)
    }
  }

  @media screen and (min-width:980px) and (min-width:980px) {

    .left-menu-opened,
    .rightMenu {
      -webkit-transform: inherit;
      -ms-transform: inherit;
      transform: inherit
    }

    .left-menu-opened .content-m,
    .rightMenu .content-m {
      position: static
    }

    .left-menu-opened .betslip-m,
    .rightMenu .betslip-m {
      -webkit-transform: inherit;
      -ms-transform: inherit;
      transform: inherit
    }

    .asian-view .asian-view-wrapper {
      float: left;
      width: 100%;
      height: calc(100vh - 100px);
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch
    }

    .has-bet-slip .asian-view-wrapper {
      width: calc(100% - 325px)
    }

    .has-bet-slip .betslip-m {
      display: block
    }

    .betslip-m {
      display: none
    }

    @supports ((position:-webkit-sticky) or (position:sticky)) or (position:-webkit-sticky) {
      .asian-view-filters-wrapper-m.active .asian-filter-picker {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 333
      }

      .asian-view .asian-view-filters-wrapper-m {
        top: 0;
        box-shadow: 0 1px 0 var(--skin-14);
        position: sticky;
        position: -webkit-sticky
      }

      .asian-view .asian-comp-row-v.second-c-p {
        top: 39px;
        position: sticky;
        position: -webkit-sticky;
        z-index: 266
      }

      .asian-view .game-date-view-m.asian-v {
        top: 70px;
        position: sticky;
        position: -webkit-sticky;
        z-index: 244
      }

      .asian-view-filters-wrapper-m.active {
        position: static;
        top: 0
      }

      .sport .asian-view-filters-wrapper-m .import-view-container {
        bottom: 0;
        left: 260px;
        width: calc(100% - 256px)
      }

      .sport.has-bet-slip .asian-view-filters-wrapper-m .import-view-container {
        left: 260px;
        width: calc(100% - 585px)
      }

      .casino.tournamentFilter .asian-view-filters-wrapper-m .import-view-container {
        width: 100%;
        left: 0
      }

      .asian-competitions-filter-wrapper {
        margin-bottom: 59px
      }
    }

    .left-menu-opened .asian-comp-row-v,
    .left-menu-opened .asian-comp-row-v.second-c-p,
    .left-menu-opened .dashboard-live-game-list-m .single-sport-title-dashboard-m,
    .left-menu-opened .dashboard-upcoming-game-list-m .single-sport-title-dashboard-m,
    .left-menu-opened .game-date-view-m.asian-v,
    .left-menu-opened .title-game-type-box,
    .rightMenu .asian-comp-row-v,
    .rightMenu .asian-comp-row-v.second-c-p,
    .rightMenu .dashboard-live-game-list-m .single-sport-title-dashboard-m,
    .rightMenu .dashboard-upcoming-game-list-m .single-sport-title-dashboard-m,
    .rightMenu .game-date-view-m.asian-v,
    .rightMenu .title-game-type-box {
      position: sticky;
      position: -webkit-sticky
    }

    .right-nav-container-m .select-contain-m>select {
      min-width: 120px
    }
  }

  @media screen and (min-width:980px) {
    body {
      height: 100%;
      overflow-y: auto
    }

    .wrapper-m {
      padding-top: 100px
    }

    .full-container-m {
      float: left;
      width: 100%;
      display: table;
      table-layout: fixed;
      height: auto
    }

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

    .nav-bar-contain-m {
      text-align: center
    }

    .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);
      top: 38px
    }

    .content-m {
      float: none;
      display: table-cell;
      vertical-align: top
    }

    .content-m>.import-view-container {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
    }

    .main-wrapper.content-m>.game-view-wrapper,
    .main-wrapper .content-m>.import-view-container,
    .main-wrapper .deposit-view-wrapper,
    .main-wrapper .loyalty-page-wrapper,
    .main-wrapper .profile-view-wrapper {
      width: 100%;
      float: left;
      margin-right: 5px;
      padding-right: 3px;
      position: relative;
      height: calc(100vh - 100px);
      overflow-x: hidden;
      overflow-y: scroll
    }

    .main-wrapper.has-bet-slip .content-m>.game-view-wrapper,
    .main-wrapper.has-bet-slip .content-m>.import-view-container,
    .main-wrapper.has-bet-slip .deposit-view-wrapper,
    .main-wrapper.has-bet-slip .loyalty-page-wrapper,
    .main-wrapper.has-bet-slip .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
    }

    .has-bet-slip .content-m>.import-view-container {
      width: calc(100% - 325px)
    }

    .casino .content-m>.game-view-wrapper,
    .casino .deposit-view-wrapper,
    .casino .profile-view-wrapper,
    .content-m>.import-view-container {
      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 {
      -webkit-transition: max-height .18s;
      transition: max-height .18s
    }

    .competition-list-view-m {
      -webkit-transition: padding-top .18s, padding-bottom .18s, box-shadow .18s;
      transition: padding-top .18s, padding-bottom .18s, box-shadow .18s;
      -webkit-animation: closed-animate-menu .16s ease;
      animation: closed-animate-menu .16s ease;
      display: block
    }

    .sport-region-info-m.active+.competition-naw-wrapper-m>.competition-list-view-m {
      -webkit-animation: open-animate-menu .4s ease-in-out;
      animation: open-animate-menu .4s ease-in-out
    }

    .flag-view-m {
      -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated
    }

    .sport-nav-container-m::-webkit-scrollbar {
      display: block
    }

    .sport-nav-container-m {
      box-shadow: none
    }

    .select-sport-contain-m {
      -webkit-transform: translateZ(0);
      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 {
      -webkit-filter: inherit;
      filter: inherit;
      -webkit-transform: translateZ(0);
      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%;
      -webkit-transition: right .3s;
      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
    }

    @supports ((position:-webkit-sticky) or (position:sticky)) {

      .dashboard-live-game-list-m .single-sport-title-dashboard-m,
      .dashboard-upcoming-game-list-m .single-sport-title-dashboard-m,
      .game-date-view-m,
      .game-markets-f,
      .sport-region-info-m {
        top: 0
      }
    }

    .single-game-page-c .main-info-tour {
      float: none;
      margin: 0 auto
    }

    .main-info-tour>.casino-info-box {
      margin-top: 15px
    }

    .casino .active .asian-competitions-filter-wrapper {
      height: auto;
      overflow-y: scroll;
      background: var(--skin-14);
      position: static
    }
  }

  @media screen and (min-width:667px) {
    .multi-game-type.thirdItem .mini-container-w>.multi-game-type-info {
      background-size: 50% auto;
      background-position: 0 60%;
      background-repeat: repeat-x
    }
  }

  @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;
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 6px;
      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 {
      -webkit-transform: inherit;
      -ms-transform: inherit;
      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
    }
  }

  @media screen and (min-width:980px) {
    .sw-contain-b .left-top-nav {
      display: none
    }

    .asian-view .content-m {
      -webkit-overflow-scrolling: auto;
      height: 100%
    }
  }

  @media screen and (min-width:980px) {
    .wrapper-m.news .left-nav-container-m {
      display: none
    }

    .right-nav-container-m.open {
      box-shadow: -20px 0 50px 0 rgba(0, 0, 0, .6)
    }

    .s-n-wrapper {
      float: none;
      display: inline-block;
      vertical-align: top;
      width: 100%
    }

    .poker-homepage-wrapper .news-list-wrapper .single-sews-container>.news-img-c-v,
    .promotions-homepage-wrapper .news-list-wrapper .single-sews-container>.news-img-c-v {
      height: 315px;
      max-height: 315px;
      overflow: hidden
    }

    .date-news-v.active {
      position: absolute
    }

    .news-container-s>.news-list-wrapper {
      width: 100%
    }

    .all-news-list-b>.evenElements,
    .all-news-list-b>.oddElements,
    .news-container-s>.evenElements,
    .news-container-s>.oddElements {
      float: left;
      width: 50%
    }
  }

  @media screen and (min-width:980px) {
    .casino-wrapper {
      height: calc(100vh - 100px);
      overflow-y: auto;
      overflow-x: hidden
    }
  }

  @media screen and (min-width:700px) {
    .casino .active .asian-competitions-filter-wrapper {
      position: static;
      height: auto
    }

    .single-game-page-c .main-info-tour {
      float: none;
      margin: 0 auto
    }

    .main-info-tour>.casino-info-box {
      margin-top: 15px
    }
  }

  .competition-list-view-m.for-favorite {
    display: block;
    max-height: inherit;
    padding: 0
  }

  .competition-list-view-m.for-favorite .fav-star-m {
    left: inherit;
    right: 0
  }

  .competition-list-view-m.for-favorite>ul>li {
    padding: 0 38px 0 0
  }

  .competition-list-view-m.for-favorite>ul>li>a>p {
    padding: 0 38px
  }

  .competition-list-view-m.for-favorite>ul>li>a>p>span.dashboard-sport-icon-m {
    box-shadow: none !important
  }

  .competition-list-view-m.for-favorite>ul>li>a>p>i {
    top: 10px
  }

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

  .competition-list-view-m.for-favorite>ul {
    margin: 0
  }

  .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: var(--skin-11)
  }

  .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: var(--text-3)
  }

  .favorite-games-view-m.league-view>.single-sport-title-dashboard-m>h5 {
    color: var(--text-6)
  }

  .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: var(--skin-8);
    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: var(--text-3);
    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: var(--text-6)
  }

  .page-count-a {
    float: left;
    width: 100%;
    background: var(--skin-11);
    padding: 2px 0;
    text-align: center;
    border-top: 1px solid var(--skin-10)
  }

  .page-count-a>ul {
    display: inline-block;
    vertical-align: top
  }

  .page-count-a>ul>li {
    background: var(--skin-8);
    float: left;
    margin: 0 1px;
    height: 30px;
    min-width: 30px;
    font-size: 8px;
    line-height: 30px;
    color: var(--text-6);
    position: relative;
    padding: 0 5px;
    font: 12px/30px Roboto, sans-serif
  }

  .page-count-a>ul>li.active {
    background: var(--hero);
    color: var(--hero-sc)
  }

  .page-count-a>ul>li.next,
  .page-count-a>ul>li.prev {
    min-width: 44px
  }

  .page-count-a>ul>li.more:before {
    content: "...";
    display: block
  }

  .page-count-a>ul>li.prev:before {
    content: "\E66F";
    font: 16px/30px icomoon
  }

  .page-count-a>ul>li.next:before {
    content: "\E672";
    font: 16px/30px icomoon
  }

  .page-count-a>ul>li.disabledPrevNext {
    opacity: .6;
    display: none
  }

  .asian-view-wrapper {
    float: left;
    width: 100%
  }

  .asian-view-wrapper>.md-progress-circular+.select-sport-title-m,
  .asian-view-wrapper>.md-progress-circular+.select-sport-title-m~.md-progress-circular {
    display: none
  }

  .asian-view-games-list-wrapper-m.scrolled {
    z-index: 99999
  }

  .asian-view-games-list-wrapper-m>.ReactVirtualized__Collection>div {
    overflow: initial !important;
    position: relative;
    background: var(--skin-12)
  }

  .asian-view-games-list-wrapper-m>.ReactVirtualized__Collection {
    position: absolute !important;
    top: -104px;
    padding-top: 104px
  }

  .asian-view-games-list-wrapper-m.scrolled>.ReactVirtualized__Collection>div {
    margin-top: -104px
  }

  .a-filter-nav-wrapper {
    float: left;
    width: 100%;
    position: relative;
    z-index: 44
  }

  .asian-view-games-list-wrapper-m {
    position: relative
  }

  .full-a-g-list-w {
    float: left;
    width: 100%
  }

  .game-date-view-m.asian-v {
    height: 36px;
    top: 116px;
    z-index: 111
  }

  .game-date-view-m.asian-v>ul>li {
    vertical-align: top;
    line-height: 36px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    max-width: 56px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .asian-competition-t-v {
    float: left;
    width: 100%;
    height: 28px;
    padding: 0 10px;
    margin: 0 0 1px;
    background: var(--skin-8);
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 0 1px 0 var(--skin-14);
    position: relative
  }

  .asian-competition-t-v>h3 {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 28px;
    color: var(--text-5);
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .single-game-list-item-m.asian-game-template {
    height: auto;
    border-bottom: 1px solid var(--skin-14)
  }

  .swiping_style {
    position: relative;
    left: -56px
  }

  .asian-game-c {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .asian-game-c>.game-information-m {
    height: auto;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    float: none
  }

  .asian-game-c>.game-information-m>ul {
    width: 100%;
    height: auto
  }

  .asian-game-c>.game-information-m:first-child {
    background: var(--skin-11);
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset;
    -webkit-transition: background .24s, color .24s;
    transition: background .24s, color .24s
  }

  .asian-game-c>.game-information-m:first-child>ul>li {
    background: none
  }

  .asian-v .title-row-u-m {
    padding: 0 38px 0 10px;
    background: inherit;
    box-shadow: -1px 0 0 var(--skin-14) inset
  }

  .single-game-wrapper-a {
    float: left;
    width: 100%
  }

  .single-game-wrapper-a>.md-progress-circular {
    display: none
  }

  .single-game-wrapper-a:first-child>.single-game-wrapper-a>.md-progress-circular {
    display: block
  }

  .asian-competition-comp-n>.single-game-wrapper-a>.md-progress-circular {
    display: none
  }

  .asian-competition-comp-n:first-child>.single-game-wrapper-a>.md-progress-circular {
    display: block
  }

  .asian-view-filters-wrapper-m {
    float: left;
    width: 100%;
    background: var(--skin-12)
  }

  .asian-view-games-list-wrapper-m {
    float: left;
    width: 100%
  }

  .asian-view-games-list-wrapper-m .game-info-mini-m>p {
    vertical-align: middle;
    height: 100%
  }

  .asian-view-games-list-wrapper-m .team-name-m-box>i {
    position: relative;
    left: inherit;
    top: inherit;
    vertical-align: top;
    display: table-cell;
    height: 100%;
    white-space: pre-wrap;
    overflow: inherit
  }

  .asian-game-c .game-score-live-m,
  .asian-view-games-list-wrapper-m .team-name-m-box {
    vertical-align: middle
  }

  .asian-game-c .coef {
    display: block;
    width: 100%;
    vertical-align: top;
    font-size: 11px;
    line-height: 30px;
    float: left;
    color: var(--text-5)
  }

  .asian-view-games-list-wrapper-m .game-information-m>ul>li.factor-m>.single-coefficient-m>span {
    display: table-cell;
    line-height: 30px;
    vertical-align: middle;
    white-space: normal;
    position: relative
  }

  .asian-view-games-list-wrapper-m .game-information-m>ul>li.factor-m>.single-coefficient-m.blockedEvent>span {
    display: none
  }

  .asian-view-games-list-wrapper-m .game-information-m>ul>li.factor-m>.single-coefficient-m.active {
    background: var(--hero)
  }

  .asian-view-games-list-wrapper-m .game-information-m>ul>li.factor-m {
    background: var(--skin-12)
  }

  .asian-game-c>.game-information-m>ul.draw-asian,
  .game-information-m>ul.draw-asian>li,
  .game-information-m>ul.draw-asian>li.factor-m>.single-coefficient-m {
    height: 30px;
    line-height: 28px
  }

  .asian-view-games-list-wrapper-m .game-information-m ul:first-child>.teams-name-info-m,
  .asian-view-games-list-wrapper-m .game-information-m ul:last-child>.teams-name-info-m,
  .asian-view-games-list-wrapper-m .game-information-m ul:nth-child(2n)>.teams-name-info-m {
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .asian-view-games-list-wrapper-m .game-information-m ul:nth-child(2)>.teams-name-info-m {
    box-shadow: none
  }

  .asian-game-c .draw-asian .coef {
    display: none
  }

  .asian-competition-t-v.media {
    background: var(--skin-11);
    position: static;
    display: block
  }

  .asian-competition-t-v.media ul {
    width: 100%;
    display: table;
    table-layout: auto
  }

  .asian-competition-t-v.media ul>li {
    line-height: 28px;
    text-align: left;
    position: relative;
    padding: 0 5px 0 0;
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
    width: 1%
  }

  .asian-competition-t-v.media ul>li:first-child {
    width: auto
  }

  .asian-competition-t-v.media ul>li:first-child>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px
  }

  .asian-competition-t-v.media ul>li>span {
    font: 11px/15px Roboto, sans-serif;
    position: relative;
    display: inline-block;
    color: var(--text-4)
  }

  .asian-competition-t-v.media ul>li>span.clock {
    color: #1a7051;
    margin: 0 10px 0 0
  }

  .asian-competition-t-v.media ul>li>span.tv {
    color: var(--skin-5);
    text-transform: uppercase;
    padding: 0 20px 0 0
  }

  .asian-competition-t-v.media li a {
    text-decoration: none;
    font-size: 11px
  }

  .asian-competition-t-v.media li:last-child span:after,
  .asian-competition-t-v.media span.tv:after {
    display: block;
    font: 13px/15px icomoon;
    position: absolute;
    top: 0;
    right: 0
  }

  .asian-competition-t-v.media li:last-child span {
    padding: 0 12px 0 10px;
    color: var(--text-5)
  }

  .asian-competition-t-v.media li:first-child p span {
    color: var(--text-5)
  }

  .asian-competition-t-v.media li:first-child p span:after {
    margin: 0 5px
  }

  .asian-competition-t-v.media li span.clock {
    color: #48a584
  }

  .asian-competition-t-v.media span.tv:after {
    content: "\E901"
  }

  .asian-competition-t-v.media li:first-child span:after {
    content: "\E670";
    font: 12px/28px icomoon;
    padding: 0 0 0 5px
  }

  .asian-competition-t-v.media li:first-child span.open:after {
    content: "\E671";
    font: 12px/18px icomoon;
    padding: 0 0 0 5px;
    float: right
  }

  .asian-competition-t-v.media {
    border-top: 1px solid var(--skin-12);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .game-date-view-m.asian-v .select-contain-m>select {
    border: none;
    float: left;
    width: 100%
  }

  .game-date-view-m.asian-v .title-row-u-m {
    padding: 2px 0 0 5px;
    position: static;
    z-index: 111
  }

  .asian-view-wrapper .game-date-view-m.asian-v .arrow-u-m {
    display: none
  }

  .asian-comp-row-v,
  .asian-competition-comp-n,
  .asian-competition-reg-n {
    float: left;
    width: 100%
  }

  .asian-comp-row-v {
    height: 30px;
    padding: 0 30px 0 10px;
    margin: 0 0 1px;
    background: var(--skin-8);
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 0 1px 0 var(--skin-14);
    position: relative;
    top: 0;
    font-weight: 400;
    display: block
  }

  .asian-comp-row-v.second-c-p {
    top: 0
  }

  .asian-comp-row-v.active>.arrow-view-open-box:before {
    content: "\E671"
  }

  .a-title-v {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    line-height: 30px;
    color: var(--text-5)
  }

  .asian-comp-row-v .a-title-v {
    padding: 0 0 0 30px
  }

  .asian-comp-row-v>span.flag-view-m {
    top: 5px
  }

  .asian-competition-comp-n>span {
    top: 165px
  }

  .asian-open-v {
    float: left;
    width: 100%;
    display: block
  }

  .asian-view .select-sport-title-m {
    height: 2px
  }

  .asian-view .back-to-top-m {
    padding: 10px 10px 16px;
    text-align: center
  }

  .back-to-top-m.hide-footer-back-to-top {
    opacity: 1
  }

  .left-menu-opened .asian-comp-row-v,
  .left-menu-opened .game-date-view-m,
  .left-menu-opened .title-game-type-box,
  .rightMenu .asian-comp-row-v,
  .rightMenu .game-date-view-m,
  .rightMenu .title-game-type-box {
    position: inherit;
    top: inherit
  }

  .asian-view-games-list-wrapper-m .date-list-games-m {
    margin: 0
  }

  @media screen and (min-width:500px) {
    .asian-view .game-date-view-m>ul {
      width: inherit
    }
  }

  .asian-competition-t-v.media li:last-child span:last-child:after {
    content: "\E672";
    display: block;
    font: 12px/30px icomoon
  }

  .favorite-game-list .game-date-view-m.asian-v {
    top: 129px
  }

  .favorite-game-list .asian-comp-row-v.second-c-p {
    top: 98px
  }

  .asian-competition-t-v.media li span.tv {
    padding: 0 30px 0 0;
    position: relative
  }

  .asian-competition-t-v.media li span.tv:after {
    right: 10px
  }

  .check-m.child-selected:before {
    content: "\EA0B";
    font: 12px/20px icomoon;
    color: var(--skin-11);
    text-align: center
  }

  .asian-view p.select-contain-m.match-a {
    width: calc(100% - 34px);
    float: left;
    margin: 0 0 0 34px
  }

  .asian-view .fav-star-m {
    top: 0;
    height: 36px
  }

  @media screen and (min-width:980px) {
    .asian-view .content-m {
      -webkit-overflow-scrolling: auto;
      height: 100%
    }
  }

  .content-m .draw-asian .single-coefficient-m.blockedEvent:first-child:after {
    font: 16px/29px icomoon
  }

  @supports ((position:-webkit-sticky) or (position:sticky)) or (position:-webkit-sticky) {
    .asian-competition-t-v {
      top: 86px
    }

    .asian-comp-row-v,
    .asian-competition-t-v {
      position: sticky;
      position: -webkit-sticky;
      z-index: 222
    }

    .asian-comp-row-v {
      top: 136px
    }

    .asian-comp-row-v.second-c-p {
      top: 86px;
      z-index: 199
    }
  }

  .icon-view-u-m.icon-stopwatch {
    content: "\E6E2"
  }

  .asian-view-wrapper.future .asian-filter-picker ul,
  .asian-view-wrapper.future .asian-filter-picker ul li {
    width: auto
  }

  .asian-view-wrapper.future .title-row-u-m>p>span {
    padding: 0
  }

  .asian-view-wrapper.future .asian-filter-picker ul li:last-child {
    border-left: 1px solid var(--skin-8)
  }

  .asian-view-wrapper .asian-filter-picker ul li {
    width: 50%
  }

  .asian-view-wrapper .asian-filter-picker ul {
    width: 100%
  }

  .asian-view-wrapper.future .asian-filter-picker::-webkit-scrollbar {
    display: none;
    width: 0
  }

  .odd-stake-info-m.border-none {
    border-bottom: none
  }

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

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

  .new-sticker-view-live-indicator {
    text-transform: none;
    padding: 0 4px;
    top: 5px
  }

  .new-sticker-view-game-number,
  .new-sticker-view-live-indicator {
    display: inline-block;
    vertical-align: top;
    background: var(--hero);
    font-style: normal;
    font: 10px/14px Roboto, sans-serif;
    border-radius: 2px;
    color: var(--hero-sc);
    margin: 0 0 0 10px;
    box-shadow: 1px 2px 0 rgba(0, 0, 0, .15)
  }

  .new-sticker-view-game-number {
    padding: 2px 4px;
    position: absolute;
    top: -30px;
    right: 0;
    height: 16px !important
  }

  .for-live.new-sticker-view-game-number {
    position: static
  }

  .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: var(--text-11);
    height: 60px;
    background: var(--skin-12);
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset
  }

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

  .game-information-m>ul>li.teams-name-info-m {
    width: calc(100% - 225px);
    background: var(--skin-11);
    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: var(--skin-11);
    height: 60px;
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset;
    text-align: center;
    color: var(--text-5);
    font: 24px/60px icomoon;
    -webkit-transition: background .24s, color .24s;
    transition: background .24s, color .24s
  }

  .game-information-m>ul>li.fav-game-icon-m.active {
    background: var(--favorite);
    color: var(--favorite-hover)
  }

  .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: 15px;
    color: var(--text-3);
    padding: 5px 0 0;
    display: table;
    height: 19px
  }

  .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
  }

  .game-score-live-m>i {
    font-style: normal;
    color: var(--accent);
    white-space: nowrap
  }

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

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

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

  .time-view-game-m {
    float: left;
    margin: 0 3px 0 0;
    color: var(--text-6)
  }

  .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: var(--text-3)
  }

  .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: var(--text-6)
  }

  .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: var(--text-6)
  }

  .markets-count-view-m {
    float: right;
    color: var(--text-6);
    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: var(--skin-12);
    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: var(--text-6)
  }

  .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: var(--skin-8);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .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: var(--text-6)
  }

  .game-date-view-m>ul>li:first-child {
    width: calc(100% - 180px);
    text-align: left;
    color: var(--text-6);
    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
  }

  .main-wrapper:not(.integration-view) .asian-view .time-filter-m,
  .main-wrapper:not(.integration-view) .time-filter-m.live-f-view-m {
    position: sticky;
    position: -webkit-sticky;
    top: 48px
  }

  .time-filter-m {
    float: left;
    width: 100%;
    margin: 0 0 1px;
    overflow: visible;
    background: var(--skin-12);
    box-shadow: 0 1px 0 var(--text-10) inset
  }

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

  .game-markets-f>ul,
  .integration-view .time-filter-m>ul {
    padding: 0 7px
  }

  .game-information-m>ul>li.factor-m>.single-coefficient-m {
    display: table;
    width: 100%;
    height: 60px;
    line-height: 60px;
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset
  }

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

  .sports.custom-loader .md-progress-circular.md-theme {
    margin-top: 10%
  }

  .sport-icon-m.popular-competition:before {
    font: 22px/32px icomoon;
    content: "\E951"
  }

  .popular-competition:before {
    color: #aa8136
  }

  .a-competition-contain .arrow-view-m {
    width: 36px;
    height: 36px;
    line-height: 36px;
    z-index: 111;
    top: 0
  }

  .a-competition-contain {
    float: left;
    width: 100%
  }

  .a-competition-contain.time-filter-a {
    padding: 0 10px
  }

  .a-competition-contain.time-filter-a>.check-m {
    height: 37px;
    box-shadow: 0 1px 0 var(--text-12) inset
  }

  .a-competition-contain.time-filter-a>.check-m:first-child {
    box-shadow: none
  }

  .a-competition-contain>li {
    float: left;
    width: 100%;
    position: relative
  }

  .a-competition-contain>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background: var(--skin-12);
    bottom: 0
  }

  .a-competition-contain>li>ul {
    float: left;
    width: 100%
  }

  .a-competition-contain>li>ul.second-level-f {
    background: var(--skin-12);
    padding: 0 30px;
    display: none
  }

  .a-competition-contain>li>ul.second-level-f>.check-m {
    height: 37px;
    box-shadow: 0 1px 0 var(--text-11) inset
  }

  .a-competition-contain>li>ul.second-level-f>.check-m:first-child {
    box-shadow: none
  }

  .popular-c-v {
    float: left;
    width: 100%;
    padding: 0
  }

  .popular-list-view {
    float: left;
    width: 100%;
    position: relative;
    height: 37px;
    padding: 0 36px 0 10px
  }

  .popular-list-view>.arrow-view-m:before {
    content: "\E671"
  }

  .popular-list-view>p {
    color: var(--text-2)
  }

  .popular-list-view.opened>.arrow-view-m:before {
    content: "\E670"
  }

  .popular-list-view.opened+.popular-c-list {
    display: block;
    padding: 0 30px
  }

  .popular-list-view.opened:before {
    display: none
  }

  .popular-list-view.opened>p {
    color: var(--text-3)
  }

  .popular-list-view:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background: var(--skin-12);
    bottom: 0
  }

  .popular-list-view>span {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 36px;
    padding: 0;
    color: var(--text-4);
    position: relative
  }

  .popular-c-list {
    float: left;
    width: 100%;
    padding: 0 10px;
    background: var(--skin-12);
    display: none
  }

  .popular-c-list>.check-m {
    height: 37px;
    box-shadow: 0 1px 0 var(--text-11) inset
  }

  .popular-c-list>.check-m:first-child {
    box-shadow: none
  }

  .expandable {
    float: left;
    width: 100%;
    position: relative;
    height: 37px;
    padding: 0 36px 0 10px
  }

  .expandable.opened:before {
    display: none
  }

  .expandable.opened>.arrow-view-m:before {
    content: "\E671"
  }

  .expandable:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background: var(--skin-12);
    bottom: 0
  }

  .expandable.opened+ul,
  .expandable.opened~li {
    display: none
  }

  .expandable.opened+.second-level-f {
    display: block
  }

  .expandable>.arrow-view-m:before {
    content: "\E671"
  }

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

  .expandable.opened>.check-m {
    color: var(--text-4)
  }

  .expandable>.check-m {
    color: var(--text-2)
  }

  .check-m {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 36px;
    padding: 0 0 0 30px;
    color: var(--text-4);
    position: relative;
    z-index: 22
  }

  .check-m:before {
    content: "";
    background: var(--skin-6);
    border-radius: 3px
  }

  .check-m.selected:after,
  .check-m:before {
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 20px;
    height: 20px
  }

  .check-m.selected:after {
    font: 12px/20px icomoon;
    content: "T";
    text-align: center;
    color: var(--text-12)
  }

  .u-o-market {
    font-style: normal;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 0 0
  }

  .asian-competitions-filter-wrapper {
    padding-bottom: 60px
  }

  .asian-competitions-filter-wrapper {
    width: 100%;
    position: static;
    float: left;
    background: var(--skin-10)
  }

  .asian-filter-picker,
  .asian-filter-picker-pro,
  .pro-filter-m,
  .pro-filter-m>p {
    float: left;
    width: 100%
  }

  .pro-filter-m>p {
    box-sizing: border-box;
    padding: 0 0 0 40px;
    line-height: 38px
  }

  .asian-view-filters-wrapper-m.active .arrow-u-m:before {
    content: "\E671"
  }

  .asian-filter-picker-pro .title-row-u-m {
    padding: 0
  }

  .asian-filter-picker-pro .title-row-u-m>p>span {
    padding: 0 28px 0 42px
  }

  .asian-filter-picker {
    overflow: auto visible
  }

  .asian-filter-picker .contain-search-view {
    background: var(--skin-12)
  }

  .asian-filter-picker .contain-search-view:before,
  .asian-filter-picker .search-wrapper-m {
    width: 38px;
    height: 100%
  }

  .asian-filter-picker .contain-search-view,
  .asian-filter-picker .contain-search-view>input[type=search] {
    height: 100%
  }

  .asian-filter-picker .contain-search-view:before {
    line-height: 38px
  }

  .asian-filter-picker .contain-search-view {
    padding: 5px 3px
  }

  .asian-filter-picker .closed-search-m {
    font-size: 13px;
    line-height: 26px;
    top: 6px;
    height: 26px
  }

  .asian-filter-picker .contain-search-view>input[type=search]:focus {
    width: calc(100vw - 8px)
  }

  .asian-filter-picker .contain-search-view>input[type=search]:focus+.closed-search-m {
    right: 4px;
    width: 28px
  }

  .asian-view .asian-filter-picker {
    overflow: auto visible
  }

  .asian-view .search-wrapper-m {
    width: 100%;
    height: 38px
  }

  .asian-view .asian-filter-picker .contain-search-view {
    height: 38px
  }

  .asian-view .asian-view-wrapper .asian-filter-picker ul,
  .asian-view .asian-view-wrapper.future .asian-filter-picker ul {
    position: relative;
    width: calc(100% - 38px);
    table-layout: fixed;
    z-index: 9991
  }

  .asian-view .asian-view-wrapper .asian-filter-picker ul li,
  .asian-view .asian-view-wrapper.future .asian-filter-picker ul li {
    border-right: 1px solid var(--skin-8)
  }

  .asian-view .asian-view-wrapper .asian-filter-picker ul li:last-child,
  .asian-view .asian-view-wrapper.future .asian-filter-picker ul li:last-child {
    border-left: none
  }

  .asian-view .asian-view-wrapper .asian-filter-picker ul li:first-child .title-row-u-m,
  .asian-view .asian-view-wrapper.future .asian-filter-picker ul li:first-child .title-row-u-m {
    box-shadow: none
  }

  .asian-view .icon-view-u-m {
    width: 20px;
    padding: 0
  }

  .asian-view .arrow-u-m {
    width: 18px;
    padding: 0
  }

  .asian-view .icon-view-u-m {
    font-size: 14px
  }

  .asian-view .asian-filter-picker .left-top-nav:before {
    font-size: 12px
  }

  [dir=rtl] .asian-view .contain-search-view>input[type=search]:focus {
    padding-left: 28px
  }

  [dir=rtl] .asian-view .select-contain-m:before {
    right: inherit;
    left: 0
  }

  [dir=rtl] .asian-view .asian-view-wrapper .asian-filter-picker ul,
  [dir=rtl] .asian-view .asian-view-wrapper.future .asian-filter-picker ul {
    margin-right: 38px
  }

  [dir=rtl] .asian-view .title-row-u-m {
    padding: 0 22px 0 16px
  }

  @supports ((position:-webkit-sticky) or (position:sticky)) or (position:-webkit-sticky) {
    .asian-view-filters-wrapper-m.active .asian-filter-picker {
      position: sticky;
      position: -webkit-sticky;
      top: 48px;
      z-index: 333;
      background: var(--skin-12)
    }

    .asian-view-filters-wrapper-m {
      position: sticky;
      position: -webkit-sticky;
      top: 95px;
      z-index: 333
    }

    .tournament-main-content-b .asian-view-filters-wrapper-m.active {
      position: relative;
      top: 49px
    }

    .integration-view .asian-view-filters-wrapper-m,
    .integration-view .asian-view-filters-wrapper-m.active .asian-filter-picker {
      top: 49px
    }

    .integration-view .asian-comp-row-v.second-c-p {
      top: 87px
    }

    .integration-view .game-date-view-m.asian-v {
      top: 118px
    }
  }

  .popular-filter-first-c {
    float: left;
    width: 100%
  }

  .a-filter-popular-row {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 40px 0 10px
  }

  .asian-filter-picker ul {
    display: table;
    width: 100%;
    table-layout: auto
  }

  .asian-filter-picker ul li {
    display: table-cell;
    width: 50%
  }

  .asian-filter-picker ul li>.title-row-u-m {
    position: relative;
    top: 0
  }

  .asian-view-filters-wrapper-m.active .asian-filter-picker ul li>.title-row-u-m {
    position: -webkit-sticky;
    position: sticky;
    top: 0
  }

  .asian-filter-picker ul li:first-child>.title-row-u-m {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06), inset -1px 0 0 hsla(0, 0%, 100%, .09)
  }

  .asian-view-filters-wrapper-m .title-row-u-m.active {
    background: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06)
  }

  .asian-filter-picker ul li>.title-row-u-m {
    background: var(--skin-12)
  }

  .icon-calendar:before {
    content: "\E919"
  }

  .asian-filter-picker-pro .left-top-nav:before,
  .asian-filter-picker .left-top-nav:before {
    font: 14px/38px icomoon;
    content: "\E923";
    display: block
  }

  .save-cancel-result-m ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 0 10px
  }

  .save-cancel-result-m ul li {
    display: table-cell;
    width: 50%
  }

  .language-container-m.save-cancel-result-m>ul>li:first-child {
    width: 50%;
    padding: 0 5px 0 0
  }

  .language-container-m.save-cancel-result-m>ul>li:last-child {
    padding: 0 0 0 5px
  }

  .asian-view-filters-wrapper-m .button-view-normal-m.trans-m {
    box-shadow: 0 0 0 1px var(--skin-5) inset;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .asian-view-filters-wrapper-m .import-view-container {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 55555
  }

  .asian-view-filters-wrapper-m.active>.import-view-container {
    bottom: 46px
  }

  .import-view-container>.new-promo-r-m {
    float: left;
    width: 100%;
    background: var(--skin-11);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    position: relative
  }

  .import-view-container>.new-promo-r-m>a {
    text-decoration: none;
    padding: 0 38px;
    font-size: 13px;
    color: var(--text-3);
    float: left;
    width: 100%;
    line-height: 38px
  }

  .asian-view-filters-wrapper-m .language-container-m {
    background: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    border-top: 1px solid var(--skin-14)
  }

  .asian-view-filters-wrapper-m .sport-region-info-m {
    position: static;
    top: 0;
    z-index: inherit
  }

  .popular-filter-first-c .country-games-info-m:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 20px);
    left: 10px;
    bottom: 0;
    height: 1px;
    background: var(--skin-8)
  }

  .asian-view-filters-wrapper-m .sport-region-info-m {
    background: var(--skin-10)
  }

  .casino .active .asian-competitions-filter-wrapper {
    position: fixed;
    top: 179px;
    height: calc(100% - 239px);
    overflow-y: scroll;
    background: var(--skin-14)
  }

  .casino .asian-view-filters-wrapper-m .import-view-container {
    bottom: 0
  }

  .casino .asian-view-filters-wrapper-m .a-competition-contain>ul {
    background: var(--skin-11)
  }

  .order-by-exp {
    float: left;
    width: 100%
  }

  .order-by-exp>.expandable:before {
    background: var(--skin-14)
  }

  .order-by-exp>.expandable {
    background: var(--skin-10)
  }

  .order-by-exp>.expandable>ul {
    float: left;
    width: 100%
  }

  .a-competition-contain.order-filter-a {
    padding: 0 10px
  }

  .a-competition-contain.order-filter-a>.check-m:first-child {
    box-shadow: none
  }

  .a-competition-contain.order-filter-a>.check-m {
    box-shadow: 0 1px 0 var(--skin-14) inset
  }

  .icon-view-u-m.icon-stopwatch:before {
    content: "\E6E2"
  }

  .tournament-main-content-b .asian-view-filters-wrapper-m.active {
    top: 47px
  }

  .casino .tournament-main-content-b .asian-competitions-filter-wrapper {
    position: fixed;
    top: 132px
  }

  .asian-view .tournament-main-content-b .icon-view-u-m {
    width: 38px;
    padding: 0 10px
  }

  .asian-view .tournament-main-content-b .arrow-u-m {
    width: 38px
  }

  .has-bet-slip .asian-view-filters-wrapper-m .import-view-container {
    bottom: 46px
  }

  [dir=rtl] .asian-view .asian-view-wrapper .asian-filter-picker ul,
  [dir=rtl] .asian-view .asian-view-wrapper.future .asian-filter-picker ul {
    margin-right: 0
  }

  [dir=rtl] .asian-view .tournament-main-content-b .pro-filter-m>p {
    padding: 0 40px 0 0
  }

  [dir=rtl] .asian-view .asian-filter-picker-pro .title-row-u-m {
    padding: 0
  }

  [dir=rtl] .game-date-view-m>ul>li:first-child>p {
    padding: 1px 25px 0
  }

  .casino_jackpot_banner,
  .prematch_jackpot_banner {
    float: left;
    width: 100%;
    padding: 20px;
    text-align: center
  }

  .casino_jackpot_banner>h1,
  .prematch_jackpot_banner>h1 {
    font-size: 16px;
    color: #f3f3f5;
    opacity: .5;
    text-transform: uppercase
  }

  .casino_jackpot_banner>p,
  .prematch_jackpot_banner>p {
    font-size: 24px;
    line-height: 34px;
    color: #f3f3f5
  }

  .casino_jackpot_banner>p>span,
  .prematch_jackpot_banner>p>span {
    font-size: 12px;
    line-height: 26px;
    vertical-align: top
  }

  .casino_jackpot_banner>a,
  .prematch_jackpot_banner>a {
    color: #f3f3f5;
    text-decoration: none
  }

  .prematch_jackpot_banner {
    background: -webkit-linear-gradient(67deg, #5f0f74, #11488c);
    background: linear-gradient(23deg, #5f0f74, #11488c)
  }

  .casino_jackpot_banner {
    background: -webkit-linear-gradient(75deg, #223059, #09142b);
    background: linear-gradient(15deg, #223059, #09142b)
  }

  .time-filter-m-parent {
    position: sticky;
    position: -webkit-sticky;
    float: left;
    width: 100%;
    z-index: 998;
    top: 48px
  }

  .integration-view .time-filter-m-parent.partnerIntegration {
    top: 0
  }

  .time-filter-m-parent.partnerIntegration ul {
    padding: 0 7px
  }

  .asian-view-wrapper .time-filter-m.live-f-view-m {
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 #282c38
  }

  .asian-view-wrapper .time-filter-m.live-f-view-m>ul {
    table-layout: fixed;
    padding: 0
  }

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

  .main-wrapper:not(.integration-view) .asian-view .time-filter-m,
  .main-wrapper:not(.integration-view) .time-filter-m.live-f-view-m {
    position: sticky;
    position: -webkit-sticky;
    top: 48px
  }

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

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

  .time-filter-m>ul {
    position: relative;
    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: 47px;
    color: var(--text-3);
    text-align: center;
    white-space: nowrap
  }

  .time-filter-m>ul>li.active {
    color: var(--text-1);
    box-shadow: 0 -2px 0 var(--hero) inset
  }

  .time-filter-m:not(.game-markets-f) {
    width: calc(100% - 48px);
    overflow-x: auto;
    z-index: 9991
  }

  .time-filter-m:not(.game-markets-f):only-child {
    width: 100%
  }

  .dashboard-upcoming-game-list-m>.time-filter-m {
    width: 100%;
    z-index: auto
  }

  .integration-view .time-filter-m:not(.game-markets-f) {
    width: 100%;
    padding-right: 0
  }

  .game-markets-f>ul,
  .integration-view .time-filter-m>ul {
    padding: 0 7px
  }

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

  .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: 0 -1px 0 var(--skin-15) inset;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

  .sport-nav-container-m>a {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 12px;
    padding: 0 18px;
    line-height: 14px;
    text-decoration: none;
    color: var(--text-1);
    position: relative;
    text-align: center;
    background: var(--skin-11)
  }

  .sport-icon-m.VirtualFootball:before,
  .sport-icon-m.VirtualTennis:before {
    color: inherit
  }

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

  a.active .sport-icon-m {
    color: var(--text-1)
  }

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

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

  .sport-icon-m.most-popular:before {
    font: 22px/32px icomoon;
    content: "\E904"
  }

  .sport-icon-m.worldCup:before {
    font: 30px/40px icomoon !important;
    content: "\E952";
    display: block;
    color: #daac39
  }

  .sport-nav-container-m>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 var(--skin-6)
  }

  .sport-nav-container-m>a>p {
    height: 28px;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    color: var(--text-3);
    line-height: 18px
  }

  .sport-nav-container-m>a.active>p {
    color: var(--text-1)
  }

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

  .select-sport-title-m {
    float: left;
    width: 100%;
    display: table;
    height: 34px;
    background: var(--skin-6);
    color: var(--skin-15)
  }

  .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;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    vertical-align: top
  }

  .games-count-view-m {
    position: absolute;
    font-size: 8px;
    top: 2px;
    left: 26px;
    line-height: 12px;
    font-style: normal;
    color: var(--text-4)
  }

  .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(../images/football-bg.jpg);
    background-position: 0 75%
  }

  .live-game-score.score-Tennis {
    background-image: url(../images/tennis.jpg)
  }

  .live-game-score.score-Basketball,
  .live-game-score.score-EBasketball {
    background-image: url(../images/basket.jpg)
  }

  .live-game-score.score-Volleyball {
    background-image: url(../images/valleyball.jpg)
  }

  .live-game-score.score-TableTennis {
    background-image: url(../images/tab_tennis.jpg)
  }

  .live-game-score.score-Baseball {
    background-image: url(../images/baceball.jpg)
  }

  .live-game-score.score-Badminton {
    background-image: url(../images/badmenton.jpg)
  }

  .live-game-score.score-Boxing {
    background-image: url(../images/box.jpg)
  }

  .live-game-score.score-Cycling {
    background-image: url(../images/cycling.jpg)
  }

  .live-game-score.score-Futsal {
    background-image: url(../images/footsal.jpg)
  }

  .live-game-score.score-IceHockey {
    background-image: url(../images/ice_hockey.jpg)
  }

  .live-game-score.score-Horseracing .game-horse-racing {
    background-image: url(../images/horse_racing.jpg);
    background-size: cover
  }

  .live-game-score.score-Snooker {
    background-image: url(../images/snooker2.jpg)
  }

  .live-game-score.score-Cricket {
    background-image: url(../images/Cricket.jpg)
  }

  .live-game-score.score-Rugby {
    background-image: url(../images/rugby.jpg)
  }

  .live-game-score.score-Golf {
    background-image: url(../images/golf.jpg)
  }

  .live-game-score.score-Handball {
    background-image: url(../images/handball.jpg)
  }

  .live-game-score.score-BeachVolleyball {
    background-image: url(../images/b_Volleyball.jpg)
  }

  .live-game-score.score-Wrestling {
    background-image: url(../images/Wrestling1.jpg)
  }

  .live-game-score.score-AmericanFootball {
    background-image: url(../images/amer_fball.jpg)
  }

  .live-game-score.score-Dota,
  .live-game-score.score-Dota2 {
    background-image: url(../images/dota.jpg)
  }

  .live-game-score.score-LeagueOfLegends {
    background-image: url(../images/league-of-legends.jpg)
  }

  .live-game-score.score-StarCraft {
    background-image: url(../images/star-craft.jpg)
  }

  .live-game-score.score-CounterStrike {
    background-image: url(../images/counter-strike.jpg)
  }

  .live-game-score.score-CallofDuty {
    background-image: url(../images/callofduty.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: 34px;
    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: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    color: var(--text-1);
    font-size: 9px
  }

  .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: var(--text-3)
  }

  .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: var(--skin-10);
    margin: 0;
    padding: 5px 30px;
    text-align: center
  }

  .statistic-view-m>p {
    float: left;
    width: 100%;
    font-size: 10px;
    line-height: 12px;
    color: var(--text-2);
    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: var(--skin-1);
    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: var(--skin-10);
    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;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    border-left: 1px solid transparent;
    position: relative
  }

  .game-list-statistics tr td,
  .game-list-statistics tr th {
    vertical-align: middle;
    text-align: center;
    background: var(--skin-10)
  }

  .game-list-statistics tr td {
    padding: 5px 2px;
    box-shadow: 0 1px 0 rgba(var(--text-1), .06) inset;
    border-left: 1px solid rgba(var(--text-1), .06)
  }

  .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: var(--text-1)
  }

  .penalty:before {
    content: "}";
    font: 12px/12px icomoon;
    color: var(--text-1)
  }

  .icon-offside {
    display: inline-block;
    vertical-align: top;
    width: 11px;
    height: 11px
  }

  .icon-offside:before {
    font: 11px/11px icomoon;
    color: var(--text-1);
    content: "\E943"
  }

  .icon-substitution {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px
  }

  .icon-substitution:before {
    font: 12px/12px icomoon;
    color: var(--text-1);
    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: 1px 0 0 var(--skin-1) inset, -1px 0 0 var(--skin-1) inset
  }

  .timeline-control:before {
    content: "\A0   0";
    position: absolute;
    left: 0;
    width: 103%;
    top: calc(50% - 12px);
    border-bottom: 1px solid var(--skin-1);
    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: -1px 0 0 var(--skin-1) inset;
    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: 1px 0 0 var(--skin-1) inset, -1px 0 0 var(--skin-1) inset
  }

  .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: -2px 0 0 var(--skin-1) inset
  }

  .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: -2px 0 0 var(--skin-1) inset
  }

  .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: -2px 0 0 var(--skin-1) inset
  }

  .timeline-control.tl-80 span.tl-6-0 {
    left: 58.33331%
  }

  .timeline-control.tl-80 span.tl-80 {
    left: 83.3333%;
    box-shadow: -2px 0 0 var(--skin-1) inset
  }

  .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(../images/stats_tl.png) 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: var(--skin-11);
    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 var(--skin-1);
    border-left: 2px solid var(--skin-1);
    -webkit-transform: scale(.65);
    -ms-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 var(--skin-1);
    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: var(--skin-1);
    color: var(--text-16);
    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: var(--skin-1) 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
  }

  .timeline-control.tl-60 span.ht-ft,
  .timeline-control.tl-70 span.ht-ft {
    width: 50%;
    left: 50%;
    font: 10px/10px arial;
    font-weight: 700
  }

  .timeline-control.tl-60:after {
    content: "6 0"
  }

  .timeline-control.tl-60 span.tl-6-0,
  .timeline-control.tl-60 span.tl-15,
  .timeline-control.tl-60 span.tl-18,
  .timeline-control.tl-60 span.tl-30,
  .timeline-control.tl-60 span.tl-35,
  .timeline-control.tl-60 span.tl-45,
  .timeline-control.tl-60 span.tl-52,
  .timeline-control.tl-60 span.tl-60,
  .timeline-control.tl-60 span.tl-70,
  .timeline-control.tl-60 span.tl-75,
  .timeline-control.tl-60 span.tl-90 {
    display: none
  }

  .timeline-control.tl-60 span.tl-15,
  .timeline-control.tl-60 span.tl-30,
  .timeline-control.tl-60 span.tl-45,
  .timeline-control.tl-60 span.tl-60 {
    display: block
  }

  .timeline-control.tl-60 span {
    width: 16.66666%;
    width: 16.66667%
  }

  .timeline-control.tl-60 span.tl-15 {
    left: 8.33333%
  }

  .timeline-control.tl-60 span.tl-30 {
    left: 33.33333%;
    left: 33.33332%;
    box-shadow: inset -2px 0 0 #fff
  }

  .timeline-control.tl-60 span.tl-45 {
    left: 58.33333%;
    left: 58.33331%
  }

  .timeline-control.tl-60 span.tl-60 {
    left: 83.33333%;
    left: 83.3333%;
    box-shadow: inset -2px 0 0 #fff
  }

  .timeline-control.tl-60 span.tl-15:before {
    content: "1 5"
  }

  .timeline-control.tl-60 span.tl-30:before {
    content: "3 0"
  }

  .timeline-control.tl-60 span.tl-45:before {
    content: "4 5"
  }

  .timeline-control.tl-70:after {
    content: "7 0"
  }

  .timeline-control.tl-70 span.tl-15,
  .timeline-control.tl-70 span.tl-18,
  .timeline-control.tl-70 span.tl-30,
  .timeline-control.tl-70 span.tl-35,
  .timeline-control.tl-70 span.tl-45,
  .timeline-control.tl-70 span.tl-52,
  .timeline-control.tl-70 span.tl-60,
  .timeline-control.tl-70 span.tl-70,
  .timeline-control.tl-70 span.tl-75,
  .timeline-control.tl-70 span.tl-90 {
    display: none
  }

  .timeline-control.tl-70 span.tl-18,
  .timeline-control.tl-70 span.tl-35,
  .timeline-control.tl-70 span.tl-52,
  .timeline-control.tl-70 span.tl-70 {
    display: block
  }

  .timeline-control.tl-70 span {
    width: 16.66666%;
    width: 16.66667%
  }

  .timeline-control.tl-70 span.tl-18 {
    left: 8.33333%
  }

  .timeline-control.tl-70 span.tl-35 {
    left: 33.33333%;
    left: 33.33332%;
    box-shadow: inset -2px 0 0 #fff
  }

  .timeline-control.tl-70 span.tl-52 {
    left: 58.33333%;
    left: 58.33331%
  }

  .timeline-control.tl-70 span.tl-70 {
    left: 83.33333%;
    left: 83.3333%;
    box-shadow: inset -2px 0 0 #fff
  }

  .timeline-control.tl-70 span.tl-18:before {
    content: "1 8"
  }

  .timeline-control.tl-70 span.tl-35:before {
    content: "3 5"
  }

  .timeline-control.tl-70 span.tl-52:before {
    content: "5 2"
  }

  .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
  }

  .markets-list-wrapper .text-info-bet-m {
    padding: 5px 15px
  }

  .market-group-title-m {
    float: left;
    width: 100%;
    height: 38px;
    background: var(--skin-11);
    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: var(--text-6);
    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: var(--text-8);
    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: var(--text-6);
    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 var(--skin-11);
    border-right: 2px solid var(--skin-11);
    box-shadow: 0 -2px 0 var(--skin-11) inset;
    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 {
    display: none
  }

  .single-market-title-m.active+.coefficient-game-view,
  .slick-slider .upcoming-events-p>.coefficient-game-view {
    display: block
  }

  .market-text {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    padding: 0 15px;
    font-size: 12px;
    color: var(--text-3);
    text-align: center
  }

  @-webkit-keyframes open-animate-market {
    0% {
      max-height: 0
    }

    to {
      max-height: 500px
    }
  }

  @keyframes open-animate-market {
    0% {
      max-height: 0
    }

    to {
      max-height: 500px
    }
  }

  @-webkit-keyframes closed-open-animate-market {
    0% {
      max-height: 500px
    }

    to {
      max-height: 0
    }
  }

  @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: var(--skin-10);
    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: var(--text-6)
  }

  .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: var(--text-3);
    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: var(--text-3);
    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"
  }

  .no-games-text-m {
    margin: 30px 0 0;
    padding: 10px;
    color: var(--text-6);
    font-size: 14px;
    line-height: 18px;
    text-align: center
  }

  .coefficient-game-view,
  .no-games-text-m {
    float: left;
    width: 100%
  }

  .coefficient-game-view .handicap-title:first-child>li {
    text-align: center
  }

  .coefficient-game-view .handicap-title>li {
    height: 32px;
    background: var(--skin-11);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    z-index: 22;
    overflow: hidden;
    color: var(--text-5);
    font-size: 12px;
    padding: 0 10px;
    line-height: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .coefficient-game-view .handicap-title>li:first-child {
    padding-left: 10px
  }

  .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: var(--skin-15)
  }

  .coefficient-game-view>ul>li:not(:first-child) {
    border-left: 1px solid var(--skin-15)
  }

  .single-coefficient-m {
    float: left;
    width: 100%;
    height: 44px;
    background: var(--skin-11);
    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: var(--text-5)
  }

  .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;
    white-space: nowrap
  }

  .single-coefficient-m>span {
    display: table-cell;
    text-align: right;
    font-size: 14px;
    line-height: 44px;
    padding: 0 10px;
    height: 100%;
    color: var(--odd);
    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
  }

  .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
  }

  .main-wrapper:not(.integration-view) .asian-view .time-filter-m,
  .main-wrapper:not(.integration-view) .time-filter-m.live-f-view-m {
    position: sticky;
    position: -webkit-sticky;
    top: 48px
  }

  .time-filter-m {
    float: left;
    width: 100%;
    margin: 0 0 1px;
    overflow: visible;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 #282c38
  }

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

  .game-markets-f>ul,
  .integration-view .time-filter-m>ul {
    padding: 0 7px
  }

  .time-filter-m.game-markets-f {
    overflow-x: auto;
    top: 0
  }

  .game-view-title-contain-m.additional-info+.time-filter-m.game-markets-f {
    position: sticky;
    position: -webkit-sticky
  }

  .time-filter-m>ul>li {
    display: table-cell;
    padding: 0 5px;
    font-size: 12px;
    line-height: 47px;
    color: var(--text-3);
    text-align: center;
    white-space: nowrap
  }

  .time-filter-m>ul>li.active {
    color: var(--text-1);
    box-shadow: 0 -2px 0 var(--hero) inset
  }

  .game-information-m>ul>li.factor-m>.single-coefficient-m.active,
  .single-coefficient-m.active {
    background: var(--hero);
    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: var(--hero-sc)
  }

  .single-coefficient-m.active:before {
    font: 16px/44px icomoon;
    color: var(--hero-sc);
    content: "T";
    display: block;
    width: 99%;
    top: 0;
    right: 0;
    position: absolute;
    text-align: center;
    opacity: 0;
    background: var(--hero);
    z-index: 22
  }

  @media screen and (min-width:980px) {
    .time-filter-m-parent {
      top: 0
    }
  }

  .time-filter-m>ul>li.bets-count {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    left: 0;
    font-size: 11px;
    line-height: 16px;
    background: var(--skin-12);
    vertical-align: middle;
    text-transform: capitalize
  }

  .time-filter-m>ul>li.bets-count>span {
    display: inline-block;
    font-size: 12px;
    padding: 1px 3px;
    min-width: 18px;
    background: var(--skin-6);
    color: var(--text-3);
    border-radius: 10px
  }

  .game-view-title-contain-m {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    background: var(--skin-10);
    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 var(--skin-11);
    padding: 0 10px;
    color: var(--text-6);
    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: var(--skin-11);
    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: var(--skin-11) 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: var(--text-3)
  }

  .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: var(--text-3);
    text-align: left
  }

  .teams-name-shirt-color>ul>li.vs-contain-m {
    width: 40px;
    color: var(--text-6);
    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: var(--text-6);
    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-info-data {
    float: left;
    width: 100%;
    font-size: 0
  }

  .game-info-data>p {
    margin-bottom: 10px;
    font-size: 12px;
    color: var(--text-6)
  }

  .game-info-data>p span {
    display: inline-block;
    line-height: 12px
  }

  .game-info-data>p span:first-child {
    padding-right: 5px;
    border-right: 1px solid var(--text-6)
  }

  .game-info-data>p span:last-child {
    padding-left: 5px
  }

  .game-info-data>span {
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    width: 20px;
    padding: 4px 0;
    margin: 0 2px;
    color: #fff;
    text-align: center;
    border-radius: 3px
  }

  .teams-name-shirt-color>ul>li:first-child,
  .teams-name-shirt-color>ul>li:last-child {
    padding: 0
  }

  .teams-name-shirt-color>ul>li:first-child>p {
    padding-right: 40px
  }

  .teams-name-shirt-color>ul>li:first-child .game-info-data>p {
    padding-right: 25px
  }

  .teams-name-shirt-color>ul>li:last-child>p {
    padding-left: 40px
  }

  .teams-name-shirt-color>ul>li:last-child .game-info-data>p {
    padding-left: 25px
  }

  .match-result-L {
    background-color: #e9044a
  }

  .match-result-D {
    background-color: var(--accent)
  }

  .match-result-W {
    background-color: #008d47
  }

  html[dir=rtl] .game-info-data>p span:first-child {
    padding-right: 0;
    padding-left: 5px;
    border-right: none;
    border-left: 1px solid var(--text-6)
  }

  html[dir=rtl] .game-info-data>p span:last-child {
    padding-left: 0;
    padding-right: 5px
  }

  html[dir=rtl] li>.single-coefficient-m {
    box-shadow: 1px 0 0 var(--skin-15)
  }

  .game-score-info-l-game {
    float: left;
    width: 100%;
    background: var(--skin-10);
    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: var(--text-3);
    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: var(--skin-11) 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: var(--skin-11);
    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(../images/field-bg-pattern.png);
    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: var(--skin-1);
    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(../images/soccer-field.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(../images/left-gate.png) 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(../images/right-gate.png) 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(../images/soccer-timeline.png) 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: var(--skin-1)
  }

  .tl-corner {
    overflow: hidden;
    border-bottom: 1px solid var(--skin-1);
    border-left: 1px solid var(--skin-1);
    -webkit-transform: scale(.65);
    -ms-transform: scale(.65);
    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 var(--skin-1);
    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: var(--skin-1);
    background-image: url(../images/soccer-ball-bg.png);
    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(../images/tl-exchange.png)
  }

  .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 {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    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(../images/s_ball.png) 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(../images/stats_tl.png) 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: var(--skin-1);
    box-shadow: 0 0 5px var(--text-16);
    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: var(--skin-1) 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: var(--skin-1);
    background-image: url(../images/soccer-ball-bg.png);
    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 {
    -webkit-animation: ball-y-away 1.8s .3s infinite cubic-bezier(0, 0, .35, 1);
    animation: ball-y-away 1.8s .3s infinite cubic-bezier(0, 0, .35, 1)
  }

  .Corner.away>div .ball {
    -webkit-animation: ball-x-away 1.8s .3s infinite cubic-bezier(0, 0, .65, 1);
    animation: ball-x-away 1.8s .3s infinite cubic-bezier(0, 0, .65, 1)
  }

  .Corner.home>div {
    -webkit-animation: ball-y-home 1.9s .3s infinite cubic-bezier(0, 0, .35, 1);
    animation: ball-y-home 1.9s .3s infinite cubic-bezier(0, 0, .35, 1)
  }

  .Corner.home>div .ball {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-animation: ball-x-home 1.9s .3s infinite cubic-bezier(0, 0, .65, 1);
    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;
    -webkit-transform: translateY(85%);
    -ms-transform: translateY(85%);
    transform: translateY(85%)
  }

  .RedCard.home .rotator,
  .YellowCard.home .rotator {
    left: 25%;
    -webkit-animation: rotate 4s infinite ease-in-out;
    animation: rotate 4s infinite ease-in-out
  }

  .RedCard.home .rotator .card,
  .YellowCard.home .rotator .card {
    -webkit-animation: fadeIn 4s infinite ease-in-out;
    animation: fadeIn 4s infinite ease-in-out
  }

  .RedCard.away .rotator,
  .YellowCard.away .rotator {
    right: 25%;
    -webkit-animation: rotate 4s infinite ease-in-out;
    animation: rotate 4s infinite ease-in-out
  }

  .RedCard.away .rotator .card,
  .YellowCard.away .rotator .card {
    -webkit-animation: fadeIn 4s infinite ease-in-out;
    animation: fadeIn 4s infinite ease-in-out
  }

  .RedCard>p,
  .YellowCard>p {
    width: 100%;
    text-align: center
  }

  .rotator {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    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;
    -webkit-animation: text-slide 1.5s .2s 1 ease-out, shadow-pulse 3.5s 1s infinite;
    animation: text-slide 1.5s .2s 1 ease-out, shadow-pulse 3.5s 1s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .ThrowIn>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(85%);
    -ms-transform: translateY(85%);
    transform: translateY(85%)
  }

  .ThrowIn>div .ball {
    position: absolute;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  .ThrowIn.home>div {
    -webkit-animation: ball-throw_home 1.8s .3s infinite cubic-bezier(0, 0, .35, 1);
    animation: ball-throw_home 1.8s .3s infinite cubic-bezier(0, 0, .35, 1)
  }

  .ThrowIn.home>div .ball {
    left: 40%;
    -webkit-animation: throw-in_home 1.8s .3s infinite cubic-bezier(0, 0, .65, 1);
    animation: throw-in_home 1.8s .3s infinite cubic-bezier(0, 0, .65, 1)
  }

  .ThrowIn.away>div {
    -webkit-animation: ball-throw_away 1.8s .3s infinite cubic-bezier(0, 0, .35, 1);
    animation: ball-throw_away 1.8s .3s infinite cubic-bezier(0, 0, .35, 1)
  }

  .ThrowIn.away>div .ball {
    left: 50%;
    -webkit-animation: throw-in_away 1.8s .3s infinite cubic-bezier(0, 0, .65, 1);
    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 var(--text-16);
    color: #fff;
    -webkit-animation: text-slide 1.5s .2s 1 ease-out, shadow-pulse 3.5s 1s infinite;
    animation: text-slide 1.5s .2s 1 ease-out, shadow-pulse 3.5s 1s infinite
  }

  .Attack .attack-div,
  .DangerousAttack .attack-div {
    position: absolute;
    background: -webkit-linear-gradient(left, transparent, red);
    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%;
    -webkit-transform: skewX(-7deg);
    -ms-transform: skewX(-7deg);
    transform: skewX(-7deg);
    background: -webkit-linear-gradient(left, transparent, red);
    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%;
    -webkit-transform: skewX(6deg);
    -ms-transform: skewX(6deg);
    transform: skewX(6deg);
    background: -webkit-linear-gradient(left, red, transparent);
    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 {
    -webkit-animation: attack-home 1.3s 1 ease, pulse-attack 2s 1.3s infinite ease;
    animation: attack-home 1.3s 1 ease, pulse-attack 2s 1.3s infinite ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .Attack.home p {
    -webkit-animation: move-right 1.3s 1 ease;
    animation: move-right 1.3s 1 ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .Attack.away .attack-div {
    -webkit-animation: attack-away 1.3s 1 ease, pulse-attack 2s 1.3s infinite ease;
    animation: attack-away 1.3s 1 ease, pulse-attack 2s 1.3s infinite ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .Attack.away p {
    -webkit-animation: move-left 1.3s 1 ease;
    animation: move-left 1.3s 1 ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .DangerousAttack p {
    width: 60%;
    margin: 0 20%
  }

  .DangerousAttack.home .attack-div {
    -webkit-animation: dangerous-attack-home 1.3s 1 ease, pulse-attack 2.2s 1.3s infinite ease;
    animation: dangerous-attack-home 1.3s 1 ease, pulse-attack 2.2s 1.3s infinite ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .DangerousAttack.home p {
    -webkit-animation: move-right 1.3s 1 ease;
    animation: move-right 1.3s 1 ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .DangerousAttack.away .attack-div {
    -webkit-animation: dangerous-attack-away 1.3s 1 ease, pulse-attack 2.2s 1.3s infinite ease;
    animation: dangerous-attack-away 1.3s 1 ease, pulse-attack 2.2s 1.3s infinite ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .DangerousAttack.away p {
    -webkit-animation: move-left 1.3s 1 ease;
    animation: move-left 1.3s 1 ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .BallSafe>div {
    position: absolute;
    top: 2%;
    left: 10%;
    width: 40%;
    height: 91%;
    -webkit-animation: ball-safe 2s ease infinite;
    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: -webkit-linear-gradient(left, transparent, hsla(0, 0%, 100%, .4));
    background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .4))
  }

  .BallSafe.home>div div:first-child {
    -webkit-animation: ball-safe-down 1s ease 1;
    animation: ball-safe-down 1s ease 1
  }

  .BallSafe.home>div div:last-child {
    -webkit-animation: ball-safe-up 1s ease 1;
    animation: ball-safe-up 1s ease 1
  }

  .BallSafe.away>div {
    left: 50%;
    background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, .4), transparent);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .4), transparent)
  }

  .BallSafe.away>div div:first-child {
    -webkit-animation: ball-safe-down 1.5s ease 1;
    animation: ball-safe-down 1.5s ease 1
  }

  .BallSafe.away>div div:last-child {
    -webkit-animation: ball-safe-up 1.5s ease 1;
    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;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5), inset 0 0 10px rgba(0, 0, 0, .5);
    -webkit-animation: substitute 1.5s infinite ease-in-out;
    animation: substitute 1.5s infinite ease-in-out;
    -webkit-animation-fill-mode: forwards;
    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;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    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 var(--text-16);
    color: #fff;
    -webkit-animation: text-slide 1.5s .2s 1 ease-out, shadow-pulse 3.5s 1s infinite;
    animation: text-slide 1.5s .2s 1 ease-out, shadow-pulse 3.5s 1s infinite
  }

  .Offside.home .line {
    right: 30%;
    -webkit-transform: skewX(16deg);
    -ms-transform: skewX(16deg);
    transform: skewX(16deg);
    -webkit-animation: line-pulse 1.4s infinite ease-in-out;
    animation: line-pulse 1.4s infinite ease-in-out
  }

  .Offside.home .ball {
    -webkit-animation: ball-offside-home 1.4s infinite ease-out;
    animation: ball-offside-home 1.4s infinite ease-out
  }

  .Offside.away .line {
    left: 30%;
    -webkit-transform: skewX(-14deg);
    -ms-transform: skewX(-14deg);
    transform: skewX(-14deg);
    -webkit-animation: line-pulse 1.4s infinite ease;
    animation: line-pulse 1.4s infinite ease
  }

  .Offside .ball {
    -webkit-animation: ball-offside-away 1.4s infinite ease-out;
    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 var(--skin-1);
    -webkit-animation: ripple-out 1.5s infinite ease;
    animation: ripple-out 1.5s infinite ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .FreeKick .ball {
    position: absolute;
    -webkit-animation: free-kick 1.5s infinite linear;
    animation: free-kick 1.5s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .FreeKick .arrow {
    position: absolute;
    width: 20%;
    border-bottom: .15em dashed var(--skin-1);
    -webkit-animation: expand-arrow 3s infinite ease;
    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 var(--skin-1)
  }

  .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%;
    -webkit-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
  }

  .FreeKick.home .arrow:after {
    left: 100%;
    border-color: transparent transparent transparent var(--skin-1)
  }

  .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%;
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
  }

  .FreeKick.away .arrow:after {
    right: 100%;
    border-color: transparent var(--skin-1) transparent transparent
  }

  .Penalty {
    opacity: 0
  }

  .Penalty .ball {
    position: absolute;
    -webkit-animation: penalty-ball 1s infinite linear;
    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 var(--skin-1);
    -webkit-animation: penalty-arrow 1.5s infinite ease;
    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%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .Penalty.home .arrow:after {
    left: 100%;
    border-color: transparent transparent transparent var(--skin-1)
  }

  .Penalty.away {
    opacity: 1
  }

  .Penalty.away .ball {
    right: 19%;
    top: 30%
  }

  .Penalty.away .arrow {
    top: 38%;
    right: 22%;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .Penalty.away .arrow:after {
    right: 100%;
    border-color: transparent var(--skin-1) transparent transparent
  }

  .GoalKick {
    opacity: 0
  }

  .GoalKick .ripple {
    position: absolute;
    width: 3%;
    height: 10%;
    margin: 3%;
    border-radius: 50%;
    border: .1em solid var(--skin-1);
    -webkit-animation: ripple-out 1.5s infinite ease;
    animation: ripple-out 1.5s infinite ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .GoalKick .ball {
    position: absolute;
    -webkit-animation: free-kick 1.5s infinite linear;
    animation: free-kick 1.5s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .GoalKick .arrow {
    position: absolute;
    width: 20%;
    border-bottom: .15em dashed var(--skin-1);
    -webkit-animation: expand-arrow 3s infinite ease;
    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 var(--skin-1)
  }

  .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%;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
  }

  .GoalKick.home .arrow:after {
    left: 100%;
    border-color: transparent transparent transparent var(--skin-1)
  }

  .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%;
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
  }

  .GoalKick.away .arrow:after {
    right: 100%;
    border-color: transparent var(--skin-1) 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 {
    -webkit-animation: goal-up-home 2.5s .2s 1 cubic-bezier(0, 0, .35, 1);
    animation: goal-up-home 2.5s .2s 1 cubic-bezier(0, 0, .35, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .Goal.home .ball-cont .ball {
    right: 34%;
    opacity: 0;
    -webkit-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: 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;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .Goal.home p {
    -webkit-animation: goal-text-home 1s 4.2s 3 ease;
    animation: goal-text-home 1s 4.2s 3 ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .Goal.home p.team {
    -webkit-animation: goal-text-home 3s 4.2s 1 ease;
    animation: goal-text-home 3s 4.2s 1 ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .Goal.away .ball-cont {
    -webkit-animation: goal-up-away 2.5s .2s 1 cubic-bezier(0, 0, .35, 1);
    animation: goal-up-away 2.5s .2s 1 cubic-bezier(0, 0, .35, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .Goal.away .ball-cont .ball {
    right: 34%;
    opacity: 0;
    -webkit-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: 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;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .Goal.away p {
    -webkit-animation: goal-text-away 1s 4.2s 3 ease;
    animation: goal-text-away 1s 4.2s 3 ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .Goal.away p.team {
    -webkit-animation: goal-text-away 3s 4.2s 1 ease;
    animation: goal-text-away 3s 4.2s 1 ease;
    -webkit-animation-fill-mode: forwards;
    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 var(--text-16);
    color: #fff
  }

  .Goal p.team {
    top: 52%;
    height: 40%;
    overflow: hidden
  }

  .Goal p.goal-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  @-webkit-keyframes hide-animation {
    0% {
      opacity: 1
    }

    to {
      opacity: 0
    }
  }

  @-webkit-keyframes ball-x-away {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      background-position: 0 0;
      box-shadow: 0 0 3px rgba(0, 0, 0, .5), inset 0 0 5px #000
    }

    50% {
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000
    }

    to {
      -webkit-transform: translateX(250%);
      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-away {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      background-position: 0 0;
      box-shadow: 0 0 3px rgba(0, 0, 0, .5), inset 0 0 5px #000
    }

    50% {
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000
    }

    to {
      -webkit-transform: translateX(250%);
      transform: translateX(250%);
      background-position: 800% -1600%;
      box-shadow: 0 10px 3px rgba(0, 0, 0, .3), inset 0 0 3px #000
    }
  }

  @-webkit-keyframes ball-x-home {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      background-position: 0 0;
      box-shadow: 0 0 3px rgba(0, 0, 0, .5), inset 0 0 5px #000
    }

    50% {
      -webkit-transform: translateX(-500%);
      transform: translateX(-500%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000
    }

    to {
      -webkit-transform: translateX(-250%);
      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% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      background-position: 0 0;
      box-shadow: 0 0 3px rgba(0, 0, 0, .5), inset 0 0 5px #000
    }

    50% {
      -webkit-transform: translateX(-500%);
      transform: translateX(-500%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000
    }

    to {
      -webkit-transform: translateX(-250%);
      transform: translateX(-250%);
      background-position: 800% -1600%;
      box-shadow: 0 10px 3px rgba(0, 0, 0, .3), inset 0 0 3px #000
    }
  }

  @-webkit-keyframes ball-y-away {
    0% {
      -webkit-transform: translateY(85%);
      transform: translateY(85%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    80% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      opacity: 0
    }
  }

  @keyframes ball-y-away {
    0% {
      -webkit-transform: translateY(85%);
      transform: translateY(85%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    80% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      opacity: 0
    }
  }

  @-webkit-keyframes ball-y-home {
    0% {
      -webkit-transform: translateY(85%);
      transform: translateY(85%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    80% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      opacity: 0
    }
  }

  @keyframes ball-y-home {
    0% {
      -webkit-transform: translateY(85%);
      transform: translateY(85%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    80% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      opacity: 0
    }
  }

  @-webkit-keyframes fadeIn {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0
    }

    15% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
    }

    20% {
      -webkit-transform: scale(.9);
      transform: scale(.9);
      opacity: 1
    }

    30% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
    }

    70% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
    }

    85% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 1
    }

    to {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0
    }
  }

  @keyframes fadeIn {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0
    }

    15% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
    }

    20% {
      -webkit-transform: scale(.9);
      transform: scale(.9);
      opacity: 1
    }

    30% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
    }

    70% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
    }

    85% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 1
    }

    to {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0
    }
  }

  @-webkit-keyframes rotate {

    0%,
    to {
      opacity: 1
    }

    31% {
      -webkit-transform: perspective(1050px) rotateY(0deg);
      transform: perspective(1050px) rotateY(0deg)
    }

    51% {
      -webkit-transform: perspective(1050px) rotateY(180deg);
      transform: perspective(1050px) rotateY(180deg)
    }

    70% {
      -webkit-transform: perspective(1050px) rotateY(0deg);
      transform: perspective(1050px) rotateY(0deg)
    }
  }

  @keyframes rotate {

    0%,
    to {
      opacity: 1
    }

    31% {
      -webkit-transform: perspective(1050px) rotateY(0deg);
      transform: perspective(1050px) rotateY(0deg)
    }

    51% {
      -webkit-transform: perspective(1050px) rotateY(180deg);
      transform: perspective(1050px) rotateY(180deg)
    }

    70% {
      -webkit-transform: perspective(1050px) rotateY(0deg);
      transform: perspective(1050px) rotateY(0deg)
    }
  }

  @-webkit-keyframes ball-throw_home {
    0% {
      -webkit-transform: translateY(85%);
      transform: translateY(85%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    80% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      opacity: 0
    }
  }

  @keyframes ball-throw_home {
    0% {
      -webkit-transform: translateY(85%);
      transform: translateY(85%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    80% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      opacity: 0
    }
  }

  @-webkit-keyframes ball-throw_away {
    0% {
      -webkit-transform: translateY(85%);
      transform: translateY(85%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    80% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      opacity: 0
    }
  }

  @keyframes ball-throw_away {
    0% {
      -webkit-transform: translateY(85%);
      transform: translateY(85%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    80% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      opacity: 0
    }
  }

  @-webkit-keyframes throw-in_home {
    0% {
      background-position: 0 0;
      box-shadow: 0 20px 15px rgba(0, 0, 0, .5), inset 0 0 5px #000;
      -webkit-transform: translateX(0);
      transform: translateX(0)
    }

    30% {
      box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000;
      -webkit-animation-timing-function: ease-in;
      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%;
      -webkit-transform: translateX(60px);
      transform: translateX(60px)
    }
  }

  @keyframes throw-in_home {
    0% {
      background-position: 0 0;
      box-shadow: 0 20px 15px rgba(0, 0, 0, .5), inset 0 0 5px #000;
      -webkit-transform: translateX(0);
      transform: translateX(0)
    }

    30% {
      box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000;
      -webkit-animation-timing-function: ease-in;
      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%;
      -webkit-transform: translateX(60px);
      transform: translateX(60px)
    }
  }

  @-webkit-keyframes throw-in_away {
    0% {
      background-position: 0 0;
      box-shadow: 0 20px 15px rgba(0, 0, 0, .5), inset 0 0 5px #000;
      -webkit-transform: translateX(0);
      transform: translateX(0)
    }

    30% {
      box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000;
      -webkit-animation-timing-function: ease-in;
      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%;
      -webkit-transform: translateX(-60px);
      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;
      -webkit-transform: translateX(0);
      transform: translateX(0)
    }

    30% {
      box-shadow: 0 25px 15px rgba(0, 0, 0, .3), inset 0 0 5px #000;
      -webkit-animation-timing-function: ease-in;
      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%;
      -webkit-transform: translateX(-60px);
      transform: translateX(-60px)
    }
  }

  @-webkit-keyframes slideDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
    }

    50% {
      opacity: 1;
      -webkit-transform: translateY(8%);
      transform: translateY(8%)
    }

    65% {
      -webkit-transform: translateY(-18%);
      transform: translateY(-18%)
    }

    80% {
      -webkit-transform: translateY(10%);
      transform: translateY(10%)
    }

    95% {
      -webkit-transform: translateY(-4%);
      transform: translateY(-4%)
    }

    to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
  }

  @-webkit-keyframes shadow-pulse {
    0% {
      text-shadow: 1px 1px 10px 1px var(--text-16);
      opacity: .8
    }

    50% {
      text-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .4);
      opacity: .95
    }

    to {
      text-shadow: 1px 1px 10px 1px var(--text-16);
      opacity: .8
    }
  }

  @keyframes shadow-pulse {
    0% {
      text-shadow: 1px 1px 10px 1px var(--text-16);
      opacity: .8
    }

    50% {
      text-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .4);
      opacity: .95
    }

    to {
      text-shadow: 1px 1px 10px 1px var(--text-16);
      opacity: .8
    }
  }

  @-webkit-keyframes attack-home {
    0% {
      opacity: 0
    }

    to {
      -webkit-transform: skewX(4deg);
      transform: skewX(4deg);
      left: 30%;
      opacity: .7
    }
  }

  @keyframes attack-home {
    0% {
      opacity: 0
    }

    to {
      -webkit-transform: skewX(4deg);
      transform: skewX(4deg);
      left: 30%;
      opacity: .7
    }
  }

  @-webkit-keyframes attack-away {
    0% {
      opacity: 0
    }

    to {
      -webkit-transform: skewX(-7deg);
      transform: skewX(-7deg);
      right: 30%;
      opacity: .7
    }
  }

  @keyframes attack-away {
    0% {
      opacity: 0
    }

    to {
      -webkit-transform: skewX(-7deg);
      transform: skewX(-7deg);
      right: 30%;
      opacity: .7
    }
  }

  @-webkit-keyframes dangerous-attack-home {
    0% {
      opacity: 0
    }

    to {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      left: 50%;
      opacity: .7
    }
  }

  @keyframes dangerous-attack-home {
    0% {
      opacity: 0
    }

    to {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      left: 50%;
      opacity: .7
    }
  }

  @-webkit-keyframes dangerous-attack-away {
    0% {
      opacity: 0
    }

    to {
      -webkit-transform: skewX(-20deg);
      transform: skewX(-20deg);
      right: 50%;
      opacity: .7
    }
  }

  @keyframes dangerous-attack-away {
    0% {
      opacity: 0
    }

    to {
      -webkit-transform: skewX(-20deg);
      transform: skewX(-20deg);
      right: 50%;
      opacity: .7
    }
  }

  @-webkit-keyframes pulse-attack {

    0%,
    to {
      opacity: .7
    }

    50% {
      opacity: .4
    }
  }

  @keyframes pulse-attack {

    0%,
    to {
      opacity: .7
    }

    50% {
      opacity: .4
    }
  }

  @-webkit-keyframes move-right {
    0% {
      text-indent: -100%;
      opacity: 0
    }

    to {
      text-indent: 0;
      opacity: .7
    }
  }

  @keyframes move-right {
    0% {
      text-indent: -100%;
      opacity: 0
    }

    to {
      text-indent: 0;
      opacity: .7
    }
  }

  @-webkit-keyframes move-left {
    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
    }
  }

  @-webkit-keyframes ball-safe {
    0% {
      opacity: .6
    }

    50% {
      opacity: 1
    }

    to {
      opacity: .6
    }
  }

  @keyframes ball-safe {
    0% {
      opacity: .6
    }

    50% {
      opacity: 1
    }

    to {
      opacity: .6
    }
  }

  @-webkit-keyframes ball-safe-down {
    0% {
      opacity: 0;
      top: 0;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
    }

    70% {
      opacity: 1;
      top: 26%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    90% {
      top: 25%
    }

    to {
      top: 26%
    }
  }

  @keyframes ball-safe-down {
    0% {
      opacity: 0;
      top: 0;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
    }

    70% {
      opacity: 1;
      top: 26%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    90% {
      top: 25%
    }

    to {
      top: 26%
    }
  }

  @-webkit-keyframes ball-safe-up {
    0% {
      opacity: 0;
      top: 68%;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
    }

    70% {
      opacity: 1;
      top: 40%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    90% {
      top: 43%
    }

    to {
      top: 42%
    }
  }

  @keyframes ball-safe-up {
    0% {
      opacity: 0;
      top: 68%;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
    }

    70% {
      opacity: 1;
      top: 40%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    90% {
      top: 43%
    }

    to {
      top: 42%
    }
  }

  @-webkit-keyframes line-pulse {
    0% {
      opacity: 0
    }

    65% {
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    75% {
      opacity: 1
    }

    85% {
      opacity: .3
    }

    90% {
      opacity: 1
    }

    to {
      opacity: 0
    }
  }

  @keyframes line-pulse {
    0% {
      opacity: 0
    }

    65% {
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    75% {
      opacity: 1
    }

    85% {
      opacity: .3
    }

    90% {
      opacity: 1
    }

    to {
      opacity: 0
    }
  }

  @-webkit-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%;
      -webkit-animation-timing-function: ease-in;
      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-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%;
      -webkit-animation-timing-function: ease-in;
      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
    }
  }

  @-webkit-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%;
      -webkit-animation-timing-function: ease-in;
      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 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%;
      -webkit-animation-timing-function: ease-in;
      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
    }
  }

  @-webkit-keyframes text-slide {
    0% {
      top: -20%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    75% {
      top: 28%
    }

    88% {
      top: 24%
    }

    to {
      top: 25%;
      opacity: 1
    }
  }

  @keyframes text-slide {
    0% {
      top: -20%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    75% {
      top: 28%
    }

    88% {
      top: 24%
    }

    to {
      top: 25%;
      opacity: 1
    }
  }

  @-webkit-keyframes substitute {
    0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
    }

    to {
      -webkit-transform: rotate(315deg);
      transform: rotate(315deg)
    }
  }

  @keyframes substitute {
    0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
    }

    to {
      -webkit-transform: rotate(315deg);
      transform: rotate(315deg)
    }
  }

  @-webkit-keyframes free-kick {
    0% {
      background-position: 0 0
    }

    to {
      background-position: -1200% 400%
    }
  }

  @keyframes free-kick {
    0% {
      background-position: 0 0
    }

    to {
      background-position: -1200% 400%
    }
  }

  @-webkit-keyframes free-kick_basket {
    0% {
      background-position: 0 50%
    }

    to {
      background-position: -1200% 50%
    }
  }

  @keyframes free-kick_basket {
    0% {
      background-position: 0 50%
    }

    to {
      background-position: -1200% 50%
    }
  }

  @-webkit-keyframes ripple-out {
    0% {
      opacity: 0
    }

    15% {
      opacity: .8
    }

    85% {
      width: 9%;
      height: 27%;
      margin: .2%;
      opacity: 0
    }

    to {
      opacity: 0
    }
  }

  @keyframes ripple-out {
    0% {
      opacity: 0
    }

    15% {
      opacity: .8
    }

    85% {
      width: 9%;
      height: 27%;
      margin: .2%;
      opacity: 0
    }

    to {
      opacity: 0
    }
  }

  @-webkit-keyframes expand-arrow {
    0% {
      width: 0;
      opacity: 0
    }

    10% {
      opacity: 1
    }

    50% {
      width: 20%
    }

    60% {
      opacity: 1
    }

    to {
      opacity: 0
    }
  }

  @keyframes expand-arrow {
    0% {
      width: 0;
      opacity: 0
    }

    10% {
      opacity: 1
    }

    50% {
      width: 20%
    }

    60% {
      opacity: 1
    }

    to {
      opacity: 0
    }
  }

  @-webkit-keyframes penalty-arrow {
    0% {
      width: 0;
      opacity: 0
    }

    10% {
      opacity: 1
    }

    50% {
      width: 10%
    }

    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
    }
  }

  @-webkit-keyframes penalty-ball {
    to {
      background-position: 1200% 0
    }
  }

  @keyframes penalty-ball {
    to {
      background-position: 1200% 0
    }
  }

  @-webkit-keyframes ball-rotate {
    to {
      background-position: 1500% 0
    }
  }

  @keyframes ball-rotate {
    to {
      background-position: 1500% 0
    }
  }

  @-webkit-keyframes goal-up-home {

    0%,
    20% {
      -webkit-transform: translateY(40%);
      transform: translateY(40%)
    }

    50% {
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: translateY(25%);
      transform: translateY(25%)
    }

    to {
      -webkit-transform: translateY(30%);
      transform: translateY(30%)
    }
  }

  @keyframes goal-up-home {

    0%,
    20% {
      -webkit-transform: translateY(40%);
      transform: translateY(40%)
    }

    50% {
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: translateY(25%);
      transform: translateY(25%)
    }

    to {
      -webkit-transform: translateY(30%);
      transform: translateY(30%)
    }
  }

  @-webkit-keyframes goal-home {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      right: 34%;
      opacity: 0
    }

    25% {
      -webkit-transform: scale(.65);
      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;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease
    }

    to {
      right: 5%;
      opacity: 1;
      -webkit-transform: scale(.65);
      transform: scale(.65)
    }
  }

  @keyframes goal-home {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      right: 34%;
      opacity: 0
    }

    25% {
      -webkit-transform: scale(.65);
      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;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease
    }

    to {
      right: 5%;
      opacity: 1;
      -webkit-transform: scale(.65);
      transform: scale(.65)
    }
  }

  @-webkit-keyframes goal-to-center-home {
    0% {
      right: 4%;
      -webkit-transform: scale(.65);
      transform: scale(.65)
    }

    to {
      right: 48%;
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }

  @keyframes goal-to-center-home {
    0% {
      right: 4%;
      -webkit-transform: scale(.65);
      transform: scale(.65)
    }

    to {
      right: 48%;
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }

  @-webkit-keyframes goal-text-home {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0)
    }

    50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
    }

    75% {
      -webkit-transform: scale(.9);
      transform: scale(.9)
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
    }
  }

  @keyframes goal-text-home {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0)
    }

    50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
    }

    75% {
      -webkit-transform: scale(.9);
      transform: scale(.9)
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
    }
  }

  @-webkit-keyframes goal-up-away {

    0%,
    20% {
      -webkit-transform: translateY(40%);
      transform: translateY(40%)
    }

    50% {
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: translateY(25%);
      transform: translateY(25%)
    }

    to {
      -webkit-transform: translateY(30%);
      transform: translateY(30%)
    }
  }

  @keyframes goal-up-away {

    0%,
    20% {
      -webkit-transform: translateY(40%);
      transform: translateY(40%)
    }

    50% {
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: translateY(25%);
      transform: translateY(25%)
    }

    to {
      -webkit-transform: translateY(30%);
      transform: translateY(30%)
    }
  }

  @-webkit-keyframes goal-away {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      left: 34%;
      opacity: 0
    }

    25% {
      -webkit-transform: scale(.65);
      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;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease
    }

    to {
      left: 5%;
      opacity: 1;
      -webkit-transform: scale(.65);
      transform: scale(.65)
    }
  }

  @keyframes goal-away {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      left: 34%;
      opacity: 0
    }

    25% {
      -webkit-transform: scale(.65);
      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;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease
    }

    to {
      left: 5%;
      opacity: 1;
      -webkit-transform: scale(.65);
      transform: scale(.65)
    }
  }

  @-webkit-keyframes goal-to-center-away {
    0% {
      left: 4%;
      -webkit-transform: scale(.65);
      transform: scale(.65)
    }

    to {
      left: 46%;
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }

  @keyframes goal-to-center-away {
    0% {
      left: 4%;
      -webkit-transform: scale(.65);
      transform: scale(.65)
    }

    to {
      left: 46%;
      -webkit-transform: scale(1);
      transform: scale(1)
    }
  }

  @-webkit-keyframes goal-text-away {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0)
    }

    50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
    }

    75% {
      -webkit-transform: scale(.9);
      transform: scale(.9)
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
    }
  }

  @keyframes goal-text-away {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0)
    }

    50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
    }

    75% {
      -webkit-transform: scale(.9);
      transform: scale(.9)
    }

    to {
      -webkit-transform: scale(1);
      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(../images/b_basket.png) 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(../images/basketball.jpg) 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 var(--skin-1);
    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(../images/basket.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: -webkit-linear-gradient(left, transparent, #ff2900);
    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: -webkit-linear-gradient(left, #ff2900, transparent);
    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%;
    -webkit-animation: ball-safe 2s ease infinite;
    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 var(--text-16)
  }

  .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: -webkit-linear-gradient(left, transparent, rgba(255, 0, 0, .4));
    background: linear-gradient(90deg, transparent, rgba(255, 0, 0, .4))
  }

  .game-control.Basketball .Foul.home .timeout-container div:first-child {
    -webkit-animation: ball-safe-down 1s ease 1;
    animation: ball-safe-down 1s ease 1
  }

  .game-control.Basketball .Foul.home .timeout-container div:last-child {
    -webkit-animation: ball-safe-up 1s ease 1;
    animation: ball-safe-up 1s ease 1
  }

  .game-control.Basketball .Foul.away .timeout-container {
    left: 49.5%;
    background: -webkit-linear-gradient(left, rgba(255, 0, 0, .4), transparent);
    background: linear-gradient(90deg, rgba(255, 0, 0, .4), transparent)
  }

  .game-control.Basketball .Foul.away .timeout-container div:first-child {
    -webkit-animation: ball-safe-down 1.5s ease 1;
    animation: ball-safe-down 1.5s ease 1
  }

  .game-control.Basketball .Foul.away .timeout-container div:last-child {
    -webkit-animation: ball-safe-up 1.5s ease 1;
    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;
    -webkit-animation: free-kick_basket 3s infinite linear;
    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%;
    -webkit-animation: expand-arrow 3.5s infinite ease;
    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 var(--skin-1) 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%;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-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%;
    -webkit-animation: free-kick_basket 3.5s infinite linear;
    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%;
    -webkit-animation: expand-arrow 3s infinite ease;
    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 var(--skin-1)
  }

  .game-control.Basketball .OnePoint .text-event,
  .game-control.Basketball .ThreePoints .text-event,
  .game-control.Basketball .TwoPoints .text-event {
    -webkit-animation: text-slide 1.5s 1.2s 1 ease-out, shadow-pulse 3.5s 2s infinite;
    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%;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    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);
    -webkit-animation: b_point-home 2s .3s 1 cubic-bezier(0, 0, .65, 1);
    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 {
    -webkit-transform: translateY(41%);
    -ms-transform: translateY(41%);
    transform: translateY(41%);
    -webkit-animation: point_cont-home 2s .3s 1 cubic-bezier(0, 0, .35, 1);
    animation: point_cont-home 2s .3s 1 cubic-bezier(0, 0, .35, 1);
    -webkit-animation-fill-mode: forwards;
    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);
    -webkit-animation: b_point-away 2s .3s 1 cubic-bezier(0, 0, .65, 1);
    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 {
    -webkit-transform: translateY(41%);
    -ms-transform: translateY(41%);
    transform: translateY(41%);
    -webkit-animation: point_cont-away 2s .3s 1 cubic-bezier(0, 0, .35, 1);
    animation: point_cont-away 2s .3s 1 cubic-bezier(0, 0, .35, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  @-webkit-keyframes point_cont-home {
    0% {
      -webkit-transform: translateY(46%);
      transform: translateY(46%);
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10% {
      opacity: 1
    }

    30% {
      -webkit-transform: translateY(30%);
      transform: translateY(30%)
    }

    90% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(53%);
      transform: translateY(53%);
      opacity: 0
    }
  }

  @keyframes point_cont-home {
    0% {
      -webkit-transform: translateY(46%);
      transform: translateY(46%);
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10% {
      opacity: 1
    }

    30% {
      -webkit-transform: translateY(30%);
      transform: translateY(30%)
    }

    90% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(53%);
      transform: translateY(53%);
      opacity: 0
    }
  }

  @-webkit-keyframes b_point-home {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      background-position: 0 50%
    }

    50% {
      -webkit-transform: translateX(480%);
      transform: translateX(480%);
      box-shadow: 0 40px 20px rgba(75, 27, 9, .43), inset 2px -2px 8px rgba(49, 12, 0, .9);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    to {
      -webkit-transform: translateX(480%);
      transform: translateX(480%);
      background-position: 800% 50%;
      opacity: 1
    }
  }

  @keyframes b_point-home {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      background-position: 0 50%
    }

    50% {
      -webkit-transform: translateX(480%);
      transform: translateX(480%);
      box-shadow: 0 40px 20px rgba(75, 27, 9, .43), inset 2px -2px 8px rgba(49, 12, 0, .9);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    to {
      -webkit-transform: translateX(480%);
      transform: translateX(480%);
      background-position: 800% 50%;
      opacity: 1
    }
  }

  @-webkit-keyframes point_cont-away {
    0% {
      -webkit-transform: translateY(46%);
      transform: translateY(46%);
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10% {
      opacity: 1
    }

    30% {
      -webkit-transform: translateY(30%);
      transform: translateY(30%)
    }

    90% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(53%);
      transform: translateY(53%);
      opacity: 0
    }
  }

  @keyframes point_cont-away {
    0% {
      -webkit-transform: translateY(46%);
      transform: translateY(46%);
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10% {
      opacity: 1
    }

    30% {
      -webkit-transform: translateY(30%);
      transform: translateY(30%)
    }

    90% {
      opacity: 1
    }

    to {
      -webkit-transform: translateY(53%);
      transform: translateY(53%);
      opacity: 0
    }
  }

  @-webkit-keyframes b_point-away {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      background-position: 0 50%
    }

    50% {
      -webkit-transform: translateX(-480%);
      transform: translateX(-480%);
      box-shadow: 0 40px 20px rgba(75, 27, 9, .43), inset 2px -2px 8px rgba(49, 12, 0, .9);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    to {
      -webkit-transform: translateX(-480%);
      transform: translateX(-480%);
      background-position: 800% 50%;
      opacity: 1
    }
  }

  @keyframes b_point-away {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      background-position: 0 50%
    }

    50% {
      -webkit-transform: translateX(-480%);
      transform: translateX(-480%);
      box-shadow: 0 40px 20px rgba(75, 27, 9, .43), inset 2px -2px 8px rgba(49, 12, 0, .9);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    to {
      -webkit-transform: translateX(-480%);
      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(../images/vall.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%;
    -webkit-animation: ball-safe 2s ease infinite;
    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 var(--text-16);
    top: 36%;
    width: 80%;
    margin: 0 10%
  }

  .game-control.Volleyball .Point.side_1 .point_container {
    background: -webkit-linear-gradient(left, transparent, rgba(255, 224, 0, .4));
    background: linear-gradient(90deg, transparent, rgba(255, 224, 0, .4))
  }

  .game-control.Volleyball .Point.side_1 .point_container div {
    -webkit-animation: v_point 1.3s ease 1;
    animation: v_point 1.3s ease 1
  }

  .game-control.Volleyball .Point.side_2 .point_container {
    left: 49.5%;
    background: -webkit-linear-gradient(left, rgba(255, 224, 0, .4), transparent);
    background: linear-gradient(90deg, rgba(255, 224, 0, .4), transparent)
  }

  .game-control.Volleyball .Point.side_2 .point_container div {
    -webkit-animation: v_point 1.5s ease 1;
    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 {
    -webkit-animation: v_ball_in_play_y_home 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation: v_ball_in_play_y_home 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Volleyball .BallInPlay.side_1 .ball_container .v_ball {
    opacity: 0;
    -webkit-animation: v_ball_in_play_x_home 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation: v_ball_in_play_x_home 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Volleyball .BallInPlay.side_1 .ball_container .v_ball_shadow {
    -webkit-animation: v_ball_in_play_x_shadow 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation: v_ball_in_play_x_shadow 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Volleyball .BallInPlay.side_2 .ball_container {
    -webkit-animation: v_ball_in_play_y_away 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation: v_ball_in_play_y_away 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Volleyball .BallInPlay.side_2 .ball_container .v_ball {
    opacity: 0;
    -webkit-animation: v_ball_in_play_x_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation: v_ball_in_play_x_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Volleyball .BallInPlay.side_2 .ball_container .v_ball_shadow {
    -webkit-animation: v_ball_in_play_x_shadow_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation: v_ball_in_play_x_shadow_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .Game>div {
    position: absolute;
    left: 0;
    top: -14px;
    width: 100%;
    font-size: 11px
  }

  @-webkit-keyframes v_ball_in_play_y_home {
    0% {
      opacity: 0;
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    90% {
      opacity: 1
    }

    50% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes v_ball_in_play_y_home {
    0% {
      opacity: 0;
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    90% {
      opacity: 1
    }

    50% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes v_ball_in_play_x_home {
    0% {
      left: 15%;
      opacity: 0;
      background-position: 0 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      left: 65%;
      opacity: 0;
      background-position: 1600% 800%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes v_ball_in_play_x_home {
    0% {
      left: 15%;
      opacity: 0;
      background-position: 0 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      left: 65%;
      opacity: 0;
      background-position: 1600% 800%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes v_ball_in_play_x_shadow {
    0% {
      left: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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;
      -webkit-animation-timing-function: ease-in;
      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;
      -webkit-animation-timing-function: ease-out;
      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_x_shadow {
    0% {
      left: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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;
      -webkit-animation-timing-function: ease-in;
      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;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 4px 3px rgba(60, 34, 1, .4), inset 0 0 5px #3b4d03
    }
  }

  @-webkit-keyframes v_ball_in_play_y_away {
    0% {
      opacity: 0;
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    10%,
    90% {
      opacity: 1
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes v_ball_in_play_y_away {
    0% {
      opacity: 0;
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    10%,
    90% {
      opacity: 1
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes v_ball_in_play_x_away {
    0% {
      right: 15%;
      opacity: 0;
      background-position: 0 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      right: 65%;
      opacity: 0;
      background-position: 1600% 800%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes v_ball_in_play_x_away {
    0% {
      right: 15%;
      opacity: 0;
      background-position: 0 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      right: 65%;
      opacity: 0;
      background-position: 1600% 800%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes v_ball_in_play_x_shadow_away {
    0% {
      right: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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;
      -webkit-animation-timing-function: ease-in;
      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;
      -webkit-animation-timing-function: ease-out;
      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_x_shadow_away {
    0% {
      right: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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;
      -webkit-animation-timing-function: ease-in;
      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;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 4px 3px rgba(60, 34, 1, .4), inset 0 0 5px #3b4d03
    }
  }

  @-webkit-keyframes v_point {
    0% {
      opacity: 0;
      top: 68%;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    25% {
      opacity: 1;
      top: 24%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      top: 44%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    75% {
      top: 30%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    to {
      top: 36%
    }
  }

  @keyframes v_point {
    0% {
      opacity: 0;
      top: 68%;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    25% {
      opacity: 1;
      top: 24%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      top: 44%;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    75% {
      top: 30%;
      -webkit-animation-timing-function: ease-out;
      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: var(--skin-1);
    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(../images/t-field.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%;
    -webkit-animation: point_text_1 .8s 1 ease-out;
    animation: point_text_1 .8s 1 ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .Point.side_2 .point_text {
    right: 11%;
    -webkit-animation: point_text_2 .8s 1 ease-out;
    animation: point_text_2 .8s 1 ease-out;
    -webkit-animation-fill-mode: forwards;
    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;
    -webkit-animation: point_text_1 .8s 1 ease-out;
    animation: point_text_1 .8s 1 ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .Point .score_2 {
    right: 50%;
    margin-right: -40px;
    -webkit-animation: point_text_2 .8s 1 ease-out;
    animation: point_text_2 .8s 1 ease-out;
    -webkit-animation-fill-mode: forwards;
    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 {
    -webkit-animation: ball_in_play_y_home 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation: ball_in_play_y_home 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .BallInPlay.side_1.right .ball_container .ball {
    opacity: 0;
    -webkit-animation: ball_in_play_x_home 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    animation: ball_in_play_x_home 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .BallInPlay.side_1.right .ball_container .ball_shadow {
    -webkit-animation: ball_in_play_x_shadow 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation: ball_in_play_x_shadow 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .BallInPlay.side_1.left .ball_container {
    -webkit-animation: ball_in_play_y_home1 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation: ball_in_play_y_home1 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .BallInPlay.side_1.left .ball_container .ball {
    opacity: 0;
    -webkit-animation: ball_in_play_x_home1 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    animation: ball_in_play_x_home1 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .BallInPlay.side_1.left .ball_container .ball_shadow {
    -webkit-animation: ball_in_play_x_shadow1 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation: ball_in_play_x_shadow1 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .BallInPlay.side_2.left .ball_container {
    -webkit-animation: ball_in_play_y_away 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation: ball_in_play_y_away 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .BallInPlay.side_2.left .ball_container .ball {
    opacity: 0;
    -webkit-animation: ball_in_play_x_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    animation: ball_in_play_x_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .BallInPlay.side_2.left .ball_container .ball_shadow {
    -webkit-animation: ball_in_play_x_shadow_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation: ball_in_play_x_shadow_away 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .BallInPlay.side_2.right .ball_container {
    -webkit-animation: ball_in_play_y_home2 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    animation: ball_in_play_y_home2 1.7s .2s infinite cubic-bezier(0, 0, .35, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .BallInPlay.side_2.right .ball_container .ball {
    opacity: 0;
    -webkit-animation: ball_in_play_x_home2 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    animation: ball_in_play_x_home2 1.7s .2s infinite cubic-bezier(0, 0, .65, 1), rotate_ball 1s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .BallInPlay.side_2.right .ball_container .ball_shadow {
    -webkit-animation: ball_in_play_x_shadow2 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    animation: ball_in_play_x_shadow2 1.7s .2s infinite cubic-bezier(0, 0, .65, 1);
    -webkit-animation-fill-mode: forwards;
    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 {
    -webkit-animation: ball_ace_y_home .8s 1 ease-in-out;
    animation: ball_ace_y_home .8s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .Ace.side_1 .ball_container .ball {
    opacity: 0;
    -webkit-animation: ball_ace_x_home .8s 1 ease-in-out;
    animation: ball_ace_x_home .8s 1 ease-in-out
  }

  .game-control.Tennis .Ace.side_1 .ball_container .ball_shadow {
    -webkit-animation: shadow_ace_x_home .8s 1 ease-in-out;
    animation: shadow_ace_x_home .8s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .Ace.side_1 .set {
    left: 11%;
    -webkit-animation: setInfo .5s .9s 1 ease-in;
    animation: setInfo .5s .9s 1 ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .Ace.side_2 .ball_container {
    -webkit-animation: ball_ace_y_away .8s 1 ease-in-out;
    animation: ball_ace_y_away .8s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .Ace.side_2 .ball_container .ball {
    opacity: 0;
    -webkit-animation: ball_ace_x_away .8s 1 ease-in-out;
    animation: ball_ace_x_away .8s 1 ease-in-out
  }

  .game-control.Tennis .Ace.side_2 .ball_container .ball_shadow {
    -webkit-animation: shadow_ace_x_away .8s 1 ease-in-out;
    animation: shadow_ace_x_away .8s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .Ace.side_2 .set {
    right: 11%;
    -webkit-animation: setInfo .5s .9s 1 ease-in;
    animation: setInfo .5s .9s 1 ease-in;
    -webkit-animation-fill-mode: forwards;
    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;
    -webkit-animation: setInfo 1.5s .2s 1 ease-in;
    animation: setInfo 1.5s .2s 1 ease-in;
    -webkit-animation-fill-mode: forwards;
    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%;
    -webkit-animation: fault_text_1 .8s 1 ease-out;
    animation: fault_text_1 .8s 1 ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .game-control.Tennis .DoubleFault.side_2 .fault_text,
  .game-control.Tennis .ServiceFault.side_2 .fault_text {
    right: 8%;
    -webkit-animation: fault_text_2 .8s 1 ease-out;
    animation: fault_text_2 .8s 1 ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  @keyframes hide-animation {
    0% {
      opacity: 1
    }

    to {
      opacity: 0
    }
  }

  @-webkit-keyframes point_text_1 {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 1
    }
  }

  @keyframes point_text_1 {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 1
    }
  }

  @-webkit-keyframes point_text_2 {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 1
    }
  }

  @keyframes point_text_2 {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 1
    }
  }

  @keyframes slideDown {
    0% {
      top: -100%
    }

    to {
      top: 0
    }
  }

  @-webkit-keyframes fault_text_1 {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    40% {
      opacity: .3;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      opacity: .5;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    20%,
    60%,
    to {
      opacity: 1
    }
  }

  @keyframes fault_text_1 {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    40% {
      opacity: .3;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      opacity: .5;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    20%,
    60%,
    to {
      opacity: 1
    }
  }

  @-webkit-keyframes fault_text_2 {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    40% {
      opacity: .3;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      opacity: .5;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    20%,
    60%,
    to {
      opacity: 1
    }
  }

  @keyframes fault_text_2 {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    40% {
      opacity: .3;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      opacity: .5;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    20%,
    60%,
    to {
      opacity: 1
    }
  }

  @-webkit-keyframes ball_in_play_y_home {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    90% {
      opacity: 1
    }

    50% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes ball_in_play_y_home {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    90% {
      opacity: 1
    }

    50% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes rotate_ball {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }

    70% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
    }

    to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
    }
  }

  @keyframes rotate_ball {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }

    70% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
    }

    to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
    }
  }

  @-webkit-keyframes ball_in_play_x_home {
    0% {
      left: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      left: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes ball_in_play_x_home {
    0% {
      left: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      left: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes ball_in_play_x_shadow {
    0% {
      left: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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;
      -webkit-animation-timing-function: ease-in;
      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;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 4px 3px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
  }

  @keyframes ball_in_play_x_shadow {
    0% {
      left: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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;
      -webkit-animation-timing-function: ease-in;
      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;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 4px 3px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
  }

  @-webkit-keyframes ball_in_play_y_home1 {
    0% {
      opacity: 0;
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    90% {
      opacity: 1
    }

    50% {
      -webkit-transform: translateY(25%);
      transform: translateY(25%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes ball_in_play_y_home1 {
    0% {
      opacity: 0;
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    90% {
      opacity: 1
    }

    50% {
      -webkit-transform: translateY(25%);
      transform: translateY(25%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes ball_in_play_x_home1 {
    0% {
      left: 30%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      left: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes ball_in_play_x_home1 {
    0% {
      left: 30%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      left: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes ball_in_play_x_shadow1 {
    0% {
      left: 30%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    70% {
      box-shadow: 0 5px 3px rgba(0, 0, 0, .3)
    }

    90% {
      opacity: 0
    }

    to {
      left: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 4px 3px rgba(0, 0, 0, .4)
    }
  }

  @keyframes ball_in_play_x_shadow1 {
    0% {
      left: 30%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    70% {
      box-shadow: 0 5px 3px rgba(0, 0, 0, .3)
    }

    90% {
      opacity: 0
    }

    to {
      left: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 4px 3px rgba(0, 0, 0, .4)
    }
  }

  @-webkit-keyframes ball_in_play_y_away {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    10%,
    90% {
      opacity: 1
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes ball_in_play_y_away {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    10%,
    90% {
      opacity: 1
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes ball_in_play_x_away {
    0% {
      right: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      right: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes ball_in_play_x_away {
    0% {
      right: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      right: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes ball_in_play_x_shadow_away {
    0% {
      right: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    70% {
      box-shadow: 0 8px 5px rgba(0, 0, 0, .4)
    }

    90% {
      opacity: 0
    }

    to {
      right: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 4px 3px rgba(0, 0, 0, .4)
    }
  }

  @keyframes ball_in_play_x_shadow_away {
    0% {
      right: 15%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    70% {
      box-shadow: 0 8px 5px rgba(0, 0, 0, .4)
    }

    90% {
      opacity: 0
    }

    to {
      right: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 4px 3px rgba(0, 0, 0, .4)
    }
  }

  @-webkit-keyframes ball_in_play_y_home2 {
    0% {
      opacity: 0;
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    90% {
      opacity: 1
    }

    50% {
      -webkit-transform: translateY(25%);
      transform: translateY(25%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes ball_in_play_y_home2 {
    0% {
      opacity: 0;
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    90% {
      opacity: 1
    }

    50% {
      -webkit-transform: translateY(25%);
      transform: translateY(25%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      opacity: 0;
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes ball_in_play_x_home2 {
    0% {
      right: 30%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      right: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes ball_in_play_x_home2 {
    0% {
      right: 30%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    10%,
    60% {
      opacity: 1
    }

    20% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      right: 65%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes ball_in_play_x_shadow2 {
    0% {
      right: 30%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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;
      -webkit-animation-timing-function: ease-in;
      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;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 4px 3px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
  }

  @keyframes ball_in_play_x_shadow2 {
    0% {
      right: 30%;
      opacity: 0;
      -webkit-animation-timing-function: ease-out;
      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;
      -webkit-animation-timing-function: ease-in;
      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;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 4px 3px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03
    }
  }

  @-webkit-keyframes setInfo {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0
    }

    70% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 1
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: .8
    }
  }

  @keyframes setInfo {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0
    }

    70% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 1
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: .8
    }
  }

  @-webkit-keyframes ball_ace_y_home {
    10% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    35% {
      -webkit-transform: translateY(38%);
      transform: translateY(38%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    38% {
      -webkit-transform: translateY(38%);
      transform: translateY(38%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    70% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }

  @keyframes ball_ace_y_home {
    10% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    35% {
      -webkit-transform: translateY(38%);
      transform: translateY(38%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    38% {
      -webkit-transform: translateY(38%);
      transform: translateY(38%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    70% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }

  @-webkit-keyframes ball_ace_x_home {
    9% {
      left: 30%;
      opacity: 0
    }

    10% {
      left: 30%;
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    35% {
      opacity: 1;
      left: 57%;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    38% {
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5);
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1)
    }

    70% {
      left: 80%;
      opacity: 1;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      left: 100%;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
    }
  }

  @keyframes ball_ace_x_home {
    9% {
      left: 30%;
      opacity: 0
    }

    10% {
      left: 30%;
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    35% {
      opacity: 1;
      left: 57%;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    38% {
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5);
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1)
    }

    70% {
      left: 80%;
      opacity: 1;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      left: 100%;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
    }
  }

  @-webkit-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;
      -webkit-animation-timing-function: ease-out;
      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%;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    38% {
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5);
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    40% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      box-shadow: 0 2px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    70% {
      left: 80%;
      opacity: 1;
      -webkit-animation-timing-function: ease-in;
      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%;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      box-shadow: 0 20px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03;
      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;
      -webkit-animation-timing-function: ease-out;
      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%;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    38% {
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5);
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    40% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      box-shadow: 0 2px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    70% {
      left: 80%;
      opacity: 1;
      -webkit-animation-timing-function: ease-in;
      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%;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      box-shadow: 0 20px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03;
      opacity: 0
    }
  }

  @-webkit-keyframes ball_ace_y_away {
    10% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    35% {
      -webkit-transform: translateY(38%);
      transform: translateY(38%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    38% {
      -webkit-transform: translateY(38%);
      transform: translateY(38%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    70% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }

  @keyframes ball_ace_y_away {
    10% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    35% {
      -webkit-transform: translateY(38%);
      transform: translateY(38%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    38% {
      -webkit-transform: translateY(38%);
      transform: translateY(38%);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    70% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }

  @-webkit-keyframes ball_ace_x_away {
    9% {
      right: 30%;
      opacity: 0
    }

    10% {
      right: 30%;
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    35% {
      opacity: 1;
      right: 57%;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    38% {
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5);
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1)
    }

    70% {
      right: 80%;
      opacity: 1;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      right: 100%;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
    }
  }

  @keyframes ball_ace_x_away {
    9% {
      right: 30%;
      opacity: 0
    }

    10% {
      right: 30%;
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    35% {
      opacity: 1;
      right: 57%;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    38% {
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5);
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1)
    }

    70% {
      right: 80%;
      opacity: 1;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    90% {
      opacity: 0
    }

    to {
      right: 100%;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
    }
  }

  @-webkit-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;
      -webkit-animation-timing-function: ease-out;
      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%;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    38% {
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5);
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    40% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      box-shadow: 0 2px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    70% {
      right: 80%;
      opacity: 1;
      -webkit-animation-timing-function: ease-in;
      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%;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      box-shadow: 0 20px 10px rgba(0, 0, 0, .4), inset 0 0 5px #3b4d03;
      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;
      -webkit-animation-timing-function: ease-out;
      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%;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    38% {
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5);
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      box-shadow: 0 1px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    40% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      box-shadow: 0 2px 5px rgba(0, 0, 0, .4), inset 0 -3px 5px #3b4d03
    }

    70% {
      right: 80%;
      opacity: 1;
      -webkit-animation-timing-function: ease-in;
      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%;
      -webkit-animation-timing-function: ease-in;
      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: var(--text-6)
  }

  .game-video p,
  .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: var(--skin-10);
    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 var(--skin-15);
    color: var(--text-6);
    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: 0 -2px 0 var(--hero) inset;
    color: var(--hero-sc)
  }

  .arrow-toggle-view {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    font: 20px/30px icomoon;
    text-align: center;
    color: var(--text-6)
  }

  .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;
    -webkit-transition: max-height .45s;
    transition: max-height .45s
  }

  .collapsed+.wrapper-v-a-view {
    max-height: 0;
    -webkit-transition: max-height .3s;
    transition: max-height .3s
  }

  #betradar-container {
    float: left;
    width: 100%
  }

  .sr-bb {
    font-family: Roboto, Noto, Helvetica Neue, Helvetica, Arial, sans-serif
  }

  .sr-bb,
  .sr-bb .sr-bb {
    background: none
  }

  .sr-bb .srt-base-1 {
    background-color: #09714b;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-1-is-active,
  .sr-bb .srt-base-1-is-active-2,
  .sr-bb .srt-base-1-is-hoverable:hover {
    background-color: #086644;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-1-home-1,
  .sr-bb .srt-base-1-primary {
    background-color: #09714b;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-base-1-away-1 {
    background-color: #09714b;
    color: #bdd9ce;
    border-color: #bdd9ce
  }

  .sr-bb .srt-base-1-home-2 {
    background-color: #09714b;
    color: #fff;
    border-color: #8bbcaa
  }

  .sr-bb .srt-base-1-away-2 {
    background-color: #09714b;
    color: #bdd9ce;
    border-color: #8bbcaa
  }

  .sr-bb .srt-base-1-home-3 {
    background-color: #09714b;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-base-1-away-3 {
    background-color: #09714b;
    color: #bdd9ce;
    border-color: #bdd9ce
  }

  .sr-bb .srt-base-1-home-4 {
    background-color: #09714b;
    color: #b5d4c9;
    border-color: #b5d4c9
  }

  .sr-bb .srt-base-1-away-4 {
    background-color: #09714b;
    color: #87baa7;
    border-color: #87baa7
  }

  .sr-bb .srt-base-1-home-5 {
    background-color: #09714b;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-base-1-away-5 {
    background-color: #09714b;
    color: #d4e6df;
    border-color: #d4e6df
  }

  .sr-bb .srt-base-1-background {
    background-color: #09714b;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-2 {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-base-2-is-active,
  .sr-bb .srt-base-2-is-hoverable:hover {
    background-color: #e1eee9;
    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-base-3 {
    background-color: #298362;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-3-is-active,
  .sr-bb .srt-base-3-is-hoverable:hover {
    background-color: #49967a;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-3-background {
    background-color: #298362;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-4 {
    background-color: #f3f8f6;
    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-base-5-is-active,
  .sr-bb .srt-base-5-is-hoverable:hover {
    background-color: #187a56;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-6 {
    background-color: #09714b;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .3)
  }

  .sr-bb .srt-primary-1 {
    background-color: #09714b;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-primary-1-is-active,
  .sr-bb .srt-primary-1-is-hoverable:hover {
    background-color: #075a3c;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-primary-1-is-disabled {
    background-color: #187a56;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-primary-2 {
    background-color: #539c81;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-primary-3 {
    background-color: #064f35;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-primary-4 {
    background-color: #8bbcaa;
    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-primary-5 {
    background-color: #539c81;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-primary-5-is-hoverable:hover {
    background-color: #09714b;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-primary-6 {
    background-color: #05422c;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-primary-7 {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-primary-8 {
    background-color: #075639;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-primary-8-is-active-1 {
    background-color: #086644;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-primary-8-is-active-2 {
    background-color: #086644;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-primary-9,
  .sr-bb .srt-primary-10 {
    background-color: #539c81;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-primary-11 {
    background-color: #8bbcaa;
    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-primary-12 {
    background-color: #fff;
    color: #09714b;
    border-color: #09714b
  }

  .sr-bb .srt-primary-13 {
    background-color: hsla(0, 0%, 100%, .05);
    color: #09714b;
    border-color: hsla(0, 0%, 100%, .3)
  }

  .sr-bb .srt-base-1-primary-1 {
    background-color: #09714b;
    color: #09714b;
    border-color: #09714b
  }

  .sr-bb .srt-base-1-primary-2 {
    background-color: #09714b;
    color: #539c81;
    border-color: #539c81
  }

  .sr-bb .srt-base-1-primary-3 {
    background-color: #09714b;
    color: #064f35;
    border-color: #064f35
  }

  .sr-bb .srt-base-1-primary-4 {
    background-color: #09714b;
    color: #8bbcaa;
    border-color: #8bbcaa
  }

  .sr-bb .srt-base-1-primary-5 {
    background-color: #09714b;
    color: #539c81;
    border-color: #539c81
  }

  .sr-bb .srt-base-1-primary-6 {
    background-color: #09714b;
    color: #05422c;
    border-color: #05422c
  }

  .sr-bb .srt-base-1-primary-7 {
    background-color: #09714b;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-base-1-primary-8 {
    background-color: #09714b;
    color: #075639;
    border-color: #075639
  }

  .sr-bb .srt-base-1-primary-9,
  .sr-bb .srt-base-1-primary-10 {
    background-color: #09714b;
    color: #539c81;
    border-color: #539c81
  }

  .sr-bb .srt-base-1-primary-11 {
    background-color: #09714b;
    color: #8bbcaa;
    border-color: #8bbcaa
  }

  .sr-bb .srt-base-1-primary-13 {
    background-color: #09714b;
    color: hsla(0, 0%, 100%, .05);
    border-color: hsla(0, 0%, 100%, .3)
  }

  .sr-bb .srt-base-1-neutral-1 {
    background-color: #09714b;
    color: #cee3db;
    border-color: #cee3db
  }

  .sr-bb .srt-base-1-neutral-2 {
    background-color: #09714b;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-base-1-neutral-3 {
    background-color: #09714b;
    color: rgba(0, 0, 0, .12);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-base-1-neutral-4 {
    background-color: #09714b;
    color: #595959;
    border-color: #595959
  }

  .sr-bb .srt-base-1-neutral-5 {
    background-color: #09714b;
    color: #2e2e2e;
    border-color: #2e2e2e
  }

  .sr-bb .srt-base-1-neutral-6 {
    background-color: #09714b;
    color: #075639;
    border-color: #075639
  }

  .sr-bb .srt-base-1-neutral-7 {
    background-color: #09714b;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-base-1-neutral-8 {
    background-color: #09714b;
    color: #298362;
    border-color: #298362
  }

  .sr-bb .srt-base-1-neutral-9 {
    background-color: #09714b;
    color: #187a56;
    border-color: #187a56
  }

  .sr-bb .srt-base-1-neutral-10,
  .sr-bb .srt-base-1-neutral-11 {
    background-color: #09714b;
    color: hsla(0, 0%, 100%, .16);
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-1-neutral-12 {
    background-color: #09714b;
    color: #539c81;
    border-color: #539c81
  }

  .sr-bb .srt-base-1-neutral-13 {
    background-color: #09714b;
    color: #2e8666;
    border-color: #2e8666
  }

  .sr-bb .srt-base-1-is-active-home-1,
  .sr-bb .srt-base-1-is-active-primary {
    background-color: #086644;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-base-1-is-active-away-1 {
    background-color: #086644;
    color: #bdd9ce;
    border-color: #bdd9ce
  }

  .sr-bb .srt-base-1-is-active-home-2 {
    background-color: #086644;
    color: #fff;
    border-color: #8bbcaa
  }

  .sr-bb .srt-base-1-is-active-away-2 {
    background-color: #086644;
    color: #bdd9ce;
    border-color: #8bbcaa
  }

  .sr-bb .srt-base-1-is-active-home-3 {
    background-color: #086644;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-base-1-is-active-away-3 {
    background-color: #086644;
    color: #bdd9ce;
    border-color: #bdd9ce
  }

  .sr-bb .srt-base-1-is-active-home-4 {
    background-color: #086644;
    color: #b5d4c9;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-1-is-active-away-4 {
    background-color: #086644;
    color: #87baa7;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-1-is-active-home-5 {
    background-color: #086644;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-1-is-active-away-5 {
    background-color: #086644;
    color: #d4e6df;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-1-is-active-primary-1 {
    background-color: #086644;
    color: #09714b;
    border-color: #09714b
  }

  .sr-bb .srt-base-1-is-active-primary-2 {
    background-color: #086644;
    color: #539c81;
    border-color: #539c81
  }

  .sr-bb .srt-base-1-is-active-primary-3 {
    background-color: #086644;
    color: #064f35;
    border-color: #064f35
  }

  .sr-bb .srt-base-1-is-active-primary-4 {
    background-color: #086644;
    color: #8bbcaa;
    border-color: #8bbcaa
  }

  .sr-bb .srt-base-1-is-active-primary-5 {
    background-color: #086644;
    color: #539c81;
    border-color: #539c81
  }

  .sr-bb .srt-base-1-is-active-primary-6 {
    background-color: #086644;
    color: #05422c;
    border-color: #05422c
  }

  .sr-bb .srt-base-1-is-active-primary-7 {
    background-color: #086644;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-base-1-is-active-primary-8 {
    background-color: #086644;
    color: #075639;
    border-color: #075639
  }

  .sr-bb .srt-base-1-is-active-primary-9,
  .sr-bb .srt-base-1-is-active-primary-10 {
    background-color: #086644;
    color: #539c81;
    border-color: #539c81
  }

  .sr-bb .srt-base-1-is-active-primary-11 {
    background-color: #086644;
    color: #8bbcaa;
    border-color: #8bbcaa
  }

  .sr-bb .srt-base-1-is-active-neutral-1 {
    background-color: #086644;
    color: #cee3db;
    border-color: #cee3db
  }

  .sr-bb .srt-base-1-is-active-neutral-2 {
    background-color: #086644;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-base-1-is-active-neutral-3 {
    background-color: #086644;
    color: rgba(0, 0, 0, .12);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-base-1-is-active-neutral-4 {
    background-color: #086644;
    color: #595959;
    border-color: #595959
  }

  .sr-bb .srt-base-1-is-active-neutral-5 {
    background-color: #086644;
    color: #2e2e2e;
    border-color: #2e2e2e
  }

  .sr-bb .srt-base-1-is-active-neutral-6 {
    background-color: #086644;
    color: #075639;
    border-color: #075639
  }

  .sr-bb .srt-base-1-is-active-neutral-7 {
    background-color: #086644;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-base-1-is-active-neutral-8 {
    background-color: #086644;
    color: #298362;
    border-color: #298362
  }

  .sr-bb .srt-base-1-is-active-neutral-9 {
    background-color: #086644;
    color: #187a56;
    border-color: #187a56
  }

  .sr-bb .srt-base-1-is-active-neutral-10,
  .sr-bb .srt-base-1-is-active-neutral-11 {
    background-color: #086644;
    color: hsla(0, 0%, 100%, .16);
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-base-1-is-active-neutral-12 {
    background-color: #086644;
    color: #539c81;
    border-color: #539c81
  }

  .sr-bb .srt-base-1-is-active-neutral-13 {
    background-color: #3a8d6f;
    color: #2e8666;
    border-color: #2e8666
  }

  .sr-bb .srt-home-1 {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    border-color: #fff
  }

  .sr-bb .srt-away-1 {
    background-color: #bdd9ce;
    color: rgba(0, 0, 0, .87);
    border-color: #bdd9ce
  }

  .sr-bb .srt-home-2 {
    background-color: #fff
  }

  .sr-bb .srt-away-2,
  .sr-bb .srt-home-2 {
    color: rgba(0, 0, 0, .87);
    border-color: #8bbcaa
  }

  .sr-bb .srt-away-2 {
    background-color: #bdd9ce
  }

  .sr-bb .srt-home-3 {
    background-color: #fff
  }

  .sr-bb .srt-away-3,
  .sr-bb .srt-home-3 {
    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-away-3 {
    background-color: #bdd9ce
  }

  .sr-bb .srt-home-4 {
    background-color: #b5d4c9;
    color: rgba(0, 0, 0, .87);
    border-color: #b5d4c9
  }

  .sr-bb .srt-away-4 {
    background-color: #87baa7;
    color: rgba(0, 0, 0, .87);
    border-color: #87baa7
  }

  .sr-bb .srt-home-5 {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    border-color: #fff
  }

  .sr-bb .srt-away-5 {
    background-color: #d4e6df;
    color: rgba(0, 0, 0, .87);
    border-color: #d4e6df
  }

  .sr-bb .srt-neutral-1 {
    background-color: #cee3db
  }

  .sr-bb .srt-neutral-1,
  .sr-bb .srt-neutral-2 {
    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-neutral-2 {
    background-color: #fff
  }

  .sr-bb .srt-neutral-3 {
    background-color: rgba(0, 0, 0, .12);
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-neutral-4 {
    background-color: #595959;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-neutral-5 {
    background-color: #2e2e2e;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-neutral-6 {
    background-color: #075639;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-neutral-7 {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-neutral-8 {
    background-color: #298362;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-neutral-9 {
    background-color: #187a56;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-neutral-10 {
    background-color: hsla(0, 0%, 100%, .16);
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-neutral-11 {
    background-color: hsla(0, 0%, 100%, .16);
    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-neutral-12 {
    background-color: #539c81;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-neutral-13 {
    background-color: #2e8666;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-win {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-draw {
    background-color: #5fa38a
  }

  .sr-bb .srt-draw,
  .sr-bb .srt-lose {
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-lose {
    background-color: #05422c
  }

  .sr-bb .srt-text-secondary {
    opacity: .7
  }

  .sr-bb .srt-text-disabled {
    opacity: .35
  }

  .sr-bb .srt-icon,
  .sr-bb .srt-text-tertiary {
    opacity: .54
  }

  .sr-bb .srt-icon-secondary {
    opacity: .7
  }

  .sr-bb .srt-elevation-1 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .1)
  }

  .sr-bb .srt-elevation-2 {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .23), 0 3px 6px 0 rgba(0, 0, 0, .16)
  }

  .sr-bb .srt-elevation-3 {
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .26), 0 10px 20px 0 rgba(0, 0, 0, .19)
  }

  .sr-bb .srt-elevation-center-2 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .23), 0 1px 5px rgba(0, 0, 0, .16)
  }

  .sr-bb .srt-inset-top-1 {
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .23)
  }

  .sr-bb .srt-inset-bottom-1 {
    box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, .23)
  }

  .sr-bb .srt-inset-top-2 {
    box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, .23)
  }

  .sr-bb .srt-inset-bottom-2 {
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, .23)
  }

  .sr-bb .srt-inset-top-3 {
    box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, .23)
  }

  .sr-bb .srt-inset-bottom-3 {
    box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, .23)
  }

  .sr-bb .srt-fill-blue-card {
    fill: #2579ad
  }

  .sr-bb .srt-stroke-blue-card {
    stroke: #2579ad
  }

  .sr-bb .srt-fill-soccer-yellow-card {
    fill: #ffd659
  }

  .sr-bb .srt-stroke-soccer-yellow-card {
    stroke: #ffd659
  }

  .sr-bb .srt-fill-soccer-red-card {
    fill: #e43b3b
  }

  .sr-bb .srt-stroke-soccer-red-card {
    stroke: #e43b3b
  }

  .sr-bb .srt-stroke-soccer-substitution-in {
    stroke: #4fbe30;
    fill: transparent
  }

  .sr-bb .srt-fill-soccer-substitution-in {
    fill: #4fbe30
  }

  .sr-bb .srt-stroke-soccer-substitution-out {
    stroke: #e43b3b;
    fill: transparent
  }

  .sr-bb .srt-fill-soccer-substitution-out {
    fill: #e43b3b
  }

  .sr-bb .srt-stroke-soccer-own-goal {
    stroke: #e43b3b;
    fill: transparent
  }

  .sr-bb .srt-fill-soccer-own-goal {
    fill: #e43b3b
  }

  .sr-bb .srt-fill-soccer-relegation-1 {
    fill: #c62a2e
  }

  .sr-bb .srt-stroke-soccer-relegation-1 {
    stroke: #c62a2e
  }

  .sr-bb .srt-fill-soccer-relegation-2 {
    fill: #e53a3b
  }

  .sr-bb .srt-stroke-soccer-relegation-2 {
    stroke: #e53a3b
  }

  .sr-bb .srt-fill-soccer-relegation-3 {
    fill: #ee6d23
  }

  .sr-bb .srt-stroke-soccer-relegation-3 {
    stroke: #ee6d23
  }

  .sr-bb .srt-fill-soccer-relegation-4 {
    fill: #fb8d2c
  }

  .sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #fb8d2c
  }

  .sr-bb .srt-fill-soccer-relegation-5 {
    fill: #f9a93f
  }

  .sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #f9a93f
  }

  .sr-bb .srt-fill-soccer-promotion-1 {
    fill: #b5d4c9
  }

  .sr-bb .srt-stroke-soccer-promotion-1 {
    stroke: #b5d4c9
  }

  .sr-bb .srt-fill-soccer-promotion-2 {
    fill: #7ab29e
  }

  .sr-bb .srt-stroke-soccer-promotion-2 {
    stroke: #7ab29e
  }

  .sr-bb .srt-fill-soccer-promotion-3 {
    fill: #298362
  }

  .sr-bb .srt-stroke-soccer-promotion-3 {
    stroke: #298362
  }

  .sr-bb .srt-fill-soccer-promotion-4 {
    fill: #064f35
  }

  .sr-bb .srt-stroke-soccer-promotion-4 {
    stroke: #064f35
  }

  .sr-bb .srt-fill-soccer-promotion-5 {
    fill: #032217
  }

  .sr-bb .srt-stroke-soccer-promotion-5 {
    stroke: #032217
  }

  .sr-bb .srt-nfl-timeout-1 {
    background-color: #f5a623;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-nfl-timeout-2 {
    background-color: rgba(245, 166, 35, .3);
    color: #fff;
    border-color: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-nfl-penalty {
    background-color: #f5a623;
    color: #fff;
    border-color: #f5a623
  }

  .sr-bb .srt-nfl-negative-yards-1 {
    background-color: #6e0e1b;
    color: #fff;
    border-color: #6e0e1b
  }

  .sr-bb .srt-nfl-negative-yards-2 {
    background-color: #e43b3a;
    color: #fff;
    border-color: #e43b3a
  }

  .sr-bb .srt-nfl-first-line {
    background-color: #4b90de;
    color: #fff;
    border-color: #4b90de
  }

  .sr-bb .srt-nfl-ten-line {
    background-color: #f5a623;
    color: #fff;
    border-color: #f5a623
  }

  .sr-bb .srt-fill-nfl-penalty {
    fill: #f5a623
  }

  .sr-bb .srt-stroke-nfl-penalty {
    stroke: #f5a623
  }

  .sr-bb .srt-fill-nfl-negative-yards-1 {
    fill: #6e0e1b
  }

  .sr-bb .srt-stroke-nfl-negative-yards-1 {
    stroke: #6e0e1b
  }

  .sr-bb .srt-fill-nfl-negative-yards-2 {
    fill: #e43b3a
  }

  .sr-bb .srt-stroke-nfl-negative-yards-2 {
    stroke: #e43b3a
  }

  .sr-bb .srt-fill-nfl-first-line {
    fill: #4b90de
  }

  .sr-bb .srt-stroke-nfl-first-line {
    stroke: #4b90de
  }

  .sr-bb .srt-fill-nfl-ten-line {
    fill: #f5a623
  }

  .sr-bb .srt-stroke-nfl-ten-line {
    stroke: #f5a623
  }

  .sr-bb .srt-mlb-run-1 {
    background-color: #090;
    color: #fff;
    border-color: #090
  }

  .sr-bb .srt-mlb-run-2 {
    background-color: #fff;
    color: #090;
    border-color: #090
  }

  .sr-bb .srt-mlb-hit-1 {
    background-color: #f7ab11;
    color: #fff;
    border-color: #f7ab11
  }

  .sr-bb .srt-mlb-hit-2 {
    background-color: #fff;
    color: #f7ab11;
    border-color: #f7ab11
  }

  .sr-bb .srt-mlb-hit-3 {
    background-color: #00a4ff;
    color: #fff;
    border-color: #00a4ff
  }

  .sr-bb .srt-mlb-error-1 {
    background-color: #d0021b;
    color: #fff;
    border-color: #d0021b
  }

  .sr-bb .srt-mlb-error-2 {
    background-color: #fff;
    color: #d0021b;
    border-color: #d0021b
  }

  .sr-bb .srt-mlb-neutral-1 {
    background-color: #212121;
    color: #fff;
    border-color: #fff
  }

  .sr-bb .srt-fill-mlb-base,
  .sr-bb .srt-strole-mlb-base {
    fill: #00a4ff
  }

  .sr-bb .srt-fill-change-increase {
    fill: #4fbe30
  }

  .sr-bb .srt-stroke-change-increase {
    stroke: #4fbe30
  }

  .sr-bb .srt-fill-change-decrease {
    fill: #e43b3b
  }

  .sr-bb .srt-stroke-change-decrease {
    stroke: #e43b3b
  }

  .sr-bb .srt-fill-text {
    fill: rgba(0, 0, 0, .87)
  }

  .sr-bb .srt-fill-text-invert {
    fill: #fff
  }

  .sr-bb .srt-fill-text-secondary {
    fill-opacity: .7
  }

  .sr-bb .srt-fill-text-disabled {
    fill-opacity: .35
  }

  .sr-bb .srt-fill-base-1 {
    fill: #09714b
  }

  .sr-bb .srt-stroke-base-1 {
    stroke: #09714b
  }

  .sr-bb .srt-fill-base-1-active {
    fill: #086644
  }

  .sr-bb .srt-stroke-base-1-active {
    stroke: #086644
  }

  .sr-bb .srt-fill-base-1-active-2 {
    fill: #086644
  }

  .sr-bb .srt-stroke-base-1-active-2 {
    stroke: #086644
  }

  .sr-bb .srt-fill-base-1-primary {
    fill: #09714b
  }

  .sr-bb .srt-stroke-base-1-primary {
    stroke: #09714b
  }

  .sr-bb .srt-fill-base-1-home {
    fill: #09714b
  }

  .sr-bb .srt-stroke-base-1-home {
    stroke: #09714b
  }

  .sr-bb .srt-fill-base-1-away {
    fill: #09714b
  }

  .sr-bb .srt-stroke-base-1-away {
    stroke: #09714b
  }

  .sr-bb .srt-fill-base-2 {
    fill: #fff
  }

  .sr-bb .srt-stroke-base-2 {
    stroke: #fff
  }

  .sr-bb .srt-fill-base-2-active {
    fill: #e1eee9
  }

  .sr-bb .srt-stroke-base-2-active {
    stroke: #e1eee9
  }

  .sr-bb .srt-fill-base-2-hover {
    fill: #e1eee9
  }

  .sr-bb .srt-stroke-base-2-hover {
    stroke: #e1eee9
  }

  .sr-bb .srt-fill-base-3 {
    fill: #298362
  }

  .sr-bb .srt-stroke-base-3 {
    stroke: #298362
  }

  .sr-bb .srt-fill-base-3-active {
    fill: #49967a
  }

  .sr-bb .srt-stroke-base-3-active {
    stroke: #49967a
  }

  .sr-bb .srt-fill-base-3-hover {
    fill: #49967a
  }

  .sr-bb .srt-stroke-base-3-hover {
    stroke: #49967a
  }

  .sr-bb .srt-fill-primary-1 {
    fill: #09714b
  }

  .sr-bb .srt-stroke-primary-1 {
    stroke: #09714b
  }

  .sr-bb .srt-fill-primary-2 {
    fill: #539c81
  }

  .sr-bb .srt-stroke-primary-2 {
    stroke: #539c81
  }

  .sr-bb .srt-fill-primary-3 {
    fill: #064f35
  }

  .sr-bb .srt-stroke-primary-3 {
    stroke: #064f35
  }

  .sr-bb .srt-fill-primary-4 {
    fill: #8bbcaa
  }

  .sr-bb .srt-stroke-primary-4 {
    stroke: #8bbcaa
  }

  .sr-bb .srt-fill-primary-5 {
    fill: #539c81
  }

  .sr-bb .srt-stroke-primary-5 {
    stroke: #539c81
  }

  .sr-bb .srt-fill-primary-6 {
    fill: #05422c
  }

  .sr-bb .srt-stroke-primary-6 {
    stroke: #05422c
  }

  .sr-bb .srt-fill-primary-7 {
    fill: #fff
  }

  .sr-bb .srt-stroke-primary-7 {
    stroke: #fff
  }

  .sr-bb .srt-fill-primary-8 {
    fill: #075639
  }

  .sr-bb .srt-stroke-primary-8 {
    stroke: #075639
  }

  .sr-bb .srt-fill-primary-8-is-active-1 {
    fill: #086644
  }

  .sr-bb .srt-stroke-primary-8-is-active-1 {
    stroke: #086644
  }

  .sr-bb .srt-fill-primary-8-is-active-2 {
    fill: #086644
  }

  .sr-bb .srt-stroke-primary-8-is-active-2 {
    stroke: #086644
  }

  .sr-bb .srt-fill-primary-9 {
    fill: #539c81
  }

  .sr-bb .srt-stroke-primary-9 {
    stroke: #539c81
  }

  .sr-bb .srt-fill-primary-10 {
    fill: #539c81
  }

  .sr-bb .srt-stroke-primary-10 {
    stroke: #539c81
  }

  .sr-bb .srt-fill-primary-11 {
    fill: #8bbcaa
  }

  .sr-bb .srt-stroke-primary-11 {
    stroke: #8bbcaa
  }

  .sr-bb .srt-fill-primary-12 {
    fill: #fff
  }

  .sr-bb .srt-stroke-primary-12 {
    stroke: #fff
  }

  .sr-bb .srt-fill-home-1 {
    fill: #fff
  }

  .sr-bb .srt-stroke-home-1 {
    stroke: #fff
  }

  .sr-bb .srt-fill-home-2 {
    fill: #fff
  }

  .sr-bb .srt-stroke-home-2 {
    stroke: #fff
  }

  .sr-bb .srt-fill-home-3 {
    fill: #fff
  }

  .sr-bb .srt-stroke-home-3 {
    stroke: #fff
  }

  .sr-bb .srt-fill-home-4 {
    fill: #b5d4c9
  }

  .sr-bb .srt-stroke-home-4 {
    stroke: #b5d4c9
  }

  .sr-bb .srt-fill-home-5 {
    fill: #fff
  }

  .sr-bb .srt-stroke-home-5 {
    stroke: #fff
  }

  .sr-bb .srt-fill-away-1 {
    fill: #bdd9ce
  }

  .sr-bb .srt-stroke-away-1 {
    stroke: #bdd9ce
  }

  .sr-bb .srt-fill-away-2 {
    fill: #bdd9ce
  }

  .sr-bb .srt-stroke-away-2 {
    stroke: #bdd9ce
  }

  .sr-bb .srt-fill-away-3 {
    fill: #bdd9ce
  }

  .sr-bb .srt-stroke-away-3 {
    stroke: #bdd9ce
  }

  .sr-bb .srt-fill-away-4 {
    fill: #87baa7
  }

  .sr-bb .srt-stroke-away-4 {
    stroke: #87baa7
  }

  .sr-bb .srt-fill-away-5 {
    fill: #d4e6df
  }

  .sr-bb .srt-stroke-away-5 {
    stroke: #d4e6df
  }

  .sr-bb .srt-fill-neutral-1 {
    fill: #cee3db
  }

  .sr-bb .srt-stroke-neutral-1 {
    stroke: #cee3db
  }

  .sr-bb .srt-fill-neutral-2 {
    fill: #fff
  }

  .sr-bb .srt-stroke-neutral-2 {
    stroke: #fff
  }

  .sr-bb .srt-fill-neutral-3 {
    fill: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-stroke-neutral-3 {
    stroke: rgba(0, 0, 0, .12)
  }

  .sr-bb .srt-fill-neutral-4 {
    fill: #595959
  }

  .sr-bb .srt-stroke-neutral-4 {
    stroke: #595959
  }

  .sr-bb .srt-fill-neutral-5 {
    fill: #2e2e2e
  }

  .sr-bb .srt-stroke-neutral-5 {
    stroke: #2e2e2e
  }

  .sr-bb .srt-fill-neutral-6 {
    fill: #075639
  }

  .sr-bb .srt-stroke-neutral-6 {
    stroke: #075639
  }

  .sr-bb .srt-fill-neutral-7 {
    fill: #fff
  }

  .sr-bb .srt-stroke-neutral-7 {
    stroke: #fff
  }

  .sr-bb .srt-fill-neutral-8 {
    fill: #298362
  }

  .sr-bb .srt-stroke-neutral-8 {
    stroke: #298362
  }

  .sr-bb .srt-fill-neutral-9 {
    fill: #187a56
  }

  .sr-bb .srt-stroke-neutral-9 {
    stroke: #187a56
  }

  .sr-bb .srt-fill-neutral-10 {
    fill: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-stroke-neutral-10 {
    stroke: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-fill-neutral-11 {
    fill: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-stroke-neutral-11 {
    stroke: hsla(0, 0%, 100%, .16)
  }

  .sr-bb .srt-fill-neutral-12 {
    fill: #539c81
  }

  .sr-bb .srt-stroke-neutral-12 {
    stroke: #539c81
  }

  .sr-bb .srt-fill-neutral-13 {
    fill: #2e8666
  }

  .sr-bb .srt-stroke-neutral-13 {
    stroke: #2e8666
  }

  .sr-bb .srt-fill-win {
    fill: #fff
  }

  .sr-bb .srt-stroke-win {
    stroke: #fff
  }

  .sr-bb .srt-fill-draw {
    fill: #5fa38a
  }

  .sr-bb .srt-stroke-draw {
    stroke: #5fa38a
  }

  .sr-bb .srt-fill-lose {
    fill: #05422c
  }

  .sr-bb .srt-stroke-lose {
    stroke: #05422c
  }

  .sr-bb .srt-stop-base-1,
  .sr-bb .srt-stop-primary-1 {
    stop-color: #09714b
  }

  .sr-bb .srt-stop-primary-2 {
    stop-color: #539c81
  }

  .sr-bb .srt-stop-primary-3 {
    stop-color: #064f35
  }

  .sr-bb .srt-stop-primary-4 {
    stop-color: #8bbcaa
  }

  .sr-bb .srt-stop-primary-5 {
    stop-color: #539c81
  }

  .sr-bb .srt-stop-primary-6 {
    stop-color: #05422c
  }

  .sr-bb .srt-stop-primary-7 {
    stop-color: #fff
  }

  .sr-bb .srt-stop-primary-8 {
    stop-color: #075639
  }

  .sr-bb .srt-stop-primary-9,
  .sr-bb .srt-stop-primary-10 {
    stop-color: #539c81
  }

  .sr-bb .srt-stop-primary-11 {
    stop-color: #8bbcaa
  }

  .sr-bb .srt-stop-home-1,
  .sr-bb .srt-stop-primary-12 {
    stop-color: #fff
  }

  .sr-bb .srt-stop-away-1 {
    stop-color: #bdd9ce
  }

  .sr-bb .srt-fill-neutral-14 {
    fill: rgba(0, 0, 0, .54)
  }

  .sr-bb .srt-stroke-neutral-14 {
    stroke: rgba(0, 0, 0, .54)
  }

  .sr-bb .srt-logo-powered-by-light {
    display: none
  }

  .sr-bb .srt-logo-powered-by-dark {
    display: inline-block
  }

  .live-stream-view {
    float: left;
    width: 100%;
    overflow: hidden;
    height: auto;
    max-height: 600px
  }

  .live-stream-view.expanded {
    -webkit-transition: max-height .45s;
    transition: max-height .45s
  }

  .live-stream-view.collapsed {
    max-height: 30px
  }

  .top-live-stream {
    float: left;
    width: 100%;
    padding: 0 30px 0 0;
    position: relative;
    height: 30px;
    background: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15);
    margin: 1px 0
  }

  .top-live-stream>h4 {
    border-right: 1px solid var(--skin-15);
    color: var(--text-6);
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .stream-toogle-icon {
    display: block;
    width: 30px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    font: 20px/30px icomoon;
    text-align: center;
    color: var(--text-6)
  }

  .stream-toogle-icon:before {
    content: "\E671"
  }

  .collapsed .stream-toogle-icon:before {
    content: "\E670"
  }

  .stream-select-parent {
    float: left;
    width: 100%;
    margin-bottom: 1px;
    padding: 8px 10px;
    background: var(--skin-10);
    text-align: center
  }

  .stream-select-parent .select-contain-m {
    height: 25px
  }

  .stream-select-parent .select-contain-m:before {
    top: 3px
  }

  .stream-select-parent .select-contain-m>select {
    height: 25px;
    font-size: 11px
  }

  .iframe-parent-stream>iframe {
    min-height: 210px
  }

  .content-m .horse-bread-crumbs.bread-crumbs-view-m {
    background-color: var(--brand)
  }

  .content-m .horse-bread-crumbs .back-arrow-crumbs,
  .content-m .horse-bread-crumbs.bread-crumbs-view-m>p {
    color: var(--brand-sc)
  }

  .horse-race-time-wrapper {
    width: 100%;
    height: 40px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15);
    border-top: 4px solid #0000
  }

  [dir=ltr] .horse-race-time-wrapper {
    float: left
  }

  [dir=rtl] .horse-race-time-wrapper {
    float: right
  }

  .horse-race-time-item {
    display: inline-block;
    vertical-align: top;
    height: 100%
  }

  .horse-race-time-item>a {
    display: block;
    padding: 0 15px;
    font-size: 13px;
    color: #fff;
    line-height: 36px;
    text-decoration: none
  }

  .horse-race-time-item>a.active {
    background-color: #b90e1b
  }

  .horse-race-section-title-holder {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    background-color: var(--skin-12);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  [dir=ltr] .horse-race-section-title-holder {
    float: left
  }

  [dir=rtl] .horse-race-section-title-holder {
    float: right
  }

  .horse-race-section-title {
    font-weight: 400;
    font-size: 14px;
    color: var(--text-1);
    line-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }

  .horse-racing-game-wrapper {
    width: 100%;
    margin-top: 4px;
    background-color: var(--skin-14)
  }

  [dir=ltr] .horse-racing-game-wrapper {
    float: left
  }

  [dir=rtl] .horse-racing-game-wrapper {
    float: right
  }

  .horse-racing-game-details-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 10px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    background-color: var(--skin-12);
    font-size: 11px;
    color: #fff;
    line-height: 26px
  }

  .horse-racing-game-date {
    display: inline-block;
    vertical-align: top;
    height: 100%
  }

  [dir=ltr] .horse-racing-game-date {
    float: left
  }

  [dir=rtl] .horse-racing-game-date {
    float: right
  }

  .horse-racing-game-common {
    display: inline-block;
    vertical-align: top;
    height: 100%
  }

  [dir=ltr] .horse-racing-game-common {
    float: right
  }

  [dir=rtl] .horse-racing-game-common {
    float: left
  }

  .horse-racing-game-common-item {
    display: inline-block;
    vertical-align: top;
    height: 100%
  }

  [dir=ltr] .horse-racing-game-common-item {
    margin-right: 15px
  }

  [dir=rtl] .horse-racing-game-common-item {
    margin-left: 15px
  }

  .horse-racing-game-common-item:last-child {
    margin: 0
  }

  .horse-race-game-list-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 4px
  }

  .horse-race-game-list-title-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    background-color: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06)
  }

  .horse-race-game-list-title {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-size: 12px;
    color: #fff;
    line-height: 36px;
    text-transform: capitalize
  }

  [dir=ltr] .horse-race-game-list-title {
    float: left
  }

  [dir=rtl] .horse-race-game-list-title {
    float: right
  }

  .horse-race-game-list-result {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-size: 12px;
    color: #fff;
    line-height: 36px;
    text-transform: capitalize
  }

  [dir=ltr] .horse-race-game-list-result {
    float: right
  }

  [dir=rtl] .horse-race-game-list-result {
    float: left
  }

  .horse-race-game-list {
    display: inline-block;
    width: 100%;
    margin-top: 2px;
    padding-bottom: 50px
  }

  [dir=ltr] .horse-race-game-list {
    float: left
  }

  [dir=rtl] .horse-race-game-list {
    float: right
  }

  .horse-race-game-list-table {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%
  }

  .horse-race-game-list-table.header {
    background: var(--skin-12);
    border-top: 1px solid hsla(0, 0%, 100%, .06);
    border-bottom: 1px solid hsla(0, 0%, 100%, .06)
  }

  .horse-race-game-list-table.body {
    background-color: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    border-bottom: 1px solid #000
  }

  .horse-race-game-list-table.body:last-child {
    border-bottom: none
  }

  .horse-race-game-list-table-row {
    display: table-row
  }

  .horse-race-game-list-table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 50px
  }

  .horse-race-game-list-table-cell.c-1>.horse-race-game-list-table-heading,
  .horse-race-game-list-table-cell.c-2>.horse-race-game-list-table-heading,
  .horse-race-game-list-table-cell.c-3>.horse-race-game-list-table-heading,
  .horse-race-game-list-table-cell.c-4>.horse-race-game-list-table-heading {
    text-transform: capitalize
  }

  .horse-race-game-list-table-cell.c-5>.horse-race-game-list-table-heading {
    text-transform: uppercase
  }

  [dir=ltr] .horse-race-game-list-table-cell.c-3>.horse-race-game-list-table-heading {
    text-align: left
  }

  [dir=rtl] .horse-race-game-list-table-cell.c-3>.horse-race-game-list-table-heading {
    text-align: right
  }

  .horse-race-game-list-table-cell.c-1,
  .horse-race-game-list-table-cell.c-2 {
    width: 50px;
    padding: 8px 10px
  }

  .horse-race-game-list-table-cell.c-3 {
    padding: 8px 10px
  }

  .horse-race-game-list-table-cell.c-4,
  .horse-race-game-list-table-cell.c-5 {
    width: 50px
  }

  .horse-race-game-list-table-cell.c-ext {
    width: 100px
  }

  .horse-race-game-list-table-heading {
    display: block;
    font-size: 13px;
    color: #fff;
    text-align: center
  }

  .horse-race-game-list-table-heading-order-icon {
    display: inline-block;
    vertical-align: top;
    width: 0;
    height: 0;
    margin-top: 5px;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #fff transparent transparent
  }

  [dir=ltr] .horse-race-game-list-table-heading-order-icon {
    margin-left: 5px
  }

  [dir=rtl] .horse-race-game-list-table-heading-order-icon {
    margin-right: 5px
  }

  .horse-race-game-list-table-heading-order-icon.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .horse-race-game-list-table-text {
    display: block;
    text-align: center
  }

  .horse-race-game-list-table-image {
    display: block;
    width: 100%
  }

  .horse-race-game-list-table-number {
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center
  }

  .horse-race-game-list-table-sel-txt {
    color: #e2e2e2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .horse-race-game-list-table-sel-txt.t-1 {
    font-weight: 700;
    font-size: 14px
  }

  [dir=ltr] .horse-race-game-list-table-sel-txt.t-1>.inl {
    margin-left: 4px
  }

  [dir=rtl] .horse-race-game-list-table-sel-txt.t-1>.inl {
    margin-right: 4px
  }

  .horse-race-game-list-table-sel-txt.t-1>.num {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    font-size: 10px
  }

  .horse-race-game-list-table-sel-txt.t-1>.dist {
    display: inline-block;
    vertical-align: top;
    padding: 0 2px;
    background-color: #ccc;
    border-radius: 2px;
    font-weight: 700;
    font-size: 11px;
    color: #000;
    text-transform: capitalize
  }

  .horse-race-game-list-table-sel-txt.t-2,
  .horse-race-game-list-table-sel-txt.t-3 {
    font-size: 11px
  }

  .horse-race-game-list-table-bet {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 64px
  }

  .horse-race-game-list-table-bet.odds {
    color: #fff000
  }

  .horse-race-game-list-table-bet.sp {
    color: #fff;
    text-transform: uppercase
  }

  .horse-race-game-list-table-bet.active {
    background-color: #b90e1b
  }

  .horse-race-game-list-table-odd-icon {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3px 0
  }

  [dir=ltr] .horse-race-game-list-table-odd-icon {
    margin-right: 4px
  }

  [dir=rtl] .horse-race-game-list-table-odd-icon {
    margin-left: 4px
  }

  .horse-race-game-list-table-odd-icon.up {
    border-color: green transparent transparent
  }

  .horse-race-game-list-table-odd-icon.down {
    border-color: red transparent transparent;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .horse-race-game-list-table-c-txt,
  .horse-race-game-list-table-c-txt-nr {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .horse-race-game-list-table-cell .single-coefficient-m {
    background: var(--skin-10);
    box-shadow: none
  }

  .import-view-container .select-sport-title-m.HorseRacing {
    background-color: var(--skin-10)
  }

  .import-view-container .select-sport-title-m.HorseRacing:before {
    content: none
  }

  .HorseRacing+.select-game-nav-list .competition-list-view-m>ul>li>a>p,
  .HorseRacing+.select-game-nav-list .games-count-view-m,
  .HorseRacing+.select-game-nav-list .sport-nav-container-m>a>p,
  .VirtualHorseRacing+.select-game-nav-list .competition-list-view-m>ul>li>a>p,
  .VirtualHorseRacing+.select-game-nav-list .games-count-view-m,
  .VirtualHorseRacing+.select-game-nav-list .sport-nav-container-m>a>p {
    color: var(--text-1)
  }

  .HorseRacing+.select-game-nav-list .competition-list-view-m>ul>li,
  .VirtualHorseRacing+.select-game-nav-list .competition-list-view-m>ul>li {
    background-color: var(--skin-11)
  }

  .HorseRacing+div .arrow-view-m,
  .HorseRacing+div .sport-region-info-m.active>.country-games-info-m>p,
  .HorseRacing+div .sport-region-info-m.active>.country-games-info-m>span,
  .HorseRacing+div .sport-region-info-m>.country-games-info-m>p,
  .HorseRacing+div .sport-region-info-m>.country-games-info-m>span,
  .VirtualHorseRacing+div .arrow-view-m,
  .VirtualHorseRacing+div .sport-region-info-m.active>.country-games-info-m>p,
  .VirtualHorseRacing+div .sport-region-info-m.active>.country-games-info-m>span,
  .VirtualHorseRacing+div .sport-region-info-m>.country-games-info-m>p,
  .VirtualHorseRacing+div .sport-region-info-m>.country-games-info-m>span {
    color: var(--text-1)
  }

  .HorseRacing+div .fav-star-m,
  .VirtualHorseRacing+div .fav-star-m {
    color: var(--text-6)
  }

  .bread-crumbs-view-m {
    float: left;
    width: 100%;
    height: 38px;
    background: var(--brand);
    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
  }

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

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

  .bread-crumbs-view-m .content-m .horse-bread-crumbs .back-arrow-crumbs,
  .bread-crumbs-view-m .content-m .horse-bread-crumbs.bread-crumbs-view-m>p {
    color: var(--brand-sc)
  }

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

  .horse-race-time-item.active {
    background: #b90e1b
  }

  .additional-game-info {
    float: left;
    width: 100%;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-6)
  }

  .additional-game-info>span {
    padding-right: 10px
  }

  .additional-game-info>span:last-child {
    padding-right: 0
  }

  .additional-info {
    margin: 0 0 1px
  }

  .animation-stat-tabs {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
    text-align: center;
    background: var(--skin-10);
    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 var(--skin-15);
    color: var(--text-6);
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .view-game-additional-info:first-child {
    border-left: 1px solid solid var(--skin-15)
  }

  .view-game-additional-info.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-1)
  }

  .view-game-additional-info.one {
    padding: 0 30px 0 0;
    position: relative;
    box-shadow: none;
    color: var(--text-2)
  }

  .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: var(--text-6);
    background: var(--skin-8);
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset;
    z-index: 11
  }

  .view-game-additional-info.one.active:before {
    content: "\E671";
    color: var(--text-2)
  }

  .empty-frame {
    height: 38px
  }

  .bread-crumbs-view-m {
    float: left;
    width: 100%;
    height: 38px;
    background: var(--brand);
    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: var(--brand-sc);
    background: rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .bread-crumbs-view-m.favorites {
    background: var(--favorite)
  }

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

  .bread-crumbs-view-m>p {
    float: left;
    width: 100%;
    padding: 0 10px 0 12px;
    color: var(--brand-sc);
    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: var(--favorite-sc)
  }

  .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: var(--skin);
    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: var(--text-6)
  }

  .game-information-m>ul>li.factor-m>.single-coefficient-m {
    height: 60px;
    line-height: 60px;
    background: var(--skin-11);
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset
  }

  .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
  }

  .additional-game-info em {
    font-style: normal
  }

  [dir=rtl] .additional-game-info .game-count {
    padding-right: 0
  }

  [dir=rtl] .additional-game-info .game-count:last-child,
  [dir=rtl] .additional-game-info .game-count:last-of-type {
    unicode-bidi: normal
  }

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

  .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: 0 -1px 0 var(--skin-15) inset;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

  .sport-nav-container-m>a {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 12px;
    padding: 0 18px;
    line-height: 14px;
    text-decoration: none;
    color: var(--text-1);
    position: relative;
    text-align: center;
    background: var(--skin-11)
  }

  .sport-icon-m.VirtualFootball:before,
  .sport-icon-m.VirtualTennis:before {
    color: inherit
  }

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

  a.active .sport-icon-m {
    color: var(--text-1)
  }

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

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

  .sport-icon-m.most-popular:before {
    font: 22px/32px icomoon;
    content: "\E904"
  }

  .sport-icon-m.worldCup:before {
    font: 30px/40px icomoon !important;
    content: "\E952";
    display: block;
    color: #daac39
  }

  .sport-nav-container-m>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 var(--skin-6)
  }

  .sport-nav-container-m>a>p {
    height: 28px;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    color: var(--text-3);
    line-height: 18px
  }

  .sport-nav-container-m>a.active>p {
    color: var(--text-1)
  }

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

  .select-sport-title-m {
    float: left;
    width: 100%;
    display: table;
    height: 34px;
    background: var(--skin-6);
    color: var(--skin-15)
  }

  .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;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    vertical-align: top
  }

  .games-count-view-m {
    position: absolute;
    font-size: 8px;
    top: 2px;
    left: 26px;
    line-height: 12px;
    font-style: normal;
    color: var(--text-4)
  }

  .match-of-day-m {
    float: left;
    width: 100%;
    background: var(--skin-12);
    margin: 0 0 4px;
    text-align: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  .title-view-match-day {
    float: left;
    width: 100%;
    height: 30px;
    background: rgba(var(--skin-10-rgb), .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: var(--text-3)
  }

  .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: var(--text-6)
  }

  .left-t>.single-team-info-m {
    padding: 0 60px 0 10px
  }

  .single-team-info-m>p {
    margin: 10px 0 0;
    color: var(--text-6);
    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: var(--text-3);
    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 {
    -webkit-animation: inherit;
    animation: inherit;
    max-height: inherit;
    -webkit-transform: translateZ(0);
    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: var(--skin-14);
    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: var(--text-6);
    text-transform: uppercase;
    padding: 0
  }

  .live-view-m:before {
    content: "\E936";
    color: var(--hero)
  }

  .upcoming-view-m:before {
    content: "\E6E2";
    color: var(--text-6)
  }

  .collapse-arrow-view {
    font: 16px/35px icomoon;
    width: 34px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    color: var(--text-6);
    text-align: center;
    -webkit-transform: translateZ(0);
    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%;
    -webkit-transform: translateZ(0);
    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;
    -webkit-animation: open-animate-menu .24s ease-in-out;
    animation: open-animate-menu .24s ease-in-out
  }

  @-webkit-keyframes open-animate-menu {
    0% {
      max-height: 0
    }

    to {
      max-height: 1000px
    }
  }

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

    to {
      max-height: 1000px
    }
  }

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

    to {
      max-height: 0
    }
  }

  @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: var(--skin-12);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    -webkit-transform: translateZ(0);
    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: var(--text-6);
    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: var(--text-4);
    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: var(--text-7);
    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: var(--text-3)
  }

  .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: var(--accent);
    white-space: nowrap
  }

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

  .name-game-row-m {
    float: left;
    width: 100%;
    height: 34px;
    background: var(--skin-10);
    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: var(--text-6);
    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: var(--text-6)
  }

  .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: var(--text-6)
  }

  .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: var(--text-3);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .game-information-m>ul>li.factor-m>.single-coefficient-m {
    height: 60px;
    line-height: 60px;
    background: var(--skin-11);
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset
  }

  .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
  }

  @-webkit-keyframes change-price-top {
    1% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }

    25% {
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0);
      opacity: .5
    }

    50% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }

    75% {
      -webkit-transform: translate3d(0, 3px, 0);
      transform: translate3d(0, 3px, 0);
      opacity: .5
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }
  }

  @keyframes change-price-top {
    1% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }

    25% {
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0);
      opacity: .5
    }

    50% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }

    75% {
      -webkit-transform: translate3d(0, 3px, 0);
      transform: translate3d(0, 3px, 0);
      opacity: .5
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }
  }

  @-webkit-keyframes change-price {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }

    25% {
      -webkit-transform: translate3d(0, 3px, 0);
      transform: translate3d(0, 3px, 0);
      opacity: .5
    }

    50% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }

    75% {
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0);
      opacity: .5
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }
  }

  @keyframes change-price {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }

    25% {
      -webkit-transform: translate3d(0, 3px, 0);
      transform: translate3d(0, 3px, 0);
      opacity: .5
    }

    50% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }

    75% {
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0);
      opacity: .5
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }
  }

  .game-information-m>ul>li.factor-m>.single-coefficient-m.active:before {
    line-height: 60px
  }

  @-webkit-keyframes add-betslip {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 0
    }

    50% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }

    to {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      opacity: 0;
      display: none
    }
  }

  @keyframes add-betslip {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 0
    }

    50% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1
    }

    to {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      opacity: 0;
      display: none
    }
  }

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

  .images-slider-view-m {
    float: left;
    width: 100%
  }

  .images-slider-view-m img {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    pointer-events: none
  }

  .custom-banners {
    margin: 0 auto
  }

  .custom-banners>div {
    margin: 5px
  }

  .custom-banners>div>img {
    width: 100%;
    max-width: 100%;
    height: 80px
  }

  .new-dashboard-wrapper-m {
    float: left;
    width: 100%;
    margin: 0 0 5px
  }

  .new-dashboard-wrapper-m>.slick-slider .slick-list .slick-track>div {
    padding: 0 1px;
    background: var(--skin-14)
  }

  .dashboard-upcoming-game-list-m .upcoming-view-m:before {
    color: #1a7051
  }

  .home .dashboard-column-title>h3 {
    color: var(--text-1)
  }

  .h-w-mini-container,
  .upcoming-content-m {
    float: left;
    width: 100%
  }

  .upcoming-content-m {
    box-sizing: border-box;
    margin: 5px 0 0;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .6)
  }

  .upcoming-content-title {
    float: left;
    width: 100%;
    margin: 0 0 1px;
    background: var(--skin-10);
    height: 30px;
    padding: 0 15px;
    position: relative;
    box-shadow: 0 -1px 0 var(--skin-11)
  }

  .upcoming-content-title>h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    color: var(--text-6);
    padding: 0
  }

  .f-games-w {
    float: left;
    width: 100%;
    overflow: hidden
  }

  .upcoming-events-p {
    margin: 1px 0 3px;
    padding: 0 1px;
    background: var(--skin-14)
  }

  .upcoming-events-p,
  .upcoming-events-p>ul {
    float: left;
    width: 100%
  }

  .upcoming-events-p>ul>li {
    float: left;
    width: 30%;
    height: 100px;
    position: relative
  }

  .upcoming-events-p>ul>li:first-child {
    background: var(--skin-8)
  }

  .upcoming-events-p>ul>li:first-child>img {
    max-width: 80%;
    max-height: 80%;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
  }

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

  .upcoming-events-p .game-date-view-m>ul>li:first-child>a {
    text-decoration: none;
    color: var(--text-6)
  }

  .upcoming-events-p>ul>li:last-child {
    box-shadow: 0 -1px 0 var(--skin-8);
    width: 70%;
    background: var(--skin-10)
  }

  .upcoming-events-p.without-logo>ul>li:last-child {
    width: 100%
  }

  .upcoming-events-p .single-coefficient-m {
    background: var(--skin-10);
    box-shadow: none
  }

  .game-information-m>ul>li.factor-m>.single-coefficient-m.active,
  .upcoming-events-p .single-coefficient-m.active {
    background: var(--hero)
  }

  .game-information-m>ul>li.factor-m>.single-coefficient-m.active>span,
  .single-coefficient-m.active>span,
  .single-coefficient-m.active>span>i.bot-m:before,
  .single-coefficient-m.active>span>i.top-m:before {
    color: var(--hero-sc)
  }

  .upcoming-events-p .single-coefficient-m>span>span {
    color: var(--text-4);
    float: left
  }

  .upcoming-events-p .coefficient-game-view>ul>li {
    background: var(--skin-14)
  }

  .text-description-n {
    padding: 10px 15px
  }

  .text-description-n,
  .text-description-n>ul {
    float: left;
    width: 100%
  }

  .text-description-n>ul>li {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 5px
  }

  .text-description-n>ul>li:first-child span {
    padding: 0 0 0 25px;
    color: var(--text-6);
    font: 12px/16px Roboto, sans-serif
  }

  .text-description-n>ul>li:first-child span i {
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 16px;
    font: 16px/18px Sport-icons;
    display: block
  }

  .text-description-n>ul>li>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #c1c4cc;
    display: table;
    height: 19px
  }

  .text-description-n>ul>li:last-child {
    padding: 0
  }

  .upcoming-content-m .coefficient-game-view {
    overflow: inherit;
    max-height: inherit;
    border-top: 1px solid var(--skin-12)
  }

  .go-to-events-m {
    float: left;
    width: 100%;
    background: var(--skin-12);
    height: 35px;
    margin: 3px 0 10px;
    padding: 0;
    position: relative
  }

  .go-to-events-m>a {
    float: left;
    width: 100%;
    display: block;
    padding: 0 0 0 10px
  }

  .go-to-events-m>.title-h-g-v {
    padding-left: 10px
  }

  .title-h-g-v {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font: 12px/35px Roboto, sans-serif;
    text-transform: uppercase;
    color: var(--text-4);
    text-decoration: none
  }

  .open-close-arrow-e {
    position: absolute;
    width: 36px;
    height: 100%;
    text-align: center;
    background: var(--skin-7);
    top: 0;
    right: 0;
    font: 20px/35px icomoon;
    color: var(--text-4)
  }

  .open-close-arrow-e:before {
    content: "\E672"
  }

  .open-close-arrow-e.open:before {
    content: "\E671"
  }

  .game-type-c {
    background: var(--skin-12);
    height: 38px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    position: relative;
    border-bottom: 1px solid var(--skin-14)
  }

  .game-type-c span {
    width: 50px;
    height: 100%;
    display: block;
    float: left;
    font: 20px/38px icomoon;
    color: var(--text-1);
    text-align: center
  }

  .game-type-c h3 {
    float: left;
    padding: 0 5px 0 0;
    font: 12px/38px Roboto, sans-serif;
    color: var(--text-2);
    text-transform: uppercase
  }

  .game-type-c span:before {
    content: "\E92C"
  }

  .game-type-c>b {
    float: right;
    font-size: 12px;
    line-height: 38px;
    color: var(--text-5);
    padding: 0 30px 0 0;
    font-weight: 400;
    position: relative
  }

  .game-type-c>b:after {
    content: "\E672";
    font: 16px/38px icomoon;
    position: absolute;
    right: 10px;
    top: 0
  }

  .game-casilo-info-t {
    text-align: center
  }

  .game-casilo-info-t>div {
    float: left;
    width: 100%
  }

  .game-casilo-info-t>div>.slick-slider .slick-list .slick-track>div {
    padding: 0 1px;
    background: var(--skin-14)
  }

  .game-casilo-info-t img {
    width: 100%;
    float: left;
    height: auto
  }

  .single-sport-title-dashboard-mm {
    float: left;
    width: 100%;
    background: var(--skin-11);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: 30px;
    position: relative
  }

  .single-sport-title-dashboard-mm:before {
    position: absolute;
    top: 0;
    font: 16px/30px Sport-icons;
    left: 8px
  }

  .upcoming-events-p .game-date-view-m {
    background: transparent;
    box-shadow: none
  }

  .upcoming-events-p .game-date-view-m>ul>li {
    line-height: 28px
  }

  .upcoming-events-p .games-list-view-dashboard {
    margin: 2px 0 0
  }

  .upcoming-events-p .games-list-view-dashboard:first-child {
    margin: 0
  }

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

  .has-two-events .game-date-view-m>ul>li,
  .has-two-events .game-information-m>ul>li.factor-m {
    width: 85px
  }

  .has-two-events .game-date-view-m>ul>li:first-child {
    width: calc(100% - 180px)
  }

  .f-games-w img {
    pointer-events: none
  }

  .upcoming-events-text-p {
    float: left;
    width: 100%
  }

  .upcoming-events-p .game-date-view-m> {
    text-decoration: none
  }

  .f-games-w {
    height: 190px
  }

  .upcoming-events-p {
    margin: 1px 0 0
  }

  .quick-bet-settings-view .switcher-contain.on {
    background: var(--brand)
  }

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

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

  .new-sticker-view-live-indicator {
    text-transform: none;
    padding: 0 4px;
    top: 5px
  }

  .new-sticker-view-game-number,
  .new-sticker-view-live-indicator {
    display: inline-block;
    vertical-align: top;
    background: var(--hero);
    font-style: normal;
    font: 10px/14px Roboto, sans-serif;
    border-radius: 2px;
    color: var(--hero-sc);
    margin: 0 0 0 10px;
    box-shadow: 1px 2px 0 rgba(0, 0, 0, .15)
  }

  .new-sticker-view-game-number {
    padding: 2px 4px;
    position: absolute;
    top: -30px;
    right: 0;
    height: 16px !important
  }

  .for-live.new-sticker-view-game-number {
    position: static
  }

  .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: var(--skin-3);
    height: 60px;
    background: var(--skin-12);
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset
  }

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

  .game-information-m>ul>li.teams-name-info-m {
    width: calc(100% - 225px);
    background: var(--skin-11);
    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: var(--skin-11);
    height: 60px;
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset;
    text-align: center;
    color: var(--text-5);
    font: 24px/60px icomoon;
    -webkit-transition: background .24s, color .24s;
    transition: background .24s, color .24s
  }

  .game-information-m>ul>li.fav-game-icon-m.active {
    background: var(--favorite);
    color: var(--favorite-hover)
  }

  .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: 15px;
    color: var(--text-3);
    padding: 5px 0 0;
    display: table;
    height: 19px
  }

  .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
  }

  .game-score-live-m>i {
    font-style: normal;
    color: var(--accent);
    white-space: nowrap
  }

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

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

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

  .time-view-game-m {
    float: left;
    margin: 0 3px 0 0;
    color: var(--text-6)
  }

  .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: var(--text-3)
  }

  .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: var(--text-6)
  }

  .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: var(--text-6)
  }

  .markets-count-view-m {
    float: right;
    color: var(--text-6);
    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: var(--skin-12);
    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: var(--text-6)
  }

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

  .coefficient-game-view {
    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: var(--skin-15)
  }

  .coefficient-game-view>ul>li:first-child {
    padding-left: 0
  }

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

  .single-coefficient-m {
    float: left;
    width: 100%;
    height: 44px;
    background: var(--skin-11);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    display: table;
    position: relative;
    z-index: 22;
    overflow: hidden
  }

  .single-coefficient-m>span {
    display: table-cell;
    text-align: right;
    font-size: 14px;
    line-height: 44px;
    padding: 0 10px;
    height: 100%;
    color: var(--odd);
    white-space: nowrap
  }

  .single-coefficient-m>span>i {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 10px
  }

  .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: var(--text-5)
  }

  .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
  }

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

  .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: 0 -1px 0 var(--skin-15) inset;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  .sport-nav-container-m a[href="/prematch/PMUHorseRacing"] {
    display: none
  }

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

  .sport-nav-container-m>a {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 12px;
    padding: 0 18px;
    line-height: 14px;
    text-decoration: none;
    color: var(--text-1);
    position: relative;
    text-align: center;
    background: var(--skin-11)
  }

  .sport-icon-m.VirtualFootball:before,
  .sport-icon-m.VirtualTennis:before {
    color: inherit
  }

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

  a.active .sport-icon-m {
    color: var(--text-1)
  }

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

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

  .sport-icon-m.most-popular:before {
    font: 22px/32px icomoon;
    content: "\E904"
  }

  .sport-icon-m.worldCup:before {
    font: 30px/40px icomoon !important;
    content: "\E952";
    display: block;
    color: #daac39
  }

  .sport-nav-container-m>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 var(--skin-6)
  }

  .sport-nav-container-m>a>p {
    height: 28px;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    color: var(--text-3);
    line-height: 18px
  }

  .sport-nav-container-m>a.active>p {
    color: var(--text-1)
  }

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

  .select-sport-title-m {
    float: left;
    width: 100%;
    display: table;
    height: 34px;
    background: var(--skin-6);
    color: var(--skin-15)
  }

  .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;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    vertical-align: top
  }

  .games-count-view-m {
    position: absolute;
    font-size: 8px;
    top: 2px;
    left: 26px;
    line-height: 12px;
    font-style: normal;
    color: var(--text-4)
  }

  .date-list-games-m,
  .upcoming-games-list-v-w {
    float: left;
    width: 100%
  }

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

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

  .game-date-view-m {
    height: 25px;
    background: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .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: var(--text-6)
  }

  .game-date-view-m>ul>li:first-child {
    width: calc(100% - 180px);
    text-align: left;
    color: var(--text-6);
    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
  }

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

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

  .slots-slider-p {
    float: left;
    width: 100%;
    border-top: 1px solid var(--skin-8);
    background: var(--skin-12)
  }

  .slots-img-content {
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden
  }

  .slots-img-content .slick-track {
    padding: 10px 0
  }

  .slots-img-content .game-screen-view {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0 0 70%;
    background: none;
    border-radius: 5px
  }

  .slots-img-content .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: var(--text-5);
    content: "\E91A"
  }

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

  .slots-img-content .slick-track>div {
    padding: 5px 5px 0;
    background: var(--skin-8);
    border-radius: 5px
  }

  .slots-img-content .casino-game-title .favorite-game-star {
    color: var(--text-4)
  }

  .slots-img-content .casino-game-title .favorite-game-star.active {
    color: var(--favorite)
  }

  .slots-img-content>.casino-game-info-view {
    width: calc(50% - 5px);
    display: inline-block;
    float: none;
    margin: 0 10px 0 0;
    vertical-align: top
  }

  .slots-slider-p .slick-slide {
    -webkit-transform: scale(.84);
    -ms-transform: scale(.84);
    transform: scale(.84);
    opacity: .5;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
  }

  .slots-slider-p .slick-slide.slick-center {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 55;
    position: relative
  }

  [dir=rtl] .slots-slider-p .favorite-game-star {
    left: 0;
    text-align: right
  }

  [dir=rtl] .slots-slider-p .casino-game-title {
    padding: 0 8px
  }

  .has-bet-slip .payment-methods-footer {
    padding-bottom: 50px
  }

  .game-type-c.casino span:before {
    content: "\E92C"
  }

  .game-type-c.slots span:before {
    content: "\E96C"
  }

  .game-type-c.slots span {
    font-size: 14px
  }

  .game-type-c.poker span:before {
    content: "\E6C0"
  }

  .game-casilo-info-t button {
    float: none;
    min-width: 190px;
    border: none;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center;
    font: 14px/38px Roboto, sans-serif;
    color: var(--text-1);
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    bottom: 60px;
    display: inline-block
  }

  .game-casilo-info-t button.yellow {
    background: #ba7f19
  }

  .play-now-h {
    padding: 10px 15px;
    text-align: center
  }

  .game-casilo-info-t,
  .play-now-h {
    float: left;
    width: 100%;
    background: var(--skin-10)
  }

  .game-casilo-info-t,
  .view-of-game {
    position: relative
  }

  .view-of-game {
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, .23);
    height: 44px;
    top: 76px
  }

  .view-of-game.white-t-bg {
    background: hsla(0, 0%, 100%, .3)
  }

  .view-of-game:before {
    font: 20px/44px icomoon;
    color: var(--text-2);
    display: block;
    position: absolute;
    top: 0;
    left: 10px
  }

  .view-of-game.belote:before {
    content: "\E6D0"
  }

  .view-of-game.backgammon:before {
    content: "\E6CF"
  }

  .view-of-game.poker:before {
    content: "\E6C0"
  }

  .view-of-game.ogwil:before {
    content: "\E6AE"
  }

  .view-of-game.chingaChoong:before {
    content: "\E96D"
  }

  .multi-game-view-m {
    float: left;
    width: 100%
  }

  .multi-game-type {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    position: relative;
    padding: 4px 4px 0 0
  }

  .multi-game-type:nth-child(2n) {
    padding-right: 0
  }

  .multi-game-type:nth-child(3),
  .multi-game-type:nth-child(4) {
    padding-bottom: 4px
  }

  .mini-container-w {
    float: left;
    width: 100%;
    height: 170px;
    background: var(--skin-11);
    overflow: hidden;
    position: relative
  }

  .new-f-b {
    position: absolute;
    right: 0;
    top: 215px;
    background: var(--hero);
    color: var(--hero-sc);
    height: 12px;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    padding: 0 3px
  }

  .mini-container-w>img {
    float: right;
    display: block;
    width: auto;
    height: 100%
  }

  .multi-game-type-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 15px
  }

  .multi-game-type-info>h6 {
    font-size: 14px;
    padding: 0 20px 0 0;
    color: var(--text-1);
    text-transform: uppercase
  }

  .multi-game-type-info>h6,
  .multi-game-type-info>p {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 16px
  }

  .multi-game-type-info>p {
    padding: 7px 10px 50px 0;
    font-size: 12px;
    color: var(--text-3)
  }

  .mini-container-w>.chingaChoong {
    background-image: url(../images/chingachoong.jpg);
    background-size: 100%;
    background-position: 50% 50%
  }

  .mini-container-w>.backgammon {
    background: url(../images/backgammon.jpg) no-repeat 50% 50%/100%
  }

  .mini-container-w>.belote {
    background: url(../images/belote.jpg) no-repeat 50% 50%/100%
  }

  .mini-container-w>.poker {
    background: url(../images/poker.jpg) no-repeat 50% 50%/100%
  }

  .mini-container-w>.ogwil {
    background: url(../images/ogwil.jpg) no-repeat 50% 50%/100%
  }

  .thirdItem {
    width: 100%
  }

  .FIFA2018-R {
    float: left;
    width: 100%;
    box-sizing: border-box;
    background: #05527f;
    position: relative;
    text-align: center
  }

  .FIFA2018-R>a {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    text-decoration: none;
    color: #fff;
    max-width: 60px;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    z-index: 60
  }

  .FIFA2018-R:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/wc-countdown.png) no-repeat 50% 50%/auto 100%;
    width: 100%;
    height: 100%;
    z-index: 30
  }

  .fifa-logo-p {
    background: var(--hero);
    color: var(--hero-sc);
    position: absolute;
    left: 0;
    top: 0;
    padding: 6px 0 6px 12px;
    z-index: 20;
    height: 100%
  }

  .fifa-logo {
    font: 30px/32px icomoon;
    float: left;
    position: relative;
    margin: 0 20px 0 0;
    z-index: 10;
    color: var(--text-1)
  }

  .fifa-logo:before {
    content: "\E94D";
    display: block
  }

  .fifa-logo:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1px;
    height: 30px;
    background: var(--skin-1);
    left: 100%;
    margin: -14px 0 0 9px
  }

  .russia-2018 {
    float: left;
    height: 40px;
    font: 26px/40px icomoon;
    position: relative;
    z-index: 20
  }

  .russia-2018:before {
    display: block;
    content: "\E94E";
    color: var(--text-1)
  }

  .russia-2018:after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 50px 20px 0 0;
    border-color: var(--hero) transparent transparent;
    position: absolute;
    top: -6px;
    left: 52px;
    z-index: 20
  }

  .FIFA2018-R>.count-tablo-d {
    width: auto;
    background: inherit;
    border-bottom: none;
    float: none
  }

  .FIFA2018-R>.count-tablo-d>.mini-count-d {
    width: 132px;
    margin: 3px 0 0 50px
  }

  .FIFA2018-R>.count-tablo-d>.mini-count-d,
  .FIFA2018-R>.count-tablo-d>.mini-count-d>p>span>i {
    color: #fff
  }

  .banner-iframe {
    border: 0;
    width: 100%;
    height: 212px;
    overflow: hidden
  }

  .promotion-banner {
    display: inline-block;
    width: 100%;
    text-align: center
  }

  .promotion-banner>img {
    display: inline-block;
    width: 100%;
    max-width: 500px
  }

  @media screen and (min-width:420px) {
    .FIFA2018-R .mini-count-d:before {
      left: 23%
    }

    .FIFA2018-R .mini-count-d:after,
    .FIFA2018-R .mini-count-d:before {
      content: "";
      display: block;
      width: 20%;
      position: absolute;
      height: 1px;
      background: hsla(0, 0%, 100%, .4);
      top: 50%
    }

    .FIFA2018-R .mini-count-d:after {
      right: 15%
    }
  }

  @media screen and (max-width:320px) {
    .FIFA2018-R>.count-tablo-d>.mini-count-d {
      margin: 3px 0 0 60px
    }
  }

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

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

  .new-sticker-view-live-indicator {
    text-transform: none;
    background: var(--hero) var(--hero);
    padding: 0 4px;
    top: 5px
  }

  .new-sticker-view-game-number,
  .new-sticker-view-live-indicator {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font: 10px/14px Roboto, sans-serif;
    border-radius: 2px;
    color: var(--hero-sc);
    margin: 0 0 0 10px;
    box-shadow: 1px 2px 0 rgba(0, 0, 0, .15)
  }

  .new-sticker-view-game-number {
    background: var(--hero);
    padding: 2px 4px;
    position: absolute;
    top: -30px;
    right: 0;
    height: 16px !important
  }

  .for-live.new-sticker-view-game-number {
    position: static
  }

  .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: var(--skin-3);
    height: 60px;
    background: var(--skin-12);
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset
  }

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

  .game-information-m>ul>li.teams-name-info-m {
    width: calc(100% - 225px);
    background: var(--skin-11);
    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: var(--skin-11);
    height: 60px;
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset;
    text-align: center;
    color: var(--text-5);
    font: 24px/60px icomoon;
    -webkit-transition: background .24s, color .24s;
    transition: background .24s, color .24s
  }

  .game-information-m>ul>li.fav-game-icon-m.active {
    background: var(--favorite);
    color: var(--favorite-hover)
  }

  .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: 15px;
    color: var(--text-3);
    padding: 5px 0 0;
    display: table;
    height: 19px
  }

  .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
  }

  .game-score-live-m>i {
    font-style: normal;
    color: var(--accent);
    white-space: nowrap
  }

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

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

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

  .time-view-game-m {
    float: left;
    margin: 0 3px 0 0;
    color: var(--text-6)
  }

  .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: var(--text-3)
  }

  .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: var(--text-6)
  }

  .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: var(--text-6)
  }

  .markets-count-view-m {
    float: right;
    color: var(--text-6);
    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: var(--skin-12);
    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: var(--text-6)
  }

  .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: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .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: var(--text-6)
  }

  .game-date-view-m>ul>li:first-child {
    width: calc(100% - 180px);
    text-align: left;
    color: var(--text-6);
    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
  }

  .main-wrapper:not(.integration-view) .asian-view .time-filter-m,
  .main-wrapper:not(.integration-view) .time-filter-m.live-f-view-m {
    position: sticky;
    position: -webkit-sticky;
    top: 48px
  }

  .time-filter-m {
    float: left;
    width: 100%;
    margin: 0 0 1px;
    overflow: visible;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 #282c38
  }

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

  .game-markets-f>ul,
  .integration-view .time-filter-m>ul {
    padding: 0 7px
  }

  .single-coefficient-m>span {
    display: table-cell;
    text-align: right;
    font-size: 14px;
    line-height: 44px;
    padding: 0 10px;
    height: 100%;
    color: var(--odd);
    white-space: nowrap
  }

  .game-information-m>ul>li.factor-m>.single-coefficient-m {
    height: 60px;
    line-height: 60px;
    background: var(--skin-11);
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset
  }

  .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
  }

  .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: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .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: var(--text-6)
  }

  .game-date-view-m>ul>li:first-child {
    width: calc(100% - 180px);
    text-align: left;
    color: var(--text-6);
    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
  }

  .pre-game-title-k {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 39px
  }

  .pre-game-title-k>span {
    line-height: 1
  }

  .pre-game-title-k .presport-icon {
    font: 16px/1 Sport-icons;
    margin: 0 5px 0 0
  }

  .betcloud-panel-m {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    background: var(--skin-11)
  }

  .switcher-betcloud {
    position: relative;
    height: 41px
  }

  .switcher-betcloud>.switcher-box {
    left: auto;
    right: 0;
    top: 5px
  }

  .switcher-betcloud>.switcher-box>.switcher-contain {
    background: var(--skin-8)
  }

  .switcher-betcloud>.switcher-box>.switcher-contain.on {
    background: var(--brand)
  }

  .switcher-betcloud.active>span:before {
    background: var(--brand);
    color: var(--brand-sc)
  }

  .switcher-betcloud>span {
    float: left;
    margin: 10px 0 0;
    font-size: 20px;
    line-height: 24px;
    color: var(--text-2)
  }

  .switcher-betcloud>span:before {
    content: "\E931";
    display: block;
    font: 16px/20px icomoon;
    width: 18px;
    padding: 0 5px
  }

  .switcher-betcloud {
    float: left;
    width: 100%
  }

  .content-m>.import-view-container {
    position: relative
  }

  .time-filter-m-parent {
    position: sticky;
    position: -webkit-sticky;
    float: left;
    width: 100%;
    z-index: 998;
    top: 48px
  }

  .integration-view .time-filter-m-parent.partnerIntegration {
    top: 0
  }

  .time-filter-m-parent.partnerIntegration ul {
    padding: 0 7px
  }

  .time-filter-m {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 1px;
    overflow: visible;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 #282c38
  }

  .main-wrapper:not(.integration-view) .asian-view .time-filter-m,
  .main-wrapper:not(.integration-view) .time-filter-m.live-f-view-m {
    position: sticky;
    position: -webkit-sticky;
    top: 48px
  }

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

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

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

  .time-filter-m.live-f-view-m>ul {
    width: 100%;
    table-layout: fixed
  }

  .time-filter-m:not(.game-markets-f) {
    width: calc(100% - 48px);
    overflow-x: auto;
    z-index: 9991
  }

  .time-filter-m:not(.game-markets-f):only-child {
    width: 100%
  }

  .dashboard-upcoming-game-list-m>.time-filter-m {
    width: 100%;
    z-index: auto
  }

  .integration-view .time-filter-m:not(.game-markets-f) {
    width: 100%;
    padding-right: 0
  }

  .game-markets-f>ul,
  .integration-view .time-filter-m>ul {
    padding: 0 7px
  }

  .time-filter-m.game-markets-f {
    overflow-x: auto;
    top: 0
  }

  .game-view-title-contain-m.additional-info+.time-filter-m.game-markets-f {
    position: sticky;
    position: -webkit-sticky
  }

  .time-filter-m>ul>li {
    display: table-cell;
    padding: 0 5px;
    font-size: 12px;
    line-height: 47px;
    color: var(--text-3);
    text-align: center;
    white-space: nowrap
  }

  .time-filter-m>ul>li.active {
    color: var(--text-1);
    box-shadow: 0 -2px 0 var(--hero) inset
  }

  @media screen and (min-width:980px) {
    .time-filter-m-parent {
      top: 0
    }
  }

  .most-popular>.game-date-view-m>ul>li:first-child>p {
    padding-left: 30px
  }

  .most-popular>.game-date-view-m>ul>li:first-child>p>.result-sport-icon {
    left: 10px
  }

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

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

  .new-sticker-view-live-indicator {
    text-transform: none;
    padding: 0 4px;
    top: 5px
  }

  .new-sticker-view-game-number,
  .new-sticker-view-live-indicator {
    display: inline-block;
    vertical-align: top;
    background: var(--hero);
    font-style: normal;
    font: 10px/14px Roboto, sans-serif;
    border-radius: 2px;
    color: var(--hero-sc);
    margin: 0 0 0 10px;
    box-shadow: 1px 2px 0 rgba(0, 0, 0, .15)
  }

  .new-sticker-view-game-number {
    padding: 2px 4px;
    position: absolute;
    top: -30px;
    right: 0;
    height: 16px !important
  }

  .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: var(--skin-3);
    height: 60px;
    background: var(--skin-12);
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset
  }

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

  .game-information-m>ul>li.teams-name-info-m {
    width: calc(100% - 225px);
    background: var(--skin-11);
    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: var(--skin-11);
    height: 60px;
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset;
    text-align: center;
    color: var(--text-5);
    font: 24px/60px icomoon;
    -webkit-transition: background .24s, color .24s;
    transition: background .24s, color .24s
  }

  .game-information-m>ul>li.fav-game-icon-m.active {
    background: var(--favorite);
    color: var(--favorite-hover)
  }

  .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: 15px;
    color: var(--text-3);
    padding: 5px 0 0;
    display: table;
    height: 19px
  }

  .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
  }

  .game-score-live-m>i {
    font-style: normal;
    color: var(--accent);
    white-space: nowrap
  }

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

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

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

  .time-view-game-m {
    float: left;
    margin: 0 3px 0 0;
    color: var(--text-6)
  }

  .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: var(--text-3)
  }

  .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: var(--text-6)
  }

  .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: var(--text-6)
  }

  .markets-count-view-m {
    float: right;
    color: var(--text-6);
    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: var(--skin-12);
    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: var(--text-6)
  }

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

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

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

  .sports.custom-loader .md-progress-circular.md-theme {
    margin-top: 10%
  }

  .betcloud-panel-m {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    background: var(--skin-11)
  }

  .switcher-betcloud {
    position: relative;
    height: 41px
  }

  .switcher-betcloud>.switcher-box {
    left: auto;
    right: 0;
    top: 5px
  }

  .switcher-betcloud>.switcher-box>.switcher-contain {
    background: var(--skin-8)
  }

  .switcher-betcloud>.switcher-box>.switcher-contain.on {
    background: var(--brand)
  }

  .switcher-betcloud.active>span:before {
    background: var(--brand);
    color: var(--brand-sc)
  }

  .switcher-betcloud>span {
    float: left;
    margin: 10px 0 0;
    font-size: 20px;
    line-height: 24px;
    color: var(--text-2)
  }

  .switcher-betcloud>span:before {
    content: "\E931";
    display: block;
    font: 16px/20px icomoon;
    width: 18px;
    padding: 0 5px
  }

  .switcher-betcloud {
    float: left;
    width: 100%
  }

  .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: var(--skin-12);
    height: 40px;
    padding: 0 40px;
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15), inset 0 -1px 0 hsla(224, 9%, 53%, .03)
  }

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

  .sport-region-info-m.active {
    background: var(--skin-11)
  }

  .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: var(--text-6);
    text-align: left
  }

  .sport-region-info-m.active>.country-games-info-m>p {
    color: var(--text-3)
  }

  .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: var(--text-6);
    white-space: nowrap
  }

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

  .sport-region-info-m.active>.country-games-info-m>span {
    color: var(--text-4)
  }

  .arrow-view-m {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    font: 20px/40px icomoon;
    text-align: center;
    color: var(--text-6)
  }

  .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;
    -webkit-transform: translateZ(0);
    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: var(--skin-14);
    height: auto;
    max-height: 0;
    -webkit-transform: translateZ(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: 0 0 0 2px var(--skin-11) inset;
    display: block
  }

  @-webkit-keyframes open-animate-menu {
    0% {
      max-height: 0
    }

    to {
      max-height: 500px
    }
  }

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

    to {
      max-height: 500px
    }
  }

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

    to {
      max-height: 0
    }
  }

  @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:empty {
    display: none
  }

  .competition-list-view-m>ul>li {
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--skin-14);
    background: var(--skin-11);
    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: var(--text-6)
  }

  .competition-list-view-m>ul>li>a.active {
    background: var(--skin-8)
  }

  .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: -1px 0 0 var(--skin-14) inset;
    font: 16px/34px icomoon;
    text-align: center;
    color: var(--text-5);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1
  }

  .fav-star-m.active {
    background: var(--favorite);
    color: var(--favorite-hover)
  }

  .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
  }

  .competition-list-view-m>ul>li>a>p {
    float: left;
    width: 100%;
    padding: 0 38px 0 8px;
    font-size: 12px;
    line-height: 34px;
    color: var(--text-6);
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    -webkit-transform: translateZ(0);
    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: var(--text-3)
  }

  .sports-navigation-scroll-buttons {
    position: absolute;
    height: 65px;
    width: 40px;
    z-index: 10;
    font: 20px/36px icomoon;
    cursor: pointer;
    color: var(--text-6);
    background: rgba(var(--skin-12-rgb), .6);
    box-shadow: -1px 0 0 var(--skin-14) inset;
    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: var(--skin-11)
  }

  .sports-navigation-scroll-buttons.right-button {
    box-shadow: 1px 0 0 var(--skin-14) inset
  }

  .select-game-nav-list.boosted-odd {
    padding: 15px 10px 5px
  }

  .select-game-nav-list.boosted-odd>ul>li {
    margin: 0 0 10px
  }

  .select-game-nav-list.boosted-odd .arrow-view-m,
  .select-game-nav-list.boosted-odd .country-games-info-m>p>i {
    color: var(--text-1)
  }

  .select-game-nav-list.boosted-odd .competition-list-view-m>ul:first-child {
    margin: 0
  }

  .select-game-nav-list.boosted-odd .competition-list-view-m>ul>li {
    padding: 0 10px
  }

  .select-game-nav-list.boosted-odd .sport-region-info-m.active+.competition-naw-wrapper-m {
    border-radius: 0 0 6px 6px
  }

  .select-game-nav-list.boosted-odd .sport-region-info-m.active+.competition-naw-wrapper-m>.competition-list-view-m {
    padding: 0;
    border-top: 1px solid var(--skin-8)
  }

  .select-game-nav-list.boosted-odd .sport-region-info-m {
    border-radius: 6px
  }

  .select-game-nav-list.boosted-odd .sport-region-info-m.active {
    border-radius: 6px 6px 0 0
  }

  .select-game-nav-list.boosted-odd .competition-list-view-m>ul>li>p {
    float: left;
    width: 100%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .select-game-nav-list.boosted-odd .competition-list-view-m>ul>li {
    height: auto
  }

  .select-game-nav-list.boosted-odd .competition-list-view-m>ul>li>p.team-event {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--text-3);
    line-height: 18px;
    margin-bottom: 10px
  }

  .select-game-nav-list.boosted-odd .competition-list-view-m>ul>li>p.team-event:first-child {
    margin-top: 10px;
    margin-bottom: 5px
  }

  .select-game-nav-list.boosted-odd .competition-list-view-m>ul>li>p.team-event>.time-span {
    padding-left: 10px
  }

  .select-game-nav-list.boosted-odd .game-market {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 3px;
    padding-top: 10px;
    font-size: 11px;
    color: var(--text-4);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15), inset 0 -1px 0 hsla(224, 9%, 53%, .03)
  }

  .select-game-nav-list.boosted-odd .game-event {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    color: var(--text-1);
    background: var(--skin-12);
    border-radius: 6px
  }

  .select-game-nav-list.boosted-odd .game-event.selected {
    background: var(--hero);
    color: var(--hero-sc)
  }

  .select-game-nav-list.boosted-odd .game-event>.factor-m {
    position: relative;
    width: 100%
  }

  .select-game-nav-list.boosted-odd .game-event>.factor-m>span {
    position: absolute;
    max-width: 80%;
    top: 9px;
    left: 10px;
    color: var(--text-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 99
  }

  .select-game-nav-list.boosted-odd .single-coefficient-m {
    height: 34px;
    padding: 0 10px
  }

  .select-game-nav-list.boosted-odd .single-coefficient-m.active+span {
    color: var(--text-1)
  }

  .select-game-nav-list.boosted-odd .single-coefficient-m.active :before {
    line-height: 34px
  }

  .select-game-nav-list.boosted-odd .single-coefficient-m>span {
    padding: 0;
    line-height: 34px
  }

  .recommender-frame {
    width: 100%;
    height: 38vh
  }

  .switcher-betcloud>.boostedodds-text {
    position: relative;
    padding-left: 18px;
    font-size: 13px
  }

  .switcher-betcloud>.boostedodds-text:before {
    content: "\E9A2";
    position: absolute;
    padding: 0;
    top: 2px;
    left: -5px;
    font: 16px/18px icomoon
  }

  .betcloud-boostedodds {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
  }

  .vaix-widget-container {
    overflow: hidden !important
  }

  .bread-crumbs-view-m {
    float: left;
    width: 100%;
    height: 38px;
    background: var(--brand);
    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: var(--brand-sc);
    background: rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .bread-crumbs-view-m.favorites {
    background: var(--favorite)
  }

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

  .bread-crumbs-view-m>p {
    float: left;
    width: 100%;
    padding: 0 10px 0 12px;
    color: var(--brand-sc);
    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: var(--text-1)
  }

  .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: #282c38;
    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: var(--text-6)
  }

  .jackpots-content-k {
    width: 100%;
    position: relative;
    clear: both;
    line-height: 1;
    --text-1: #fff;
    --skin-15: #0e141a;
    --skin-1: #fff;
    --skin-15-rgb: 14, 20, 26;
    color: var(--text-1);
    background-color: var(--skin-15);
    padding: 0 0 20px;
    overflow: hidden;
    background-position: -50px -15px;
    background-size: auto 650px;
    background-repeat: repeat-x
  }

  .jackpots-content-k.empty-data .background-gradient {
    top: 165px;
    height: 200px
  }

  .jackpots-content-k .background-gradient {
    background: -webkit-linear-gradient(rgba(var(--skin-15-rgb), 0) 55%, var(--skin-15) 70%);
    background: linear-gradient(rgba(var(--skin-15-rgb), 0) 55%, var(--skin-15) 70%);
    width: 100%;
    position: absolute;
    height: 500px;
    top: 170px;
    left: 0
  }

  .jackpots-content-k .list {
    width: 100%;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 35px 10px 15px;
    z-index: 1
  }

  .jackpots-content-k .list .item {
    font-size: 12px;
    opacity: .5
  }

  .jackpots-content-k .list .item.active {
    opacity: 1;
    font-size: 18px
  }

  .jackpots-content-k .line {
    width: 100%;
    height: 1px;
    z-index: 1;
    position: relative;
    background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0) 1%, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0) 99%);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 1%, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0) 99%);
    background: -webkit-linear-gradient(90deg, hsla(0, 0%, 100%, 0) 1%, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0) 99%);
    margin: 15px 0 30px;
    clear: both
  }

  .jackpots-content-k .grand {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase
  }

  .jackpots-content-k .grand-name {
    text-shadow: 0 0 6px hsla(0, 0%, 100%, .71);
    font-size: 24px;
    letter-spacing: 2.4px;
    font-weight: 300
  }

  .jackpots-content-k .grand-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 5px;
    text-shadow: 0 0 6px hsla(0, 0%, 100%, .71)
  }

  .jackpots-content-k .grand-price .course {
    font-size: 16px;
    padding: 0 0 0 5px;
    line-height: 1.5
  }

  .jackpots-content-k .grand-price .price {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 4px
  }

  .jackpots-content-k .grand .second-name {
    text-shadow: 0 0 6px #ffd338;
    color: #ffd237;
    letter-spacing: 2px;
    font-size: 20px
  }

  .jackpots-content-k .others {
    width: 100%;
    display: grid;
    grid-auto-flow: column;
    margin: 30px 0;
    z-index: 1;
    position: relative
  }

  .jackpots-content-k .others .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase
  }

  .jackpots-content-k .others .item-name {
    opacity: .56;
    font-size: 12px;
    letter-spacing: 1.2px;
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .jackpots-content-k .others .item-price {
    margin: 5px 0 0;
    display: inherit;
    opacity: .9
  }

  .jackpots-content-k .others .item-price .course {
    font-size: 10px;
    padding: 0 0 0 2px
  }

  .jackpots-content-k .others .item-price .price {
    font-size: 16px;
    font-weight: 700
  }

  .jackpots-content-k .see-more-block {
    padding: 0 10px 10px;
    z-index: 1;
    position: relative
  }

  .jackpots-content-k .see-more-block .see-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    box-shadow: 0 0 6px 0 hsla(0, 0%, 100%, .34);
    padding: 10px 10px 10px 0;
    background: hsla(0, 0%, 100%, .1)
  }

  .jackpots-content-k .see-more-block .see-more .scroll {
    overflow-y: hidden;
    overflow-x: auto;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-auto-flow: column;
    grid-column-gap: 8px;
    padding: 0 0 0 10px;
    margin: 0 10px 0 0
  }

  .jackpots-content-k .see-more-block .see-more .scroll .item .game-image {
    width: 82px;
    height: 58px;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    overflow: hidden
  }

  .jackpots-content-k .see-more-block .see-more .scroll .item .game-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
  }

  .jackpots-content-k .see-more-block .see-more .scroll .item span {
    margin: 8px 0 0;
    font-size: 10px;
    height: 25px;
    line-height: normal;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .jackpots-content-k .see-more-block .see-more .fix-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .jackpots-content-k .button-see-more,
  .jackpots-content-k .game-buttons a,
  .jackpots-content-k .load-more-content>.load-more,
  .jackpots-content-k .see-more-block .see-more .fix-content {
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .jackpots-content-k .button-see-more,
  .jackpots-content-k .game-buttons a,
  .jackpots-content-k .load-more-content>.load-more {
    text-transform: uppercase;
    border-radius: 8px;
    border: solid 1px var(--skin-1);
    font-size: 10px;
    text-decoration: none;
    color: #fff;
    line-height: 19px;
    white-space: nowrap
  }

  .jackpots-content-k .button-see-more:active,
  .jackpots-content-k .button-see-more:hover,
  .jackpots-content-k .game-buttons a:active,
  .jackpots-content-k .game-buttons a:hover,
  .jackpots-content-k .load-more-content>.load-more:active,
  .jackpots-content-k .load-more-content>.load-more:hover {
    background: var(--skin-1);
    color: var(--text-14)
  }

  .jackpots-content-k .slick-slider {
    padding: 20px 0 10px
  }

  .jackpots-content-k .slick-slider .slick-list .slick-track {
    height: 30px
  }

  .jackpots-content-k .slick-slider .slick-list .slick-track,
  .jackpots-content-k .slick-slider .slick-list .slick-track>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .jackpots-content-k .slick-slider .slick-list .slick-track>div {
    background: none;
    font-family: icomoon;
    font-size: 30px;
    opacity: .5;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .jackpots-content-k .slick-slider .slick-list .slick-track>div.slick-center.slick-active {
    opacity: 1;
    font-size: 70px
  }

  .jackpots-content-k .jackpot-icon {
    font: 35px/25px icomoon
  }

  .jackpots-content-k .jackpot-icon.RTG:before {
    content: "\E9AE"
  }

  .jackpots-content-k .jackpot-icon.PSN:before {
    content: "\E9AD"
  }

  .jackpots-content-k .jackpot-icon.FGS:before {
    content: "\E9AC"
  }

  .jackpots-content-k .jackpot-icon.EGT:before {
    content: "\E9AB"
  }

  .jackpots-content-k .jackpot-icon.DLV:before {
    content: "\E9AA"
  }

  .jackpots-content-k .jackpot-icon.APG:before {
    content: "\E9A9"
  }

  .jackpots-content-k .full-games-view {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    margin: 30px 15px 20px
  }

  .jackpots-content-k .full-games-view .item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .jackpots-content-k .full-games-view .item-content .item {
    position: relative;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    overflow: hidden;
    max-width: 400px;
    width: 100%
  }

  .jackpots-content-k .full-games-view .item-content .item img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    display: block
  }

  .jackpots-content-k .full-games-view .item-content .item .game-hover {
    display: grid;
    grid-template-columns: 1fr 14px;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-radial-gradient(50% 0, circle, rgba(24, 28, 41, .95), rgba(18, 22, 35, .95) 81%);
    background: radial-gradient(circle at 50% 0, rgba(24, 28, 41, .95), rgba(18, 22, 35, .95) 81%);
    height: 100%;
    width: 100%;
    padding: 10px;
    grid-column-gap: 5px
  }

  .jackpots-content-k .full-games-view .item-content .item .game-hover span {
    font-size: 12px;
    font-weight: 500;
    color: hsla(0, 0%, 100%, .9);
    height: 30px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 15px
  }

  .jackpots-content-k .full-games-view .item-content .item .game-hover .favorite-game-star {
    position: relative;
    color: hsla(0, 0%, 100%, .6);
    width: 14px;
    height: 14px;
    line-height: 1;
    font: 14px/1 icomoon;
    font-style: normal
  }

  .jackpots-content-k .full-games-view .item-content .item .game-hover .favorite-game-star:before {
    content: "\F006"
  }

  .jackpots-content-k .full-games-view .item-content .item .game-hover .favorite-game-star.active:before {
    content: "\F005"
  }

  .jackpots-content-k .full-games-view .item-content .item .game-hover .game-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    width: 100%;
    bottom: 10px
  }

  .jackpots-content-k .full-games-view .item-content .item .game-hover .game-buttons a {
    min-width: 105px;
    margin: 5px 0
  }

  .jackpots-content-k .full-games-view+.load-more-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 25px
  }

  .jackpots-content-k .full-games-view+.load-more-content .load-more {
    width: 200px;
    font-size: 12px;
    line-height: 26px
  }

  @media screen and (min-width:667px) {
    .jackpots-content-k {
      background-position: top;
      background-size: auto 650px
    }

    .jackpots-content-k .full-games-view {
      grid-template-columns: 1fr 1fr 1fr
    }
  }

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

  .top-banner-container {
    float: left;
    width: 100%;
    background: var(--skin-10);
    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;
    text-transform: uppercase;
    padding: 0 15px;
    min-width: 120px;
    text-decoration: none;
    text-align: center;
    background: var(--hero);
    color: var(--hero-sc)
  }

  .provider-menu {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: var(--skin-12);
    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: var(--text-6)
  }

  .provider-menu>ul>li>p.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-1)
  }

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

  .single-game-type-list {
    float: left;
    width: 100%;
    background: var(--skin-14);
    padding: 0 0 8px
  }

  .title-game-type-box {
    float: left;
    width: 100%;
    height: 32px;
    border-bottom: 2px solid #aa8136;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 0 34px 0 10px
  }

  .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: var(--text-6)
  }

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

  .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 5px
  }

  .casino-game-info-view {
    float: left;
    width: 100%;
    text-decoration: none;
    color: var(--text-3);
    padding: 1px;
    box-shadow: 0 0 0 1px var(--skin-10) inset
  }

  .favorite-game-star {
    width: 24px;
    height: 24px;
    z-index: 99;
    background-color: rgba(var(--text-1-sc-rgb),.5);
    top: 5px;
    right: 5px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-1);
  }

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

  .favorite-game-star.active {
    color: var(--favorite-hover)
  }

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

  .see-all-games>.button-view-normal-m.trans-m {
    color: var(--favorite);
    box-shadow: 0 0 0 1px var(--text-8) inset
  }

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

  .casino-slider-area {
    float: left;
    width: 100%;
    padding-top: 48px
  }

  .filter-content {
    float: left;
    width: 100%;
    text-align: left
  }

  .filter-bar-c {
    float: left;
    width: 100%;
    height: 36px;
    background: var(--skin-10);
    margin: 1px 0 0
  }

  .filter-bar-c>p {
    padding: 0 15px;
    position: relative;
    line-height: 36px;
    font-size: 12px;
    color: var(--text-3);
    text-transform: uppercase
  }

  .filter-bar-c>p:before {
    content: "\E986";
    display: inline-block;
    font: 13px/36px Icomoon;
    padding-right: 5px
  }

  .open-filter-step1 {
    float: left;
    width: 100%;
    background: var(--skin-10);
    padding-bottom: 10px;
    display: none
  }

  .filter-content.active .open-filter-step1 {
    display: block
  }

  .category-name-f {
    float: left;
    width: 100%
  }

  .category-name-f>span {
    float: left;
    width: 100%;
    height: 38px;
    box-shadow: 0 -1px 0 inset var(--skin-14);
    background: var(--skin-10);
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 14px;
    line-height: 38px;
    color: var(--text-3);
    position: relative
  }

  .category-name-f>span:after {
    display: block;
    position: absolute;
    right: 11px;
    content: "\E670";
    font: 20px/38px Icomoon;
    top: 0
  }

  .category-name-f.active .open-filter-step2 {
    display: block
  }

  .category-name-f.active>span:after {
    content: "\E671"
  }

  .open-filter-step2 {
    float: left;
    width: 100%;
    display: none
  }

  .open-filter-step2>p {
    float: left;
    width: 100%;
    height: 36px;
    box-shadow: 0 -1px 0 inset var(--skin-10);
    background: var(--skin-12);
    box-sizing: border-box;
    padding: 0 10px 0 15px;
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
    color: var(--text-3);
    position: relative
  }

  .open-filter-step2 p.active:before {
    display: block;
    content: "\E987";
    font: 12px/36px Icomoon;
    position: absolute;
    top: 0;
    right: 10px
  }

  .casino-categories,
  .name-cat-title {
    float: left;
    width: 100%
  }

  .name-cat-title {
    height: 36px;
    background: var(--skin-12)
  }

  .name-cat-title>h4 {
    padding: 0 15px;
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
    float: left
  }

  .name-cat-title>span {
    font-size: 12px;
    line-height: 36px;
    color: var(--text-3);
    float: right;
    padding-right: 10px
  }

  .no-game {
    float: left;
    width: 100%;
    padding: 15px 0;
    color: var(--text-1);
    font-size: 14px;
    text-align: center
  }

  .game-casino-list {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
    width: 100%
  }

  .game-casino-list.more-than-4 {
    width: 93%
  }

  .game-casino-list>.game-item-c {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 5px 10px
  }

  .game-casino-list>.game-item-c>span {
    border-radius: 5px
  }

  .game-casino-list>.game-item-c>span:before {
    display: none
  }

  .game-casino-list .casino-game-title {
    padding-left: 0
  }

  .game-casino-list .casino-game-title>i {
    text-align: right
  }

  .main-game-block-c::-webkit-scrollbar {
    display: none;
    width: 0
  }

  .main-game-block-c {
    display: inline-block;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    background: var(--skin-12);
    width: 100%
  }

  .casino-games-list.view-all-opened {
    max-height: inherit
  }

  .game-info-b {
    display: table;
    table-layout: fixed;
    vertical-align: top
  }

  .game-info-b>div {
    display: table-cell;
    vertical-align: top
  }

  .game-info-b>div:first-child {
    width: 100px
  }

  .game-info-b>div:first-child>span {
    border-radius: 5px
  }

  .game-info-b>div>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: var(--skin-3);
    box-sizing: border-box;
    padding: 5px 15px
  }

  .casino-games-list.view-all-opened>h3 {
    height: 40px;
    padding: 12px 10px;
    font-size: 14px;
    color: var(--text-1);
    background-color: var(--skin-12);
    text-align: center;
    text-transform: uppercase
  }

  .casino-games-list.view-all-opened>h3 .back-to-games {
    position: relative;
    display: inline-block;
    float: left;
    font: 13px icomoon;
    color: var(--text-4)
  }

  .casino-games-list.view-all-opened>h3 .back-to-games:before {
    position: absolute;
    content: "\E969"
  }

  .separator-box-buttons-m {
    padding: 0 15px;
    margin: 10px 0 0
  }

  .new-casino-tournament {
    position: fixed;
    z-index: 999
  }

  .new-casino-tournament .tabs-tournament-view {
    z-index: 9991;
    position: relative
  }

  .tabs-tournament-view {
    float: left;
    width: calc(100% - 48px);
    display: table;
    table-layout: fixed;
    height: 34px;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 var(--text-10)
  }

  .tabs-tournament-view>a {
    display: table-cell;
    vertical-align: top;
    text-decoration: none;
    font-size: 14px;
    line-height: 48px;
    color: var(--text-4);
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px
  }

  .tabs-tournament-view>a:first-child {
    border-left: none
  }

  .tabs-tournament-view>a.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-2)
  }

  .game-screen-view {
    float: left;
    width: 100%;
    display: block;
    background: var(--skin-10);
    position: relative;
    overflow: hidden;
    padding: 0 0 70%;
    border-radius: 5px
  }

  .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: var(--text-5);
    content: "\E91A"
  }

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

  .posr.filter-bar-c,
  .posr .search-wrapper-m {
    height: 48px
  }

  .posr>p {
    display: inline-block;
    line-height: 48px;
    z-index: 998
  }

  [dir=rtl] .filter-bar-c>p {
    text-align: right
  }

  [dir=rtl] .casino-games-list.view-all-opened>h3 .back-to-games {
    float: right
  }

  [dir=rtl] .casino-games-list.view-all-opened>h3 .back-to-games:before {
    content: "\E967"
  }

  .participate-button-p>.md-progress-circular {
    width: 30px;
    height: 30px
  }

  .pro-filter-m .left-top-nav:before {
    line-height: 38px
  }

  .ReactVirtualized__List {
    padding-top: 48px
  }

  .ReactVirtualized__Grid__innerScrollContainer {
    margin-bottom: 20px
  }

  .tournament-main-content-b {
    float: left;
    width: 100%
  }

  .tournament-main-content-b>span {
    padding: 15px;
    float: left
  }

  .new-casino-tournament {
    position: fixed;
    z-index: 999
  }

  .new-casino-tournament .tabs-tournament-view {
    z-index: 9991;
    position: relative
  }

  .tabs-tournament-view {
    float: left;
    width: calc(100% - 48px);
    display: table;
    table-layout: fixed;
    height: 34px;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 var(--text-10)
  }

  .tabs-tournament-view>a {
    display: table-cell;
    vertical-align: top;
    text-decoration: none;
    font-size: 14px;
    line-height: 48px;
    color: var(--text-4);
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px
  }

  .tabs-tournament-view>a:first-child {
    border-left: none
  }

  .tabs-tournament-view>a.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-2)
  }

  .integration-view .tabs-tournament-view {
    width: 100%
  }

  .casino-tournament-w {
    float: left;
    width: 100%
  }

  .c-tournament-top-b-w {
    float: left;
    width: 100%;
    max-height: 450px;
    padding: 0;
    margin: 0 0 3px;
    position: relative
  }

  .c-tournament-top-b-w>img {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    margin-left: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    z-index: 5
  }

  .c-tournament-top-b-w:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, transparent, rgba(18, 22, 35, .85) 80%, #121623);
    background: linear-gradient(180deg, transparent 0, rgba(18, 22, 35, .85) 80%, #121623);
    z-index: 10
  }

  .text-t-view-b {
    float: left;
    width: 100%;
    text-align: center
  }

  .text-t-view-b>h2 {
    float: left;
    width: 100%;
    color: var(--text-5);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px
  }

  .text-t-view-b>h3 {
    color: var(--text-1);
    font-size: 24px;
    line-height: 28px;
    padding: 2px 0 8px
  }

  .text-t-view-b>h3,
  .text-t-view-b>p {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0 4px 6px rgba(0, 0, 0, .65)
  }

  .text-t-view-b>p {
    color: var(--favorite);
    font-size: 20px;
    line-height: 24px;
    padding: 8px 0 28px;
    min-height: 48px
  }

  .c-d-w-tournament {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    text-align: center;
    position: relative;
    z-index: 60
  }

  .mini-count-d {
    width: 210px;
    height: 44px;
    background: var(--skin-3);
    color: var(--text-8);
    padding: 5px 0 0
  }

  .mini-count-d,
  .mini-count-d>p {
    display: inline-block;
    vertical-align: top
  }

  .mini-count-d>p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    width: 100%
  }

  .mini-count-d>p>span {
    position: relative;
    display: inline-block;
    vertical-align: top
  }

  .mini-count-d>p>span>i {
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    line-height: 14px;
    width: 24px;
    left: 0;
    right: 0;
    margin: auto
  }

  .mini-count-d>p>span>i,
  .participate-b-v {
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top
  }

  .participate-b-v {
    width: 210px;
    height: 44px;
    background: var(--brand);
    cursor: pointer;
    color: var(--brand-sc);
    font-family: Roboto, sans-serif;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 44px;
    font-weight: 700;
    padding: 0 10px;
    border: none
  }

  .t-registration-w {
    float: left;
    width: 100%;
    background: var(--skin-14);
    padding: 15px;
    margin: 0 0 1px;
    text-align: center
  }

  .t-registration-w>h3 {
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--text-5);
    margin: 0 0 3px
  }

  .t-registration-w>p {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: var(--text-3)
  }

  .t-registration-w>p>span {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px
  }

  .t-registration-w>p>i {
    font-style: normal;
    color: var(--text-7)
  }

  .t-more-view-b {
    float: left;
    width: 100%;
    height: 49px;
    background: var(--skin-12);
    padding: 0 10px;
    text-align: center
  }

  .t-more-view-b>span {
    font-size: 14px;
    line-height: 48px;
    color: var(--text-7);
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 28px 0 0
  }

  .t-more-view-b>span:before {
    display: block;
    position: absolute;
    font: 24px/48px icomoon;
    content: "\E670";
    right: 0;
    top: 0
  }

  .t-more-view-b.opened>span:before {
    content: "\E671"
  }

  .title-r-tournament-v {
    float: left;
    width: 100%;
    background: var(--skin-14);
    text-align: center;
    padding: 25px 15px
  }

  .title-r-tournament-v>h3 {
    background: url(../images/zigzag-bg.png) repeat-x 50% 50%;
    vertical-align: top;
    color: var(--favorite);
    font-weight: 400;
    font-size: 24px;
    line-height: 30px
  }

  .title-r-tournament-v>h3>span {
    display: inline-block;
    vertical-align: top;
    background: var(--skin-14);
    padding: 0 18px
  }

  .casino-t-slider-wrapper {
    float: left;
    width: 100%;
    height: 168px;
    background: #000;
    overflow: hidden
  }

  .t-c-list-w {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin: 35px 0 20px
  }

  .single-tournament-list {
    float: left;
    width: 100%;
    margin: 10px 0 50px;
    background: var(--skin-10);
    background: -webkit-linear-gradient(top, #154237, #0e141a);
    background: linear-gradient(180deg, #154237 0, #0e141a);
    box-shadow: 0 1px 0 var(--skin-11)
  }

  .single-tournament-list>h4 {
    float: left;
    width: 100%;
    text-align: center;
    color: var(--text-1);
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    padding: 15px 10px
  }

  .icon-list-t-v {
    float: left;
    width: 100%;
    height: 134px;
    position: relative;
    top: -8px
  }

  .icon-list-t-v:before {
    content: "";
    display: block;
    position: absolute;
    width: 192px;
    height: 7px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: url(../images/zigzag-bg.png) repeat-x 0 50%
  }

  .icon-list-t-v.icon-prizes {
    background: url(../images/t-list-i-1.png) no-repeat 50% 0
  }

  .icon-list-t-v.icon-c-results {
    background: url(../images/t-list-i-2.png) no-repeat 50% 0
  }

  .icon-list-t-v.icon-results {
    background: url(../images/t-list-i-3.png) no-repeat 50% 0
  }

  .icon-list-t-v.icon-rules {
    background: url(../images/t-list-i-4.png) no-repeat 50% 0
  }

  .mini-t-list-wrapper {
    float: left;
    width: 100%;
    padding: 0 10px;
    margin: 15px 0 0;
    max-height: 850px;
    overflow-y: auto;
    overflow-x: hidden
  }

  .mini-t-list-wrapper>.t-more-view-b {
    box-shadow: none
  }

  .mini-t-list-wrapper>ul {
    float: left;
    width: 100%;
    padding: 0 0 3px;
    margin: 0 0 6px;
    background: url(../images/line-bg.png) repeat-x 50% 100%
  }

  .mini-t-list-wrapper>ul>li {
    float: left;
    width: 100%;
    height: 42px;
    background: url(../images/line-bg.png) repeat-x 50% 0;
    display: table;
    table-layout: fixed
  }

  .mini-t-list-wrapper>ul>li>p {
    color: var(--text-3);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .mini-t-list-wrapper>ul>li>p,
  .mini-t-list-wrapper>ul>li>span {
    display: table-cell;
    vertical-align: top;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    padding: 13px 0 0
  }

  .mini-t-list-wrapper>ul>li>span {
    text-align: right;
    color: var(--favorite);
    width: 40px
  }

  .tour-filter-g {
    float: left;
    width: 100%;
    background: var(--skin-10);
    height: 36px;
    margin: 1px 0 0
  }

  .tour-filter-g>span {
    float: right;
    padding: 0 15px;
    font-size: 16px;
    line-height: 36px;
    color: var(--text-4);
    position: relative
  }

  .main-info-tour {
    box-sizing: border-box;
    padding: 15px;
    background: var(--skin-14)
  }

  .main-info-tour,
  .startin-count-d {
    float: left;
    width: 100%
  }

  .startin-count-d>h3 {
    color: #c4963f;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700
  }

  .startin-count-d>h3,
  .startin-count-d>p {
    text-transform: uppercase;
    text-align: center;
    padding: 0 35px
  }

  .startin-count-d>p {
    color: var(--text-4);
    font-size: 14px;
    line-height: 16px
  }

  .startin-count-d>p>span {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    padding: 0 5px
  }

  .startin-count-d>p>span.live {
    color: #208c65
  }

  .startin-count-d>p>span.upcoliveming {
    color: #d3b173
  }

  .startin-count-d>p>span.finished {
    color: #f3f3f5
  }

  .startin-count-d>a {
    display: block
  }

  .startin-count-d>a>img {
    margin: 15px 0 0;
    width: 100%;
    height: auto
  }

  .count-tablo-d {
    float: left;
    width: 100%;
    height: 50px;
    background: var(--skin-10);
    border-bottom: 1px solid var(--skin-14)
  }

  .single-game-page-c .count-tablo-d {
    background: transparent;
    border-bottom: none
  }

  .single-game-page-c .count-tablo-d>.mini-count-d {
    background: var(--skin-10);
    position: relative;
    z-index: 50
  }

  .single-game-page-c .main-info-tour {
    max-width: 500px
  }

  .count-tablo-d>h6 {
    font-size: 25px;
    line-height: 50px;
    font-weight: 700;
    color: var(--text-2)
  }

  .count-tablo-d>.mini-count-d {
    background: none;
    color: #208c65
  }

  .count-tablo-d>.mini-count-d>p>span>i {
    color: var(--text-6);
    font-weight: 700;
    display: inline-block;
    width: 20px;
    margin: 0 6px
  }

  .count-tablo-d>.mini-count-d>p>span.xxx>span {
    margin: 0 6px;
    position: relative;
    width: 20px;
    display: inline-block
  }

  .count-tablo-d>.mini-count-d>p>span.xxx>span.hours:before,
  .count-tablo-d>.mini-count-d>p>span.xxx>span.minutes:before {
    content: " : ";
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
    font: 700 20px/16px Roboto, Arial, Helvetica, sans-serif
  }

  .participate-button-p {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 0;
    text-align: center;
    background: var(--skin-11);
    border-bottom: 1px solid var(--skin-14)
  }

  .part-line-s>button {
    background: var(--hero);
    box-shadow: 0 0 0 1px var(--hero) inset;
    min-width: 160px
  }

  .part-line-s {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    position: relative
  }

  .casino-game-description {
    float: left;
    width: 100%;
    text-align: left;
    padding: 5px 0 15px
  }

  .casino-game-description>p {
    font-size: 14px;
    line-height: 16px;
    color: var(--text-4);
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 96px
  }

  .casino-game-description>a {
    text-decoration: none;
    color: var(--odd)
  }

  .read-more>p {
    display: block
  }

  .casino-game-description>p>b {
    color: #d3b173;
    font-weight: 400;
    padding: 0 5px
  }

  .casino-info-box {
    float: left;
    width: 100%;
    border: 1px solid var(--skin-5);
    border-bottom: none
  }

  .casino-info-box>.t-registration-w {
    box-shadow: 0 -1px 0 var(--skin-5) inset;
    padding: 3px 8px
  }

  .casino-info-box>.t-registration-w:last-child {
    box-shadow: none
  }

  .casino-info-box:last-child {
    border-bottom: 1px solid var(--skin-5)
  }

  .casino-wrapper>.tabs-tournament-view {
    box-shadow: 0 1px 0 var(--skin-14) inset
  }

  .casino-game-block-m {
    float: left;
    width: 100%
  }

  .mini-t-list-wrapper>ul>li>p.play-id-l {
    max-width: 40px;
    width: 40px
  }

  .mini-t-list-wrapper>ul>li>span.leader-board-curency {
    max-width: 150px;
    color: #2dc38d;
    width: auto
  }

  .mini-t-list-wrapper>ul>li>span.rules-desc-text {
    text-align: left;
    font-weight: 400;
    color: var(--text-3);
    font-size: 14px;
    width: auto;
    padding-right: 10px;
    padding-left: 10px
  }

  .single-game-page-c .t-more-view-b {
    background: rgba(23, 33, 36, .75);
    height: 24px;
    text-align: right
  }

  .single-game-page-c .t-more-view-b>span {
    line-height: 24px;
    color: var(--text-4);
    font-size: 10px;
    padding: 0 15px 0 0
  }

  .single-game-page-c .t-more-view-b>span:before {
    line-height: 24px;
    font-size: 10px
  }

  .single-game-page-c .title-game-type-box {
    border-bottom: none;
    height: 45px;
    background: var(--skin-14)
  }

  .single-game-page-c .title-game-type-box>p {
    z-index: 33;
    color: var(--odd);
    float: none;
    margin: 0 auto;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    text-transform: uppercase;
    max-width: 100px
  }

  .single-game-page-c .title-game-type-box>p:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(50% - 45px);
    height: 45px;
    left: 0;
    margin: 0 auto;
    bottom: 0;
    background: url(../images/zigzag-bg.png) repeat-x 0 50%;
    z-index: 22
  }

  .single-game-page-c .title-game-type-box>p:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(50% - 25px);
    height: 45px;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: url(../images/zigzag-bg.png) repeat-x 0 50%;
    z-index: 22
  }

  .casino-no-games {
    width: 100%;
    margin-top: 48px
  }

  .asian-filter-picker-pro,
  .pro-filter-m,
  .pro-filter-m>p {
    float: left;
    width: 100%
  }

  .pro-filter-m>p {
    box-sizing: border-box;
    line-height: 38px
  }

  .active .pro-filter-m>p,
  .pro-filter-m>p {
    padding: 0 0 0 40px
  }

  .asian-view-filters-wrapper-m,
  .asian-view-filters-wrapper-m.active .asian-filter-picker {
    position: sticky;
    position: -webkit-sticky;
    top: 95px;
    z-index: 333
  }

  .asian-view-wrapper .asian-view-filters-wrapper-m,
  .asian-view-wrapper .asian-view-filters-wrapper-m.active .asian-filter-picker {
    top: 48px
  }

  .asian-competitions-filter-wrapper {
    width: 100%;
    float: left
  }

  .casino .active .asian-competitions-filter-wrapper {
    position: fixed;
    top: 133px;
    height: calc(100% - 239px);
    overflow-y: scroll;
    background: var(--skin-14)
  }

  .casino .asian-view-filters-wrapper-m .import-view-container {
    bottom: 0
  }

  .casino .asian-view-filters-wrapper-m .a-competition-contain>ul {
    background: var(--skin-11)
  }

  .asian-filter-picker-pro .title-row-u-m {
    padding: 0
  }

  .a-competition-contain {
    float: left;
    width: 100%
  }

  .a-competition-contain>ul {
    float: left;
    width: 100%;
    position: relative
  }

  .a-competition-contain>ul:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background: var(--skin-12);
    bottom: 0
  }

  .a-competition-contain>ul>li {
    float: left;
    width: 100%
  }

  .a-competition-contain>ul>li.second-level-f {
    background: var(--skin-12);
    padding: 0 30px;
    display: none
  }

  .a-competition-contain>ul>li.second-level-f>.check-m {
    height: 37px;
    box-shadow: 0 1px 0 var(--text-11) inset
  }

  .a-competition-contain>ul>li.second-level-f>.check-m:first-child {
    box-shadow: none
  }

  .expandable {
    float: left;
    width: 100%;
    position: relative;
    height: 37px;
    padding: 0 36px 0 10px
  }

  .expandable.opened:before {
    display: none
  }

  .expandable.opened>.arrow-view-m:before {
    content: "\E671"
  }

  .expandable:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background: var(--skin-12);
    bottom: 0
  }

  .expandable.opened+div,
  .expandable.opened+div~ul,
  .expandable.opened~ul {
    display: none
  }

  .expandable.opened+.second-level-f {
    display: block
  }

  .check-m {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 36px;
    padding: 0 0 0 30px;
    color: var(--text-4);
    position: relative;
    z-index: 22
  }

  .check-m:before {
    content: "";
    background: var(--skin-6);
    border-radius: 3px
  }

  .check-m.selected:after,
  .check-m:before {
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 20px;
    height: 20px
  }

  .check-m.selected:after {
    font: 12px/20px icomoon;
    content: "T";
    text-align: center;
    color: var(--text-12)
  }

  .asian-view-filters-wrapper-m .language-container-m {
    background: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    border-top: 1px solid var(--skin-14)
  }

  .asian-view-filters-wrapper-m .import-view-container {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 55555
  }

  .language-container-m.save-cancel-result-m>ul>li:first-child {
    display: table-cell;
    width: 50%;
    padding: 0 5px 0 0
  }

  [dir=rtl] .c-tournament-top-b-w>img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  .livecasino-wrapper {
    float: left;
    width: 100%;
    background: var(--skin-14)
  }

  .l-casino-menu-view {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 4px;
    position: fixed;
    overflow: hidden;
    z-index: 999;
    background: var(--skin-10)
  }

  .l-casino-provider-nav {
    float: left;
    width: calc(100% - 50px);
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: 46px
  }

  .virtualSport .l-casino-provider-nav {
    width: 100%;
    height: 38px
  }

  .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;
    position: relative;
    vertical-align: top;
    font-size: 14px;
    line-height: 46px;
    margin: 0 7px;
    text-transform: uppercase;
    z-index: 9991
  }

  .l-casino-provider-nav>ul>li>p {
    text-decoration: none;
    padding: 0 8px;
    color: var(--text-6)
  }

  .l-casino-provider-nav>ul>li>p.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-1)
  }

  .help-view-b {
    position: absolute;
    right: 0;
    z-index: 33;
    width: 48px;
    height: 40px;
    background: var(--skin-10);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .06) inset, 0 0 6px 1px var(--text-15)
  }

  .help-icon-view {
    float: left;
    width: 100%;
    font: 16px/40px icomoon;
    color: var(--text-6);
    text-align: center
  }

  .help-view-b.active>.help-icon-view {
    color: var(--text-1)
  }

  .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: var(--skin-10)
  }

  .provider-title>h2 {
    float: left;
    width: 100%;
    text-align: center;
    color: var(--text-6);
    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: var(--skin-15);
    padding: 0 15px
  }

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

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

  .mini-separator-l {
    float: left;
    width: 100%;
    border: 1px solid var(--skin-10);
    background: var(--skin-12);
    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: var(--text-5);
    content: "\E91A"
  }

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

  .title-single-game {
    float: left;
    width: 100%;
    color: var(--text-1);
    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
  }

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

  .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: var(--skin-11);
    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: var(--text-6);
    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: var(--text-8);
    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: var(--text-6);
    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 var(--skin-11);
    border-right: 2px solid var(--skin-11);
    box-shadow: 0 -2px 0 var(--skin-11) inset;
    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 {
    display: none
  }

  .single-market-title-m.active+.coefficient-game-view {
    display: block
  }

  @-webkit-keyframes open-animate-market {
    0% {
      max-height: 0
    }

    to {
      max-height: 500px
    }
  }

  @keyframes open-animate-market {
    0% {
      max-height: 0
    }

    to {
      max-height: 500px
    }
  }

  @-webkit-keyframes closed-open-animate-market {
    0% {
      max-height: 500px
    }

    to {
      max-height: 0
    }
  }

  @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: var(--skin-10);
    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: var(--text-6)
  }

  .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: var(--text-3);
    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: var(--text-3);
    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"
  }

  .bread-crumbs-view-m {
    float: left;
    width: 100%;
    height: 38px;
    background: var(--brand);
    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: var(--text-3);
    background: rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .bread-crumbs-view-m.favorites {
    background: var(--favorite)
  }

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

  .bread-crumbs-view-m>p {
    float: left;
    width: 100%;
    padding: 0 10px 0 12px;
    color: var(--brand-sc);
    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: var(--text-1)
  }

  .competition.active {
    color: #db7093
  }

  .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: var(--skin-11);
    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: var(--text-6);
    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: var(--text-8);
    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: var(--text-6);
    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 var(--skin-11);
    border-right: 2px solid var(--skin-11);
    box-shadow: 0 -2px 0 var(--skin-11) inset;
    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
  }

  .single-market-title-m.active+.coefficient-game-view {
    display: block
  }

  @-webkit-keyframes open-animate-market {
    0% {
      max-height: 0
    }

    to {
      max-height: 500px
    }
  }

  @keyframes open-animate-market {
    0% {
      max-height: 0
    }

    to {
      max-height: 500px
    }
  }

  @-webkit-keyframes closed-open-animate-market {
    0% {
      max-height: 500px
    }

    to {
      max-height: 0
    }
  }

  @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: var(--skin-10);
    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: var(--text-6)
  }

  .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: var(--text-3);
    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: var(--text-3);
    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"
  }

  .games-time-menu {
    float: left;
    width: 100%;
    padding: 15px 0 10px;
    background: var(--skin-12);
    box-sizing: border-box;
    display: table;
    vertical-align: top
  }

  .games-time-menu>span {
    display: table-cell;
    vertical-align: top;
    margin: 0 2px 0 0;
    border-radius: 3px;
    background: var(--skin-10);
    border-left: 2px solid var(--skin-12);
    text-align: center;
    text-decoration: none;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    color: var(--text-5)
  }

  .games-time-menu>span:last-child {
    margin: 0
  }

  .games-time-menu>span.active {
    background: var(--skin-14);
    color: var(--text-8)
  }

  .running-match-text {
    padding: 10px 12px;
    font-size: 12px;
    color: rgba(var(--text-1), .6);
    background-color: var(--skin-12)
  }

  .selected-days-games {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2px 0
  }

  .selected-days-games .single-game {
    width: calc(50% - 1px);
    margin-bottom: 1px;
    padding: 10px 12px 8px;
    color: rgba(var(--text-1-rgb), .6);
    background-color: var(--skin-10);
    box-shadow: inset 0 0 1px rgba(var(--skin-1-rgb), .5);
    box-sizing: border-box
  }

  .selected-days-games .single-game.selected {
    background-color: var(--skin-12);
    color: var(--text-1)
  }

  .selected-days-games .single-game .games-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2px
  }

  .selected-days-games .single-game .games-row span {
    font-size: 12px
  }

  .selected-days-games .single-game .games-row span:first-child {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .sport-icon-m.VirtualFootballLeague:before {
    font-family: Icomoon
  }

  .select-day-wrap {
    padding: 8px 12px;
    background-color: var(--skin-10)
  }

  .select-day-wrap .select-day {
    width: 100%;
    height: 38px;
    position: relative;
    display: inline-block
  }

  .select-day-wrap .select-day:before {
    display: block;
    position: absolute;
    z-index: 10;
    font: 14px/22px icomoon;
    content: "\E670";
    right: 0;
    top: 7px;
    width: 32px;
    height: 22px;
    box-shadow: -1px 0 0 var(--text-6);
    text-align: center;
    color: var(--text-6)
  }

  .select-day-wrap .select-day>select {
    width: 100%;
    position: relative;
    z-index: 22;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid var(--text-6);
    height: 38px;
    box-sizing: border-box;
    color: var(--text-5);
    font-family: Roboto, sans-serif;
    font-size: 12px;
    padding-left: 7px;
    padding-right: 40px;
    border-radius: 5px
  }

  .select-day-wrap .select-day>select option {
    background: var(--skin-8)
  }

  .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: var(--skin-11);
    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: var(--text-6);
    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: var(--text-8);
    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: var(--text-6);
    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 var(--skin-11);
    border-right: 2px solid var(--skin-11);
    box-shadow: 0 -2px 0 var(--skin-11) inset;
    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
  }

  .single-market-title-m.active+.coefficient-game-view {
    display: block
  }

  @-webkit-keyframes open-animate-market {
    0% {
      max-height: 0
    }

    to {
      max-height: 500px
    }
  }

  @keyframes open-animate-market {
    0% {
      max-height: 0
    }

    to {
      max-height: 500px
    }
  }

  @-webkit-keyframes closed-open-animate-market {
    0% {
      max-height: 500px
    }

    to {
      max-height: 0
    }
  }

  @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: var(--skin-10);
    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: var(--text-6)
  }

  .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: var(--text-3);
    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: var(--text-3);
    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: var(--favorite);
    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"
  }

  .games-time-menu {
    float: left;
    width: 100%;
    padding: 15px 0 10px;
    background: var(--skin-12);
    box-sizing: border-box;
    display: table;
    vertical-align: top
  }

  .games-time-menu>span {
    display: table-cell;
    vertical-align: top;
    margin: 0 2px 0 0;
    border-radius: 3px;
    background: var(--skin-10);
    border-left: 2px solid var(--skin-12);
    text-align: center;
    text-decoration: none;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    color: var(--text-5)
  }

  .games-time-menu>span:last-child {
    margin: 0
  }

  .games-time-menu>span.active {
    background: var(--skin-14);
    color: var(--text-8)
  }

  .game-live-menu {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2px 0;
    border-bottom: 1px solid #1a7051
  }

  .game-live-menu .games-col {
    width: calc(50% - 1px);
    margin-bottom: 1px;
    padding: 10px 12px 8px;
    color: rgba(var(--text-1-rgb), .6);
    background-color: var(--skin-10);
    box-shadow: inset 0 0 1px rgba(var(--skin-1-rgb), .5);
    box-sizing: border-box
  }

  .game-live-menu .games-col.selected {
    background-color: var(--skin-12);
    color: var(--text-1)
  }

  .game-live-menu .games-col .games-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2px
  }

  .game-live-menu .games-col .games-row span {
    font-size: 12px
  }

  .game-live-menu .games-col .games-row span:first-child {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .vrt-football-header {
    position: relative;
    padding: 5px 12px;
    font-size: 12px;
    background-color: var(--skin-12);
    color: var(--text-1);
    text-align: center
  }

  .vrt-football-header>span {
    font-size: 11px
  }

  .vrt-football-header .new-select {
    position: absolute;
    right: 10px;
    top: 0
  }

  .vrt-football-header .new-select .select-icon {
    position: absolute;
    top: 0;
    right: 0;
    font: 24px/43px icomoon;
    color: var(--text-1);
    text-align: right
  }

  .vrt-football-header .new-select .select-icon:before {
    content: "\E988";
    display: inline-block;
    width: 32px;
    height: 43px
  }

  .table-view-breadcrumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    background: var(--skin-12);
    color: rgba(var(--text-1), .6);
    font-size: 12px
  }

  .table-view-breadcrumbs .back-to-livetable {
    position: relative;
    padding-left: 5px
  }

  .table-view-breadcrumbs .back-to-livetable:before {
    content: "\E66F";
    display: inline-block;
    font: 22px/32px Icomoon
  }

  .table-view-breadcrumbs>span {
    height: 100%
  }

  .table-view-breadcrumbs>span:before {
    content: "\E66F";
    height: 100%;
    vertical-align: middle;
    font: 20px/34px Icomoon;
    display: inline-block
  }

  .table-view-breadcrumbs .select-icon {
    position: absolute;
    top: 0;
    right: 0;
    font: 24px/36px icomoon;
    color: var(--text-1);
    text-align: right
  }

  .table-view-breadcrumbs .select-icon:before {
    content: "\E988";
    display: inline-block;
    width: 32px;
    height: 36px
  }

  .new-select {
    position: relative;
    height: 100%
  }

  .new-select>select {
    height: 100%;
    opacity: 0;
    padding: 5px 10px;
    color: rgba(var(--text-1), .5);
    font-size: 10px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    z-index: 22
  }

  .new-select>select option {
    padding: 10px 20px;
    background: var(--skin-12)
  }

  .event-text-v-b {
    white-space: nowrap
  }

  .tableView {
    float: left;
    width: 100%;
    background-color: var(--skin-11)
  }

  .tableView .live-table-header {
    float: left;
    width: 100%;
    padding: 0 12px;
    border-bottom: 2px solid var(--skin-12)
  }

  .tableView .live-table-header li {
    color: var(--text-1)
  }

  .tableView .table-view-breadcrumbs {
    padding: 0
  }

  .tableView>div {
    padding: 0 12px;
    font-size: 12px;
    border-bottom: 1px solid var(--skin-12)
  }

  .tableView>div>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px
  }

  .tableView>div>ul>li {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: rgba(var(--text-1), .7);
    text-align: center;
    padding-left: 5px
  }

  .tableView>div>ul>li.bottom-s:before,
  .tableView>div>ul>li.top-s:before {
    position: absolute;
    left: 0;
    top: 0;
    font: 12px/16px icomoon
  }

  .tableView>div>ul>li.top-s:before {
    content: "\E66D";
    color: #07de17
  }

  .tableView>div>ul>li.bottom-s:before {
    content: "\E66C";
    color: #a82d46
  }

  .tableView>div>ul>li:first-child {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 0;
    padding-right: 5px;
    color: var(--text-1);
    text-align: left;
    overflow: hidden
  }

  .competitionsListWrapper {
    float: left;
    width: 100%;
    margin: 2px 0 0;
    background: var(--skin-10)
  }

  .competitin-tabs-n {
    float: left;
    width: 100%;
    display: table;
    vertical-align: top;
    background: var(--skin-14)
  }

  .competitin-tabs-n .competitionsList,
  .competitin-tabs-n>a {
    display: table-cell;
    height: 26px;
    border-radius: 4px;
    margin: 0 2px 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
    color: var(--text-5);
    background: var(--skin-11);
    border-right: 1px solid var(--skin-14);
    width: 50%
  }

  .competitin-tabs-n .competitionsList:last-child,
  .competitin-tabs-n>a:last-child {
    margin: 0;
    border-right: none
  }

  .competitin-tabs-n .competitionsList.active,
  .competitin-tabs-n>a.active {
    background: var(--skin-8);
    color: var(--text-2)
  }

  .sport-nav-container-m.virtual-sport>a.active:before {
    width: 100%;
    height: 2px;
    background: var(--hero);
    display: block;
    content: "";
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0
  }

  .sport-nav-container-m.virtual-sport>a.active>span:after {
    border: none !important
  }

  .provider-panel-m {
    float: left;
    width: 100%
  }

  .provider-panel-m .l-casino-provider-nav {
    padding: 0 10px;
    background: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    box-sizing: border-box
  }

  .provider-panel-m .l-casino-provider-nav h6 {
    float: left;
    font-size: 12px;
    line-height: 38px;
    text-transform: uppercase;
    color: var(--text-3);
    font-weight: 400
  }

  .provider-panel-m .l-casino-provider-nav .provider-selector-p {
    float: right
  }

  .provider-panel-m .l-casino-provider-nav .provider-selector-p>select {
    float: right;
    background: none;
    height: 38px;
    border: none;
    color: var(--text-3);
    text-transform: uppercase;
    font-size: 12px;
    -webkit-appearance: none;
    position: relative;
    padding-right: 20px;
    z-index: 22
  }

  .provider-panel-m .l-casino-provider-nav .provider-selector-p:after {
    display: block;
    content: "\E670";
    font: 18px/38px icomoon;
    position: absolute;
    right: 10px;
    color: var(--text-3)
  }

  .custom-inbet-class .import-view-container.iframe-wrapper iframe {
    width: 100vw;
    height: 100vh
  }

  .l-casino-provider-nav.only-one-provider {
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    background: var(--skin-10)
  }

  .l-casino-provider-nav.only-one-provider h6 {
    display: table-cell;
    font-size: 12px;
    line-height: 38px;
    text-transform: uppercase;
    color: var(--text-3);
    font-weight: 400
  }

  .l-casino-provider-nav.only-one-provider h6:first-child {
    text-align: left
  }

  .l-casino-provider-nav.only-one-provider h6 [dir=rtl] body:first-child,
  .l-casino-provider-nav.only-one-provider h6:last-child {
    text-align: right
  }

  .l-casino-provider-nav.only-one-provider h6 [dir=rtl] body:last-child {
    text-align: left
  }

  .virtualSport .sports-navigation {
    float: left;
    width: 100%;
    background: var(--skin-11);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15);
    height: 80px
  }

  .virtualSport .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: 0 -1px 0 var(--skin-15) inset;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

  .sport-nav-container-m>a {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 12px;
    padding: 0 18px;
    line-height: 14px;
    text-decoration: none;
    color: var(--text-1);
    position: relative;
    text-align: center;
    background: var(--skin-11)
  }

  .sport-icon-m.VirtualFootball:before,
  .sport-icon-m.VirtualTennis:before {
    color: inherit
  }

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

  a.active .sport-icon-m {
    color: var(--text-1)
  }

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

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

  .sport-icon-m.most-popular:before {
    font: 22px/32px icomoon;
    content: "\E904"
  }

  .sport-icon-m.worldCup:before {
    font: 30px/40px icomoon !important;
    content: "\E952";
    display: block;
    color: #daac39
  }

  .sport-nav-container-m>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 var(--skin-6)
  }

  .sport-nav-container-m>a>p {
    height: 28px;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    color: var(--text-3);
    line-height: 18px
  }

  .sport-nav-container-m>a.active>p {
    color: var(--text-1)
  }

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

  .select-sport-title-m {
    float: left;
    width: 100%;
    display: table;
    height: 34px;
    background: var(--skin-6);
    color: var(--skin-15)
  }

  .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;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    vertical-align: top
  }

  .games-count-view-m {
    position: absolute;
    font-size: 8px;
    top: 2px;
    left: 26px;
    line-height: 12px;
    font-style: normal;
    color: var(--text-4)
  }

  .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: var(--skin-10);
    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 var(--skin-15);
    color: var(--text-6);
    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: 0 -2px 0 var(--hero) inset;
    color: var(--hero-sc)
  }

  .arrow-toggle-view {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    font: 20px/30px icomoon;
    text-align: center;
    color: var(--text-6)
  }

  .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;
    -webkit-transition: max-height .45s;
    transition: max-height .45s
  }

  .collapsed+.wrapper-v-a-view {
    max-height: 0;
    -webkit-transition: max-height .3s;
    transition: max-height .3s
  }

  .coefficient-game-view {
    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: var(--skin-15)
  }

  .coefficient-game-view>ul>li:first-child {
    padding-left: 0
  }

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

  .single-coefficient-m {
    float: left;
    width: 100%;
    height: 44px;
    background: var(--skin-11);
    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: var(--text-5)
  }

  .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: var(--odd);
    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
  }

  .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
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g>span {
    min-width: 100px;
    text-align: center;
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .06)
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g>span.active {
    background: var(--hero);
    color: var(--hero-sc)
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g>span.closedEvent {
    pointer-events: none
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g>span.blockedEvent {
    font: 16px/40px icomoon;
    content: ""
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g>span.blockedEvent:after {
    content: "\E68F";
    color: var(--text-6)
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g>span.blockedEvent>i {
    display: none
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b {
    padding-left: 40px;
    position: relative
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 32px;
    height: 32px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing6.v1:before {
    background: url(../images/dogs6.png) no-repeat 0 0
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing6.v2:before {
    background: url(../images/dogs6.png) no-repeat 0 -42px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing6.v3:before {
    background: url(../images/dogs6.png) no-repeat 0 -126px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing6.v4:before {
    background: url(../images/dogs6.png) no-repeat 0 -84px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing6.v5:before {
    background: url(../images/dogs6.png) no-repeat 0 -168px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing6.v6:before {
    background: url(../images/dogs6.png) no-repeat 0 -210px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing6.v1:before {
    background: url(../images/horse8.png) no-repeat 0 0
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing6.v2:before {
    background: url(../images/horse8.png) no-repeat 0 -42px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing6.v3:before {
    background: url(../images/horse8.png) no-repeat 0 -84px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing6.v4:before {
    background: url(../images/horse8.png) no-repeat 0 -126px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing6.v5:before {
    background: url(../images/horse8.png) no-repeat 0 -168px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing6.v6:before {
    background: url(../images/horse8.png) no-repeat 0 -210px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing8.v1:before {
    background: url(../images/horse8.png) no-repeat 0 0
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing8.v2:before {
    background: url(../images/horse8.png) no-repeat 0 -42px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing8.v3:before {
    background: url(../images/horse8.png) no-repeat 0 -84px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing8.v4:before {
    background: url(../images/horse8.png) no-repeat 0 -126px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing8.v5:before {
    background: url(../images/horse8.png) no-repeat 0 -168px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing8.v6:before {
    background: url(../images/horse8.png) no-repeat 0 -210px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing8.v7:before {
    background: url(../images/horse8.png) no-repeat 0 -252px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualhorseracing8.v8:before {
    background: url(../images/horse8.png) no-repeat 0 -294px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing8.v1:before {
    background: url(../images/dogs8.png) no-repeat 0 0
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing8.v2:before {
    background: url(../images/dogs8.png) no-repeat 0 -51px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing8.v3:before {
    background: url(../images/dogs8.png) no-repeat 0 -101px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing8.v4:before {
    background: url(../images/dogs8.png) no-repeat 0 -151px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing8.v5:before {
    background: url(../images/dogs8.png) no-repeat 0 -201px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing8.v6:before {
    background: url(../images/dogs8.png) no-repeat 0 -251px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing8.v7:before {
    background: url(../images/dogs8.png) no-repeat 0 -301px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualgreyhoundracing8.v8:before {
    background: url(../images/dogs8.png) no-repeat 0 -351px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualbicycle6.v1:before {
    background: url(../images/virtualbicycle.png) no-repeat 0 0
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualbicycle6.v2:before {
    background: url(../images/virtualbicycle.png) no-repeat 0 -42px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualbicycle6.v3:before {
    background: url(../images/virtualbicycle.png) no-repeat 0 -84px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualbicycle6.v4:before {
    background: url(../images/virtualbicycle.png) no-repeat 0 -126px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualbicycle6.v5:before {
    background: url(../images/virtualbicycle.png) no-repeat 0 -168px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualbicycle6.v6:before {
    background: url(../images/virtualbicycle.png) no-repeat 0 -210px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v1:before {
    background: url(../images/carracing.png) no-repeat 0 0
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v2:before {
    background: url(../images/carracing.png) no-repeat 0 -42px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v3:before {
    background: url(../images/carracing.png) no-repeat 0 -84px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v4:before {
    background: url(../images/carracing.png) no-repeat 0 -126px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v5:before {
    background: url(../images/carracing.png) no-repeat 0 -168px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v6:before {
    background: url(../images/carracing.png) no-repeat 0 -210px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v7:before {
    background: url(../images/carracing.png) no-repeat 0 -252px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v8:before {
    background: url(../images/carracing.png) no-repeat 0 -294px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v9:before {
    background: url(../images/carracing.png) no-repeat 0 -336px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v10:before {
    background: url(../images/carracing.png) no-repeat 0 -378px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v11:before {
    background: url(../images/carracing.png) no-repeat 0 -420px
  }

  .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b.virtualcarracing12.v12:before {
    background: url(../images/carracing.png) no-repeat 0 -462px
  }

  .p-slider-wrapper,
  .poker-homepage-wrapper {
    float: left;
    width: 100%
  }

  .p-slider-wrapper {
    background: #000
  }

  .play-d-b-container {
    float: left;
    width: 100%;
    background: var(--skin-8);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 10px 15px;
    margin: 0 0 2px
  }

  .play-d-b-container>ul {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed
  }

  .play-d-b-container>ul>li {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px
  }

  .play-d-b-container>ul>li:first-child {
    padding-left: 0
  }

  .play-d-b-container>ul>li:last-child {
    padding-right: 0
  }

  .play-d-b-container>ul>li>.trans-m {
    color: var(--text-1);
    box-shadow: 0 0 0 1px var(--skin-6) inset
  }

  .ico-title-v,
  .play-d-b-container>ul>li>.button-view-normal-m {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .ico-title-v {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 24px;
    height: 24px;
    color: var(--text-3);
    font-weight: 700;
    text-transform: uppercase;
    position: relative
  }

  .ico-title-v.best-promo {
    padding: 0 0 0 36px
  }

  .ico-title-v.best-promo:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 36px;
    height: 24px;
    font: 28px/24px icomoon;
    content: "\E6C0";
    color: var(--text-5)
  }

  .poker-info-text-c {
    background: var(--skin-8);
    padding: 0 15px;
    margin: 0 0 2px
  }

  .poker-info-text-c,
  .poker-info-text-c>ul {
    float: left;
    width: 100%
  }

  .poker-info-text-c>ul>li {
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--skin-12);
    position: relative;
    height: 31px;
    padding: 0 30px 0 25px
  }

  .poker-info-text-c>ul>li:last-child {
    border: none
  }

  .poker-info-text-c>ul>li>a p {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 30px;
    color: var(--text-6)
  }

  .info-t-icon {
    position: absolute;
    left: 0;
    top: 0;
    font: 14px/30px icomoon;
    color: var(--text-5)
  }

  .info-t-icon.h-t-p-i:before {
    content: "\E6EF"
  }

  .info-t-icon.t-list-i:before {
    content: "\E927"
  }

  .info-t-icon.rake-race-i:before {
    content: "\E6D1"
  }

  .arrow-view-p-i {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    font: 16px/30px icomoon;
    color: var(--text-3);
    text-align: right
  }

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

  .poker-homepage-wrapper .news-list-wrapper {
    padding: 0
  }

  .freequiz-wrapper {
    float: left;
    width: 100%;
    background: var(--skin-14)
  }

  .freequiz-provider-nav {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: var(--skin-10);
    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: var(--text-4)
  }

  .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: var(--skin-11)
  }

  .freequiz-win-i {
    background: var(--skin-12)
  }

  .events-i {
    background: var(--skin-8)
  }

  .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: var(--skin-5)
  }

  .freequiz-win-i>ul>li>span {
    color: var(--odd)
  }

  .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: var(--skin-11)
  }

  .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: var(--favorite);
    display: block;
    position: absolute;
    top: 0;
    left: -20px
  }

  .info-content-f {
    float: left;
    width: 100%;
    height: auto;
    max-height: 99999px;
    -webkit-animation: open-animate-freequize .4s ease-in-out;
    animation: open-animate-freequize .4s ease-in-out;
    padding: 10px;
    background: var(--skin-7)
  }

  @-webkit-keyframes open-animate-freequize {
    0% {
      max-height: 0
    }

    to {
      max-height: 500px
    }
  }

  @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: var(--text-6);
    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: var(--skin-3)
  }

  .freequize-text-i {
    float: left;
    width: 100%;
    height: auto
  }

  .freequize-text-i>p {
    float: left;
    width: 100%;
    color: var(--skin-3);
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
    padding: 0 5px 10px
  }

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

  .custom-events-i {
    position: absolute;
    left: 10px;
    top: 3px
  }

  .custom-events-i.select-contain-m>select {
    padding-right: 24px
  }

  .freequiz-wrapper .title-separator-contain-b>h1 {
    margin-left: 10px
  }

  @media screen and (max-width:360px) {
    .freequiz-wrapper .title-separator-contain-b>h1 {
      margin-left: 30px
    }
  }

  .fantasy-sport-lobby {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px
  }

  .provider-block-f {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .provider-block-f img {
    width: 100%;
    max-width: 350px
  }

  .provider-block-f>a,
  .provider-block-f>div {
    text-align: center;
    padding: 5px
  }

  @media screen and (min-width:620px) {
    .provider-block-f {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row
    }
  }

  @media screen and (min-width:980px) {
    .provider-block-f {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start
    }

    .provider-block-f>a,
    .provider-block-f>div {
      width: 33%
    }
  }

  .numbers-of-winners:before {
    content: "\E905";
    display: inline-block;
    margin-right: 7px;
    font: 14px/18px icomoon
  }

  .jackpot-item-container {
    float: left;
    width: 100%
  }

  .jackpot-item-container.casino_bonus_jackpot .jackpot-item,
  .jackpot-item-container.sport_bonus_jackpot .jackpot-item {
    padding: 12px 0 0
  }

  .jackpot-item-container.casino_bonus_jackpot .jackpot-info,
  .jackpot-item-container.sport_bonus_jackpot .jackpot-info {
    position: relative;
    display: block;
    margin: 0 20px;
    padding-bottom: 12px
  }

  .jackpot-item-container.casino_bonus_jackpot .jackpot-info li:first-child,
  .jackpot-item-container.sport_bonus_jackpot .jackpot-info li:first-child {
    width: 100px
  }

  .jackpot-item-container.casino_bonus_jackpot .jackpot-info li p,
  .jackpot-item-container.sport_bonus_jackpot .jackpot-info li p {
    color: #c1c4cc
  }

  .jackpot-item-container.casino_bonus_jackpot .jackpot-info:after,
  .jackpot-item-container.sport_bonus_jackpot .jackpot-info:after {
    content: "\E670";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    font: 20px/37px icomoon;
    color: #c1c4cc
  }

  .jackpot-item-container.casino_bonus_jackpot .jackpot-info.active:after,
  .jackpot-item-container.sport_bonus_jackpot .jackpot-info.active:after {
    content: "\E671"
  }

  .jackpot-item-container.casino_bonus_jackpot .jackpot-info.active li p,
  .jackpot-item-container.sport_bonus_jackpot .jackpot-info.active li p {
    color: #fff
  }

  .jackpot-item-container.casino_bonus_jackpot .jackpot-info.active+.sub-info-contain,
  .jackpot-item-container.sport_bonus_jackpot .jackpot-info.active+.sub-info-contain {
    padding: 0 20px 12px
  }

  .jackpot-item-container.casino_bonus_jackpot .sub-info-contain li,
  .jackpot-item-container.sport_bonus_jackpot .sub-info-contain li {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--skin-8)
  }

  .jackpot-item-container.casino_bonus_jackpot .sub-info-contain li:last-child,
  .jackpot-item-container.sport_bonus_jackpot .sub-info-contain li:last-child {
    margin: 0;
    padding: 0;
    border: none
  }

  .jackpot-item-container.casino_bonus_jackpot,
  .jackpot-item-container.sport_bonus_jackpot {
    min-height: calc(100vh - 168px);
    padding-bottom: 85px
  }

  .content-m>.tabs-tournament-view {
    width: 100%
  }

  .jackpot-item-container.sport_bonus_jackpot,
  .jackpot-item-container.sport_bonus_jackpot .jackpot-item {
    background: #3c2244
  }

  .jackpot-item-container.sport_bonus_jackpot .jackpot-info.active+.sub-info-contain {
    background: #231e2f
  }

  .jackpot-item-container.casino_bonus_jackpot,
  .jackpot-item-container.casino_bonus_jackpot .jackpot-item {
    background: #0b162f
  }

  .jackpot-item-container.casino_bonus_jackpot .jackpot-info.active+.sub-info-contain {
    background: #192237
  }

  .sport_bonus_jackpot .jackpot-info li.Major:before,
  .sport_bonus_jackpot .jackpot-info li.Mega:before,
  .sport_bonus_jackpot .jackpot-info li.Mini:before,
  .sport_bonus_jackpot .jackpot-info li.Minor:before,
  .sport_bonus_jackpot .jackpot-info li:first-child:before,
  .sport_bonus_jackpot .jackpot-info li:last-child:before {
    content: "";
    width: 68px;
    height: 24px;
    margin: 0 auto
  }

  .sport_bonus_jackpot .Mini:before {
    background: url(../images/mini.png) 50% 50%/contain no-repeat
  }

  .sport_bonus_jackpot .Minor:before {
    background: url(../images/minor.png) 50% 50%/contain no-repeat
  }

  .sport_bonus_jackpot .Major:before {
    background: url(../images/major.png) 50% 50%/contain no-repeat
  }

  .sport_bonus_jackpot .Mega:before {
    background: url(../images/mega.png) 50% 50%/contain no-repeat
  }

  .jackpot-item {
    float: left;
    width: 100%;
    display: table;
    min-height: 25px;
    border-bottom: 1px solid rgba(var(--skin-7-rgb), .6);
    padding: 12px 20px
  }

  .jackpot-info {
    display: table
  }

  .jackpot-info li {
    display: table-cell;
    vertical-align: middle;
    color: #f3f3f5
  }

  .jackpot-info li:first-child {
    width: 32px;
    padding: 0 20px 0 0;
    text-align: center;
    position: relative;
    color: #f8d058
  }

  .jackpot-info li:first-child:before {
    font: 16px/18px icomoon;
    display: block
  }

  .jackpot-info li>p {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 0 0 3px
  }

  .jackpot-info li>span {
    font-size: 18px;
    line-height: 20px
  }

  .jackpot-info li.Mini:before {
    content: "\E95C"
  }

  .jackpot-info li.Medium:before {
    content: "\E95B"
  }

  .jackpot-info li.Major:before {
    content: "\E95E"
  }

  .jackpot-info li.Mega:before {
    content: "\E95A"
  }

  .jackpot-info li.Minor:before {
    content: "\E95B"
  }

  .sub-info-contain {
    float: left;
    width: 100%;
    overflow: hidden;
    height: auto;
    max-height: 0;
    -webkit-transition: max-height .36s;
    transition: max-height .36s
  }

  .jackpot-info.active+.sub-info-contain {
    max-height: inherit
  }

  .sub-info-contain ul {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0 0
  }

  .sub-info-contain ul>li {
    float: left;
    padding: 0 0 15px;
    width: 100%
  }

  .sub-info-contain ul>li>h4 {
    font-size: 14px;
    line-height: 16px;
    color: #b6862e;
    padding: 0 0 5px;
    float: left;
    width: 100%
  }

  .sub-info-contain ul>li>p {
    font-size: 12px;
    line-height: 14px;
    color: #f3f3f5
  }

  .sub-info-contain ul>li>p.money-count-w {
    font-size: 14px;
    line-height: 16px
  }

  .sub-info-contain ul>li>p>span {
    float: right;
    padding: 2px 0 0 5px;
    font-size: 10px;
    line-height: 14px;
    color: #a4a9bb
  }

  .casino_jackpot_banner,
  .prematch_jackpot_banner {
    float: left;
    width: 100%;
    padding: 20px;
    text-align: center
  }

  .casino_jackpot_banner>h1,
  .prematch_jackpot_banner>h1 {
    font-size: 16px;
    color: #f3f3f5;
    opacity: .5;
    text-transform: uppercase
  }

  .casino_jackpot_banner>p,
  .prematch_jackpot_banner>p {
    font-size: 24px;
    line-height: 34px;
    color: #f3f3f5
  }

  .casino_jackpot_banner>p>span,
  .prematch_jackpot_banner>p>span {
    font-size: 12px;
    line-height: 26px;
    vertical-align: top
  }

  .casino_jackpot_banner>a,
  .prematch_jackpot_banner>a {
    color: #f3f3f5;
    text-decoration: none
  }

  .prematch_jackpot_banner {
    background: -webkit-linear-gradient(67deg, #5f0f74, #11488c);
    background: linear-gradient(23deg, #5f0f74, #11488c)
  }

  .casino_jackpot_banner {
    background: -webkit-linear-gradient(75deg, #223059, #09142b);
    background: linear-gradient(15deg, #223059, #09142b)
  }

  .tabs-tournament-view {
    float: left;
    width: calc(100% - 48px);
    display: table;
    table-layout: fixed;
    height: 34px;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 var(--text-10)
  }

  .tabs-tournament-view>a {
    display: table-cell;
    vertical-align: top;
    text-decoration: none;
    font-size: 14px;
    line-height: 48px;
    color: var(--text-4);
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px
  }

  .tabs-tournament-view>a:first-child {
    border-left: none
  }

  .tabs-tournament-view>a.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-2)
  }

  [dir=rtl] .numbers-of-winners:before {
    display: none
  }

  [dir=rtl] .numbers-of-winners:after {
    content: "\E905";
    display: inline-block;
    margin-left: 7px;
    font: 14px/18px icomoon
  }

  [dir=rtl] .casino_jackpot_banner>p,
  [dir=rtl] .prematch_jackpot_banner>p,
  [dir=rtl] .sub-info-contain ul>li>p.money-count-w {
    direction: ltr
  }

  .tabs-tournament-view>a {
    z-index: auto
  }

  .tabs-tournament-view>a {
    z-index: auto
  }

  .all-jackpot-info {
    width: 100%;
    height: 100%;
    z-index: 33;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
  }

  .all-jackpot-info .block-lead {
    display: table;
    width: 100%;
    border-collapse: collapse
  }

  .all-jackpot-info .block-lead ul {
    height: 33px;
    display: table-row
  }

  .all-jackpot-info .block-lead ul li {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #303344
  }

  .all-jackpot-info .block-lead ul li.place {
    opacity: 1;
    color: var(--text-1);
    padding: 0 0 0 10px
  }

  .all-jackpot-info .block-lead ul li.player-id {
    opacity: .6
  }

  .all-jackpot-info .block-lead ul li.amount {
    opacity: .6;
    color: #2dc38d;
    text-align: right;
    padding: 0 10px 0 0
  }

  .bg-c {
    background: #121623
  }

  .casino-nav-w {
    width: 38px;
    height: 100%;
    background: var(--skin-14);
    z-index: 999;
    padding: 3px 0 0
  }

  .casino-nav-w .icons-conteiner>div {
    width: 38px;
    height: 38px;
    text-align: center;
    display: inline-block
  }

  .casino-nav-w .icons-conteiner>div.active:before {
    opacity: .8 !important
  }

  .casino-nav-w .icons-conteiner>div.leaderBoard:before {
    content: "\E904";
    display: block;
    color: var(--text-1);
    font: 18px/30px icomoon;
    opacity: .5
  }

  .casino-nav-w .icons-conteiner>div.jackpot:before {
    content: "\E95D";
    display: block;
    color: var(--text-1);
    font: 18px/30px icomoon;
    opacity: .5
  }

  @media screen and (max-width:420px) {
    .casino-nav-w {
      width: 100%;
      height: 38px;
      position: relative
    }

    .casino-l-nav {
      top: 38px !important;
      height: calc(100% - 39px) !important;
      width: 60% !important;
      right: 0 !important;
      left: unset !important
    }

    .all-jackpot-info {
      height: calc(100% - 100px)
    }

    .casino-nav-w>.icons-conteiner {
      position: relative;
      float: right
    }

    .casino-l-nav .closed-nav-icon {
      z-index: 222
    }

    .casino-l-nav .all-jackpot-info,
    .casino-l-nav .j-left-menu-c {
      padding: 0
    }

    .full-screen-game-c.open .casino-nav-w {
      width: 60% !important
    }
  }

  .jeckpot-full-menu {
    display: none
  }

  .jeckpot-full-menu.casino-l-nav {
    display: block
  }

  .casino-l-nav {
    position: fixed;
    z-index: 999;
    left: 38px;
    top: 0;
    width: 30%;
    height: 100%;
    background: rgba(var(--skin-14-rgb), .85);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
  }

  .casino-l-nav .closed-nav-icon {
    opacity: 1;
    font: 14px/30px icomoon;
    width: 30px;
    height: 30px;
    top: 2px
  }

  .j-left-menu-c {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .j-left-menu-c,
  .j-m-title {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .j-m-title {
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(var(--skin-7-rgb), .6);
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 35px 10px 10px
  }

  .jackpot-tab-nav {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    box-shadow: 0 -1px 0 rgba(var(--skin-7-rgb), .6) inset
  }

  .jackpot-tab-nav>ul {
    padding: 0
  }

  .jackpot-tab-nav>ul>li {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 33px
  }

  .jackpot-tab-nav>ul>li.active {
    box-shadow: 0 -1px 0 var(--hero) inset
  }

  .jackpot-tab-nav>ul>li>span {
    margin: 0 7px
  }

  .jackpot-tab-nav::-webkit-scrollbar {
    display: none;
    width: 0
  }

  .jackpot-item-container {
    float: left;
    width: 100%;
    box-sizing: border-box
  }

  .jackpot-item-container:last-child {
    border-bottom: none
  }

  .jackpot-item {
    float: left;
    width: 100%;
    display: table;
    min-height: 25px;
    border-bottom: 1px solid rgba(var(--skin-7-rgb), .6);
    padding: 12px 20px
  }

  .jackpot-info {
    display: table
  }

  .jackpot-info li {
    display: table-cell;
    vertical-align: middle;
    color: #f3f3f5
  }

  .jackpot-info li:first-child {
    width: 32px;
    padding: 0 20px 0 0;
    text-align: center;
    position: relative;
    color: #f8d058
  }

  .jackpot-info li:first-child:before {
    font: 16px/18px icomoon;
    display: block
  }

  .jackpot-info li>p {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 0 0 3px
  }

  .jackpot-info li>span {
    font-size: 18px;
    line-height: 20px
  }

  .jackpot-info li.Mini:before {
    content: "\E95C"
  }

  .jackpot-info li.Medium:before {
    content: "\E95B"
  }

  .jackpot-info li.Major:before {
    content: "\E95E"
  }

  .jackpot-info li.Mega:before {
    content: "\E95A"
  }

  .jackpot-info li.Minor:before {
    content: "\E95B"
  }

  .jackpot-info.active+.sub-info-contain {
    max-height: inherit
  }

  .sub-info-contain ul {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0 0
  }

  .sub-info-contain ul>li {
    float: left;
    padding: 0 0 15px;
    width: 100%
  }

  .sub-info-contain ul>li>h4 {
    font-size: 14px;
    line-height: 16px;
    color: #b6862e;
    padding: 0 0 5px;
    float: left;
    width: 100%
  }

  .sub-info-contain ul>li>p {
    font-size: 12px;
    line-height: 14px;
    color: #f3f3f5
  }

  .sub-info-contain ul>li>p.money-count-w {
    font-size: 14px;
    line-height: 16px
  }

  .sub-info-contain ul>li>p>span {
    float: right;
    padding: 2px 0 0 5px;
    font-size: 10px;
    line-height: 14px;
    color: #a4a9bb
  }

  .full-screen-game-c.open .casino-l-nav .closed-nav-icon,
  .full-screen-game-c.open .j-left-menu-c {
    display: block
  }

  .full-screen-game-c.open .casino-nav-w {
    width: 38px
  }

  .full-screen-game-c {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
  }

  .full-screen-game-c>.closed-nav-icon,
  .full-screen-game-c>.left-top-nav {
    opacity: 1;
    z-index: 9999;
    color: #fff
  }

  .full-screen-game-c>.left-top-nav {
    position: absolute;
    top: 4px;
    left: 8px
  }

  @media screen and (max-width:420px) {
    .full-screen-game-c {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column
    }
  }

  .iframe-layout-wrapper {
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999;
    background: #000
  }

  .iframe-layout-wrapper iframe {
    width: 100%;
    height: 100%
  }

  .iframe-layout-wrapper.casino-iframe-games {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0
  }

  .iframe-layout-wrapper.casino-iframe-games iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    min-width: 100vw;
    height: 90vh;
    min-height: 90vh;
    *width: 100%
  }

  .play-game-mode>.footer-m {
    display: none
  }

  .iframe-layout-wrapper img {
    width: 75px;
    height: 20px;
    z-index: 9999;
    position: absolute;
    bottom: 5px;
    right: 10px
  }

  @media screen and (max-width:420px) {
    .casino-game-wrapper iframe {
      width: 100vw;
      height: calc(100vh - 39px)
    }
  }

  @media screen and (min-width:421px) {
    .casino-game-wrapper iframe {
      width: calc(100vw - 39px);
      height: 100vh
    }
  }

  .all-messages-box,
  .messages-wrapper {
    float: left;
    width: 100%
  }

  .message-container {
    background: var(--skin-8);
    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: var(--skin-10);
    padding: 12px 10px
  }

  .title-message-view {
    float: left;
    width: 100%;
    background: var(--skin-10);
    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: var(--text-4)
  }

  .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: var(--text-6);
    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: var(--text-6);
    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: var(--text-3)
  }

  .message-t>p {
    float: left;
    width: 100%;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .message-date-view,
  .message-t>p {
    font-size: 12px;
    color: var(--text-6)
  }

  .message-date-view {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    line-height: 14px;
    width: 50%
  }

  .message-delete-icon {
    position: absolute;
    right: 15px;
    bottom: 5px;
    width: 30px;
    height: 40px;
    font: 20px/40px icomoon;
    color: var(--text-6);
    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: 63px;
    min-height: 54px;
    padding: 0 0 12px;
    margin: 0;
    height: auto;
    font-size: 13px;
    color: var(--text-6);
    line-height: 16px
  }

  .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: var(--skin-1);
    -webkit-transition: background .3s;
    transition: background .3s
  }

  .message-container.active>.message-text-body {
    max-height: 10000px;
    -webkit-transition: max-height .5s;
    transition: max-height .5s;
    color: #21283a;
    font-size: 14px;
    line-height: 18px
  }

  .message-body a {
    color: #21283a
  }

  .deleted-message {
    background: var(--skin-12);
    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: var(--text-6)
  }

  .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 var(--text-6);
    background: none;
    height: 100px;
    padding: 6px 10px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: var(--text-6);
    -webkit-transition: border .24s;
    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 var(--text-3)
  }

  .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
  }

  .title-separator-contain-b {
    float: left;
    width: 100%;
    height: 40px;
    background: var(--skin-10);
    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: var(--text-4);
    position: relative
  }

  .title-separator-contain-b>a {
    text-decoration: none;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 15px;
    color: var(--skin-5);
    font: 16px/18px icomoon
  }

  .title-separator-contain-b>a:before {
    content: "\E90C"
  }

  .page-menu-contain {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: var(--skin-12);
    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: var(--text-6)
  }

  .page-menu-contain>ul>li>a.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-1)
  }

  .promo-info-container {
    float: left;
    width: 100%;
    padding: 10px;
    background: var(--skin-11)
  }

  .promo-container .prev {
    position: absolute;
    left: 0;
    width: 30px
  }

  .promo-container .prev:before {
    font: 20px/36px icomoon;
    content: "\E66F";
    font-size: 30px
  }

  .promo-container .next {
    position: absolute;
    right: 0;
    width: 30px
  }

  .promo-container .next:before {
    font: 20px/36px icomoon;
    content: "\E672";
    font-size: 30px
  }

  .promo-info-container>h1 {
    width: 90%;
    margin: auto;
    font-weight: 400;
    text-align: center;
    font-size: 16px;
    color: var(--text-4);
    text-transform: uppercase
  }

  .page-no-found-t-m {
    padding: 20px 0;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-6)
  }

  .img-p-wrapper-m,
  .page-no-found-t-m {
    float: left;
    width: 100%;
    text-align: center
  }

  .img-p-wrapper-m {
    padding: 12px
  }

  .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: var(--text-6);
    text-align: justify;
    word-break: break-word
  }

  .promo-text-box strong {
    font-weight: 400;
    color: var(--text-4)
  }

  .promo-text-box a {
    color: var(--text-4)
  }

  .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: var(--skin-10);
    border-bottom: 2px solid transparent
  }

  .promo-text-box table tr:nth-child(2n) td {
    background: var(--skin-11)
  }

  .page-container {
    float: left;
    width: 100%
  }

  .help-root {
    background: var(--skin-10)
  }

  .page-section {
    float: left;
    width: 100%;
    background: var(--skin-11);
    height: 38px;
    padding: 0 38px 0 12px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    position: relative;
    overflow: hidden
  }

  .help-popup>.page-container>.page-section,
  .help-root>.page-container>.page-section,
  .poker-rakerace>.page-container>.page-section,
  .poker-tournament>.page-container>.page-section {
    background: var(--skin-12)
  }

  .page-section:after {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    font: 20px/40px icomoon;
    text-align: center;
    color: var(--text-6);
    content: "\E670"
  }

  .page-section.active:after {
    content: "\E671"
  }

  .help-popup>.page-section:after,
  .help-root>.page-section:after,
  .poker-rakerace>.page-section:after,
  .poker-tournament>.page-section:after {
    display: none
  }

  .page-section>h2 {
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 38px;
    color: var(--text-6);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .24s;
    transition: color .24s
  }

  .page-section.active>h2 {
    color: var(--text-3)
  }

  .help-popup>.page-section>h2,
  .help-root>.page-section>h2,
  .poker-rakerace>.page-section>h2,
  .poker-tournament>.page-section>h2 {
    text-align: center;
    text-transform: uppercase;
    color: var(--text-3);
    padding-left: 26px
  }

  .help-popup>.page-section>h2 a.back-button,
  .help-root>.page-section>h2 a.back-button,
  .poker-rakerace>.page-section>h2 a.back-button,
  .poker-tournament>.page-section>h2 a.back-button {
    position: absolute;
    left: 0;
    padding: 0 7px
  }

  .help-popup>.page-section>h2 .back-arrow-crumbs,
  .help-root>.page-section>h2 .back-arrow-crumbs,
  .poker-rakerace>.page-section>h2 .back-arrow-crumbs,
  .poker-tournament>.page-section>h2 .back-arrow-crumbs {
    background: none
  }

  .page-content {
    float: left;
    width: 100%;
    padding: 0 10px;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-6);
    text-align: justify;
    height: auto;
    -webkit-animation: closed-animate-menu .18s ease;
    animation: closed-animate-menu .18s ease;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: padding .18s;
    transition: padding .18s
  }

  .help-popup .page-container .page-section.active+.page-content,
  .help-root .page-container .page-section.active+.page-content,
  .poker-rakerace>.page-container>.page-section.active+.page-content,
  .poker-tournament>.page-container>.page-section.active+.page-content {
    height: auto;
    max-height: 99999px;
    -webkit-animation: open-animate-market .4s ease-in-out;
    animation: open-animate-market .4s ease-in-out
  }

  .help-popup .page-container .page-section+.page-content~.page-container,
  .help-root .page-container .page-section+.page-content~.page-container,
  .poker-rakerace>.page-container>.page-section+.page-content~.page-container,
  .poker-tournament>.page-container>.page-section+.page-content~.page-container {
    height: auto;
    -webkit-animation: closed-animate-menu .18s ease;
    animation: closed-animate-menu .18s ease;
    max-height: 0;
    overflow: hidden
  }

  .help-popup>.page-container .page-section.active+.page-content~.page-container,
  .help-root>.page-container .page-section.active+.page-content~.page-container,
  .poker-rakerace>.page-container>.page-section.active+.page-content~.page-container,
  .poker-tournament>.page-container>.page-section.active+.page-content~.page-container {
    height: auto;
    max-height: 99999px;
    -webkit-animation: open-animate-market .4s ease-in-out;
    animation: open-animate-market .4s ease-in-out
  }

  .page-content p {
    margin: 0 0 5px
  }

  .page-content a {
    color: var(--text-4);
    text-decoration: none
  }

  .page-content img {
    max-width: 100%;
    height: auto
  }

  .page-content a>span {
    color: var(--text-4) !important;
    text-decoration: underline
  }

  .page-content strong {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-4)
  }

  .help-popup>.page-container>.page-container .page-section.active+.page-content,
  .help-root>.page-container>.page-container .page-section.active+.page-content,
  .poker-rakerace>.page-container>.page-container .page-section.active+.page-content,
  .poker-tournament>.page-container>.page-container .page-section.active+.page-content {
    height: auto;
    max-height: 99999px;
    -webkit-animation: open-animate-market .4s ease-in-out;
    animation: open-animate-market .4s ease-in-out
  }

  .promo-container .sports-navigation-scroll-buttons {
    height: inherit
  }

  .s-n-wrapper {
    float: left;
    width: 100%;
    position: relative
  }

  .all-news-list-b {
    float: left;
    width: 100%;
    padding: 0 0 23px
  }

  .single-sews-container {
    float: left;
    width: 100%;
    box-shadow: 0 1px 0 var(--skin-11);
    margin: 1px 0
  }

  .news-img-c-v {
    float: left;
    width: 100%
  }

  .p-img-b {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%
  }

  .p-img-b>img {
    display: block;
    width: 100%;
    height: auto
  }

  .sport-color-v-b {
    position: absolute;
    z-index: 20;
    top: 15px;
    left: 0;
    padding: 5px 10px;
    color: var(--brand-sc);
    background: var(--brand)
  }

  .sport-color-v-b:before {
    display: inline-block;
    margin: 0 5px 0 0;
    font: 12px/14px Sport-icons
  }

  .news-simple-text-v {
    float: left;
    bottom: 0;
    left: 0;
    padding: 0 0 24px;
    width: 100%;
    background: rgba(var(--skin-14-rgb), .75);
    z-index: 10;
    position: relative;
    margin: -66px 0 0;
    overflow: hidden;
    height: 66px
  }

  .news-simple-text-v>h3 {
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--text-1);
    font-weight: 400
  }

  .date-news-v {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 22;
    width: 100%;
    background: rgba(var(--skin-14-rgb), .75);
    height: 24px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 24px;
    color: var(--text-6);
    display: inline-block;
    vertical-align: top
  }

  .date-news-v>span {
    float: left
  }

  .date-news-v.active {
    z-index: 28
  }

  .date-news-v.active>.more-icon-news-v:after {
    content: "\E671"
  }

  .more-icon-news-v {
    float: right;
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    height: 24px;
    padding: 0 18px 0 0;
    position: relative;
    text-align: right
  }

  .more-icon-news-v:after {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 24px;
    font: 14px/24px icomoon;
    content: "\E670";
    color: var(--text-7)
  }

  .open-news-view {
    float: left;
    width: 100%;
    margin: 0 0 24px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-5)
  }

  .open-news-view img {
    max-width: 100%;
    height: auto
  }

  .open-news-view input {
    background: var(--brand);
    padding: 10px 40px;
    border: none;
    color: var(--brand-sc);
    text-align: center;
    width: 100%;
    margin: 10px 0
  }

  .open-news-view p {
    float: left;
    width: 100%
  }

  .open-news-view a {
    text-decoration: none;
    color: var(--text-3)
  }

  .spoiler {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 5px
  }

  .spoiler>input[type=checkbox] {
    width: 100%;
    height: 36px;
    opacity: 0;
    position: relative;
    z-index: 99
  }

  .spoiler>input[type=checkbox]:checked+.spoiler-title>.spoiler-toggle:before {
    content: "\EA0B"
  }

  .spoiler>input[type=checkbox]:checked+.spoiler-title+.spoiler-content {
    max-height: 9999px;
    padding: 20px 0
  }

  .spoiler>input[type=checkbox]+.spoiler-title {
    float: left;
    width: 100%;
    padding-left: 30px;
    position: relative;
    z-index: 22;
    min-height: 30px;
    margin-top: -36px
  }

  .spoiler>input[type=checkbox]+.spoiler-title>.spoiler-toggle {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    color: var(--hero);
    font: 16px/20px icomoon
  }

  .spoiler>input[type=checkbox]+.spoiler-title>.spoiler-toggle:before {
    content: "\EA0A"
  }

  .spoiler-content {
    float: left;
    width: 100%;
    max-height: 0;
    height: auto;
    overflow: hidden;
    margin-top: -15px
  }

  .news .navigation-container-m {
    padding: 0
  }

  .news .navigation-container-m:after,
  .news .search-wrapper-m {
    display: none
  }

  .news-list-wrapper {
    float: left;
    width: 100%;
    position: relative;
    padding: 35px 0 0
  }

  .filters-wrapper {
    position: fixed;
    left: 0;
    top: 48px;
    width: 100%;
    z-index: 30;
    background: var(--skin-14)
  }

  .filters-wrapper.active {
    max-height: calc(100% - 97px);
    overflow-y: auto;
    overflow-x: hidden
  }

  .filters-wrapper.active>.open-filters-container>.mini-i-list-w>.import-view-container {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    z-index: 555
  }

  .filters-wrapper.active>.open-filters-container>.mini-i-list-w>.import-view-container>.language-container-m {
    background: var(--skin-11)
  }

  .filters-wrapper.active>.filter-news-row {
    width: 50%;
    background: var(--skin-10);
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background: var(--skin-11);
    z-index: 555
  }

  .filters-wrapper.active>.filter-news-row>.arrow-f-view:before {
    content: "\E671"
  }

  .filters-wrapper.active>.open-filters-container {
    display: block
  }

  .filters-wrapper .filter-news-row div>p {
    padding: 10px;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-6)
  }

  .open-filters-container {
    float: left;
    width: 100%;
    margin: 1px 0 0;
    background: var(--skin-10)
  }

  .open-filters-container>.a-competition-contain>ul>li.second-level-f {
    padding: 0 10px
  }

  .open-filters-container .check-m:before {
    border-radius: 2px
  }

  .filter-news-row {
    float: left;
    width: 50%;
    background: var(--skin-8);
    box-shadow: -1px 0 0 var(--skin-12) inset;
    height: 36px;
    position: relative;
    padding: 0 30px 0 40px
  }

  .filter-news-row>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 36px;
    color: var(--text-5);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .f-icon-sports {
    position: absolute;
    width: 40px;
    height: 36px;
    left: 0;
    top: 0;
    text-align: center;
    font: 16px/36px icomoon;
    color: var(--text-7)
  }

  .f-icon-sports:before {
    content: "\E923"
  }

  .arrow-f-view {
    position: absolute;
    width: 30px;
    height: 36px;
    text-align: center;
    right: 0;
    top: 0;
    font: 16px/36px icomoon;
    color: var(--text-6)
  }

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

  .search-filter-v {
    position: absolute;
    width: 100%;
    top: 1px;
    z-index: 30;
    left: 100%;
    height: 36px;
    margin: 0 0 1px;
    background: var(--skin-8);
    box-shadow: 0 -1px 0 var(--skin-12) inset
  }

  .search-filter-v>.closed-search-m {
    width: 30px;
    top: 1px;
    right: 1px;
    opacity: 1;
    line-height: 34px;
    background: none;
    color: var(--text-6);
    background: var(--skin-8);
    height: 34px
  }

  .search-filter-v>input[type=search] {
    font-family: Roboto, sans-serif;
    float: left;
    box-sizing: border-box;
    padding: 10px 30px 10px 10px;
    min-width: 0;
    width: 100%;
    height: 36px;
    border: 1px solid transparent;
    margin: 0;
    background: transparent;
    border-radius: 0;
    -webkit-appearance: none;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: width .3s, border .3s, background .4s, padding .3s;
    transition: width .3s, border .3s, background .4s, padding .3s;
    color: var(--text-6);
    position: relative;
    z-index: 111;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  .search-filter-v>input[type=search]::-webkit-input-placeholder {
    color: var(--text-6);
    font-style: normal
  }

  .search-filter-v>input[type=search]:-moz-placeholder,
  .search-filter-v>input[type=search]::-moz-placeholder {
    color: var(--text-6);
    opacity: 1;
    font-style: normal
  }

  .search-filter-v>input[type=search]:-ms-input-placeholder {
    color: var(--text-6);
    font-style: normal
  }

  .search-filter-v>input[type=search]:focus {
    border: 1px solid var(--skin-6);
    outline: none
  }

  .search-filter-v:before {
    font: 16px/36px icomoon;
    content: "\E900";
    color: var(--text-6);
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 36px;
    text-align: center;
    z-index: 16
  }

  .expandable,
  .mini-i-list-w {
    float: left;
    width: 100%
  }

  .expandable {
    position: relative;
    height: 37px;
    padding: 0 36px 0 10px
  }

  .expandable.opened:before {
    display: none
  }

  .expandable.opened>.arrow-view-m:before {
    content: "\E671"
  }

  .expandable:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background: var(--skin-12);
    bottom: 0
  }

  .expandable.opened+div,
  .expandable.opened+div~ul,
  .expandable.opened~ul {
    display: none
  }

  .expandable.opened+.second-level-f {
    display: block
  }

  div.expandable>.arrow-view-m:before {
    content: "\E671"
  }

  div.expandable.opened>.arrow-view-m:before {
    content: "\E670"
  }

  div.expandable.opened>.check-m {
    color: var(--text-4)
  }

  div.expandable>.check-m {
    color: var(--text-2)
  }

  .check-m {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 36px;
    padding: 0 0 0 30px;
    color: var(--text-4);
    position: relative;
    z-index: 22
  }

  .check-m:before {
    content: "";
    background: var(--skin-6);
    border-radius: 3px
  }

  .check-m.selected:after,
  .check-m:before {
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 20px;
    height: 20px
  }

  .check-m.selected:after {
    font: 12px/20px icomoon;
    content: "T";
    text-align: center;
    color: var(--text-12)
  }

  .save-cancel-result-m ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 0 10px
  }

  .save-cancel-result-m ul li {
    display: table-cell;
    width: 50%
  }

  .language-container-m.save-cancel-result-m>ul>li:first-child {
    width: 50%;
    padding: 0 5px 0 0
  }

  .language-container-m.save-cancel-result-m>ul>li:last-child {
    padding: 0 0 0 5px
  }

  .promotions-filter {
    list-style-type: none;
    float: left;
    width: 100%
  }

  .promotions-filter-item {
    float: left;
    margin: 0 2%
  }

  .scrollMenu {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 6% 0
  }

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

  .promotions_filter_item {
    text-transform: uppercase;
    margin: 0 3%
  }

  .promo-nav-view {
    display: inline-block;
    min-width: 85px;
    vertical-align: top;
    margin: 0;
    font-size: 12px;
    padding: 0 11px;
    line-height: 14px;
    text-decoration: none;
    color: var(--text-1);
    position: relative;
    text-align: center;
    background: var(--skin-11)
  }

  .promo-nav-view>.sport-icon-m:before {
    font: 24px/32px icomoon;
    color: var(--text-4)
  }

  .promo .sport-nav-container-m {
    white-space: nowrap;
    overflow-x: auto;
    border-bottom: 2px solid var(--skin-5)
  }

  .promo-nav-view>p {
    height: 28px;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    color: var(--text-4);
    line-height: 18px;
    text-transform: capitalize
  }

  .promo-nav-view.all>.sport-icon-m:before {
    content: "\E92B"
  }

  .promo-nav-view.backgammon>.sport-icon-m:before {
    content: "\E6CF"
  }

  .promo-nav-view.poker>.sport-icon-m:before {
    content: "\E6C0"
  }

  .promo-nav-view.chingachoong>.sport-icon-m:before {
    content: "\E96D"
  }

  .promo-nav-view.sport>.sport-icon-m:before {
    content: "\E6D7"
  }

  .promo-nav-view.belote>.sport-icon-m:before {
    content: "\E6D0"
  }

  .promo-nav-view.live-casino>.sport-icon-m:before {
    content: "\E92C"
  }

  .promo-nav-view.casino>.sport-icon-m:before {
    content: "\E6D6"
  }

  .promo-nav-view.others>.sport-icon-m:before {
    content: "\E96F"
  }

  .promo-nav-view.chinese-poker>.sport-icon-m:before {
    content: "\E6DA"
  }

  .promo-nav-view.promo-15thanniversary>.sport-icon-m:before {
    content: "\E933"
  }

  .promo-nav-view.active {
    left: 0;
    right: 0;
    position: sticky;
    position: -webkit-sticky;
    z-index: 33;
    box-shadow: 1px 0 0 #202430, -1px 0 0 #202430;
    background: var(--skin-14)
  }

  [dir=rtl] .promo-nav-view.active {
    position: relative
  }

  .promo-nav-view.active:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    z-index: 33;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 7px;
    border-color: transparent transparent var(--skin-5)
  }

  .promotions-filter {
    list-style-type: none;
    float: left;
    width: 100%
  }

  .promotions-filter-item {
    float: left;
    margin: 0 2%
  }

  .news-container-s {
    float: left;
    width: 100%
  }

  .promotions-homepage-wrapper>.sport-nav-container-m {
    background: #282c38
  }

  .new-promos-game-b {
    background: var(--skin-11);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15);
    height: 66px;
    margin: 0
  }

  .new-promos-game-b,
  .promotions-homepage-wrapper {
    float: left;
    width: 100%
  }

  .promotions-homepage-wrapper .news-list-wrapper {
    float: left;
    width: 100%;
    position: relative;
    padding: 0
  }

  [dir=rtl] .promotions-homepage-wrapper {
    float: right
  }

  .promotions-homepage-wrapper>.sport-nav-container-m {
    border-bottom: 2px solid var(--skin-5)
  }

  .promotions-homepage-wrapper>p {
    float: left;
    width: 100%;
    padding: 10px;
    color: var(--text-4)
  }

  .main-wallet {
    float: left;
    width: 100%
  }

  .single-method-wallet {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
    background: var(--skin-11);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 0 0 1px;
    height: 54px;
    padding: 10px;
    box-sizing: border-box
  }

  .single-method-wallet>.wallet-icon {
    display: table-cell;
    width: 42px;
    padding: 0 3px;
    height: 29px;
    background: #fff;
    vertical-align: middle;
    border-radius: 3px;
    text-align: center
  }

  .single-method-wallet>p {
    display: table-cell;
    padding-left: 10px;
    font-size: 16px;
    color: var(--text-6);
    line-height: 34px;
    vertical-align: middle
  }

  .single-method-wallet>span {
    display: table-cell;
    position: relative;
    width: 30px;
    text-align: center;
    vertical-align: middle
  }

  .single-method-wallet>span:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 17px;
    font: 16px/34px Icomoon;
    background: url(../images/dots.png) 50% 50%/contain;
    vertical-align: middle;
    opacity: .7
  }

  .single-method-wallet>span.active:after {
    opacity: 1
  }

  .single-method-wallet .deposit-remove {
    display: none;
    position: absolute;
    width: 140px;
    height: 60px;
    right: 20px;
    top: 35px;
    padding: 10px 0 10px 15px;
    background-color: var(--skin-8);
    text-align: left;
    z-index: 9
  }

  .single-method-wallet .deposit-remove.open {
    display: block
  }

  .single-method-wallet .deposit-remove>p {
    color: rgba(var(--text-1), .8);
    font-size: 14px
  }

  .single-method-wallet .deposit-remove>p:first-child {
    margin-bottom: 6px
  }

  .single-method-wallet .deposit-remove>p.remove {
    padding-top: 4px;
    color: #e9044a;
    border-top: 1px solid var(--skin-7)
  }

  .add-wallet {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
    background: var(--skin-12);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 0 0 1px;
    height: 54px;
    padding: 10px;
    box-sizing: border-box
  }

  .add-wallet>div {
    display: table-cell;
    width: 36px;
    height: 29px;
    background: var(--skin-8);
    color: rgba(var(--text-1), .6);
    vertical-align: middle;
    border-radius: 3px;
    text-align: center
  }

  .add-wallet>div:after {
    content: "\EA0A";
    font: 12px Icomoon;
    display: inline-block
  }

  .add-wallet>p {
    display: table-cell;
    padding-left: 10px;
    font-size: 16px;
    color: var(--text-2);
    line-height: 34px;
    vertical-align: middle
  }

  .wallet-image-wrapper {
    max-height: 29px
  }

  .wallet-image-wrapper>img {
    max-width: 100%
  }

  .balance-view-wrapper,
  .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: var(--skin-8);
    margin: 0 0 4px
  }

  .balance-history-inf-b:nth-child(2n) {
    background: var(--skin-10)
  }

  .single-b-row-m {
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--skin-12);
    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: var(--text-4);
    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: var(--text-2);
    font-weight: 400;
    padding: 0 5px
  }

  .balance-h-row-b>h5.yellow {
    color: var(--accent)
  }

  .balance-h-row-b>h5.green {
    color: #1a7051
  }

  .balance-h-row-b>h5.red {
    color: #e9044a
  }

  .balance-h-row-b>h6 {
    color: var(--text-4);
    font-size: 12px;
    line-height: 14px
  }

  .second-r-b>.balance-h-row-b>h6 {
    color: var(--text-6)
  }

  .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: var(--text-6);
    font-size: 12px;
    line-height: 16px
  }

  .balance-h-row-b>p {
    color: var(--text-3);
    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: var(--text-6);
    font-size: 14px;
    line-height: 18px;
    text-align: center
  }

  .deposit-form-container {
    background: var(--skin-11);
    margin: 0 0 1px
  }

  .deposit-form-container,
  .filter-view-b {
    float: left;
    width: 100%;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px 10px
  }

  .filter-view-b {
    background: #282c38;
    margin: 0 0 2px
  }

  .details-form-item-m {
    float: left;
    width: 100%
  }

  .details-form-item-m>label {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-4);
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .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
  }

  .title-separator-contain-b {
    float: left;
    width: 100%;
    height: 40px;
    background: var(--skin-10);
    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: var(--text-4);
    position: relative
  }

  .title-separator-contain-b>a {
    text-decoration: none;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 15px;
    color: var(--skin-5);
    font: 16px/18px icomoon
  }

  .title-separator-contain-b>a:before {
    content: "\E90C"
  }

  .page-menu-contain {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: var(--skin-12);
    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: var(--text-6)
  }

  .page-menu-contain>ul>li>a.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-1)
  }

  .transaction-date-id {
    float: left;
    width: 100%;
    font-size: 10px;
    line-height: 14px
  }

  .transaction-date-id>p {
    float: left;
    width: 100%;
    color: var(--text-4)
  }

  .transaction-date-id>span {
    float: left;
    width: 100%;
    color: var(--text-3)
  }

  .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: var(--favorite)
  }

  .transaction-amount-v.title-v>p {
    color: var(--text-3);
    white-space: nowrap
  }

  .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: var(--text-4);
    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
  }

  .deposit-methods .requests-yet,
  .profile-view-wrapper .requests-yet {
    padding: 15px 10px 10px;
    float: left;
    width: 100%;
    text-align: center
  }

  .profile-view-wrapper .requests-yet>span,
  .requests-yet>span {
    font-size: 13px
  }

  .profile-view-wrapper .requests-yet {
    background: #282c38
  }

  .deposit-methods,
  .deposits-wrapper {
    float: left;
    width: 100%
  }

  .deposit-methods {
    background: var(--skin-12)
  }

  .single-method-deposit {
    float: left;
    width: 100%;
    background: var(--skin-12);
    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: var(--text-6);
    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%
  }

  .deposit-methods-last {
    float: left;
    width: 100%;
    box-sizing: border-box
  }

  .deposit-methods-last>p {
    font-size: 14px;
    line-height: 16px;
    color: var(--text-1);
    padding: 10px
  }

  .last-deposit-request {
    float: left;
    width: 100%;
    box-sizing: border-box
  }

  .last-deposit-request ul {
    float: left;
    width: 100%;
    display: table;
    background: var(--skin-11);
    table-layout: fixed;
    padding: 0 10px;
    margin: 0 0 1px
  }

  .last-deposit-request ul>li {
    display: table-cell;
    text-align: left;
    padding: 5px 0;
    vertical-align: middle
  }

  .last-deposit-request ul>li:first-child {
    width: 110px
  }

  .last-deposit-request ul>li>p {
    float: left;
    width: 100%;
    padding: 0 10px 0 0;
    text-align: left;
    color: var(--text-4)
  }

  .last-deposit-request ul>li>span {
    float: left;
    width: 100%;
    font-size: 12px
  }

  .last-deposit-request ul>li>span>b {
    font-weight: 700;
    margin: 0 0 0 5px
  }

  .last-deposit-request ul>li>p.label-bank {
    background: var(--skin-8);
    border: 1px solid var(--hero);
    border-radius: 3px;
    padding: 1px 5px;
    color: var(--hero);
    font-size: 10px;
    line-height: 16px;
    height: 20px;
    max-width: 85px;
    overflow: hidden;
    text-align: center;
    font-weight: 700
  }

  .last-deposit-request ul>li:last-child {
    width: 60px
  }

  .last-deposit-request ul>li:last-child>p {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700
  }

  .last-deposit-request ul:first-child>li:last-child>p {
    text-transform: inherit;
    font-size: inherit;
    font-weight: inherit
  }

  @media screen and (max-width:320px) {
    .last-deposit-request ul>li:last-child {
      width: 45px
    }

    .last-deposit-request ul>li:first-child {
      width: 85px
    }
  }

  .data-filter-menu-p,
  .date-filter-result-p {
    float: left;
    width: 100%
  }

  .data-filter-menu-p {
    display: table;
    box-sizing: border-box;
    padding: 10px 10px 14px;
    background: var(--skin-10);
    border-bottom: 1px solid var(--skin-14);
    border-top: 1px solid var(--skin-8)
  }

  .data-filter-menu-p>li {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0 1px 0 0
  }

  .data-filter-menu-p>li>button {
    float: left;
    width: 100%;
    background: var(--skin-11);
    height: 30px;
    color: var(--text-4);
    border: 1px solid var(--skin-7);
    margin: 0 1px 0 0
  }

  .data-filter-menu-p>li>button.active {
    border: 2px solid var(--hero);
    color: var(--text-2)
  }

  .show-result-row {
    float: left;
    width: 100%
  }

  .show-result-row .title-row-u-m {
    padding: 0 38px 0 15px;
    position: relative;
    z-index: inherit
  }

  .total-deposit-m {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 6px
  }

  .total-deposit-m .balance-h-row-b {
    padding: 8px 3px;
    margin: 1px 0 0;
    background: var(--skin-12)
  }

  .final-balance-row-b {
    float: left;
    width: 100%;
    display: table;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: 38px;
    padding: 10px;
    background: var(--skin-12)
  }

  .final-balance-row-b>h6,
  .final-balance-row-b>p {
    display: table-cell;
    vertical-align: top
  }

  .final-balance-row-b>h6 i,
  .final-balance-row-b>p i {
    font-weight: 700;
    font-style: normal
  }

  .final-balance-row-b>h6 {
    font-size: 14px;
    line-height: 16px;
    color: var(--text-2);
    padding: 0 5px;
    font-weight: 700;
    text-transform: uppercase
  }

  .final-balance-row-b>p {
    text-align: right;
    padding: 0 5px
  }

  .column-view-form-m-profit {
    float: left;
    width: 100%;
    box-sizing: border-box;
    background: var(--skin-10);
    padding: 10px
  }

  .column-view-form-m-profit .details-form-item-m {
    margin: 0 0 10px
  }

  .payments-form-wrapper {
    float: left;
    width: 100%;
    background: var(--skin-12)
  }

  .animate-from-right-to-left {
    -webkit-animation: open-single-payment .3s ease-in-out;
    animation: open-single-payment .3s ease-in-out
  }

  @-webkit-keyframes open-single-payment {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
    }

    to {
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0)
    }
  }

  @keyframes open-single-payment {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
    }

    to {
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0)
    }
  }

  .single-payment-title {
    float: left;
    width: 100%;
    background: var(--skin-11);
    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: var(--text-6);
    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: var(--skin-11)
  }

  .frineds-list .title {
    padding: 15px
  }

  .frineds-list .radio-form-item {
    padding-left: 11px;
    background: var(--skin-11);
    margin: 1px 0;
    padding-top: 5px
  }

  .frineds-list .radio-form-item label span {
    padding-left: 5px
  }

  .rate-section {
    padding: 0 0 10px
  }

  .vaucher-button-s {
    float: right;
    width: auto;
    margin: 0 0 10px
  }

  .verify-text-block-m {
    float: left;
    width: 100%;
    background: var(--skin-11);
    box-sizing: border-box;
    padding: 0 10px 20px;
    border-top: 1px solid var(--skin-12)
  }

  .verify-text-block-m>p {
    font-size: 14px;
    line-height: 16px;
    color: var(--text-2);
    padding: 10px 0
  }

  .link-to-verify {
    float: left;
    width: 100%;
    background: var(--brand);
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 0 0 1px var(--skin-5) inset
  }

  .link-to-verify>a {
    color: var(--brand-sc);
    font-size: 14px;
    text-decoration: none;
    line-height: 38px
  }

  .deposit-methods,
  .deposits-wrapper {
    float: left;
    width: 100%
  }

  .deposit-methods {
    background: var(--skin-12)
  }

  .single-method-deposit {
    float: left;
    width: 100%;
    background: var(--skin-12);
    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: var(--text-6);
    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%
  }

  .deposit-new-p {
    width: 100%
  }

  .d-p-list-w {
    width: 100%;
    box-sizing: border-box;
    padding: 0 12px
  }

  .d-title-balance-v {
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 0 24px;
    margin: 0 0 24px
  }

  .d-title-balance-v>.n-p-title-v {
    width: auto;
    display: table-cell;
    vertical-align: bottom
  }

  .balance-cell-w {
    display: table-cell;
    vertical-align: middle;
    text-align: right
  }

  .balance-cell-w>span {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-7)
  }

  .balance-cell-w>p {
    width: 100%;
    font-size: 21px;
    line-height: 24px;
    font-weight: 700;
    color: var(--brand)
  }

  .first-deposit-t-w {
    margin: 6px 0 0;
    width: 100%;
    background: rgba(var(--brand-rgb), .2);
    border-radius: 10px;
    border: 1px dashed var(--favorite);
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: var(--favorite)
  }

  .deposit-p-title-v {
    padding: 0 12px;
    width: 100%;
    text-transform: uppercase;
    color: var(--text-3);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 24px 0 14px
  }

  .d-p-list-box {
    width: 100%
  }

  .d-p-list-box>.single-d-p-v:first-child,
  .d-p-list-box>.single-d-p-v:nth-child(4n+1) {
    margin-left: 0
  }

  .single-d-p-v {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 15px) / 4);
    padding: 0;
    position: relative;
    margin: 0 0 8px 5px
  }

  .d-p-name-v {
    padding: 10px 5px 5px;
    font-size: 10px;
    line-height: 12px;
    color: var(--text-1)
  }

  .d-p-name-v,
  .p-logo-w {
    width: 100%;
    text-align: center
  }

  .p-logo-w {
    height: 64px;
    background: var(--skin-10);
    border-radius: 6px;
    display: table;
    table-layout: fixed
  }

  .p-logo-w>span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 8px
  }

  .p-logo-w>span>img {
    max-width: 100%;
    max-height: 32px;
    display: inline-block;
    vertical-align: top
  }

  .payments-form-wrapper {
    float: left;
    width: 100%;
    background: var(--skin-12)
  }

  .payment-text-container {
    float: left;
    width: 100%;
    padding: 0 0 5px 10px;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-4)
  }

  .betshop-list-v-m {
    float: left;
    width: 100%;
    padding: 10px
  }

  .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 var(--text-8);
    text-transform: uppercase;
    color: var(--text-3)
  }

  .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: var(--text-3);
    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: var(--text-3);
    top: 6px;
    right: 0
  }

  .separator-box-buttons-m.second {
    float: left;
    width: 100%;
    background: var(--skin-11);
    padding: 10px
  }

  .separator-box-buttons-m.second li span {
    color: var(--hero);
    text-transform: uppercase
  }

  .separator-box-buttons-m.second li p {
    float: left;
    width: 100%;
    color: var(--text-6);
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
    padding: 0 0 10px
  }

  .fixed_withdraw_bottom_box {
    position: fixed;
    bottom: 45px;
    background: var(--skin-11);
    z-index: 100;
    left: 0;
    right: 0;
    padding: 10px;
    border-top: 1px solid var(--skin-8);
    width: 100%
  }

  .iframe-wrapper {
    float: left;
    width: 100%
  }

  #iframe,
  .iframe-wrapper>iframe {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 580px;
    max-height: 580px
  }

  .deposit-form-container.payment_form_padding_bottom {
    padding: 15px 10px 100px
  }

  .deposit-form-container .betshop-list-v-m {
    padding: 0
  }

  .deposit-form-container {
    float: left;
    width: 100%;
    background: var(--skin-11);
    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
  }

  .bread-crumbs-view-m {
    float: left;
    width: 100%;
    height: 38px;
    background: var(--brand);
    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: var(--skin-3);
    background: rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .bread-crumbs-view-m.favorites {
    background: var(--favorite)
  }

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

  .bread-crumbs-view-m>p {
    float: left;
    width: 100%;
    padding: 0 10px 0 12px;
    color: var(--brand-sc);
    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: var(--text-1)
  }

  .single-payment-title {
    float: left;
    width: 100%;
    background: var(--skin-11);
    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: var(--text-6);
    text-align: right
  }

  .single-payment-title>ul>li>p>i {
    font-style: normal;
    display: inline-block
  }

  .details-form-item-m>label,
  .single-payment-title>ul>li>p>i {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
  }

  .details-form-item-m>label {
    float: left;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-4);
    margin: 0 0 5px
  }

  .title-separator-contain-b {
    float: left;
    width: 100%;
    height: 40px;
    background: var(--skin-10);
    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: var(--text-4);
    position: relative
  }

  .radio-form-item {
    float: left;
    width: 100%;
    margin: 0 0 10px
  }

  .radio-form-item>label {
    float: left;
    width: 100%;
    color: var(--text-6);
    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: var(--skin-6);
    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: var(--skin-12);
    z-index: 21
  }

  .input-file {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
  }

  .input-file+label {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 38px;
    color: #6e6e6e;
    font-weight: 400;
    display: table
  }

  .input-file+label>span {
    display: table-cell;
    box-shadow: inset 1px 0 0 #6e6e6e, inset 0 1px 0 #6e6e6e, inset 0 -1px 0 #6e6e6e;
    padding: 0 10px;
    width: 100%
  }

  .input-file+label>i {
    display: table-cell;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
    background: #12523d;
    padding: 0 15px;
    text-align: center
  }

  .form-fields {
    float: left;
    width: 100%
  }

  .form-fields .form-p-i-m {
    float: left;
    width: 100%;
    margin-bottom: 15px
  }

  .form-fields .form-p-i-m .description-label-w-m {
    margin-bottom: 5px
  }

  .form-fields .form-p-i-m .imp-file-box {
    float: left;
    width: 100%
  }

  .payments-form-wrapper {
    float: left;
    width: 100%;
    background: var(--skin-12)
  }

  .payment-text-container {
    float: left;
    width: 100%;
    padding: 0 0 5px 10px;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-4)
  }

  .bread-crumbs-view-m {
    float: left;
    width: 100%;
    height: 38px;
    background: var(--brand);
    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: var(--brand-sc);
    background: rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .bread-crumbs-view-m.favorites {
    background: var(--favorite)
  }

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

  .bread-crumbs-view-m>p {
    float: left;
    width: 100%;
    padding: 0 10px 0 12px;
    color: var(--brand-sc);
    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: var(--text-1)
  }

  .deposit-form-container {
    float: left;
    width: 100%;
    background: var(--skin-11);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    margin: 0 0 1px;
    padding: 15px 10px 10px
  }

  .betshop-list-v-m {
    float: left;
    width: 100%;
    padding: 10px
  }

  .betshop-list-v-m>label {
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--text-8);
    text-transform: uppercase;
    color: var(--text-3)
  }

  .betshop-list-v-m>label,
  .radio-form-item {
    float: left;
    width: 100%;
    margin: 0 0 10px
  }

  .radio-form-item>label {
    float: left;
    width: 100%;
    color: var(--text-6);
    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: var(--skin-6);
    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: var(--skin-12);
    z-index: 21
  }

  .single-payment-title {
    float: left;
    width: 100%;
    background: var(--skin-11);
    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: var(--text-6);
    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%
  }

  .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
  }

  .details-form-item-m>label {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-4);
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .filter-view-b {
    background: #282c38;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px 10px;
    margin: 0 0 2px
  }

  .details-form-item-m,
  .filter-view-b {
    float: left;
    width: 100%
  }

  .details-form-item-m>label {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-4);
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .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
  }

  .open-bets {
    float: left;
    width: 100%
  }

  .open-bets .md-progress-circular {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999
  }

  .popup-m {
    z-index: 99998
  }

  .bet-coupon-view {
    float: left;
    width: 100%;
    background: var(--skin-10);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 15px 10px;
    margin: 0 0 4px
  }

  .bet-coupon-view.bonus {
    background: var(--skin-8)
  }

  .top-row-info-bet {
    float: left;
    width: 100%;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--text-12)
  }

  .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: var(--text-6)
  }

  .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: var(--text-6);
    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: var(--text-3);
    position: relative;
    padding: 0 20px 0 0
  }

  .additional-information-bet>i.event-count {
    padding: 0 0 0 5px
  }

  .additional-information-bet>i.event-count:before {
    display: none
  }

  .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:after,
  .status-bet-coupon:before {
    position: absolute;
    top: 0;
    left: 0;
    font: 12px/14px icomoon;
    text-align: left
  }

  .unsettled {
    color: #1a7051
  }

  .unsetteled {
    color: var(--accent)
  }

  .won {
    color: #1a7051
  }

  .lost {
    color: #e9044a
  }

  .won:before {
    content: "T"
  }

  .lost:before {
    content: "\E90C";
    font-size: 10px
  }

  .recalc:after {
    content: "\E9B6";
    color: var(--text-6);
    left: -25px;
    top: -2px;
    font-size: 14px;
    position: absolute
  }

  .recalc.unsetteled:after {
    left: -5px
  }

  .recalc.event-status-icon:after {
    font-size: 20px
  }

  .recalc-note {
    border-top: 1px solid var(--skin-14);
    clear: both;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 10px 0 5px
  }

  .recalc-note.open div {
    max-height: 500px
  }

  .recalc-note.open span:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .recalc-note>span {
    font-size: 13px;
    line-height: 21px;
    color: var(--text-6);
    padding: 0 23px;
    display: block;
    position: relative
  }

  .recalc-note>span:after,
  .recalc-note>span:before {
    font-family: Icomoon;
    position: absolute;
    top: 0
  }

  .recalc-note>span:before {
    content: "\E965";
    left: 0;
    font-size: 16px
  }

  .recalc-note>span:after {
    content: "\E670";
    right: 0;
    font-size: 22px
  }

  .recalc-note>div {
    font-size: 12px;
    color: var(--text-6);
    line-height: 16px;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 1s linear;
    transition: max-height 1s linear
  }

  .recalc-note>div p {
    padding: 10px 0 0
  }

  .date-id-info-bet {
    float: left;
    width: 100%;
    margin: 4px 0 0
  }

  .id-info-view {
    float: left;
    display: block;
    color: var(--text-6);
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    position: relative
  }

  .id-info-view>b {
    font-weight: 400;
    color: var(--text-3);
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 2px
  }

  .id-info-view.car:after {
    display: block;
    content: "\E643";
    font: 24px/16px Sport-icons;
    color: #e32f44;
    float: right;
    padding: 0 0 0 10px
  }

  .date-id-info-bet>i {
    float: right;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-6);
    font-style: normal
  }

  .stake-odd-view-box {
    float: left;
    width: 100%;
    border-top: 1px solid var(--skin-8);
    padding: 3px 0 5px
  }

  .stake-container {
    float: left;
    width: 100%;
    padding: 5px 0
  }

  .stake-container.net-stake-title b {
    color: var(--text-3)
  }

  .stake-container>b {
    float: left;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-6)
  }

  .stake-container>span {
    float: right;
    color: var(--text-3);
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase
  }

  .stake-container>span>i {
    font-style: normal
  }

  .stake-container.odd>span {
    color: var(--accent)
  }

  .possible-win-coupon {
    float: left;
    width: 100%;
    border-top: 1px solid var(--skin-8);
    padding: 8px 0;
    box-shadow: 0 -1px 0 var(--skin-14)
  }

  .possible-win-coupon>p {
    float: left;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-6)
  }

  .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: var(--text-3)
  }

  .cash-out-button>.button-view-normal-m>b {
    float: right;
    font-weight: 400;
    color: var(--text-3)
  }

  .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: var(--text-6);
    font-size: 14px;
    line-height: 18px;
    text-align: center
  }

  .re-bet {
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin: 10px 0 0;
    color: var(--text-4);
    text-transform: uppercase;
    padding: 4px 8px;
    border: 1px solid var(--skin-6)
  }

  .re-bet:before {
    content: "\E705";
    font: 14px/16px icomoon;
    padding: 0 5px 0 0
  }

  .edit-bet-pen {
    display: block;
    width: 28px;
    height: 28px;
    position: relative;
    border: 1px solid var(--text-3);
    text-align: center
  }

  .edit-bet-pen:before {
    content: "\E956";
    display: block;
    font: 16px/28px icomoon;
    color: var(--text-3)
  }

  .bet-coupon-view .edit-bet-pen {
    position: absolute;
    left: 120px;
    top: 3px
  }

  .quick-bet-settings-view.edit-bet-mode-m {
    padding: 0 88px 0 40px;
    position: relative
  }

  .quick-bet-settings-view.edit-bet-mode-m>h3 {
    text-transform: uppercase
  }

  .quick-bet-settings-view.edit-bet-mode-m:before {
    content: "\E956";
    font: 22px/46px icomoon;
    color: var(--text-3);
    position: absolute;
    top: 0;
    left: 12px
  }

  .add-to-bet-b {
    font-size: 11px;
    padding: 0 10px;
    background: var(--brand-sc);
    color: var(--brand);
    border: none;
    height: 20px;
    line-height: 20px
  }

  .edit-bet-selections-info>button {
    position: absolute;
    right: 10px;
    top: 5px
  }

  .edit-bet-win-info span {
    display: table-cell;
    padding: 0;
    font-size: 12px;
    line-height: 13px;
    color: var(--text-3)
  }

  .edit-bet-win-info span:nth-child(2) {
    color: var(--odd);
    padding-left: 10px
  }

  .add-selection-block .edit-bet-win-info span {
    font-size: 12px;
    line-height: 18px
  }

  .add-selection-block .edit-bet-win-info p {
    float: left;
    width: 100%
  }

  .edit-bet-win-info>p>span:nth-child(2) {
    color: var(--text-1)
  }

  .edit-bet-stake-amount {
    float: left;
    width: 100%;
    box-sizing: border-box;
    background: var(--skin-12);
    margin-top: 3px
  }

  .edit-bet-stake-amount>span {
    float: right;
    font-size: 12px;
    line-height: 14px;
    color: #008d47;
    border-bottom: 2px dashed #008d47
  }

  .edit-bet-stake-amount>span>i {
    font-style: normal;
    color: var(--text-2);
    padding: 0 0 0 5px
  }

  .edit-bet-stake-amount>span>i:nth-child(2) {
    background: #008d47;
    font-style: normal;
    border-radius: 3px;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 0 5px;
    padding: 0 3px;
    color: var(--text-2)
  }

  .edit-bet-stake-amount>span>i:empty {
    display: none
  }

  .add-selection-block .edit-bet-stake-amount {
    padding: 0 0 6px;
    margin-top: 0
  }

  .add-selection-block .edit-bet-stake-amount>span {
    color: #008d47;
    float: left;
    border-bottom: 2px dashed
  }

  .add-selection-block .edit-bet-stake-amount>span>i {
    background: #008d47;
    color: var(--text-1);
    font-style: normal;
    border-radius: 3px;
    font-size: 12px;
    line-height: 16px;
    margin: 0 5px;
    padding: 0 3px
  }

  .add-selection-block .edit-bet-stake-amount>span>i:empty {
    display: none
  }

  .add-selection-block .edit-bet-stake-amount>span>i:first-child {
    background: none
  }

  .edit-bet-win-info .sum-bet-win-price-m>i,
  .edit-bet-win-info>p>span:nth-child(2)>i {
    font-style: normal;
    font-size: 12px;
    color: var(--text-3)
  }

  .edit-bet-win-info .sum-bet-win-price-m>i {
    padding-left: 10px
  }

  .possible-text-title-m .sum-bet-win-price-m {
    display: inline-block
  }

  .edit-bet-win-info .possible-win-container {
    margin: 0
  }

  .coin-c {
    width: 15px;
    height: 24px;
    display: block;
    margin-right: 6px;
    font: 10px/15px icomoon;
    color: #ecbc47;
    position: relative;
    float: left
  }

  .coin-c:before {
    content: "\E95E";
    position: absolute
  }

  .profile-view-wrapper {
    float: left;
    width: 100%
  }

  .deposit-form-container {
    background: var(--skin-11);
    margin: 0 0 1px
  }

  .deposit-form-container,
  .filter-view-b {
    float: left;
    width: 100%;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px 10px
  }

  .filter-view-b {
    background: #282c38;
    margin: 0 0 2px
  }

  .details-form-item-m {
    float: left;
    width: 100%
  }

  .details-form-item-m>label {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-4);
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .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
  }

  .title-separator-contain-b {
    float: left;
    width: 100%;
    height: 40px;
    background: var(--skin-10);
    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: var(--text-4);
    position: relative
  }

  .page-menu-contain {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: var(--skin-12);
    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: var(--text-6)
  }

  .page-menu-contain>ul>li>a.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-1)
  }

  .mt15 {
    margin-top: 15px
  }

  .bet-history-back-v {
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    font: 20px/40px icomoon;
    cursor: pointer;
    background: var(--skin-8);
    color: var(--skin-8-sc)
  }

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

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

  .bet-id-details {
    background: var(--skin-12);
    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: var(--text-3)
  }

  .bet-id-details>h2>span {
    color: var(--text-6);
    text-transform: uppercase
  }

  .bet-id-details .system-props {
    float: right
  }

  .bet-id-details>h2>i {
    font-style: normal
  }

  .bet-stake-odd-view {
    float: left;
    width: 100%;
    background: var(--skin-10);
    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 var(--skin-14);
    padding: 0 0 5px
  }

  .bet-info-text-r {
    float: left;
    width: 100%;
    color: var(--text-6);
    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: var(--text-3)
  }

  .odd-count-m {
    color: var(--accent)
  }

  .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: var(--skin-10);
    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: var(--text-3)
  }

  .event-status-icon {
    width: 24px;
    height: 38px;
    font: 20px/38px icomoon;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    color: var(--text-6)
  }

  .won-icon:before {
    content: "\E6EC";
    color: #1a7051
  }

  .lost-icon:before {
    content: "\E6EB";
    color: #e9044a
  }

  .waiting-icon:before {
    content: "\E704"
  }

  .returned-icon:before {
    content: "\E705"
  }

  .sport-league-n-date {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid var(--text-12);
    padding: 8px 0 10px 22px
  }

  .sport-league-n-date>p {
    float: left;
    width: 100%;
    display: table;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-6)
  }

  .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: var(--text-6);
    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: var(--text-6)
  }

  .pick-title-info-m>i {
    font-style: normal;
    color: var(--text-3)
  }

  .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: var(--accent)
  }

  .single-event-info-m .history-game-scores {
    width: 60%;
    float: left;
    margin: 5px 0 0;
    position: relative
  }

  .bread-crumbs-view-m {
    float: left;
    width: 100%;
    height: 38px;
    background: var(--brand);
    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: var(--text-3);
    background: rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 0 hsla(224, 9%, 53%, .15)
  }

  .bread-crumbs-view-m.favorites {
    background: var(--favorite)
  }

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

  .bread-crumbs-view-m>p {
    float: left;
    width: 100%;
    padding: 0 10px 0 12px;
    color: var(--brand-sc);
    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: var(--text-1)
  }

  .history-separator .tax-block {
    font-size: 13px;
    display: grid;
    grid-template-columns: 1fr auto;
    color: var(--text-6)
  }

  .history-separator .tax-block+.tax-block {
    margin: 6px 0 0
  }

  .history-separator .tax-block+.bet-won-info-m {
    margin: 10px 0 0
  }

  .history-separator .tax-block i {
    font-style: normal
  }

  .history-separator .tax-block .tax-price,
  .history-separator .tax-block .tax-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .history-separator .tax-block .tax-title>span {
    float: none;
    text-transform: none
  }

  .history-separator .tax-block .tax-price {
    text-align: right
  }

  .history-separator .tax-block:nth-child(3) {
    color: var(--text-3)
  }

  .history-separator .tax-block:nth-child(7)>li:last-child span:last-child {
    color: #171c2c
  }

  .history-separator .tax-block:nth-child(4) {
    padding: 0 0 10px;
    margin: 6px 0 10px;
    border-bottom: 1px solid var(--skin-12);
    box-shadow: 0 1px 0 var(--skin-8)
  }

  .history-separator .tax-block:nth-child(4)>li span:last-child {
    color: #f8e358
  }

  .title-separator-contain-b {
    float: left;
    width: 100%;
    height: 40px;
    background: var(--skin-10);
    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: var(--text-4);
    position: relative
  }

  .page-menu-contain {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: var(--skin-12);
    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: var(--text-6)
  }

  .page-menu-contain>ul>li>a.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-1)
  }

  .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: var(--text-3)
  }

  .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: var(--brand)
  }

  .filter-view-b.transfer-view-m {
    padding: 10px 0 0;
    background: none
  }

  .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
  }

  .deposit-form-container {
    background: var(--skin-11);
    margin: 0 0 1px
  }

  .deposit-form-container,
  .filter-view-b {
    float: left;
    width: 100%;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    padding: 15px 10px 10px
  }

  .filter-view-b {
    background: #282c38;
    margin: 0 0 2px
  }

  .details-form-item-m {
    float: left;
    width: 100%
  }

  .details-form-item-m>label {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-4);
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .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
  }

  .balance-view-progress-b {
    margin: 0 0 10px;
    padding: 0 10px;
    background: var(--skin-11)
  }

  .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: var(--text-2);
    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: var(--text-6)
  }

  .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: var(--skin-6)
  }

  .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: var(--text-6);
    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: var(--text-2)
  }

  .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: var(--skin-10);
    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: var(--text-4);
    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: var(--text-9);
    font: 50px/120px icomoon;
    text-align: center;
    color: var(--text-5)
  }

  .bonus-icon-view:before {
    content: "\E90A";
    color: var(--accent)
  }

  .claim-b {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: center;
    margin: -20px 0 0
  }

  .claim-b>.button-view-normal-m {
    width: auto;
    max-width: 100%;
    padding: 0 12px;
    float: none;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .bonus-info-contain>ul>li>p {
    float: left;
    width: 100%;
    color: var(--text-6);
    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: var(--hero)
  }

  .bonus-more-view-wrapper,
  .title-info-bonus {
    float: left;
    width: 100%
  }

  .title-info-bonus {
    position: relative;
    padding: 0 38px 0 15px;
    height: 40px;
    background: var(--skin-12);
    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: var(--text-6);
    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: var(--text-6)
  }

  .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;
    -webkit-transition: max-height .36s;
    transition: max-height .36s
  }

  .title-info-bonus.active+.sub-info-contain {
    max-height: 500px;
    -webkit-transition: max-height .6s;
    transition: max-height .6s
  }

  .sub-info-contain>p {
    float: left;
    width: 100%;
    background: var(--skin-10);
    padding: 15px;
    margin: 1px 0 0;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-6);
    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: var(--text-4)
  }

  .bonus-info-contain>ul>li>p.status-1>span {
    color: #1a7152
  }

  .bonus-info-contain>ul>li>p.status-0>span {
    color: var(--accent)
  }

  .bonus-claim-button-w {
    float: left;
    width: 100%;
    background: var(--skin-10);
    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: #fccd09;
    box-shadow: inset 0 0 0 1px #fccd09
  }

  .bonus-claim-button-w>span {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-6);
    padding: 0 0 5px
  }

  .icon-view-u-m.promo-view-m>i {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: 18px;
    top: 2px;
    background: var(--accent);
    text-align: center;
    font: 10px/16px Roboto, sans-serif;
    color: var(--accent-sc)
  }

  .title-separator-contain-b {
    float: left;
    width: 100%;
    height: 40px;
    background: var(--skin-10);
    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: var(--text-4);
    position: relative
  }

  .title-separator-contain-b>a {
    text-decoration: none;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 15px;
    color: var(--skin-5);
    font: 16px/18px icomoon
  }

  .title-separator-contain-b>a:before {
    content: "\E90C"
  }

  .page-menu-contain {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    background: var(--skin-12);
    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: var(--text-6)
  }

  .page-menu-contain>ul>li>a.active {
    box-shadow: 0 -2px 0 var(--hero) inset;
    color: var(--text-1)
  }

  .loyalty-page-wrapper,
  .loyalty-wrapper,
  .loyalty-wrapper>h1 {
    float: left;
    width: 100%
  }

  .loyalty-wrapper>h1 {
    padding: 0 10px;
    text-align: center;
    background: var(--skin-11);
    font-weight: 400;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: var(--text-4);
    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: var(--skin-10);
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--skin-13);
    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: var(--text-4)
  }

  .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: var(--skin-8);
    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;
    -webkit-transform: rotate(270deg) rotateX(180deg);
    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: var(--skin-7);
    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: var(--text-1);
    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: var(--text-4)
  }

  .loyalty-points-j .lp-header-j .lp-status-panel-wrap-j .lp-circle-wrapper-j>h3 {
    font-size: 12px;
    line-height: 12px;
    color: var(--text-2);
    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: var(--text-4);
    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;
    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: var(--text-1);
    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: var(--text-3);
    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: var(--text-3);
    font-weight: 400;
    margin: 0 0 18px
  }

  .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: var(--text-1)
  }

  .loyalty-points-j .lp-current-status-j button {
    float: left;
    height: 30px;
    border: 1px solid var(--text-4);
    background: none;
    text-transform: uppercase;
    font-size: 12px;
    color: var(--text-2);
    padding: 0 23px;
    -webkit-transition: color .3s, background .3s, border-color .24s;
    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: var(--skin-11);
    border-bottom: 1px solid var(--skin-13);
    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: var(--skin-8);
    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;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .loyalty-points-j .lp-progress-bar-j .lp-packs-wrap-j {
    color: var(--text-3);
    font-size: 11px;
    line-height: 11px;
    margin: 0 0 12px
  }

  .loyalty-points-j .lp-packs-group-wrap-j {
    padding: 10px 0 0;
    overflow-y: hidden
  }

  .loyalty-points-j .lp-packs-group-wrap-j::-webkit-scrollbar {
    display: none
  }

  .loyalty-points-j .lp-packs-wrap-j {
    float: left;
    width: 100%
  }

  .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%;
    overflow-x: auto;
    white-space: nowrap
  }

  .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: 190px;
    box-shadow: 0 1px 0 var(--skin-13);
    background: var(--skin-12);
    padding: 13px;
    text-align: center;
    -webkit-transition: background .24s;
    transition: background .24s
  }

  .loyalty-points-j .lp-pack-wrap-j h2 {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 18px;
    color: var(--skin-11-sc)
  }

  .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: var(--text-1);
    font-size: 12px;
    height: 30px;
    background: none;
    border: 1px solid var(--text-4);
    -webkit-transition: border-color .24s, box-shadow .24s, color .24s;
    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;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    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;
    -webkit-transition: background .24s;
    transition: background .24s
  }

  .loyalty-points-j .lp-pack-details-j {
    float: left;
    width: 100%;
    -webkit-transition: max-height .5s;
    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%
  }

  .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 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(../images/Bronze.png) no-repeat 50% 50%/contain
  }

  .loyalty-points-j .lp-header-j.Bronze .lp-pack-icon-j {
    background-image: url(../images/Bronze.png)
  }

  .loyalty-points-j .lp-header-j.Bronze .user-info-show-p>p {
    color: #d6bd92
  }

  .loyalty-points-j .lp-header-j.Bronze .lp-current-status-j .lp-current-status-icon-holder-j:before {
    background: -webkit-linear-gradient(-45deg, hsla(38, 35%, 80%, .5), transparent 53%, transparent);
    background: -webkit-linear-gradient(315deg, 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;
    -webkit-transform: skewX(-41deg);
    -ms-transform: skewX(-41deg);
    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(../images/Bronze.png);
    border-color: #a3906f
  }

  .loyalty-points-j .lp-header-j.Bronze .lp-circle-wrapper-j .lp-circle-group-w-j {
    background: #d1c3a4;
    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;
    background: #625d4b
  }

  .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(../images/Bronze.png)
  }

  .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;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    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(../images/Silver.png) no-repeat 50% 50%/contain
  }

  .loyalty-points-j .lp-header-j.Silver .lp-pack-icon-j {
    background-image: url(../images/Silver.png)
  }

  .loyalty-points-j .lp-header-j.Silver .user-info-show-p>p {
    color: #c2c5cd
  }

  .loyalty-points-j .lp-header-j.Silver .lp-current-status-j .lp-current-status-icon-holder-j:before {
    background: -webkit-linear-gradient(-45deg, rgba(227, 229, 234, .5), transparent 53%, transparent);
    background: -webkit-linear-gradient(315deg, 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;
    -webkit-transform: skewX(-41deg);
    -ms-transform: skewX(-41deg);
    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(../images/Silver.png);
    border-color: #c2c5cd
  }

  .loyalty-points-j .lp-header-j.Silver .lp-circle-wrapper-j .lp-circle-group-w-j {
    background: #b8bfc2;
    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;
    background: #777c81
  }

  .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(../images/Silver.png)
  }

  .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;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    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(../images/Gold.png) no-repeat 50% 50%/contain
  }

  .loyalty-points-j .lp-header-j.Gold .lp-pack-icon-j {
    background-image: url(../images/Gold.png)
  }

  .loyalty-points-j .lp-header-j.Gold .user-info-show-p>p {
    color: #e5ba6a
  }

  .loyalty-points-j .lp-header-j.Gold .lp-current-status-j .lp-current-status-icon-holder-j:before {
    background: -webkit-linear-gradient(-45deg, rgba(250, 184, 59, .5), transparent 53%, transparent);
    background: -webkit-linear-gradient(315deg, 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;
    -webkit-transform: skewX(-41deg);
    -ms-transform: skewX(-41deg);
    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(../images/Gold.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: -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;
    background: #79684c
  }

  .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(../images/Gold.png)
  }

  .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;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    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(../images/Platin.png) no-repeat 50% 50%/contain
  }

  .loyalty-points-j .lp-header-j.Platin .lp-pack-icon-j {
    background-image: url(../images/Platin.png)
  }

  .loyalty-points-j .lp-header-j.Platin .user-info-show-p>p {
    color: #f2ebeb
  }

  .loyalty-points-j .lp-header-j.Platin .lp-current-status-j .lp-current-status-icon-holder-j:before {
    background: -webkit-linear-gradient(-45deg, hsla(0, 2%, 90%, .5), transparent 53%, transparent);
    background: -webkit-linear-gradient(315deg, 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;
    -webkit-transform: skewX(-41deg);
    -ms-transform: skewX(-41deg);
    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(../images/Platin.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: -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;
    background: #9e9da1
  }

  .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(../images/Platin.png)
  }

  .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;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    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(../images/Diamond.png) no-repeat 50% 50%/contain
  }

  .loyalty-points-j .lp-header-j.Diamond .lp-pack-icon-j {
    background-image: url(../images/Diamond.png)
  }

  .loyalty-points-j .lp-header-j.Diamond .user-info-show-p>p {
    color: #6ac7db
  }

  .loyalty-points-j .lp-header-j.Diamond .lp-current-status-j .lp-current-status-icon-holder-j:before {
    background: -webkit-linear-gradient(-45deg, rgba(13, 204, 255, .5), transparent 53%, transparent);
    background: -webkit-linear-gradient(315deg, 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;
    -webkit-transform: skewX(-41deg);
    -ms-transform: skewX(-41deg);
    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(../images/Diamond.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: -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;
    background: #0d788f
  }

  .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(../images/Diamond.png)
  }

  .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;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    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 {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    width: 180px;
    float: none
  }

  .lp-packs-group-wrap-j .lp-packs-wrap-j>li:first-child {
    margin-left: 0
  }

  .lp-packs-group-wrap-j .lp-packs-wrap-j>li:last-child {
    margin-right: 0
  }

  .exchange {
    text-align: center
  }

  .exchange button {
    padding: 7px 12px;
    color: var(--brand-sc);
    border-radius: 3px;
    background-color: var(--brand);
    border: 0;
    margin: 10px auto
  }

  .loyalty-points-j {
    background: var(--skin-12)
  }

  .lp-status-wrap {
    float: left;
    width: 100%;
    background: var(--skin-8);
    box-sizing: border-box;
    padding: 10px
  }

  .lp-status-wrap .separator-box-buttons-m {
    padding-top: 15px
  }

  .lp-status-wrap h4 {
    float: left;
    width: 100%;
    padding-bottom: 10px
  }

  .lp-status-wrap h4>span {
    text-transform: uppercase;
    margin-right: 10px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400
  }

  .lp-status-wrap h4 .aditional-info-b {
    padding: 0;
    text-transform: inherit
  }

  .big-status-label-p {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed
  }

  .big-status-label-p>div {
    display: table-cell;
    vertical-align: top;
    float: left
  }

  .big-status-label-p>div:first-child {
    height: 50px;
    min-width: 50px;
    width: auto;
    margin: 0
  }

  .user-info-show-p {
    padding: 0 0 0 15px
  }

  .user-info-show-p>h1 {
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--text-2)
  }

  .user-info-show-p>p {
    font-size: 14px;
    line-height: 16px
  }

  .next-status-u {
    float: left;
    width: 100%;
    padding: 10px 0;
    font-size: 11px;
    line-height: 13px;
    color: var(--text-5);
    text-transform: uppercase
  }

  .total-progress-bar-l {
    float: left;
    width: 100%;
    padding: 10px 0 40px;
    border-bottom: 1px solid var(--skin-5)
  }

  .progress-container-p {
    float: left;
    width: 100%;
    height: 5px;
    background: var(--skin-14);
    display: block;
    position: relative
  }

  .current-proggres-proc {
    float: left;
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: max-width .24s;
    transition: max-width .24s
  }

  .current-proggres-proc>span {
    border-radius: 10px;
    font-size: 11px;
    line-height: 13px;
    padding: 2px 5px;
    color: var(--text-11);
    position: absolute;
    right: 0;
    top: 15px
  }

  .current-proggres-proc.less>span {
    right: auto;
    left: 0
  }

  .Bronze .current-proggres-proc,
  .Bronze .current-proggres-proc>span {
    background: #d6bd92
  }

  .Silver .current-proggres-proc,
  .Silver .current-proggres-proc>span {
    background: #c2c5cd
  }

  .Gold .current-proggres-proc,
  .Gold .current-proggres-proc>span {
    background: #e5ba6a
  }

  .Platin .current-proggres-proc,
  .Platin .current-proggres-proc>span {
    background: #f2ebeb
  }

  .Diamond .current-proggres-proc,
  .Diamond .current-proggres-proc>span {
    background: #6ac7db
  }

  .points-viev-block-p {
    float: left;
    width: 100%;
    padding: 15px 0 0
  }

  .points-viev-block-p .total-progress-bar-l {
    border-bottom: none;
    padding: 0
  }

  .m-points-ex {
    float: left;
    width: 100%;
    display: table
  }

  .m-points-ex>div {
    display: table-cell;
    padding-bottom: 10px
  }

  .m-points-ex>div:last-child {
    width: 35%;
    text-align: right
  }

  .m-points-ex>div>p {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 0 0 3px
  }

  .m-points-ex>div>span {
    font-size: 11px;
    line-height: 13px;
    color: var(--text-5)
  }

  .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: var(--hero)
  }

  .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: var(--text-6)
  }

  .animation-error {
    margin: 150px auto;
    text-align: center;
    width: 50px;
    height: 50px
  }

  .error-icon-b {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-color: var(--hero);
    font-size: 0;
    border-radius: 50%;
    box-shadow: 0 0 5px var(--text-16);
    -webkit-animation: animation-bbb 1s infinite;
    animation: animation-bbb 1s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  .error-icon-b:before {
    font: 50px/50px Sport-icons;
    content: "\E66F";
    color: var(--hero-sc);
    background: var(--hero);
    border-radius: 50%;
    -webkit-animation: error-view-p 8s infinite;
    animation: error-view-p 8s infinite;
    display: block;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
  }

  @-webkit-keyframes animation-bbb {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: translate3d(0, 50px, 0) scaleX(1.2) scaleY(.8);
      transform: translate3d(0, 50px, 0) scaleX(1.2) scaleY(.8);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      overflow: hidden;
      background: var(--skin-1)
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @keyframes animation-bbb {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: translate3d(0, 50px, 0) scaleX(1.2) scaleY(.8);
      transform: translate3d(0, 50px, 0) scaleX(1.2) scaleY(.8);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      overflow: hidden;
      background: var(--skin-1)
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }
  }

  @-webkit-keyframes error-view-p {

    0%,
    to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }

    50% {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
    }
  }

  @keyframes error-view-p {

    0%,
    to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }

    50% {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
    }
  }

  .data-filter-menu-p,
  .date-filter-result-p {
    float: left;
    width: 100%
  }

  .data-filter-menu-p {
    display: table;
    box-sizing: border-box;
    padding: 10px 10px 14px;
    background: var(--skin-10);
    border-bottom: 1px solid var(--skin-14);
    border-top: 1px solid var(--skin-8)
  }

  .data-filter-menu-p>li {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0 1px 0 0
  }

  .data-filter-menu-p>li>button {
    float: left;
    width: 100%;
    background: var(--skin-11);
    height: 30px;
    color: var(--text-4);
    border: 1px solid var(--skin-7);
    margin: 0 1px 0 0
  }

  .data-filter-menu-p>li>button.active {
    border: 2px solid var(--hero);
    color: var(--text-2)
  }

  .show-result-row {
    float: left;
    width: 100%
  }

  .show-result-row .title-row-u-m {
    padding: 0 38px 0 15px;
    position: relative;
    z-index: inherit
  }

  .total-deposit-m {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 1px 6px
  }

  .total-deposit-m .balance-h-row-b {
    padding: 8px 3px;
    margin: 1px 0 0;
    background: var(--skin-12)
  }

  .final-balance-row-b {
    float: left;
    width: 100%;
    display: table;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06);
    height: 38px;
    padding: 10px;
    background: var(--skin-12)
  }

  .final-balance-row-b>h6,
  .final-balance-row-b>p {
    display: table-cell;
    vertical-align: top
  }

  .final-balance-row-b>h6 i,
  .final-balance-row-b>p i {
    font-weight: 700;
    font-style: normal
  }

  .final-balance-row-b>h6 {
    font-size: 14px;
    line-height: 16px;
    color: var(--text-2);
    padding: 0 5px;
    font-weight: 700;
    text-transform: uppercase
  }

  .final-balance-row-b>p {
    text-align: right;
    padding: 0 5px
  }

  .column-view-form-m-profit {
    float: left;
    width: 100%;
    box-sizing: border-box;
    background: var(--skin-10);
    padding: 10px
  }

  .column-view-form-m-profit .details-form-item-m {
    margin: 0 0 10px
  }

  .show-result-row {
    position: fixed;
    bottom: 0
  }

  .balance-h-row-b>h5,
  .balance-h-row-b>p {
    font-size: 13px
  }

  .profit .second-r-b .balance-h-row-b span {
    text-align: left
  }

  .single-b-row-m.second-r-b .balance-h-row-b p {
    font-size: 15px
  }

  .show-result-row .title-row-u-m {
    top: 2px
  }

  .profit .second-r-b>.balance-h-row-b>h6 {
    text-align: right
  }

  .history-results {
    float: left;
    width: 100%;
    padding-bottom: 74px
  }

  .history-results.active {
    padding-bottom: 144px
  }

  .has-bet-slip .history-results .show-result-row {
    bottom: 44px
  }

  .open-view-single-u-m>ul {
    background: var(--skin-12)
  }

  .open-view-single-u-m>ul>li {
    border-top: 1px solid var(--skin-14)
  }

  .right-top-nav {
    width: 60px
  }

  .navigation-container-m:after {
    box-shadow: -1px 0 0 var(--skin-5);
    right: 51px
  }

  .esports-navigation {
    background: var(--skin-14);
    z-index: 444;
    float: left;
    width: 100%;
    margin: 0
  }

  .esport-nav-container-m {
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding: 10px 8px 25px
  }

  .esport-nav-container-m>a {
    height: 40px;
    display: inline-block;
    border-radius: 3px;
    background-color: none;
    vertical-align: top;
    margin: 0 5px;
    position: relative;
    text-decoration: none
  }

  .esport-nav-container-m>a.active>span {
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .63)
  }

  .esport-nav-container-m>a>p {
    text-decoration: none;
    color: var(--text-3);
    font-size: 13px;
    line-height: 15px;
    padding: 5px 0
  }

  .e-asian-open-v {
    float: left;
    width: 100%;
    display: block;
    table-layout: fixed;
    padding: 10px
  }

  .e-single-game-wrapper-a {
    padding: 0 0 10px;
    float: left;
    background: var(--skin-11)
  }

  .e-asian-comp.second-c-p {
    float: left;
    width: 100%;
    background: var(--skin-11);
    border-radius: 3px 3px 0 0;
    height: 30px;
    padding: 0 30px;
    margin: 10px 0
  }

  .e-asian-comp.second-c-p>.flag-view-m {
    left: 14px;
    top: 24px
  }

  .integration-view .asian-view-filters-wrapper-m.esport,
  .integration-view .asian-view-filters-wrapper-m.esport.active .asian-filter-picker {
    top: 48px
  }

  .esport .asian-v .title-row-u-m,
  .esport .fav-star-m {
    box-shadow: none
  }

  .esport .fav-star-m {
    width: 24px;
    height: 24px;
    line-height: 24px;
    z-index: 444;
    color: var(--text-3)
  }

  .esport .list-games-m {
    padding: 10px
  }

  .esport .game-date-view-m,
  .esport .game-date-view-m.asian-v>ul>li {
    box-shadow: none
  }

  .esport .game-date-view-m {
    background: var(--skin-11)
  }

  .esport .game-date-view-m.asian-v .select-contain-m>select {
    height: 22px;
    color: var(--text-3)
  }

  .esport .game-date-view-m.asian-v>ul>li {
    line-height: 24px;
    width: 46px;
    color: var(--text-3)
  }

  .esport .game-date-view-m.asian-v>ul>li:first-child {
    width: calc(100% - 146px)
  }

  .esport .game-date-view-m>ul>li:first-child p {
    padding-left: 24px
  }

  .e-single-game-wrapper-a .game-date-view-m.asian-v .title-row-u-m {
    line-height: 24px;
    height: 24px
  }

  .e-single-game-wrapper-a .select-contain-m:before {
    top: 2px;
    border-left: none
  }

  .e-single-game-wrapper-a .game-date-view-m.asian-v {
    height: 26px;
    float: left;
    width: 100%
  }

  .e-single-game-wrapper-a .asian-competition-t-v.media {
    box-shadow: none;
    border: none
  }

  .e-single-game-wrapper-a p.select-contain-m.match-a {
    margin: 0;
    width: 100%
  }

  .integration-view .e-single-game-wrapper-a .game-date-view-m.asian-v {
    position: relative;
    top: 0
  }

  .e-game-information-m {
    height: auto;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    float: none
  }

  .e-game-information-m>ul {
    float: left;
    width: 100%;
    height: auto
  }

  .e-game-information-m>ul>li {
    margin: 0 1px 1px 0;
    height: 46px;
    background: var(--skin-7);
    float: left;
    border-radius: 3px
  }

  .e-game-information-m>ul>li:first-child {
    width: calc(100% - 146px)
  }

  .e-game-information-m>ul>li>a {
    float: left;
    width: 100%;
    height: 100%;
    display: block
  }

  .e-game-information-m .e-factor-m {
    font-size: 12px;
    line-height: 46px;
    width: 46px;
    background: #202430;
    color: #c3953c;
    text-align: center;
    position: relative;
    border-radius: 3px;
    margin: 0 1px;
    background: var(--skin-7)
  }

  .e-game-information-m .e-factor-m .bot-m:before {
    left: -12px;
    top: -7px
  }

  .e-game-information-m .e-factor-m .top-m:before {
    left: -10px;
    top: -6px
  }

  .e-game-information-m .asian-competition-t-v.media li:last-child span {
    font-size: 12px
  }

  .e-game-information-m .asian-competition-t-v.media li:last-child span i {
    padding-left: 5px;
    font-style: normal
  }

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

  .e-game-info-mini-m>p {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 15px;
    color: #c1c4cc;
    padding: 5px 0 0;
    display: table;
    height: 100%;
    vertical-align: middle
  }

  .e-single-coefficient-m {
    float: left;
    width: 100%;
    height: 46px;
    display: table;
    position: relative;
    z-index: 22;
    overflow: hidden
  }

  .e-single-coefficient-m.active {
    background: var(--hero);
    border-radius: 3px
  }

  .e-single-coefficient-m>span {
    display: table-cell;
    line-height: 30px;
    vertical-align: middle;
    white-space: normal;
    position: relative
  }

  .e-single-coefficient-m>span>i {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    position: relative;
    padding: 0
  }

  .e-single-game-wrapper-a .asian-game-c .coef {
    line-height: 12px;
    position: relative;
    top: 6px
  }

  .e-single-game-wrapper-a .single-game-list-item-m {
    background: inherit;
    border: none
  }

  .e-single-game-wrapper-a .game-date-view-m>ul {
    padding: 2px 0;
    display: block
  }

  .e-single-game-wrapper-a .game-date-view-m>ul>li {
    max-width: inherit;
    width: 46px;
    display: block;
    float: left;
    margin: 0 1px
  }

  .e-single-game-wrapper-a .game-date-view-m>ul>li:first-child {
    margin-left: 0
  }

  .e-single-coefficient-m.active>span>i {
    color: #fff
  }

  .e-single-game-wrapper-a>.md-progress-circular {
    display: none
  }

  .esport-nav-container-m .games-count-view-m {
    color: #fff;
    top: 0;
    background: #111a2e;
    padding: 2px 2px 2px 6px;
    top: -9px;
    border-radius: 0 0 0 5px;
    position: relative;
    left: 19px;
    font-size: 9px
  }

  .esport-nav-container-m .esport-icon-m {
    width: 40px !important;
    text-align: center;
    margin: 0 auto
  }

  .new-bg {
    position: fixed;
    top: 82px;
    width: 100%;
    height: 100%;
    z-index: -1
  }

  .a-competition-contain .arrow-view-m {
    width: 36px;
    height: 36px;
    line-height: 36px;
    z-index: 111;
    top: 0
  }

  .a-competition-contain {
    float: left;
    width: 100%
  }

  .a-competition-contain.time-filter-a {
    padding: 0 10px
  }

  .a-competition-contain.time-filter-a>.check-m {
    height: 37px;
    box-shadow: 0 1px 0 var(--text-12) inset
  }

  .a-competition-contain.time-filter-a>.check-m:first-child {
    box-shadow: none
  }

  .a-competition-contain>ul {
    float: left;
    width: 100%;
    position: relative
  }

  .a-competition-contain>ul:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background: var(--skin-12);
    bottom: 0
  }

  .a-competition-contain>ul>li {
    float: left;
    width: 100%
  }

  .a-competition-contain>ul>li.second-level-f {
    background: var(--skin-12);
    padding: 0 30px;
    display: none
  }

  .a-competition-contain>ul>li.second-level-f>.check-m {
    height: 37px;
    box-shadow: 0 1px 0 var(--text-11) inset
  }

  .a-competition-contain>ul>li.second-level-f>.check-m:first-child {
    box-shadow: none
  }

  .popular-c-v {
    float: left;
    width: 100%;
    padding: 0
  }

  .popular-list-view {
    float: left;
    width: 100%;
    position: relative;
    height: 37px;
    padding: 0 36px 0 10px
  }

  .popular-list-view.opened>.arrow-view-m:before {
    content: "\E671"
  }

  .popular-list-view.opened+.popular-c-list {
    display: block;
    padding: 0 30px
  }

  .popular-list-view.opened:before {
    display: none
  }

  .popular-list-view.opened>span {
    color: var(--text-2)
  }

  .popular-list-view:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background: var(--skin-12);
    bottom: 0
  }

  .popular-list-view>span {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 36px;
    padding: 0;
    color: var(--text-4);
    position: relative
  }

  .popular-c-list {
    float: left;
    width: 100%;
    padding: 0 10px;
    background: var(--skin-12);
    display: none
  }

  .popular-c-list>.check-m {
    height: 37px;
    box-shadow: 0 1px 0 var(--text-11) inset
  }

  .popular-c-list>.check-m:first-child {
    box-shadow: none
  }

  .expandable {
    float: left;
    width: 100%;
    position: relative;
    height: 37px;
    padding: 0 36px 0 10px
  }

  .expandable.opened:before {
    display: none
  }

  .expandable.opened>.arrow-view-m:before {
    content: "\E671"
  }

  .expandable:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background: var(--skin-12);
    bottom: 0
  }

  .expandable.opened+div,
  .expandable.opened+div~ul,
  .expandable.opened~ul {
    display: none
  }

  .expandable.opened+.second-level-f {
    display: block
  }

  div.expandable>.arrow-view-m:before {
    content: "\E671"
  }

  div.expandable.opened>.arrow-view-m:before {
    content: "\E670"
  }

  div.expandable.opened>.check-m {
    color: var(--text-4)
  }

  div.expandable>.check-m {
    color: var(--text-2)
  }

  .check-m {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 36px;
    padding: 0 0 0 30px;
    color: var(--text-4);
    position: relative;
    z-index: 22
  }

  .check-m:before {
    content: "";
    background: var(--skin-6);
    border-radius: 3px
  }

  .check-m.selected:after,
  .check-m:before {
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 20px;
    height: 20px
  }

  .check-m.selected:after {
    font: 12px/20px icomoon;
    content: "T";
    text-align: center;
    color: var(--text-12)
  }

  .u-o-market {
    font-style: normal;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 0 0
  }

  .slick-slide.vivarogo-container {
    position: relative
  }

  .slick-slide.vivarogo-container>a img {
    width: 100%
  }

  .slider-info-c {
    position: absolute;
    top: 30px;
    left: 20px;
    max-width: 80%;
    overflow: hidden
  }

  .slider-info-c>h6 {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff
  }

  .slider-info-c>div,
  .slider-info-c>h6 {
    float: left;
    width: 100%
  }

  .slider-info-c>div>p {
    white-space: normal;
    text-overflow: ellipsis
  }

  .vivarogo-container {
    float: left;
    width: 100%
  }

  .download-app-container {
    float: left;
    width: 100%;
    margin-bottom: 10px
  }

  .img-to-links {
    float: left;
    width: 100%;
    position: relative
  }

  .img-to-links>img {
    width: 100%
  }

  .download-info-content {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    background: rgba(0, 0, 0, .2);
    box-sizing: border-box;
    max-width: 80%;
    padding: 5px 10px 10px
  }

  .download-info-content>p {
    color: #fff;
    font-size: 8px;
    line-height: 10px;
    padding-bottom: 5px
  }

  .go-to-app {
    float: left;
    width: 100%;
    position: relative;
    display: table;
    table-layout: fixed;
    height: 30px
  }

  .go-to-app>a {
    width: 50%;
    display: table-cell;
    vertical-align: top
  }

  .go-to-app>a.ios {
    background: url(../images/go-apple.png) no-repeat 0 0/contain;
    border-right: 5px solid transparent
  }

  .go-to-app>a.android {
    background: url(../images/go-android.png) no-repeat 0 0/contain;
    border-right: 5px solid transparent
  }

  .show-article-t {
    display: table;
    table-layout: fixed;
    margin: 0 0 3px;
    background: var(--skin-10);
    width: 100%
  }

  .show-article-t>div {
    display: table-cell;
    vertical-align: middle
  }

  .show-article-t>div:first-child {
    width: 106px;
    border-right: 1px solid var(--skin-14);
    padding: 20px;
    text-align: center
  }

  .show-article-t>div:first-child>img {
    display: block;
    width: 60px
  }

  .show-article-t>div:last-child {
    padding: 20px 15px
  }

  .show-article-t>div>h4 {
    font-size: 9px;
    line-height: 10px;
    color: var(--text-3);
    padding: 0 0 10px
  }

  .show-article-t>div>p {
    font-size: 8px;
    line-height: 10px;
    color: var(--text-5);
    float: left;
    width: 100%
  }

  .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: "\E919";
    color: var(--text-7);
    z-index: 10
  }

  .date-picker-wrapper>.react-datepicker__input-container>input[type=text] {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--text-6);
    background: none;
    height: 38px;
    padding: 6px 10px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: var(--text-6);
    -webkit-transition: border .24s;
    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 var(--hero)
  }

  .date-picker-wrapper>.react-datepicker__input-container>input::-webkit-input-placeholder {
    opacity: 1;
    color: var(--text-6)
  }

  .date-picker-wrapper>.react-datepicker__input-container>input::-moz-placeholder {
    opacity: 1;
    color: var(--text-6)
  }

  .date-picker-wrapper>.react-datepicker__input-container>input:-ms-input-placeholder {
    opacity: 1;
    color: var(--text-6)
  }

  .date-picker-wrapper>.react-datepicker__input-container>input:-moz-placeholder {
    opacity: 1;
    color: var(--text-6)
  }

  .react-datepicker {
    font-family: Roboto, sans-serif !important;
    background-color: var(--skin-10) !important;
    border: 1px solid var(--skin-15) !important;
    color: var(--text-2) !important
  }

  .react-datepicker__header {
    background-color: var(--skin-12) !important;
    border-bottom: 1px solid var(--skin-15) !important
  }

  .react-datepicker__day,
  .react-datepicker__day-name {
    color: var(--text-6) !important
  }

  .react-datepicker__day--selected {
    color: var(--text-2) !important
  }

  .react-datepicker__current-month {
    color: var(--text-2) !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: var(--skin-14) !important
  }

  .react-datepicker__tether-element-attached-top__triangle,
  .react-datepicker__tether-element-attached-top__triangle:before {
    border-top: none;
    border-bottom-color: var(--skin-15) !important
  }

  .react-datepicker__navigation--previous {
    border-right-color: var(--skin-6) !important
  }

  .react-datepicker__navigation--next {
    border-left-color: var(--skin-6) !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 var(--skin-6);
    height: 32px;
    box-sizing: border-box;
    color: var(--text-5);
    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 var(--skin-9);
    text-align: center;
    color: var(--text-6)
  }

  .react-datepicker__header__dropdown--select {
    margin-top: -6px !important
  }

  .react-datepicker-popper .react-datepicker__triangle:before {
    border-top: none;
    border-bottom-color: var(--skin-14) !important
  }

  .react-datepicker-popper[data-placement=top-start] {
    top: -8px !important
  }

  .react-datepicker-popper[data-placement=top-start] .react-datepicker__triangle {
    bottom: 0 !important;
    top: auto !important
  }

  .react-datepicker-popper[data-placement=top-start]>.react-datepicker>.react-datepicker__triangle {
    border: none !important
  }

  .react-datepicker-popper[data-placement=top-start]>.react-datepicker>.react-datepicker__triangle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 99;
    border-style: solid;
    border-width: 8px 10px 0 !important;
    border-color: var(--skin-14) transparent transparent !important
  }

  .react-datepicker-popper[data-placement=bottom-start] {
    top: 46px !important
  }

  .react-datepicker-popper[data-placement=bottom-start]>.react-datepicker>.react-datepicker__triangle {
    border: none !important
  }

  .react-datepicker-popper[data-placement=bottom-start]>.react-datepicker>.react-datepicker__triangle:before {
    top: 0 !important
  }

  @font-face {
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    src: local("mardoto-regular"), url(../fonts/mardoto-regular-webfont_aa1e47bedc35a1d3d1de13603fb41ada.woff2) format("woff2"), url(../fonts/mardoto-regular-webfont_979992895f8eeb1b5f44a1ba42732db0.woff) format("woff"), url(../fonts/mardoto-regular-webfont_6898f511ada20c3ce95135c92a4b3a48.ttf) format("truetype");
    unicode-range: u+0530-058f
  }

  @font-face {
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    src: local("mardoto-bold"), url(../fonts/mardoto-bold-webfont_b432649d2d7a395f1891723b046e2ba7.woff2) format("woff2"), url(../fonts/mardoto-bold-webfont.woff) format("woff"), url(../fonts/mardoto-bold-webfont.ttf) format("truetype");
    unicode-range: u+0530-058f
  }

  @font-face {
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    src: local("Roboto"), url(../fonts/Roboto_b65b078c2f62cb030e8faa332896afec.woff2) format("woff2"), url(../fonts/Roboto_f063ed2df8f2a30ec912d177bbada28a.woff) format("woff"), url(../fonts/Roboto_d5b0fe487accd41fdf649db052f88a64.ttf) format("truetype"), url(../fonts/Roboto_f2b2fed6e5bc51d35396efc6e147de83.eot), url(../fonts/Roboto_f2b2fed6e5bc51d35396efc6e147de83.eot) format("embedded-opentype"), url(../fonts/Roboto_b400cb8d1edaec399daf0bdaa5cc9cae.svg) format("svg")
  }

  @font-face {
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    src: local("Roboto"), url(../fonts/RobotoBold_5c3f2196f147bbbc3583de1008be7538.woff2) format("woff2"), url(../fonts/RobotoBold_fffb9b57361a7ca952052165cd66274a.woff) format("woff"), url(../fonts/RobotoBold_ac6e122e4ec3ef6df1d06bcab3833d49.ttf) format("truetype"), url(../fonts/RobotoBold_3ab7c59e4a9db7daa483b313050dc9bf.eot), url(../fonts/RobotoBold_3ab7c59e4a9db7daa483b313050dc9bf.eot) format("embedded-opentype"), url(../fonts/RobotoBold_806cf7d4ad4e0009850399aebc6afa2d.svg) format("svg")
  }

  @font-face {
    font-family: Sport-icons;
    src: url(../fonts/icomoon_f6fe7b3610edfe8e5d35f0596e6dc699.eot);
    src: url(../fonts/icomoon_f6fe7b3610edfe8e5d35f0596e6dc699.eot?#iefixggnxdcm) format("embedded-opentype"), url(../fonts/icomoon_63cc2245f2f8fb6ceae7d2e340f4f3c9.woff) format("woff"), url(../fonts/icomoon_daec831dac6f2e68ddf8a4f87b888a58.ttf) format("truetype"), url(../fonts/icomoon_21877917a5aa23529a46df293f339a67.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  @font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon_a26493fe3f3a7e4aa0247d28a1c850ca.eot);
    src: url(../fonts/icomoon_a26493fe3f3a7e4aa0247d28a1c850ca.eot?#iefixs2kl4o4) format("embedded-opentype"), url(../fonts/icomoon_44f254566d252b17eef3229d07fd5ac7.woff) format("woff"), url(../fonts/icomoon_e4ba3a342773ebf2a2ac5c18856492ff.ttf) format("truetype"), url(../fonts/icomoon_bbd6b97f8b429dfcd48e70909a200cf2.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(../fonts/IRAN_SemiBold.eot), url(../fonts/IRAN_SemiBold.eot) format("embedded-opentype"), url(../fonts/IRAN_SemiBold.woff2) format("woff2"), url(../fonts/IRAN_SemiBold.woff) format("woff"), url(../fonts/IRAN_SemiBold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
  }

  @font-face {
    font-family: Iran-f;
    src: url(../fonts/IRAN_SemiBold.eot), url(../fonts/IRAN_SemiBold.eot) format("embedded-opentype"), url(../fonts/IRAN_SemiBold.woff2) format("woff2"), url(../fonts/IRAN_SemiBold.woff) format("woff"), url(../fonts/IRAN_SemiBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
  }

  @font-face {
    font-family: Parastoo;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/Parastoo-Bold-FD_368e54748da1516416b588e814c1fd01.woff) format("woff"), url(../fonts/Parastoo-Bold-FD_42a98171630c0463c229501c127c2188.ttf) format("truetype"), url(../fonts/Parastoo-Bold-FD_20d46530076e7ae66063e55d69d8a7f0.eot)
  }

  @font-face {
    font-family: Parastoo;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/Parastoo-FD_0e37282f3194b8f856bef41157bd9c0a.woff) format("woff"), url(../fonts/Parastoo-FD_522b702c4ef51be40c5eb7e9f09ad05c.ttf) format("truetype"), url(../fonts/Parastoo-FD_a51dfb878fa911d57254133474e91c7f.eot)
  }

  @font-face {
    font-family: gilroy;
    src: url(../fonts/Gilroy-Medium_d35dfeb079581284803973c49177dfc6.woff) format("woff");
    font-weight: 400;
    font-style: normal
  }

  @font-face {
    font-family: futura;
    src: url(../fonts/futura_c758d4f18c3c2719fa24dc90a1764584.otf);
    font-weight: 400;
    font-style: normal
  }

  .AlpineSkiing:before {
    content: "\E64E"
  }

  .AustralianFootball:before {
    content: "\E605"
  }

  .American.Football:before,
  .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"
  }

  .Petanque:before {
    content: "\E925"
  }

  .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"
  }

  .E-IceHockey:before {
    content: "\E919"
  }

  .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"
  }

  .FreestyleSkiing:before,
  .FreestyleWrestling:before {
    content: "\E620"
  }

  .GaelicFootball:before {
    content: "\E621"
  }

  .Golf:before {
    content: "\E622"
  }

  .GrassHockey:before {
    content: "\E623"
  }

  .Greyhounds:before,
  .InspiredGreyhoundRacing:before {
    content: "\E624"
  }

  .VirtualGreyhoundRacing:before {
    content: "\E922"
  }

  .Gymnastics:before {
    content: "\E625"
  }

  .Halo:before {
    content: "\E90D"
  }

  .Handball:before {
    content: "\E626"
  }

  .HardAthletics:before,
  .Weightlifting:before {
    content: "\E627"
  }

  .Hockey:before {
    content: "\E629"
  }

  .FutureHorseRacing:before,
  .HorseRacing:before,
  .InspiredTrotting:before,
  .Trotting: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"
  }

  .BetOnPoker: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"
  }

  .Snowboarding:before {
    content: "\E650"
  }

  .Smite:before {
    content: "+"
  }

  .Football:before,
  .InspiredRush2Football:before,
  .MixedFootball:before,
  .Soccer:before,
  .VirtualFootballPro:before {
    content: "\E66F"
  }

  .CyberFootball:before {
    content: "\E901"
  }

  .ETennis:before {
    content: "\E91A"
  }

  .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: "\E91F"
  }

  .virtualtennis:before {
    content: "\E669"
  }

  .VirtualTennis:before {
    content: "\E920"
  }

  .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: "\E923"
  }

  .VirtualFootballLeague:before {
    font-family: Icomoon;
    content: "\E904"
  }

  .VirtualHorseRacing:before,
  .VirtualHorses:before {
    content: "\E921"
  }

  .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: "-"
  }

  .WarcraftIII:before,
  .WorldOfWarcraft:before {
    content: ")"
  }

  .CallofDuty:before,
  .CallOfDuty:before {
    content: "\E904"
  }

  .Livemonitor:before {
    content: "\E630"
  }

  .VirtualBicycle:before {
    content: "\E91E"
  }

  .StreetFighterV:before {
    content: "\E636"
  }

  .Confederations:before,
  .MortalKombat:before,
  .MortalKombatXL:before {
    content: "'"
  }

  .KingOfGlory:before {
    content: "\E911"
  }

  .Warcraft:before,
  .WarcraftIII:before {
    content: "\E914"
  }

  .StreetFighter:before {
    content: "\E910"
  }

  .RocketLeague:before {
    content: "\E913"
  }

  .ThePenaltyKicks:before {
    content: "\E924"
  }

  .BetOnBlackJack:before {
    content: "\E918"
  }

  .LiveBetOnPoker:before {
    content: "\E63F"
  }

  .icon-view-u-m.sport-view-m:before {
    content: "\E90F";
    font: 16px/36px Sport-icons
  }

  .icon-sport-asia.All:before {
    content: "\E600"
  }

  .ClashRoyale:before,
  .icon-clash-royale:before {
    content: "\E91B"
  }

  .Kabaddi:before {
    content: "\E91D"
  }

  .RainbowSix:before {
    content: "\E91C"
  }

  .favorites:before {
    color: #c3953c
  }

  .mini-sport-nav-box>a.favorites:before {
    box-shadow: inset 3px 0 0 #c3953c;
    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>a.active>span.favorites:after {
    border-color: transparent transparent #c3953c
  }

  .sport-title-result-m.favorites {
    background: #c3953c;
    color: #fff
  }

  .most-popular:before {
    color: gold
  }

  .mini-sport-nav-box>a.most-popular:before {
    box-shadow: inset 3px 0 0 gold;
    color: gold
  }

  .dashboard-sport-icon-m.most-popular {
    box-shadow: inset 3px 0 0 gold
  }

  .rtl .dashboard-sport-icon-m.most-popular {
    box-shadow: inset -3px 0 0 gold
  }

  .single-sport-title-dashboard-m.most-popular.active {
    border-color: gold
  }

  .select-sport-title-m.most-popular {
    background: gold;
    color: #fff
  }

  .sport-nav-container-m>a.active>span.most-popular:after {
    border-color: transparent transparent gold
  }

  .sport-title-result-m.most-popular {
    background: gold;
    color: #fff
  }

  .AlpineSkiing:before {
    color: #93c6e5
  }

  .mini-sport-nav-box>a.AlpineSkiing:before {
    box-shadow: inset 3px 0 0 #93c6e5;
    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>a.active>span.AlpineSkiing:after {
    border-color: transparent transparent #93c6e5
  }

  .sport-title-result-m.AlpineSkiing {
    background: #93c6e5;
    color: #000
  }

  .AustralianFootball:before {
    color: #119a18
  }

  .mini-sport-nav-box>a.AustralianFootball:before {
    box-shadow: inset 3px 0 0 #119a18;
    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>a.active>span.AustralianFootball:after {
    border-color: transparent transparent #119a18
  }

  .sport-title-result-m.AustralianFootball {
    background: #119a18;
    color: #fff
  }

  .AmericanFootball:before {
    color: #e7685c
  }

  .mini-sport-nav-box>a.AmericanFootball:before {
    box-shadow: inset 3px 0 0 #e7685c;
    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>a.active>span.AmericanFootball:after {
    border-color: transparent transparent #e7685c
  }

  .sport-title-result-m.AmericanFootball {
    background: #e7685c;
    color: #000
  }

  .Badminton:before {
    color: #70c2a7
  }

  .mini-sport-nav-box>a.Badminton:before {
    box-shadow: inset 3px 0 0 #70c2a7;
    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>a.active>span.Badminton:after {
    border-color: transparent transparent #70c2a7
  }

  .sport-title-result-m.Badminton {
    background: #70c2a7;
    color: #000
  }

  .Baseball:before {
    color: #60aca9
  }

  .mini-sport-nav-box>a.Baseball:before {
    box-shadow: inset 3px 0 0 #60aca9;
    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>a.active>span.Baseball:after {
    border-color: transparent transparent #60aca9
  }

  .sport-title-result-m.Baseball {
    background: #60aca9;
    color: #000
  }

  .Basketball:before {
    color: #d76732
  }

  .mini-sport-nav-box>a.Basketball:before {
    box-shadow: inset 3px 0 0 #d76732;
    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>a.active>span.Basketball:after {
    border-color: transparent transparent #d76732
  }

  .sport-title-result-m.Basketball {
    background: #d76732;
    color: #000
  }

  .BeachHandball:before {
    color: #ccbb87
  }

  .mini-sport-nav-box>a.BeachHandball:before {
    box-shadow: inset 3px 0 0 #ccbb87;
    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>a.active>span.BeachHandball:after {
    border-color: transparent transparent #ccbb87
  }

  .sport-title-result-m.BeachHandball {
    background: #ccbb87;
    color: #000
  }

  .BeachSoccer:before {
    color: #bfaf7e
  }

  .mini-sport-nav-box>a.BeachSoccer:before {
    box-shadow: inset 3px 0 0 #bfaf7e;
    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>a.active>span.BeachSoccer:after {
    border-color: transparent transparent #bfaf7e
  }

  .sport-title-result-m.BeachSoccer {
    background: #bfaf7e;
    color: #000
  }

  .BeachFootball:before {
    color: #bfaf7e
  }

  .mini-sport-nav-box>a.BeachFootball:before {
    box-shadow: inset 3px 0 0 #bfaf7e;
    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>a.active>span.BeachFootball:after {
    border-color: transparent transparent #bfaf7e
  }

  .sport-title-result-m.BeachFootball {
    background: #bfaf7e;
    color: #000
  }

  .BeachVolleyball:before {
    color: #d9c68f
  }

  .mini-sport-nav-box>a.BeachVolleyball:before {
    box-shadow: inset 3px 0 0 #d9c68f;
    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>a.active>span.BeachVolleyball:after {
    border-color: transparent transparent #d9c68f
  }

  .sport-title-result-m.BeachVolleyball {
    background: #d9c68f;
    color: #000
  }

  .Biathlon:before {
    color: #bedbed
  }

  .mini-sport-nav-box>a.Biathlon:before {
    box-shadow: inset 3px 0 0 #bedbed;
    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>a.active>span.Biathlon:after {
    border-color: transparent transparent #bedbed
  }

  .sport-title-result-m.Biathlon {
    background: #bedbed;
    color: #000
  }

  .Petanque:before {
    color: #7c8292
  }

  .mini-sport-nav-box>a.Petanque:before {
    box-shadow: inset 3px 0 0 #7c8292;
    color: #7c8292
  }

  .dashboard-sport-icon-m.Petanque {
    box-shadow: inset 3px 0 0 #7c8292
  }

  .rtl .dashboard-sport-icon-m.Petanque {
    box-shadow: inset -3px 0 0 #7c8292
  }

  .single-sport-title-dashboard-m.Petanque.active {
    border-color: #7c8292
  }

  .select-sport-title-m.Petanque {
    background: #7c8292;
    color: #000
  }

  .sport-nav-container-m>a.active>span.Petanque:after {
    border-color: transparent transparent #7c8292
  }

  .sport-title-result-m.Petanque {
    background: #7c8292;
    color: #000
  }

  .BallHockey:before {
    color: #168763
  }

  .mini-sport-nav-box>a.BallHockey:before {
    box-shadow: inset 3px 0 0 #168763;
    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>a.active>span.BallHockey:after {
    border-color: transparent transparent #168763
  }

  .sport-title-result-m.BallHockey {
    background: #168763;
    color: #fff
  }

  .Bandy:before {
    color: #5da167
  }

  .mini-sport-nav-box>a.Bandy:before {
    box-shadow: inset 3px 0 0 #5da167;
    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>a.active>span.Bandy:after {
    border-color: transparent transparent #5da167
  }

  .sport-title-result-m.Bandy {
    background: #5da167;
    color: #fff
  }

  .Boxing:before {
    color: #0e7acc
  }

  .mini-sport-nav-box>a.Boxing:before {
    box-shadow: inset 3px 0 0 #0e7acc;
    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>a.active>span.Boxing:after {
    border-color: transparent transparent #0e7acc
  }

  .sport-title-result-m.Boxing {
    background: #0e7acc;
    color: #fff
  }

  .Canoe:before {
    color: #0d72bf
  }

  .mini-sport-nav-box>a.Canoe:before {
    box-shadow: inset 3px 0 0 #0d72bf;
    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>a.active>span.Canoe:after {
    border-color: transparent transparent #0d72bf
  }

  .sport-title-result-m.Canoe {
    background: #0d72bf;
    color: #fff
  }

  .Chess:before {
    color: #edbd6f
  }

  .mini-sport-nav-box>a.Chess:before {
    box-shadow: inset 3px 0 0 #edbd6f;
    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>a.active>span.Chess:after {
    border-color: transparent transparent #edbd6f
  }

  .sport-title-result-m.Chess {
    background: #edbd6f;
    color: #000
  }

  .Cricket:before {
    color: #1bab7d
  }

  .mini-sport-nav-box>a.Cricket:before {
    box-shadow: inset 3px 0 0 #1bab7d;
    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>a.active>span.Cricket:after {
    border-color: transparent transparent #1bab7d
  }

  .sport-title-result-m.Cricket {
    background: #1bab7d;
    color: #fff
  }

  .Curling:before {
    color: #76bbef
  }

  .mini-sport-nav-box>a.Curling:before {
    box-shadow: inset 3px 0 0 #76bbef;
    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>a.active>span.Curling:after {
    border-color: transparent transparent #76bbef
  }

  .sport-title-result-m.Curling {
    background: #76bbef;
    color: #000
  }

  .Cycling:before {
    color: #d9c68f
  }

  .mini-sport-nav-box>a.Cycling:before {
    box-shadow: inset 3px 0 0 #d9c68f;
    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>a.active>span.Cycling:after {
    border-color: transparent transparent #d9c68f
  }

  .sport-title-result-m.Cycling {
    background: #d9c68f;
    color: #000
  }

  .Cyclo-Cross:before {
    color: #d9c68f
  }

  .mini-sport-nav-box>a.Cyclo-Cross:before {
    box-shadow: inset 3px 0 0 #d9c68f;
    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>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
  }

  .mini-sport-nav-box>a.Bowls:before {
    box-shadow: inset 3px 0 0 #2a8c4c;
    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>a.active>span.Bowls:after {
    border-color: transparent transparent #2a8c4c
  }

  .sport-title-result-m.Bowls {
    background: #2a8c4c;
    color: #fff
  }

  .Darts:before {
    color: #d32939
  }

  .mini-sport-nav-box>a.Darts:before {
    box-shadow: inset 3px 0 0 #d32939;
    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>a.active>span.Darts:after {
    border-color: transparent transparent #d32939
  }

  .sport-title-result-m.Darts {
    background: #d32939;
    color: #fff
  }

  .Diving:before {
    color: #118be9
  }

  .mini-sport-nav-box>a.Diving:before {
    box-shadow: inset 3px 0 0 #118be9;
    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>a.active>span.Diving:after {
    border-color: transparent transparent #118be9
  }

  .sport-title-result-m.Diving {
    background: #118be9;
    color: #fff
  }

  .EBasketball:before {
    color: #d96c23
  }

  .mini-sport-nav-box>a.EBasketball:before {
    box-shadow: inset 3px 0 0 #d96c23;
    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>a.active>span.EBasketball:after {
    border-color: transparent transparent #d96c23
  }

  .sport-title-result-m.EBasketball {
    background: #d96c23;
    color: #fff
  }

  .Electronic:before {
    color: #5e55a1
  }

  .mini-sport-nav-box>a.Electronic:before {
    box-shadow: inset 3px 0 0 #5e55a1;
    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>a.active>span.Electronic:after {
    border-color: transparent transparent #5e55a1
  }

  .sport-title-result-m.Electronic {
    background: #5e55a1;
    color: #fff
  }

  .FigureSkating:before {
    color: #b1cdde
  }

  .mini-sport-nav-box>a.FigureSkating:before {
    box-shadow: inset 3px 0 0 #b1cdde;
    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>a.active>span.FigureSkating:after {
    border-color: transparent transparent #b1cdde
  }

  .sport-title-result-m.FigureSkating {
    background: #b1cdde;
    color: #000
  }

  .Floorball:before {
    color: #72cddb
  }

  .mini-sport-nav-box>a.Floorball:before {
    box-shadow: inset 3px 0 0 #72cddb;
    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>a.active>span.Floorball:after {
    border-color: transparent transparent #72cddb
  }

  .sport-title-result-m.Floorball {
    background: #72cddb;
    color: #000
  }

  .Formula1:before {
    color: #b8292b
  }

  .mini-sport-nav-box>a.Formula1:before {
    box-shadow: inset 3px 0 0 #b8292b;
    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>a.active>span.Formula1:after {
    border-color: transparent transparent #b8292b
  }

  .sport-title-result-m.Formula1 {
    background: #b8292b;
    color: #fff
  }

  .Futsal:before {
    color: #65b5c2
  }

  .mini-sport-nav-box>a.Futsal:before {
    box-shadow: inset 3px 0 0 #65b5c2;
    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>a.active>span.Futsal:after {
    border-color: transparent transparent #65b5c2
  }

  .sport-title-result-m.Futsal {
    background: #65b5c2;
    color: #000
  }

  .Football:before {
    color: var(--text-1)
  }

  .mini-sport-nav-box>a.Football:before {
    box-shadow: inset 3px 0 0 #1a7051;
    color: var(--text-1)
  }

  .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>a.active>span.Football:after {
    border-color: transparent transparent #1a7051
  }

  .sport-title-result-m.Football {
    background: #1a7051;
    color: #fff
  }

  .Freestyle:before {
    color: #edbe13
  }

  .mini-sport-nav-box>a.Freestyle:before {
    box-shadow: inset 3px 0 0 #edbe13;
    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>a.active>span.Freestyle:after {
    border-color: transparent transparent #edbe13
  }

  .sport-title-result-m.Freestyle {
    background: #edbe13;
    color: #000
  }

  .FreestyleWrestling:before {
    color: #edbe13
  }

  .mini-sport-nav-box>a.FreestyleWrestling:before {
    box-shadow: inset 3px 0 0 #edbe13;
    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>a.active>span.FreestyleWrestling:after {
    border-color: transparent transparent #edbe13
  }

  .sport-title-result-m.FreestyleWrestling {
    background: #edbe13;
    color: #000
  }

  .GaelicFootball:before {
    color: #358014
  }

  .mini-sport-nav-box>a.GaelicFootball:before {
    box-shadow: inset 3px 0 0 #358014;
    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>a.active>span.GaelicFootball:after {
    border-color: transparent transparent #358014
  }

  .sport-title-result-m.GaelicFootball {
    background: #358014;
    color: #fff
  }

  .Golf:before {
    color: #189946
  }

  .mini-sport-nav-box>a.Golf:before {
    box-shadow: inset 3px 0 0 #189946;
    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>a.active>span.Golf:after {
    border-color: transparent transparent #189946
  }

  .sport-title-result-m.Golf {
    background: #189946;
    color: #fff
  }

  .GrassHockey:before {
    color: #189443
  }

  .mini-sport-nav-box>a.GrassHockey:before {
    box-shadow: inset 3px 0 0 #189443;
    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>a.active>span.GrassHockey:after {
    border-color: transparent transparent #189443
  }

  .sport-title-result-m.GrassHockey {
    background: #189443;
    color: #fff
  }

  .Gymnastics:before {
    color: #03b5a5
  }

  .mini-sport-nav-box>a.Gymnastics:before {
    box-shadow: inset 3px 0 0 #03b5a5;
    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>a.active>span.Gymnastics:after {
    border-color: transparent transparent #03b5a5
  }

  .sport-title-result-m.Gymnastics {
    background: #03b5a5;
    color: #fff
  }

  .Handball:before {
    color: #42777f
  }

  .mini-sport-nav-box>a.Handball:before {
    box-shadow: inset 3px 0 0 #42777f;
    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>a.active>span.Handball:after {
    border-color: transparent transparent #42777f
  }

  .sport-title-result-m.Handball {
    background: #42777f;
    color: #fff
  }

  .HardAthletics:before {
    color: #0b5b99
  }

  .mini-sport-nav-box>a.HardAthletics:before {
    box-shadow: inset 3px 0 0 #0b5b99;
    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>a.active>span.HardAthletics:after {
    border-color: transparent transparent #0b5b99
  }

  .sport-title-result-m.HardAthletics {
    background: #0b5b99;
    color: #fff
  }

  .Hockey:before {
    color: #168763
  }

  .mini-sport-nav-box>a.Hockey:before {
    box-shadow: inset 3px 0 0 #168763;
    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>a.active>span.Hockey:after {
    border-color: transparent transparent #168763
  }

  .sport-title-result-m.Hockey {
    background: #168763;
    color: #fff
  }

  .HorseRacing:before {
    color: #6d5e4d
  }

  .mini-sport-nav-box>a.HorseRacing:before {
    box-shadow: inset 3px 0 0 #6d5e4d;
    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>a.active>span.HorseRacing:after {
    border-color: transparent transparent #6d5e4d
  }

  .sport-title-result-m.HorseRacing {
    background: #6d5e4d;
    color: #fff
  }

  .Hurling:before {
    color: #189946
  }

  .mini-sport-nav-box>a.Hurling:before {
    box-shadow: inset 3px 0 0 #189946;
    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>a.active>span.Hurling:after {
    border-color: transparent transparent #189946
  }

  .sport-title-result-m.Hurling {
    background: #189946;
    color: #fff
  }

  .FutureHorseRacing:before {
    color: #1a7051
  }

  .mini-sport-nav-box>a.FutureHorseRacing:before {
    box-shadow: inset 3px 0 0 #1a7051;
    color: #1a7051
  }

  .dashboard-sport-icon-m.FutureHorseRacing {
    box-shadow: inset 3px 0 0 #1a7051
  }

  .rtl .dashboard-sport-icon-m.FutureHorseRacing {
    box-shadow: inset -3px 0 0 #1a7051
  }

  .single-sport-title-dashboard-m.FutureHorseRacing.active {
    border-color: #1a7051
  }

  .select-sport-title-m.FutureHorseRacing {
    background: #1a7051;
    color: #fff
  }

  .sport-nav-container-m>a.active>span.FutureHorseRacing:after {
    border-color: transparent transparent #1a7051
  }

  .sport-title-result-m.FutureHorseRacing {
    background: #1a7051;
    color: #fff
  }

  .IceHockey:before {
    color: #50a2c6
  }

  .mini-sport-nav-box>a.IceHockey:before {
    box-shadow: inset 3px 0 0 #50a2c6;
    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>a.active>span.IceHockey:after {
    border-color: transparent transparent #50a2c6
  }

  .sport-title-result-m.IceHockey {
    background: #50a2c6;
    color: #000
  }

  .E-IceHockey:before {
    color: #50a2c6
  }

  .mini-sport-nav-box>a.E-IceHockey:before {
    box-shadow: inset 3px 0 0 #50a2c6;
    color: #50a2c6
  }

  .dashboard-sport-icon-m.E-IceHockey {
    box-shadow: inset 3px 0 0 #50a2c6
  }

  .rtl .dashboard-sport-icon-m.E-IceHockey {
    box-shadow: inset -3px 0 0 #50a2c6
  }

  .single-sport-title-dashboard-m.E-IceHockey.active {
    border-color: #50a2c6
  }

  .select-sport-title-m.E-IceHockey {
    background: #50a2c6;
    color: #000
  }

  .sport-nav-container-m>a.active>span.E-IceHockey:after {
    border-color: transparent transparent #50a2c6
  }

  .sport-title-result-m.E-IceHockey {
    background: #50a2c6;
    color: #000
  }

  .Judo:before {
    color: #0b5b99
  }

  .mini-sport-nav-box>a.Judo:before {
    box-shadow: inset 3px 0 0 #0b5b99;
    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>a.active>span.Judo:after {
    border-color: transparent transparent #0b5b99
  }

  .sport-title-result-m.Judo {
    background: #0b5b99;
    color: #fff
  }

  .LeagueofLegends:before {
    color: #2d2d2d
  }

  .mini-sport-nav-box>a.LeagueofLegends:before {
    box-shadow: inset 3px 0 0 #2d2d2d;
    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>a.active>span.LeagueofLegends:after {
    border-color: transparent transparent #2d2d2d
  }

  .sport-title-result-m.LeagueofLegends {
    background: #2d2d2d;
    color: #fff
  }

  .Lacross:before {
    color: #168763
  }

  .mini-sport-nav-box>a.Lacross:before {
    box-shadow: inset 3px 0 0 #168763;
    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>a.active>span.Lacross:after {
    border-color: transparent transparent #168763
  }

  .sport-title-result-m.Lacross {
    background: #168763;
    color: #fff
  }

  .LightAthletics:before {
    color: #0b5b99
  }

  .mini-sport-nav-box>a.LightAthletics:before {
    box-shadow: inset 3px 0 0 #0b5b99;
    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>a.active>span.LightAthletics:after {
    border-color: transparent transparent #0b5b99
  }

  .sport-title-result-m.LightAthletics {
    background: #0b5b99;
    color: #fff
  }

  .Athletics:before {
    color: #0b5b99
  }

  .mini-sport-nav-box>a.Athletics:before {
    box-shadow: inset 3px 0 0 #0b5b99;
    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>a.active>span.Athletics:after {
    border-color: transparent transparent #0b5b99
  }

  .sport-title-result-m.Athletics {
    background: #0b5b99;
    color: #fff
  }

  .Luge:before {
    color: #99c4de
  }

  .mini-sport-nav-box>a.Luge:before {
    box-shadow: inset 3px 0 0 #99c4de;
    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>a.active>span.Luge:after {
    border-color: transparent transparent #99c4de
  }

  .sport-title-result-m.Luge {
    background: #99c4de;
    color: #000
  }

  .MixedFootball:before {
    color: #f94d4b
  }

  .mini-sport-nav-box>a.MixedFootball:before {
    box-shadow: inset 3px 0 0 #f94d4b;
    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>a.active>span.MixedFootball:after {
    border-color: transparent transparent #f94d4b
  }

  .sport-title-result-m.MixedFootball {
    background: #f94d4b;
    color: #000
  }

  .Motorbikes:before {
    color: #8d612e
  }

  .mini-sport-nav-box>a.Motorbikes:before {
    box-shadow: inset 3px 0 0 #8d612e;
    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>a.active>span.Motorbikes:after {
    border-color: transparent transparent #8d612e
  }

  .sport-title-result-m.Motorbikes {
    background: #8d612e;
    color: #fff
  }

  .Motorsport:before {
    color: #8d612e
  }

  .mini-sport-nav-box>a.Motorsport:before {
    box-shadow: inset 3px 0 0 #8d612e;
    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>a.active>span.Motorsport:after {
    border-color: transparent transparent #8d612e
  }

  .sport-title-result-m.Motorsport {
    background: #8d612e;
    color: #fff
  }

  .Nascar:before {
    color: #b92f93
  }

  .mini-sport-nav-box>a.Nascar:before {
    box-shadow: inset 3px 0 0 #b92f93;
    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>a.active>span.Nascar:after {
    border-color: transparent transparent #b92f93
  }

  .sport-title-result-m.Nascar {
    background: #b92f93;
    color: #fff
  }

  .Netball:before {
    color: #4d4d4d
  }

  .mini-sport-nav-box>a.Netball:before {
    box-shadow: inset 3px 0 0 #4d4d4d;
    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>a.active>span.Netball:after {
    border-color: transparent transparent #4d4d4d
  }

  .sport-title-result-m.Netball {
    background: #4d4d4d;
    color: #fff
  }

  .Pesapallo:before {
    color: #db8e48
  }

  .mini-sport-nav-box>a.Pesapallo:before {
    box-shadow: inset 3px 0 0 #db8e48;
    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>a.active>span.Pesapallo:after {
    border-color: transparent transparent #db8e48
  }

  .sport-title-result-m.Pesapallo {
    background: #db8e48;
    color: #000
  }

  .PokerLive:before {
    color: #116b4f
  }

  .mini-sport-nav-box>a.PokerLive:before {
    box-shadow: inset 3px 0 0 #116b4f;
    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>a.active>span.PokerLive:after {
    border-color: transparent transparent #116b4f
  }

  .sport-title-result-m.PokerLive {
    background: #116b4f;
    color: #fff
  }

  .Poker:before {
    color: #116b4f
  }

  .mini-sport-nav-box>a.Poker:before {
    box-shadow: inset 3px 0 0 #116b4f;
    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>a.active>span.Poker:after {
    border-color: transparent transparent #116b4f
  }

  .sport-title-result-m.Poker {
    background: #116b4f;
    color: #fff
  }

  .Pool:before {
    color: #a155a0
  }

  .mini-sport-nav-box>a.Pool:before {
    box-shadow: inset 3px 0 0 #a155a0;
    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>a.active>span.Pool:after {
    border-color: transparent transparent #a155a0
  }

  .sport-title-result-m.Pool {
    background: #a155a0;
    color: #fff
  }

  .Rally:before {
    color: #c28540
  }

  .mini-sport-nav-box>a.Rally:before {
    box-shadow: inset 3px 0 0 #c28540;
    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>a.active>span.Rally:after {
    border-color: transparent transparent #c28540
  }

  .sport-title-result-m.Rally {
    background: #c28540;
    color: #000
  }

  .AutoRacing:before {
    color: #ac9afd
  }

  .mini-sport-nav-box>a.AutoRacing:before {
    box-shadow: inset 3px 0 0 #ac9afd;
    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>a.active>span.AutoRacing:after {
    border-color: transparent transparent #ac9afd
  }

  .sport-title-result-m.AutoRacing {
    background: #ac9afd;
    color: #000
  }

  .RinkHockey:before {
    color: #e3bb6d
  }

  .mini-sport-nav-box>a.RinkHockey:before {
    box-shadow: inset 3px 0 0 #e3bb6d;
    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>a.active>span.RinkHockey:after {
    border-color: transparent transparent #e3bb6d
  }

  .sport-title-result-m.RinkHockey {
    background: #e3bb6d;
    color: #000
  }

  .Rowing:before {
    color: #0f81d9
  }

  .mini-sport-nav-box>a.Rowing:before {
    box-shadow: inset 3px 0 0 #0f81d9;
    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>a.active>span.Rowing:after {
    border-color: transparent transparent #0f81d9
  }

  .sport-title-result-m.Rowing {
    background: #0f81d9;
    color: #fff
  }

  .Rugby:before {
    color: #799755
  }

  .mini-sport-nav-box>a.Rugby:before {
    box-shadow: inset 3px 0 0 #799755;
    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>a.active>span.Rugby:after {
    border-color: transparent transparent #799755
  }

  .sport-title-result-m.Rugby {
    background: #799755;
    color: #fff
  }

  .RugbyLeague:before {
    color: #799755
  }

  .mini-sport-nav-box>a.RugbyLeague:before {
    box-shadow: inset 3px 0 0 #799755;
    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>a.active>span.RugbyLeague:after {
    border-color: transparent transparent #799755
  }

  .sport-title-result-m.RugbyLeague {
    background: #799755;
    color: #fff
  }

  .RugbyUnion:before {
    color: #799755
  }

  .mini-sport-nav-box>a.RugbyUnion:before {
    box-shadow: inset 3px 0 0 #799755;
    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>a.active>span.RugbyUnion:after {
    border-color: transparent transparent #799755
  }

  .sport-title-result-m.RugbyUnion {
    background: #799755;
    color: #fff
  }

  .RugbySevens:before {
    color: #799755
  }

  .mini-sport-nav-box>a.RugbySevens:before {
    box-shadow: inset 3px 0 0 #799755;
    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>a.active>span.RugbySevens:after {
    border-color: transparent transparent #799755
  }

  .sport-title-result-m.RugbySevens {
    background: #799755;
    color: #fff
  }

  .Shooting:before {
    color: #d5d345
  }

  .mini-sport-nav-box>a.Shooting:before {
    box-shadow: inset 3px 0 0 #d5d345;
    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>a.active>span.Shooting:after {
    border-color: transparent transparent #d5d345
  }

  .sport-title-result-m.Shooting {
    background: #d5d345;
    color: #000
  }

  .Shorttrackspeedskating:before {
    color: #b1cdde
  }

  .mini-sport-nav-box>a.Shorttrackspeedskating:before {
    box-shadow: inset 3px 0 0 #b1cdde;
    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>a.active>span.Shorttrackspeedskating:after {
    border-color: transparent transparent #b1cdde
  }

  .sport-title-result-m.Shorttrackspeedskating {
    background: #b1cdde;
    color: #000
  }

  .SkiJump:before {
    color: #c4dae8
  }

  .mini-sport-nav-box>a.SkiJump:before {
    box-shadow: inset 3px 0 0 #c4dae8;
    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>a.active>span.SkiJump:after {
    border-color: transparent transparent #c4dae8
  }

  .sport-title-result-m.SkiJump {
    background: #c4dae8;
    color: #000
  }

  .SkiJumping:before {
    color: #c4dae8
  }

  .mini-sport-nav-box>a.SkiJumping:before {
    box-shadow: inset 3px 0 0 #c4dae8;
    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>a.active>span.SkiJumping:after {
    border-color: transparent transparent #c4dae8
  }

  .sport-title-result-m.SkiJumping {
    background: #c4dae8;
    color: #000
  }

  .CrossCountrySkiing:before {
    color: #bedbed
  }

  .mini-sport-nav-box>a.CrossCountrySkiing:before {
    box-shadow: inset 3px 0 0 #bedbed;
    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>a.active>span.CrossCountrySkiing:after {
    border-color: transparent transparent #bedbed
  }

  .sport-title-result-m.CrossCountrySkiing {
    background: #bedbed;
    color: #000
  }

  .Snooker:before {
    color: #37b764
  }

  .mini-sport-nav-box>a.Snooker:before {
    box-shadow: inset 3px 0 0 #37b764;
    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>a.active>span.Snooker:after {
    border-color: transparent transparent #37b764
  }

  .sport-title-result-m.Snooker {
    background: #37b764;
    color: #fff
  }

  .Snowboard:before {
    color: #9dd3f5
  }

  .mini-sport-nav-box>a.Snowboard:before {
    box-shadow: inset 3px 0 0 #9dd3f5;
    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>a.active>span.Snowboard:after {
    border-color: transparent transparent #9dd3f5
  }

  .sport-title-result-m.Snowboard {
    background: #9dd3f5;
    color: #000
  }

  .Soccer:before {
    color: var(--text-1)
  }

  .mini-sport-nav-box>a.Soccer:before {
    box-shadow: inset 3px 0 0 #1a7051;
    color: var(--text-1)
  }

  .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>a.active>span.Soccer:after {
    border-color: transparent transparent #1a7051
  }

  .sport-title-result-m.Soccer {
    background: #1a7051;
    color: #fff
  }

  .VirtualFootball:before {
    color: #8555a1
  }

  .mini-sport-nav-box>a.VirtualFootball:before {
    box-shadow: inset 3px 0 0 #8555a1;
    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>a.active>span.VirtualFootball:after {
    border-color: transparent transparent #8555a1
  }

  .sport-title-result-m.VirtualFootball {
    background: #8555a1;
    color: #fff
  }

  .CyberFootball:before {
    color: #2d8134
  }

  .mini-sport-nav-box>a.CyberFootball:before {
    box-shadow: inset 3px 0 0 #2d8134;
    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>a.active>span.CyberFootball:after {
    border-color: transparent transparent #2d8134
  }

  .sport-title-result-m.CyberFootball {
    background: #2d8134;
    color: #fff
  }

  .Speedway:before {
    color: #aca696
  }

  .mini-sport-nav-box>a.Speedway:before {
    box-shadow: inset 3px 0 0 #aca696;
    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>a.active>span.Speedway:after {
    border-color: transparent transparent #aca696
  }

  .sport-title-result-m.Speedway {
    background: #aca696;
    color: #000
  }

  .Squash:before {
    color: #e1b93f
  }

  .mini-sport-nav-box>a.Squash:before {
    box-shadow: inset 3px 0 0 #e1b93f;
    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>a.active>span.Squash:after {
    border-color: transparent transparent #e1b93f
  }

  .sport-title-result-m.Squash {
    background: #e1b93f;
    color: #000
  }

  .Sumo:before {
    color: #b0a174
  }

  .mini-sport-nav-box>a.Sumo:before {
    box-shadow: inset 3px 0 0 #b0a174;
    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>a.active>span.Sumo:after {
    border-color: transparent transparent #b0a174
  }

  .sport-title-result-m.Sumo {
    background: #b0a174;
    color: #000
  }

  .Surfing:before {
    color: #3598e4
  }

  .mini-sport-nav-box>a.Surfing:before {
    box-shadow: inset 3px 0 0 #3598e4;
    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>a.active>span.Surfing:after {
    border-color: transparent transparent #3598e4
  }

  .sport-title-result-m.Surfing {
    background: #3598e4;
    color: #000
  }

  .Swimming:before {
    color: #118be9
  }

  .mini-sport-nav-box>a.Swimming:before {
    box-shadow: inset 3px 0 0 #118be9;
    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>a.active>span.Swimming:after {
    border-color: transparent transparent #118be9
  }

  .sport-title-result-m.Swimming {
    background: #118be9;
    color: #fff
  }

  .Tablehockey:before {
    color: #168763
  }

  .mini-sport-nav-box>a.Tablehockey:before {
    box-shadow: inset 3px 0 0 #168763;
    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>a.active>span.Tablehockey:after {
    border-color: transparent transparent #168763
  }

  .sport-title-result-m.Tablehockey {
    background: #168763;
    color: #fff
  }

  .TableTennis:before {
    color: #0c82b3
  }

  .mini-sport-nav-box>a.TableTennis:before {
    box-shadow: inset 3px 0 0 #0c82b3;
    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>a.active>span.TableTennis:after {
    border-color: transparent transparent #0c82b3
  }

  .sport-title-result-m.TableTennis {
    background: #0c82b3;
    color: #fff
  }

  .Tennis:before {
    color: #8c893a
  }

  .mini-sport-nav-box>a.Tennis:before {
    box-shadow: inset 3px 0 0 #8c893a;
    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>a.active>span.Tennis:after {
    border-color: transparent transparent #8c893a
  }

  .sport-title-result-m.Tennis {
    background: #8c893a;
    color: #fff
  }

  .ETennis:before {
    color: #8c893a
  }

  .mini-sport-nav-box>a.ETennis:before {
    box-shadow: inset 3px 0 0 #8c893a;
    color: #8c893a
  }

  .dashboard-sport-icon-m.ETennis {
    box-shadow: inset 3px 0 0 #8c893a
  }

  .rtl .dashboard-sport-icon-m.ETennis {
    box-shadow: inset -3px 0 0 #8c893a
  }

  .single-sport-title-dashboard-m.ETennis.active {
    border-color: #8c893a
  }

  .select-sport-title-m.ETennis {
    background: #8c893a;
    color: #fff
  }

  .sport-nav-container-m>a.active>span.ETennis:after {
    border-color: transparent transparent #8c893a
  }

  .sport-title-result-m.ETennis {
    background: #8c893a;
    color: #fff
  }

  .Triathlon:before {
    color: #a1c4c6
  }

  .mini-sport-nav-box>a.Triathlon:before {
    box-shadow: inset 3px 0 0 #a1c4c6;
    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>a.active>span.Triathlon:after {
    border-color: transparent transparent #a1c4c6
  }

  .sport-title-result-m.Triathlon {
    background: #a1c4c6;
    color: #000
  }

  .Mma:before {
    color: #868686
  }

  .mini-sport-nav-box>a.Mma:before {
    box-shadow: inset 3px 0 0 #868686;
    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>a.active>span.Mma:after {
    border-color: transparent transparent #868686
  }

  .sport-title-result-m.Mma {
    background: #868686;
    color: #000
  }

  .virtualsports:before {
    color: #8555a1
  }

  .mini-sport-nav-box>a.virtualsports:before {
    box-shadow: inset 3px 0 0 #8555a1;
    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>a.active>span.virtualsports:after {
    border-color: transparent transparent #8555a1
  }

  .sport-title-result-m.virtualsports {
    background: #8555a1;
    color: #fff
  }

  .virtualdogs:before {
    color: #8555a1
  }

  .mini-sport-nav-box>a.virtualdogs:before {
    box-shadow: inset 3px 0 0 #8555a1;
    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>a.active>span.virtualdogs:after {
    border-color: transparent transparent #8555a1
  }

  .sport-title-result-m.virtualdogs {
    background: #8555a1;
    color: #fff
  }

  .virtualhorses:before {
    color: #8555a1
  }

  .mini-sport-nav-box>a.virtualhorses:before {
    box-shadow: inset 3px 0 0 #8555a1;
    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>a.active>span.virtualhorses:after {
    border-color: transparent transparent #8555a1
  }

  .sport-title-result-m.virtualhorses {
    background: #8555a1;
    color: #fff
  }

  .VirtualTennis:before {
    color: #8555a1
  }

  .mini-sport-nav-box>a.VirtualTennis:before {
    box-shadow: inset 3px 0 0 #8555a1;
    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>a.active>span.VirtualTennis:after {
    border-color: transparent transparent #8555a1
  }

  .sport-title-result-m.VirtualTennis {
    background: #8555a1;
    color: #fff
  }

  .Volleyball:before {
    color: #e5e795
  }

  .mini-sport-nav-box>a.Volleyball:before {
    box-shadow: inset 3px 0 0 #e5e795;
    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>a.active>span.Volleyball:after {
    border-color: transparent transparent #e5e795
  }

  .sport-title-result-m.Volleyball {
    background: #e5e795;
    color: #000
  }

  .WaterPolo:before {
    color: #338fd6
  }

  .mini-sport-nav-box>a.WaterPolo:before {
    box-shadow: inset 3px 0 0 #338fd6;
    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>a.active>span.WaterPolo:after {
    border-color: transparent transparent #338fd6
  }

  .sport-title-result-m.WaterPolo {
    background: #338fd6;
    color: #000
  }

  .Wrestling:before {
    color: #b80f20
  }

  .mini-sport-nav-box>a.Wrestling:before {
    box-shadow: inset 3px 0 0 #b80f20;
    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>a.active>span.Wrestling:after {
    border-color: transparent transparent #b80f20
  }

  .sport-title-result-m.Wrestling {
    background: #b80f20;
    color: #fff
  }

  .X-Sports:before {
    color: #a61f2d
  }

  .mini-sport-nav-box>a.X-Sports:before {
    box-shadow: inset 3px 0 0 #a61f2d;
    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>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
  }

  .mini-sport-nav-box>a.GlobalOffensive:before {
    box-shadow: inset 3px 0 0 #c28503;
    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>a.active>span.GlobalOffensive:after {
    border-color: transparent transparent #c28503
  }

  .sport-title-result-m.GlobalOffensive {
    background: #c28503;
    color: #fff
  }

  .CounterStrike:before {
    color: #5e55a1
  }

  .mini-sport-nav-box>a.CounterStrike:before {
    box-shadow: inset 3px 0 0 #5e55a1;
    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>a.active>span.CounterStrike:after {
    border-color: transparent transparent #5e55a1
  }

  .sport-title-result-m.CounterStrike {
    background: #5e55a1;
    color: #fff
  }

  .Dota:before {
    color: #5e55a1
  }

  .mini-sport-nav-box>a.Dota:before {
    box-shadow: inset 3px 0 0 #5e55a1;
    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>a.active>span.Dota:after {
    border-color: transparent transparent #5e55a1
  }

  .sport-title-result-m.Dota {
    background: #5e55a1;
    color: #fff
  }

  .Dota2:before {
    color: #a93844
  }

  .mini-sport-nav-box>a.Dota2:before {
    box-shadow: inset 3px 0 0 #a93844;
    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>a.active>span.Dota2:after {
    border-color: transparent transparent #a93844
  }

  .sport-title-result-m.Dota2 {
    background: #a93844;
    color: #fff
  }

  .HeroesoftheStorm:before {
    color: #5e55a1
  }

  .mini-sport-nav-box>a.HeroesoftheStorm:before {
    box-shadow: inset 3px 0 0 #5e55a1;
    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>a.active>span.HeroesoftheStorm:after {
    border-color: transparent transparent #5e55a1
  }

  .sport-title-result-m.HeroesoftheStorm {
    background: #5e55a1;
    color: #fff
  }

  .WorldOfTanks:before {
    color: #5e55a1
  }

  .mini-sport-nav-box>a.WorldOfTanks:before {
    box-shadow: inset 3px 0 0 #5e55a1;
    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>a.active>span.WorldOfTanks:after {
    border-color: transparent transparent #5e55a1
  }

  .sport-title-result-m.WorldOfTanks {
    background: #5e55a1;
    color: #fff
  }

  .Hearthstone:before {
    color: #d8bf56
  }

  .mini-sport-nav-box>a.Hearthstone:before {
    box-shadow: inset 3px 0 0 #d8bf56;
    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>a.active>span.Hearthstone:after {
    border-color: transparent transparent #d8bf56
  }

  .sport-title-result-m.Hearthstone {
    background: #d8bf56;
    color: #000
  }

  .StarCraft:before {
    color: #5e55a1
  }

  .mini-sport-nav-box>a.StarCraft:before {
    box-shadow: inset 3px 0 0 #5e55a1;
    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>a.active>span.StarCraft:after {
    border-color: transparent transparent #5e55a1
  }

  .sport-title-result-m.StarCraft {
    background: #5e55a1;
    color: #fff
  }

  .StarCraft2:before {
    color: #5e55a1
  }

  .mini-sport-nav-box>a.StarCraft2:before {
    box-shadow: inset 3px 0 0 #5e55a1;
    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>a.active>span.StarCraft2:after {
    border-color: transparent transparent #5e55a1
  }

  .sport-title-result-m.StarCraft2 {
    background: #5e55a1;
    color: #fff
  }

  .WorldOfWarcraft:before {
    color: #5e55a1
  }

  .mini-sport-nav-box>a.WorldOfWarcraft:before {
    box-shadow: inset 3px 0 0 #5e55a1;
    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>a.active>span.WorldOfWarcraft:after {
    border-color: transparent transparent #5e55a1
  }

  .sport-title-result-m.WorldOfWarcraft {
    background: #5e55a1;
    color: #fff
  }

  .CallofDuty:before {
    color: #000
  }

  .mini-sport-nav-box>a.CallofDuty:before {
    box-shadow: inset 3px 0 0 #000;
    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>a.active>span.CallofDuty:after {
    border-color: transparent transparent #000
  }

  .sport-title-result-m.CallofDuty {
    background: #000;
    color: #fff
  }

  .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-popper .react-datepicker__triangle,
  .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
  .react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute
  }

  .react-datepicker-popper .react-datepicker__triangle,
  .react-datepicker-popper .react-datepicker__triangle:before,
  .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 {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px
  }

  .react-datepicker-popper .react-datepicker__triangle:before,
  .react-datepicker__tether-element-attached-bottom .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-popper {
    z-index: 99
  }

  .react-datepicker-popper .react-datepicker__triangle {
    top: 0;
    margin-top: -8px
  }

  .react-datepicker-popper .react-datepicker__triangle,
  .react-datepicker-popper .react-datepicker__triangle:before {
    border-top: none;
    border-bottom-color: #f0f0f0
  }

  .react-datepicker-popper .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__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--next {
    right: 10px;
    border-left-color: #ccc
  }

  .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
  }

  .react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc
  }

  .react-datepicker__navigation--previous:hover {
    border-right-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 {
    margin: .4rem;
    text-align: center
  }

  .react-datepicker__month-container {
    display: inline;
    float: left
  }

  .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
  }

  .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;
    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__day--disabled {
    cursor: default;
    color: #ccc
  }

  .react-datepicker__day--disabled:hover {
    background-color: transparent
  }

  .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-read-view-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-read-view-dropdown:hover {
    cursor: pointer
  }

  .react-datepicker__year-read-view-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
  }

  .react-datepicker-wrapper .react-datepicker__input-container {
    float: left;
    width: 100%;
    position: relative
  }

  .react-datepicker-wrapper .react-datepicker__input-container:before {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 38px;
    font: 16px/38px icomoon;
    content: "\E919";
    color: #474d5b;
    z-index: 10
  }

  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(../images/flags-sprite.png);
    background-size: 100%
  }

  .icon-afghanistan {
    background-position: 0 .35461%
  }

  .icon-africa {
    background-position: 0 .70922%
  }

  .icon-aland {
    background-position: 0 1.06383%
  }

  .icon-albania {
    background-position: 0 1.41844%
  }

  .icon-alderney {
    background-position: 0 1.77305%
  }

  .icon-algeria {
    background-position: 0 2.12766%
  }

  .icon-americansamoa {
    background-position: 0 2.48227%
  }

  .icon-andorra {
    background-position: 0 2.836879%
  }

  .icon-angola {
    background-position: 0 3.191489%
  }

  .icon-anguilla {
    background-position: 0 3.546099%
  }

  .icon-antiguaandbarbuda {
    background-position: 0 3.900709%
  }

  .icon-arableague {
    background-position: 0 4.255319%
  }

  .icon-asean {
    background-position: 0 0
  }

  .icon-argentina {
    background-position: 0 4.609929%
  }

  .icon-armenia {
    background-position: 0 4.964539%
  }

  .icon-aruba {
    background-position: 0 5.319149%
  }

  .icon-asia {
    background-position: 0 5.673759%
  }

  .icon-australia {
    background-position: 0 6.028369%
  }

  .icon-austria {
    background-position: 0 6.382979%
  }

  .icon-azerbaijan {
    background-position: 0 6.737589%
  }

  .icon-bahamas {
    background-position: 0 7.092199%
  }

  .icon-bahrain {
    background-position: 0 7.446809%
  }

  .icon-bangladesh {
    background-position: 0 7.801418%
  }

  .icon-barbados {
    background-position: 0 8.156028%
  }

  .icon-basquecountry {
    background-position: 0 8.510638%
  }

  .icon-belarus {
    background-position: 0 8.865248%
  }

  .icon-belgium {
    background-position: 0 9.219858%
  }

  .icon-belize {
    background-position: 0 9.574468%
  }

  .icon-benin {
    background-position: 0 9.929078%
  }

  .icon-bermuda {
    background-position: 0 10.283688%
  }

  .icon-bhutan {
    background-position: 0 10.638298%
  }

  .icon-bolivia {
    background-position: 0 10.992908%
  }

  .icon-bonairesinteustatiusandsaba,
  .icon-netherlands {
    background-position: 0 11.347518%
  }

  .icon-bosniaandherzegovina,
  .icon-bosniaherzegovina {
    background-position: 0 11.702128%
  }

  .icon-botswana {
    background-position: 0 12.056738%
  }

  .icon-bouvet {
    background-position: 0 12.411348%
  }

  .icon-brazil {
    background-position: 0 12.765957%
  }

  .icon-britishindianoceanterritory {
    background-position: 0 13.120567%
  }

  .icon-brunei,
  .icon-bruneidarussalam {
    background-position: 0 13.475177%
  }

  .icon-bulgaria {
    background-position: 0 13.829787%
  }

  .icon-burkinafaso {
    background-position: 0 14.184397%
  }

  .icon-burundi {
    background-position: 0 14.539007%
  }

  .icon-caricom {
    background-position: 0 14.893617%
  }

  .icon-cis {
    background-position: 0 15.248227%
  }

  .icon-cambodia,
  .icon-cambodja {
    background-position: 0 15.602837%
  }

  .icon-cameroon {
    background-position: 0 15.957447%
  }

  .icon-canada {
    background-position: 0 16.312057%
  }

  .icon-capeverde {
    background-position: 0 16.666667%
  }

  .icon-catalonia {
    background-position: 0 17.021277%
  }

  .icon-caymanislands {
    background-position: 0 17.375887%
  }

  .icon-centralafricanrepublic {
    background-position: 0 17.730496%
  }

  .icon-chad {
    background-position: 0 18.085106%
  }

  .icon-chile {
    background-position: 0 18.439716%
  }

  .icon-china {
    background-position: 0 18.794326%
  }

  .icon-christmas {
    background-position: 0 19.148936%
  }

  .icon-cocoskeeling {
    background-position: 0 19.503546%
  }

  .icon-colombia {
    background-position: 0 19.858156%
  }

  .icon-commonwealth {
    background-position: 0 20.212766%
  }

  .icon-comoros {
    background-position: 0 20.567376%
  }

  .icon-congobrazzaville,
  .icon-republicofthecongo {
    background-position: 0 20.921986%
  }

  .icon-congodemocraticrepublicofthezaire,
  .icon-congokinshasa {
    background-position: 0 21.276596%
  }

  .icon-cookislands {
    background-position: 0 21.631206%
  }

  .icon-costa.rica,
  .icon-costarica {
    background-position: 0 21.985816%
  }

  .icon-coted,
  .icon-cotedivoire {
    background-position: 0 22.340426%
  }

  .icon-croatia {
    background-position: 0 22.695035%
  }

  .icon-cuba {
    background-position: 0 23.049645%
  }

  .icon-curacao {
    background-position: 0 23.404255%
  }

  .icon-cyprus {
    background-position: 0 23.758865%
  }

  .icon-czechrepublic {
    background-position: 0 24.113475%
  }

  .icon-denmark {
    background-position: 0 24.468085%
  }

  .icon-djibouti {
    background-position: 0 24.822695%
  }

  .icon-dominica {
    background-position: 0 25.177305%
  }

  .icon-dominicanrepublic {
    background-position: 0 25.531915%
  }

  .icon-ecuador {
    background-position: 0 25.886525%
  }

  .icon-egypt {
    background-position: 0 26.241135%
  }

  .icon-elsalvador,
  .icon-salvador {
    background-position: 0 26.595745%
  }

  .icon-england {
    background-position: 0 26.950355%
  }

  .icon-equatorialguinea {
    background-position: 0 27.304965%
  }

  .icon-eritrea {
    background-position: 0 27.659574%
  }

  .icon-estonia {
    background-position: 0 28.014184%
  }

  .icon-ethiopia {
    background-position: 0 28.368794%
  }

  .icon-europe {
    background-position: 0 28.723404%
  }

  .icon-fao {
    background-position: 0 29.078014%
  }

  .icon-falkland {
    background-position: 0 29.432624%
  }

  .icon-faroeislands,
  .icon-faroes {
    background-position: 0 29.787234%
  }

  .icon-fiji {
    background-position: 0 30.141844%
  }

  .icon-finland {
    background-position: 0 30.496454%
  }

  .icon-france {
    background-position: 0 30.851064%
  }

  .icon-french-guiana,
  .icon-frenchguiana {
    background-position: 0 31.205674%
  }

  .icon-frenchsouthernandantarcticlands {
    background-position: 0 31.560284%
  }

  .icon-gabon {
    background-position: 0 31.914894%
  }

  .icon-galicia {
    background-position: 0 32.269504%
  }

  .icon-gambia {
    background-position: 0 32.624113%
  }

  .icon-georgia {
    background-position: 0 32.978723%
  }

  .icon-germany {
    background-position: 0 33.333333%
  }

  .icon-ghana {
    background-position: 0 33.687943%
  }

  .icon-gibraltar {
    background-position: 0 34.042553%
  }

  .icon-greece {
    background-position: 0 34.397163%
  }

  .icon-greenland {
    background-position: 0 34.751773%
  }

  .icon-grenada {
    background-position: 0 35.106383%
  }

  .icon-guadeloupe {
    background-position: 0 35.460993%
  }

  .icon-guam {
    background-position: 0 35.815603%
  }

  .icon-guatemala {
    background-position: 0 36.170213%
  }

  .icon-guernsey {
    background-position: 0 36.524823%
  }

  .icon-guinea {
    background-position: 0 36.879433%
  }

  .icon-guinea-bissau,
  .icon-guineabissau {
    background-position: 0 37.234043%
  }

  .icon-guyana {
    background-position: 0 37.588652%
  }

  .icon-haiti,
  .icon-republicofhaiti {
    background-position: 0 37.943262%
  }

  .icon-heardislandandmcdonald {
    background-position: 0 38.297872%
  }

  .icon-honduras {
    background-position: 0 38.652482%
  }

  .icon-hongkong {
    background-position: 0 39.007092%
  }

  .icon-hungary {
    background-position: 0 39.361702%
  }

  .icon-iaea {
    background-position: 0 39.716312%
  }

  .icon-iho {
    background-position: 0 40.070922%
  }

  .icon-iceland {
    background-position: 0 40.425532%
  }

  .icon-india {
    background-position: 0 40.780142%
  }

  .icon-indonesia,
  .icon-indonezia {
    background-position: 0 41.134752%
  }

  .icon-international {
    background-position: 0 41.489362%
  }

  .icon-iran {
    background-position: 0 41.843972%
  }

  .icon-iraq,
  .icon-kurdish {
    background-position: 0 42.198582%
  }

  .icon-ireland {
    background-position: 0 42.553191%
  }

  .icon-islamicconference {
    background-position: 0 42.907801%
  }

  .icon-isleofman {
    background-position: 0 43.262411%
  }

  .icon-israel {
    background-position: 0 43.617021%
  }

  .icon-italy {
    background-position: 0 43.971631%
  }

  .icon-jamaica {
    background-position: 0 44.326241%
  }

  .icon-japan {
    background-position: 0 44.680851%
  }

  .icon-jersey {
    background-position: 0 45.035461%
  }

  .icon-jordan {
    background-position: 0 45.390071%
  }

  .icon-kazakhstan {
    background-position: 0 45.744681%
  }

  .icon-kenya,
  .icon-swahili {
    background-position: 0 46.099291%
  }

  .icon-kiribati {
    background-position: 0 46.453901%
  }

  .icon-kosovo {
    background-position: 0 46.808511%
  }

  .icon-kuwait {
    background-position: 0 47.163121%
  }

  .icon-kyrgyzstan {
    background-position: 0 47.51773%
  }

  .icon-laos {
    background-position: 0 47.87234%
  }

  .icon-latvia {
    background-position: 0 48.22695%
  }

  .icon-lebanon {
    background-position: 0 48.58156%
  }

  .icon-lesotho {
    background-position: 0 48.93617%
  }

  .icon-liberia,
  .icon-usa {
    background-position: 0 49.29078%
  }

  .icon-libya {
    background-position: 0 49.64539%
  }

  .icon-liechtenshein,
  .icon-liechtenstein {
    background-position: 0 50%
  }

  .icon-lithuania {
    background-position: 0 50.35461%
  }

  .icon-luxembourg,
  .icon-luxemburg {
    background-position: 0 50.70922%
  }

  .icon-macao,
  .icon-macau {
    background-position: 0 51.06383%
  }

  .icon-macedonia {
    background-position: 0 51.41844%
  }

  .icon-madagascar {
    background-position: 0 51.77305%
  }

  .icon-malawi {
    background-position: 0 52.12766%
  }

  .icon-malaysia {
    background-position: 0 52.48227%
  }

  .icon-maldives {
    background-position: 0 52.836879%
  }

  .icon-mali {
    background-position: 0 53.191489%
  }

  .icon-malta {
    background-position: 0 53.546099%
  }

  .icon-marshallislands {
    background-position: 0 53.900709%
  }

  .icon-martinique {
    background-position: 0 54.255319%
  }

  .icon-mauritania {
    background-position: 0 54.609929%
  }

  .icon-mauritius {
    background-position: 0 54.964539%
  }

  .icon-mayotte {
    background-position: 0 55.319149%
  }

  .icon-mexico {
    background-position: 0 55.673759%
  }

  .icon-federatedstatesofmicronesia,
  .icon-micronesia {
    background-position: 0 56.028369%
  }

  .icon-moldova {
    background-position: 0 56.382979%
  }

  .icon-monaco {
    background-position: 0 56.737589%
  }

  .icon-mongolia {
    background-position: 0 57.092199%
  }

  .icon-montenegro {
    background-position: 0 57.446809%
  }

  .icon-montserrat {
    background-position: 0 57.801418%
  }

  .icon-morocco {
    background-position: 0 58.156028%
  }

  .icon-mozambique {
    background-position: 0 58.510638%
  }

  .icon-myanmar {
    background-position: 0 58.865248%
  }

  .icon-nato {
    background-position: 0 59.219858%
  }

  .icon-namibia {
    background-position: 0 59.574468%
  }

  .icon-nauru {
    background-position: 0 59.929078%
  }

  .icon-nepal {
    background-position: 0 60.283688%
  }

  .icon-netherlandsantilles {
    background-position: 0 60.638298%
  }

  .icon-newcaledonia {
    background-position: 0 60.992908%
  }

  .icon-newzealand {
    background-position: 0 61.347518%
  }

  .icon-nicaragua {
    background-position: 0 61.702128%
  }

  .icon-niger {
    background-position: 0 62.056738%
  }

  .icon-nigeria {
    background-position: 0 62.411348%
  }

  .icon-niue {
    background-position: 0 62.765957%
  }

  .icon-norfolk {
    background-position: 0 63.120567%
  }

  .icon-northamerica {
    background-position: 0 63.475177%
  }

  .icon-dprk,
  .icon-northkorea {
    background-position: 0 63.829787%
  }

  .icon-northerncyprus {
    background-position: 0 64.184397%
  }

  .icon-northernireland {
    background-position: 0 64.539007%
  }

  .icon-northernmariana {
    background-position: 0 64.893617%
  }

  .icon-norway {
    background-position: 0 65.248227%
  }

  .icon-oas {
    background-position: 0 65.602837%
  }

  .icon-opec {
    background-position: 0 65.957447%
  }

  .icon-oceania {
    background-position: 0 66.312057%
  }

  .icon-olimpics {
    background-position: 0 66.666667%
  }

  .icon-oman {
    background-position: 0 67.021277%
  }

  .icon-pakistan {
    background-position: 0 67.375887%
  }

  .icon-palau {
    background-position: 0 67.730496%
  }

  .icon-palestine {
    background-position: 0 68.085106%
  }

  .icon-panama {
    background-position: 0 68.439716%
  }

  .icon-papuanewguinea {
    background-position: 0 68.794326%
  }

  .icon-paraguay {
    background-position: 0 69.148936%
  }

  .icon-peru {
    background-position: 0 69.503546%
  }

  .icon-philippines {
    background-position: 0 69.858156%
  }

  .icon-pitcairn {
    background-position: 0 70.212766%
  }

  .icon-poland {
    background-position: 0 70.567376%
  }

  .icon-portugal {
    background-position: 0 70.921986%
  }

  .icon-puertorico {
    background-position: 0 71.276596%
  }

  .icon-qatar {
    background-position: 0 71.631206%
  }

  .icon-quebec {
    background-position: 0 71.985816%
  }

  .icon-redcross {
    background-position: 0 72.340426%
  }

  .icon-reunion {
    background-position: 0 72.695035%
  }

  .icon-romania {
    background-position: 0 73.049645%
  }

  .icon-russia {
    background-position: 0 73.404255%
  }

  .icon-rwanda {
    background-position: 0 73.758865%
  }

  .icon-saintbarthelemy {
    background-position: 0 74.113475%
  }

  .icon-sainthelena {
    background-position: 0 74.468085%
  }

  .icon-saintlucia {
    background-position: 0 74.822695%
  }

  .icon-saintmartin {
    background-position: 0 75.177305%
  }

  .icon-saintpierreandmiquelon {
    background-position: 0 75.531915%
  }

  .icon-samoa {
    background-position: 0 75.886525%
  }

  .icon-sanmarino {
    background-position: 0 76.241135%
  }

  .icon-saotomeandprincipe {
    background-position: 0 76.595745%
  }

  .icon-saudi.arabia,
  .icon-saudiarabia {
    background-position: 0 76.950355%
  }

  .icon-scotland {
    background-position: 0 77.304965%
  }

  .icon-senegal {
    background-position: 0 77.659574%
  }

  .icon-serbia {
    background-position: 0 78.014184%
  }

  .icon-seychelles {
    background-position: 0 78.368794%
  }

  .icon-sierraleone {
    background-position: 0 78.723404%
  }

  .icon-singapore {
    background-position: 0 79.078014%
  }

  .icon-sintmaarten {
    background-position: 0 79.432624%
  }

  .icon-slovakia {
    background-position: 0 79.787234%
  }

  .icon-slovenia {
    background-position: 0 80.141844%
  }

  .icon-solomonislands {
    background-position: 0 80.496454%
  }

  .icon-somalia {
    background-position: 0 80.851064%
  }

  .icon-somaliland {
    background-position: 0 81.205674%
  }

  .icon-republicofsouthafrica,
  .icon-southafrica {
    background-position: 0 81.560284%
  }

  .icon-southamerica {
    background-position: 0 81.914894%
  }

  .icon-southgeorgiaandsouthsandwich {
    background-position: 0 82.269504%
  }

  .icon-south.korea,
  .icon-southkorea {
    background-position: 0 82.624113%
  }

  .icon-southossetia {
    background-position: 0 82.978723%
  }

  .icon-southsudan {
    background-position: 0 83.333333%
  }

  .icon-spain {
    background-position: 0 83.687943%
  }

  .icon-srilanka {
    background-position: 0 84.042553%
  }

  .icon-saintkittsandnevis,
  .icon-stkittsandnevis {
    background-position: 0 84.397163%
  }

  .icon-saintvincentandthegrenadines,
  .icon-stvincentandthegrenadines {
    background-position: 0 84.751773%
  }

  .icon-sudan {
    background-position: 0 85.106383%
  }

  .icon-republicofsuriname,
  .icon-suriname {
    background-position: 0 85.460993%
  }

  .icon-svalbardandjanmayen {
    background-position: 0 85.815603%
  }

  .icon-swaziland {
    background-position: 0 86.170213%
  }

  .icon-sweden {
    background-position: 0 86.524823%
  }

  .icon-switzerland {
    background-position: 0 86.879433%
  }

  .icon-syria {
    background-position: 0 87.234043%
  }

  .icon-tahiti {
    background-position: 0 87.588652%
  }

  .icon-chinesetaipei,
  .icon-taiwan {
    background-position: 0 87.943262%
  }

  .icon-tadjikistan,
  .icon-tajikistan {
    background-position: 0 88.297872%
  }

  .icon-tanzania,
  .icon-unitedrepublicoftanzania {
    background-position: 0 88.652482%
  }

  .icon-thailand {
    background-position: 0 89.007092%
  }

  .icon-timor-leste,
  .icon-timorleste {
    background-position: 0 89.361702%
  }

  .icon-togo {
    background-position: 0 89.716312%
  }

  .icon-tokelau {
    background-position: 0 90.070922%
  }

  .icon-tonga {
    background-position: 0 90.425532%
  }

  .icon-trinidadandtobago,
  .icon-trinidadtobago {
    background-position: 0 90.780142%
  }

  .icon-tristandacunha {
    background-position: 0 91.134752%
  }

  .icon-tunisia {
    background-position: 0 91.489362%
  }

  .icon-turkey {
    background-position: 0 91.843972%
  }

  .icon-turkmenistan {
    background-position: 0 92.198582%
  }

  .icon-turksandcaicosislands {
    background-position: 0 92.553191%
  }

  .icon-tuvalu {
    background-position: 0 92.907801%
  }

  .icon-america,
  .icon-usa {
    background-position: 0 93.262411%
  }

  .icon-uganda {
    background-position: 0 93.617021%
  }

  .icon-ukraine {
    background-position: 0 93.971631%
  }

  .icon-uae,
  .icon-unitedarabemirates {
    background-position: 0 94.326241%
  }

  .icon-greatbritain,
  .icon-unitedkingdom {
    background-position: 0 94.680851%
  }

  .icon-uruguay {
    background-position: 0 95.035461%
  }

  .icon-uzbekistan {
    background-position: 0 95.390071%
  }

  .icon-vanuatu,
  .icon-vanutau {
    background-position: 0 95.744681%
  }

  .icon-vaticancity {
    background-position: 0 96.099291%
  }

  .icon-venezuela {
    background-position: 0 96.453901%
  }

  .icon-vietnam {
    background-position: 0 96.808511%
  }

  .icon-britishvirginislands,
  .icon-virginislandsbritish {
    background-position: 0 97.163121%
  }

  .icon-unitedstatesvirginislands,
  .icon-virginislandsus {
    background-position: 0 97.51773%
  }

  .icon-wales {
    background-position: 0 97.87234%
  }

  .icon-wallisandfutuna {
    background-position: 0 98.22695%
  }

  .icon-westernsahara {
    background-position: 0 98.58156%
  }

  .icon-world {
    background-position: 0 98.93617%
  }

  .icon-yemen {
    background-position: 0 99.29078%
  }

  .icon-zambia {
    background-position: 0 99.64539%
  }

  .icon-zimbabwe {
    background-position: 0 100%
  }

 :root {
  --hero: #E18A36;
  --skin: #131314;
  --brand: #E18A36;
  --breadCrumbs: #E18A36;
  --accent: #E18A36;
  --header: #131314;
  --text: #131314;
  --odd: #E18A36;
  --oddBackground: #E18A36;
  --favorite: #E18A36;
  --skin-1: #ffffff;
  --skin-2: #d8d8d8;
  --skin-3: #aaaaaa;
  --skin-4: #929294;
  --skin-5: #7c7c7c;
  --skin-6: #6a6a6a;
  --skin-7: #3f3f3f;
  --skin-8: #2d2d2d;
  --skin-9: #1e1e1e;
  --skin-10: #181819;
  --skin-11: #131314;
  --skin-12: #0b0b0c;
  --skin-13: #040405;
  --skin-14: #000000;
  --skin-15: #000000;
  --skin-16: #000000;
  --text-1: #ffffff;
  --text-2: #d8d8d8;
  --text-3: #aaaaaa;
  --text-4: #929294;
  --text-5: #7c7c7c;
  --text-6: #6a6a6a;
  --text-7: #3f3f3f;
  --text-8: #2d2d2d;
  --text-9: #1e1e1e;
  --text-10: #181819;
  --text-11: #131314;
  --text-12: #0b0b0c;
  --text-13: #040405;
  --text-14: #000000;
  --text-15: #000000;
  --text-16: #000000;
  --hero-hover: #c6711e;
  --hero-sc: #000000;
  --hero-rgb: 225, 138, 54;
  --hero-sc-rgb: 0, 0, 0;
  --skin-hover: #2c2c2e;
  --skin-sc: #ffffff;
  --skin-rgb: 19, 19, 20;
  --skin-sc-rgb: 255, 255, 255;
  --brand-hover: #c6711e;
  --brand-sc: #000000;
  --brand-rgb: 225, 138, 54;
  --brand-sc-rgb: 0, 0, 0;
  --breadCrumbs-hover: #c6711e;
  --breadCrumbs-sc: #000000;
  --breadCrumbs-rgb: 225, 138, 54;
  --breadCrumbs-sc-rgb: 0, 0, 0;
  --accent-hover: #c6711e;
  --accent-sc: #000000;
  --accent-rgb: 225, 138, 54;
  --accent-sc-rgb: 0, 0, 0;
  --header-hover: #2c2c2e;
  --header-sc: #ffffff;
  --header-rgb: 19, 19, 20;
  --header-sc-rgb: 255, 255, 255;
  --text-hover: #2c2c2e;
  --text-sc: #ffffff;
  --text-rgb: 19, 19, 20;
  --text-sc-rgb: 255, 255, 255;
  --odd-hover: #c6711e;
  --odd-sc: #000000;
  --odd-rgb: 225, 138, 54;
  --odd-sc-rgb: 0, 0, 0;
  --oddBackground-hover: #c6711e;
  --oddBackground-sc: #000000;
  --oddBackground-rgb: 225, 138, 54;
  --oddBackground-sc-rgb: 0, 0, 0;
  --favorite-hover: #c6711e;
  --favorite-sc: #000000;
  --favorite-rgb: 225, 138, 54;
  --favorite-sc-rgb: 0, 0, 0;
  --skin-1-hover: #e6e6e6;
  --skin-1-sc: #000000;
  --skin-1-rgb: 255, 255, 255;
  --skin-1-sc-rgb: 0, 0, 0;
  --skin-2-hover: #bebebe;
  --skin-2-sc: #000000;
  --skin-2-rgb: 216, 216, 216;
  --skin-2-sc-rgb: 0, 0, 0;
  --skin-3-hover: #909090;
  --skin-3-sc: #000000;
  --skin-3-rgb: 170, 170, 170;
  --skin-3-sc-rgb: 0, 0, 0;
  --skin-4-hover: #78787b;
  --skin-4-sc: #000000;
  --skin-4-rgb: 146, 146, 148;
  --skin-4-sc-rgb: 0, 0, 0;
  --skin-5-hover: #959595;
  --skin-5-sc: #ffffff;
  --skin-5-rgb: 124, 124, 124;
  --skin-5-sc-rgb: 255, 255, 255;
  --skin-6-hover: #838383;
  --skin-6-sc: #ffffff;
  --skin-6-rgb: 106, 106, 106;
  --skin-6-sc-rgb: 255, 255, 255;
  --skin-7-hover: #585858;
  --skin-7-sc: #ffffff;
  --skin-7-rgb: 63, 63, 63;
  --skin-7-sc-rgb: 255, 255, 255;
  --skin-8-hover: #464646;
  --skin-8-sc: #ffffff;
  --skin-8-rgb: 45, 45, 45;
  --skin-8-sc-rgb: 255, 255, 255;
  --skin-9-hover: #373737;
  --skin-9-sc: #ffffff;
  --skin-9-rgb: 30, 30, 30;
  --skin-9-sc-rgb: 255, 255, 255;
  --skin-10-hover: #313133;
  --skin-10-sc: #ffffff;
  --skin-10-rgb: 24, 24, 25;
  --skin-10-sc-rgb: 255, 255, 255;
  --skin-11-hover: #2c2c2e;
  --skin-11-sc: #ffffff;
  --skin-11-rgb: 19, 19, 20;
  --skin-11-sc-rgb: 255, 255, 255;
  --skin-12-hover: #232327;
  --skin-12-sc: #ffffff;
  --skin-12-rgb: 11, 11, 12;
  --skin-12-sc-rgb: 255, 255, 255;
  --skin-13-hover: #1b1b21;
  --skin-13-sc: #ffffff;
  --skin-13-rgb: 4, 4, 5;
  --skin-13-sc-rgb: 255, 255, 255;
  --skin-14-hover: #1a1a1a;
  --skin-14-sc: #ffffff;
  --skin-14-rgb: 0, 0, 0;
  --skin-14-sc-rgb: 255, 255, 255;
  --skin-15-hover: #1a1a1a;
  --skin-15-sc: #ffffff;
  --skin-15-rgb: 0, 0, 0;
  --skin-15-sc-rgb: 255, 255, 255;
  --skin-16-hover: #1a1a1a;
  --skin-16-sc: #ffffff;
  --skin-16-rgb: 0, 0, 0;
  --skin-16-sc-rgb: 255, 255, 255;
  --text-1-hover: #e6e6e6;
  --text-1-sc: #000000;
  --text-1-rgb: 255, 255, 255;
  --text-1-sc-rgb: 0, 0, 0;
  --text-2-hover: #bebebe;
  --text-2-sc: #000000;
  --text-2-rgb: 216, 216, 216;
  --text-2-sc-rgb: 0, 0, 0;
  --text-3-hover: #909090;
  --text-3-sc: #000000;
  --text-3-rgb: 170, 170, 170;
  --text-3-sc-rgb: 0, 0, 0;
  --text-4-hover: #78787b;
  --text-4-sc: #000000;
  --text-4-rgb: 146, 146, 148;
  --text-4-sc-rgb: 0, 0, 0;
  --text-5-hover: #959595;
  --text-5-sc: #ffffff;
  --text-5-rgb: 124, 124, 124;
  --text-5-sc-rgb: 255, 255, 255;
  --text-6-hover: #838383;
  --text-6-sc: #ffffff;
  --text-6-rgb: 106, 106, 106;
  --text-6-sc-rgb: 255, 255, 255;
  --text-7-hover: #585858;
  --text-7-sc: #ffffff;
  --text-7-rgb: 63, 63, 63;
  --text-7-sc-rgb: 255, 255, 255;
  --text-8-hover: #464646;
  --text-8-sc: #ffffff;
  --text-8-rgb: 45, 45, 45;
  --text-8-sc-rgb: 255, 255, 255;
  --text-9-hover: #373737;
  --text-9-sc: #ffffff;
  --text-9-rgb: 30, 30, 30;
  --text-9-sc-rgb: 255, 255, 255;
  --text-10-hover: #313133;
  --text-10-sc: #ffffff;
  --text-10-rgb: 24, 24, 25;
  --text-10-sc-rgb: 255, 255, 255;
  --text-11-hover: #2c2c2e;
  --text-11-sc: #ffffff;
  --text-11-rgb: 19, 19, 20;
  --text-11-sc-rgb: 255, 255, 255;
  --text-12-hover: #232327;
  --text-12-sc: #ffffff;
  --text-12-rgb: 11, 11, 12;
  --text-12-sc-rgb: 255, 255, 255;
  --text-13-hover: #1b1b21;
  --text-13-sc: #ffffff;
  --text-13-rgb: 4, 4, 5;
  --text-13-sc-rgb: 255, 255, 255;
  --text-14-hover: #1a1a1a;
  --text-14-sc: #ffffff;
  --text-14-rgb: 0, 0, 0;
  --text-14-sc-rgb: 255, 255, 255;
  --text-15-hover: #1a1a1a;
  --text-15-sc: #ffffff;
  --text-15-rgb: 0, 0, 0;
  --text-15-sc-rgb: 255, 255, 255;
  --text-16-hover: #1a1a1a;
  --text-16-sc: #ffffff;
  --text-16-rgb: 0, 0, 0;
  --text-16-sc-rgb: 255, 255, 255;
}


  html {
    -webkit-text-size-adjust: none
  }

  body {
    width: 100%;
    height: 100%;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 16px;
    background: var(--skin-15);
    color: var(--text-1);
    overflow-y: scroll;
    overflow-x: hidden;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .3)
  }

  input[type=password],
  input[type=text] {
    -moz-user-select: all;
    -ms-user-select: all;
    -webkit-user-select: initial;
    user-select: all
  }

  .popup-opened-m {
    overflow: hidden;
    bottom: 0;
    left: 0
  }

  #root,
  .main-wrapper,
  .wrapper-m {
    float: left;
    width: 100%;
    height: 100%
  }

  .wrapper-m {
    display: table;
    table-layout: fixed;
    padding: 48px 0 0
  }

  .wrapper-m>.footer-m {
    padding: 10px 10px 50px
  }

  .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: var(--text-6)
  }

  .profile-form-contain-m .form-p-i-m>.imp-file-box .select-contain-m {
    margin-bottom: 15px;
    width: 100%
  }

  .profile-form-contain-m .form-p-i-m>.imp-file-box .select-contain-m>select {
    color: #818791;
    width: 100%
  }

  .hide {
    display: none
  }

  .content-m {
    -webkit-overflow-scrolling: touch
  }

  .content-m,
  .deposit-view-wrapper {
    float: left;
    width: 100%
  }

  [dir=rtl] .sport-league-n-date {
    padding: 8px 15px 10px 0
  }

  @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: -3px 0 0 var(--skin-6) inset
  }

  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: 1px 0 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-15) inset
  }

  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: 0 1px 0 hsla(224, 9%, 53%, .15) inset, -1px 0 0 var(--skin-15) inset
  }

  html[dir=rtl] .asian-filter-picker ul li:first-child>.title-row-u-m {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .06), inset 1px 0 0 hsla(0, 0%, 100%, .09)
  }

  html[dir=rtl] .asian-game-c>.game-information-m>ul,
  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] .swiping_style {
    right: -56px
  }

  html[dir=rtl] .asian-view .asian-view-wrapper {
    float: right
  }

  html[dir=rtl] .asian-game-c>.game-information-m>ul>li.fav-game-icon-m {
    box-shadow: none
  }

  html[dir=rtl] .asian-game-c>.game-information-m:first-child {
    box-shadow: 0 1px 0 hsla(224, 9%, 53%, .15) inset, 1px 0 0 var(--skin-14) inset
  }

  html[dir=rtl] .sport-nav-container-m>a.active {
    position: relative
  }

  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] .quick-bet-settings-view .radio-form-item input:checked+span:before {
    right: 10px
  }

  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 var(--text-6)
  }

  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: -1px 0 0 var(--text-6) inset, 0 1px 0 var(--text-6) inset, 0 -1px 0 var(--text-6) inset
  }

  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] .single-form-item.reg_g_recaptcha_response {
    height: 90px
  }

  html[dir=rtl] .single-form-item .img-wrapper-m {
    float: right;
    margin: 15px 0 0 10px
  }

  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] .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
  }

  @media screen and (min-width:980px) {

    html[dir=rtl] .content-m>.game-view-wrapper,
    html[dir=rtl] .content-m>.import-view-container,
    html[dir=rtl] .deposit-view-wrapper,
    html[dir=rtl] .loyalty-page-wrapper,
    html[dir=rtl] .profile-view-wrapper {
      float: right
    }

    html[dir=rtl] .asian-view-filters-wrapper-m .import-view-container {
      left: auto;
      right: 260px
    }
  }

  html[dir=rtl] .quick-bet-settings-view>h3 {
    text-align: left
  }

  html[dir=rtl] .all-bets-settings-row-m>ul>li.cleared-all-box {
    float: left
  }

  html[dir=rtl] .asian-view .fav-star-m {
    right: 0;
    box-shadow: 1px 0 0 var(--skin-14) inset
  }

  html[dir=rtl] .asian-view p.select-contain-m.match-a {
    margin: 0 34px 0 0
  }

  html[dir=rtl] .asian-view .singe-market-view-m .single-market-title-m {
    padding: 0 70px 0 46px
  }

  html[dir=rtl] .asian-view .singe-market-view-m .markets-closed-open-arrow-m {
    right: 35px
  }

  html[dir=rtl] .delete-counter-offer:before {
    right: auto;
    left: 5px
  }

  html[dir=rtl] .open-close-arrow-e {
    right: auto;
    left: 0
  }

  html[dir=rtl] .open-close-arrow-e:before {
    content: "\E66F"
  }

  html[dir=rtl] .go-to-events-m>a {
    padding: 0 10px 0 0
  }

  html[dir=rtl] .single-sport-title-dashboard-mm:before {
    left: auto;
    right: 8px
  }

  html[dir=rtl] .game-type-c>h3,
  html[dir=rtl] .game-type-c>span {
    float: right
  }

  html[dir=rtl] .game-type-c>b {
    float: left;
    padding: 0 0 0 30px
  }

  html[dir=rtl] .game-type-c>b:after {
    right: inherit;
    left: 5px;
    content: "\E66F"
  }

  html[dir=rtl] .pro-filter-m>.icon-view-u-m {
    right: 0;
    left: auto
  }

  html[dir=rtl] .pro-filter-m>p {
    padding: 0 40px 0 0
  }

  html[dir=rtl] .language-container-m .select-contain-m>.flag-view-m {
    left: inherit;
    right: 35px
  }

  html[dir=rtl] .time-filter-m>ul {
    float: right
  }

  html[dir=rtl] .cleared-all-box .clear-all-m {
    float: left
  }

  html[dir=rtl] .game-control.Tennis .Point .score_2 {
    left: 50%;
    margin-left: -40px;
    margin-right: auto
  }

  html[dir=rtl] .game-control.Tennis .Point .score_1 {
    right: 50%;
    margin-right: -40px;
    margin-left: auto
  }

  html[dir=rtl] .user-info-show-b>span:last-child {
    text-align: left
  }

  html[dir=rtl] .add-new-selections-wrapper>p {
    padding-right: 25px
  }

  html[dir=rtl] .add-new-selections-wrapper>p:before {
    left: auto;
    right: 10px
  }

  html[dir=rtl] .edit-bet-stake-amount>span>i {
    padding: 0 5px 0 0;
    float: left
  }

  html[dir=rtl] .edit-bet-win-info span {
    float: right;
    text-align: right
  }

  html[dir=rtl] .under-add-selection-i>span {
    width: auto
  }

  html[dir=rtl] .possible-win-block-b>span>i {
    text-align: center;
    width: 100%;
    float: left
  }

  html[dir=rtl] .add-selections:after {
    left: 0;
    right: inherit
  }

  html[dir=rtl] .new-selections-info>button {
    position: absolute;
    left: 10px;
    right: auto
  }

  html[dir=rtl] .new-selections-info>p {
    padding-right: 20px
  }

  html[dir=rtl] .new-selections-info>p:before {
    right: 5px;
    left: auto
  }

  html[dir=rtl] .edit-bet-win-info span:nth-child(2) {
    padding-right: 10px
  }

  html[dir=rtl] .edit-bet-win-info ul>li>p.possible-text-title-m {
    display: block;
    width: auto;
    padding-right: 0;
    line-height: 18px
  }

  html[dir=rtl] .edit-bet-win-info ul>li>p.possible-text-title-m>span {
    padding-right: 5px;
    float: left
  }

  html[dir=rtl] .System .checkbox-wrapper-m:before,
  html[dir=rtl] .System .checkbox-wrapper-m>input[type=checkbox]:checked+span:before {
    right: 18px
  }

  html[dir=rtl] .cashout-menu-p>button:last-child:before {
    padding: 0 0 0 10px
  }

  html[dir=rtl] .radio-select-b {
    left: auto;
    right: 0
  }

  html[dir=rtl] .full-cash-o>span {
    float: right;
    padding: 0 10px 0 0
  }

  html[dir=rtl] .full-cash-o .price-currency {
    float: left
  }

  html[dir=rtl] .full-cash-o>input[type=radio] {
    float: right
  }

  html[dir=rtl] .partial-cashout-price>p:last-child {
    text-align: left
  }

  html[dir=rtl] .partial-cashout-price>p {
    text-align: right
  }

  html[dir=rtl] .log-out-b-m>button {
    padding: 0 38px 0 10px;
    text-align: right
  }

  html[dir=rtl] .log-out-b-m>button:before {
    right: 0
  }

  html[dir=rtl] .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b {
    padding-left: inherit;
    padding-right: 40px
  }

  html[dir=rtl] .singe-market-view-m.virtual .single-coefficient-m.virtual-g .event-text-v-b:before {
    left: auto;
    right: 0
  }

  html[dir=rtl] .provider-panel-m .l-casino-provider-nav h6 {
    float: right
  }

  html[dir=rtl] .provider-panel-m .l-casino-provider-nav .provider-selector-p {
    float: left;
    padding-left: inherit;
    padding-right: 20px
  }

  html[dir=rtl] .provider-panel-m .l-casino-provider-nav .provider-selector-p:after {
    right: auto;
    left: 0
  }

  html[dir=rtl] .m-points-ex>div:last-child {
    text-align: left
  }

  html[dir=rtl] .current-proggres-proc.less>span {
    left: auto;
    right: 0
  }

  .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
  }

  .customDomElementClass {
    position: fixed;
    bottom: 40px;
    z-index: 100000;
    right: 15px
  }

  @supports ((position:-webkit-sticky) or (position:sticky)) or (position:-webkit-sticky) {

    .dashboard-live-game-list-m .single-sport-title-dashboard-m,
    .dashboard-upcoming-game-list-m .single-sport-title-dashboard-m,
    .game-date-view-m,
    .game-markets-f,
    .sport-region-info-m,
    .title-game-type-box {
      top: 48px;
      position: sticky;
      position: -webkit-sticky;
      z-index: 555
    }

    .title-row-u-m {
      top: 0;
      position: sticky;
      position: -webkit-sticky;
      z-index: 555
    }

    .sport-nav-container-m>a.active {
      left: 0;
      right: 0;
      position: sticky;
      position: -webkit-sticky;
      z-index: 33;
      box-shadow: 1px 0 0 var(--skin-12), -1px 0 0 var(--skin-12)
    }
  }

  @media screen and (min-width:980px) {

    .dashboard-live-game-list-m .single-sport-title-dashboard-m,
    .dashboard-upcoming-game-list-m .single-sport-title-dashboard-m,
    .game-date-view-m,
    .game-markets-f,
    .sport-region-info-m {
      top: 0;
      position: relative
    }
  }

  body #comm100-container #comm100-float-button-2>div {
    bottom: 35px !important
  }

  body[virtual-keyboard=opened] #comm100-container #comm100-float-button-2>div {
    bottom: 90px !important
  }

  .slick-slider {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
  }

  .slick-slider .slick-list {
    float: left;
    width: 100%;
    -webkit-transition: height .3s;
    transition: height .3s
  }

  .slick-slider .slick-list[style="height: 0;"],
  .slick-slider .slick-list[style="height: 0px;"] {
    height: auto !important
  }

  .slick-slider .slick-list .slick-track {
    float: left;
    width: 100%;
    font: 0/0 Roboto, sans-serif;
    white-space: nowrap
  }

  .slick-slider .slick-list .slick-track>div {
    display: inline-block;
    vertical-align: top;
    font: 12px/14px Roboto, sans-serif;
    background: var(--skin-8)
  }

  .slick-slider .slick-dots {
    float: left;
    width: 100%;
    height: 40px;
    background: var(--skin-8);
    text-align: center;
    font: 0/40px Roboto, sans-serif;
    position: relative;
    z-index: 20
  }

  .slick-slider .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    background: var(--skin-5);
    margin: 0 2px;
    border-radius: 100%;
    -webkit-transition: background .3s, -webkit-transform .3s;
    transition: background .3s, -webkit-transform .3s;
    transition: background .3s, transform .3s;
    transition: background .3s, transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }

  .slick-slider .slick-dots li button {
    display: none
  }

  .slick-slider .slick-dots li.slick-active {
    background: var(--skin-3);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  .slick-slider>button {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: var(--text-5);
    z-index: 30;
    border: 0;
    background: 0;
    font: 0/0 Roboto, sans-serif;
    text-align: center
  }

  .slick-slider>button:before {
    content: "\E672";
    font: 20px/40px icomoon
  }

  .slick-slider>button:first-child {
    left: 0;
    right: auto
  }

  .slick-slider>button:first-child:before {
    content: "\E66F"
  }

  .no-more-empty-d {
    float: left;
    width: 100%
  }

  .messages>.title-row-u-m>p>span {
    padding: 0 28px 0 0
  }

  .asian-filter-picker .title-row-u-m>p>span {
    padding: 0
  }

  .asian-filter-picker ul,
  .asian-filter-picker ul li {
    width: auto
  }

  .asian-filter-picker {
    white-space: nowrap
  }

  .asian-filter-picker::-webkit-scrollbar {
    display: none;
    width: 0
  }

  .icon-view-u-m.icon-stopwatch {
    content: "\E6E2"
  }

  .asian-view-wrapper.future .asian-filter-picker ul,
  .asian-view-wrapper.future .asian-filter-picker ul li {
    width: auto
  }

  .asian-view-wrapper.future .title-row-u-m>p>span {
    padding: 0
  }

  .asian-view-wrapper.future .asian-filter-picker ul li:last-child {
    border-left: 1px solid var(--skin-8)
  }

  .asian-view-wrapper .asian-filter-picker ul {
    width: 100%
  }

  .asian-view-wrapper.future .asian-filter-picker::-webkit-scrollbar {
    display: none;
    width: 0
  }

  #statscore-tracker-container>div>iframe {
    display: block
  }

  [dir=rtl] .big-status-label-p>div {
    float: right;
    padding-right: 10px
  }

  [dir=rtl] .data-nav-bar-contain-m>ul>li:after {
    right: auto;
    left: 0;
    content: "\E66F"
  }

  [dir=rtl] .data-nav-bar-contain-m>ul>li>a {
    padding: 0 40px 0 30px
  }

  [dir=rtl] .data-nav-bar-contain-m>ul>li>a:before {
    right: 10px;
    left: auto
  }

  [dir=rtl] .slick-list {
    direction: ltr
  }