@charset "utf-8";

.menu-left .logo { display: block; width: 70px; height: 70px; transition: background-color 0.25s ease-in-out; }

.menu-left { position: fixed; top: 0px; left: 0px; display: inline-block; width: 70px; height: 100%; background-color: rgb(239, 239, 239); z-index: 80; }

.menu-left nav { position: relative; z-index: 2; }

.ml-link a:hover { color: rgb(165, 81, 51); }

.ml-link { font-family: "Roboto Condensed", "Segoe UI", Tahoma, Arial, sans-serif; display: inline-block; position: relative; width: 70px; height: 70px; text-decoration: none; }

.ml-link * { transition: 0.25s ease-in-out; }

.ml-link.translucent { opacity: 0.5; }

.ml-link .ml-ref { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 3; }

.ml-link .back { position: absolute; top: 0px; left: 0px; height: 70px; width: 4px; z-index: 1; background: linear-gradient(to right, rgb(189, 0, 0) 0%, rgb(222, 0, 0) 50%, rgb(189, 0, 0) 100%); transform: translate3d(0px, 0px, 0px); }

.ml-link .link-container { position: relative; padding: 10px 0px 0px; text-align: center; z-index: 2; }

.ml-link .link-container .icon { margin: 0px auto; width: 41px; height: 36px; background-position: -115px 0px; transform: translate3d(0px, 0px, 0px); }

.ml-link .link-container span { display: block; padding: 2px 0px 0px; color: rgb(146, 146, 146); font-weight: 700; text-transform: uppercase; text-align: center; transform: translate3d(0px, 0px, 0px); }

.ml-link:hover .back, .ml-link.hover .back { width: 70px; }

.ml-link:hover .icon, .ml-link.hover .icon { background-position: -72px 0px; }

.ml-link:hover span, .ml-link.hover span { color: rgb(255, 255, 255); }

.ml-link.news .back { background: linear-gradient(to right, rgb(189, 0, 0) 0%, rgb(222, 0, 0) 50%, rgb(189, 0, 0) 100%); }

.ml-link.news .icon { background-position: -115px 0px; }

.ml-link.news:hover .icon, .ml-link.news.hover .icon { background-position: -72px 0px; }

.ml-link.news:hover span, .ml-link.news.hover span { color: rgb(255, 255, 255); }

.ml-link.market .back { background: linear-gradient(to right, rgb(255, 186, 0) 0%, rgb(255, 210, 0) 50%, rgb(255, 186, 0) 97%); }

.ml-link.market .icon { background-position: -115px -38px; }

.ml-link.market:hover .icon, .ml-link.market.hover .icon { background-position: -72px -38px; }

.ml-link.market:hover span, .ml-link.market.hover span { color: rgb(56, 56, 56); }

.ml-link.bets .back { background: linear-gradient(to right, rgb(133, 183, 0) 0%, rgb(144, 198, 0) 50%, rgb(133, 183, 0) 100%); }

.ml-link.bets .icon { background-position: -115px -76px; }

.ml-link.bets:hover .icon, .ml-link.bets.hover .icon { background-position: -72px -76px; }

.ml-link.cs-betsnet .back { background: linear-gradient(to right, rgb(133, 183, 0) 0%, rgb(144, 198, 0) 50%, rgb(133, 183, 0) 100%); }

.ml-link.cs-betsnet .icon { width: 100%; margin: 0px; background: url("../../../images/betsnet_icons.png") -72px 0px / auto 72px no-repeat transparent; }

.ml-link.cs-betsnet:hover .icon, .ml-link.cs-betsnet.hover .icon { background-position: 0px 0px; }

.ml-link.video .back { background: linear-gradient(to right, rgb(120, 80, 193) 0%, rgb(139, 94, 221) 50%, rgb(120, 80, 193) 100%); }

.ml-link.video .icon { background-position: -115px -114px; }

.ml-link.video:hover .icon, .ml-link.video.hover .icon { background-position: -72px -114px; }

.ml-link.esport .back { background: linear-gradient(to right, rgb(189, 0, 0) 0%, rgb(222, 0, 0) 50%, rgb(189, 0, 0) 100%); }

.ml-link.esport .icon { background-position: -115px -192px; }

.ml-link.esport:hover .icon, .ml-link.esport.hover .icon { background-position: -72px -192px; }

.ml-link.esport:hover span, .ml-link.esport.hover span { color: rgb(255, 255, 255); }

.ml-link.news-cs .back { background: url("../../../images/common/icons_common.png") 0px -430px no-repeat rgb(46, 51, 53); }

.ml-link.news-cs .icon { background-position: -115px 0px; }

.ml-link.news-cs:hover .icon, .ml-link.news-cs.hover .icon { background-position: -72px 0px; }

.ml-link.news-cs:hover span, .ml-link.news-cs.hover span { color: rgb(255, 255, 255); }

.ml-link.market-cs .back { background: url("../../../images/common/icons_common.png") 0px -503px no-repeat rgb(45, 113, 124); }

.ml-link.market-cs .icon { background-position: -115px -319px; }

.ml-link.market-cs:hover .icon, .ml-link.market-cs.hover .icon { background-position: -72px -319px; }

.ml-link.market-cs:hover span, .ml-link.market-cs.hover span { color: rgb(255, 255, 255); }

.ml-link.bets-cs .back { background: url("../../../images/common/icons_common.png") 0px -576px no-repeat rgb(78, 106, 50); }

.ml-link.bets-cs .icon { background-position: -115px -76px; }

.ml-link.bets-cs:hover .icon, .ml-link.bets-cs.hover .icon { background-position: -72px -76px; }

.ml-link.go-betsnet .back { background: url("../../../images/common/icons_common.png") 0px -576px no-repeat rgb(78, 106, 50); }

.ml-link.go-betsnet .icon { width: 100%; margin: 0px; background: url("../../../images/betsnet_icons.png") -72px -36px / auto 72px no-repeat transparent; }

.ml-link.go-betsnet:hover .icon, .ml-link.go-betsnet.hover .icon { background-position: 0px -36px; }

.ml-link.market-gifts .back { background: linear-gradient(to right, rgb(11, 37, 70) 0%, rgb(29, 65, 112) 100%); }

.ml-link.market-gifts .icon { background-position: -115px -319px; }

.ml-link.market-gifts:hover .icon, .ml-link.market-gifts.hover .icon { background-position: -72px -319px; }

.ml-link.market-gifts:hover span, .ml-link.market-gifts.hover span { color: rgb(255, 255, 255); }

.ml-link.market-tf .back { background: linear-gradient(to right, rgb(90, 40, 19) 0%, rgb(134, 40, 0) 100%); }

.ml-link.market-tf .icon { background-position: -115px -319px; }

.ml-link.market-tf:hover .icon, .ml-link.market-tf.hover .icon { background-position: -72px -319px; }

.ml-link.market-tf:hover span, .ml-link.market-tf.hover span { color: rgb(255, 255, 255); }

.ml-link.news-pb .back { background: linear-gradient(to right, rgb(184, 88, 0) 0%, rgb(209, 100, 0) 50%, rgb(184, 88, 0) 100%); }

.ml-link.news-pb .icon { background-position: -115px 0px; }

.ml-link.news-pb:hover .icon, .ml-link.news-pb.hover .icon { background-position: -72px 0px; }

.ml-link.news-pb:hover span, .ml-link.news-pb.hover span { color: rgb(255, 255, 255); }

.ml-link.market-pb .back { background: linear-gradient(to right, rgb(184, 88, 0) 0%, rgb(209, 100, 0) 50%, rgb(184, 88, 0) 100%); }

.ml-link.market-pb .icon { background-position: -115px -319px; }

.ml-link.market-pb:hover .icon, .ml-link.market-pb.hover .icon { background-position: -72px -319px; }

.ml-link.market-pb:hover span, .ml-link.market-pb.hover span { color: rgb(255, 255, 255); }

.ml-link.gotoDOTA { display: block; z-index: 2; }

.ml-link.gotoDOTA .back { display: none; }

.ml-link.gotoDOTA .link-container { padding: 12px 0px 0px; }

.ml-link.gotoDOTA .icon { width: 70px; height: 47px; background-position: 0px -207px; filter: grayscale(1); opacity: 0.6; transition: 0.25s ease-in-out; }

.ml-link.gotoDOTA:hover { background-color: rgb(255, 255, 255); }

.ml-link.gotoDOTA:hover .icon { filter: grayscale(0); opacity: 1; }

.ml-link.gotoCSGO { display: block; z-index: 2; }

.ml-link.gotoCSGO .back { display: none; }

.ml-link.gotoCSGO .link-container { padding: 0px; }

.ml-link.gotoCSGO .icon { width: 70px; height: 70px; background-position: -1px -348px; filter: grayscale(1); opacity: 0.6; transition: 0.25s ease-in-out; }

.ml-link.gotoCSGO:hover { background-color: rgb(255, 255, 255); }

.ml-link.gotoCSGO:hover .icon { filter: grayscale(0); opacity: 1; }

.ml-link.gotoPUBG { display: block; z-index: 2; }

.ml-link.gotoPUBG .back { display: none; }

.ml-link.gotoPUBG .link-container { padding: 0px; }

.ml-link.gotoPUBG .icon { width: 70px; height: 70px; background: url("../images/pubg-logo.svg") 50% 50% / auto 54px no-repeat transparent; filter: grayscale(1); opacity: 0.6; transition: 0.25s ease-in-out; }

.ml-link.gotoPUBG:hover { background-color: rgb(255, 255, 255); }

.ml-link.gotoPUBG:hover .icon { filter: grayscale(0); opacity: 1; }

.ml-link.gotoRT { display: block; z-index: 2; }

.ml-link.gotoRT .back { display: none; }

.ml-link.gotoRT .link-container { padding: 0px; }

.ml-link.gotoRT .icon { width: 70px; height: 70px; background: url("../images/rust-logo.svg") 50% 50% / auto 54px no-repeat transparent; filter: grayscale(1); opacity: 0.6; transition: 0.25s ease-in-out; }

.ml-link.gotoRT:hover { background-color: rgb(255, 255, 255); }

.ml-link.gotoRT:hover .icon { filter: grayscale(0); opacity: 1; }

.ml-link.gotoGIFTS { display: block; z-index: 2; }

.ml-link.gotoGIFTS .back { display: none; }

.ml-link.gotoGIFTS .link-container { padding: 0px; }

.ml-link.gotoGIFTS .icon { width: 70px; height: 70px; background-position: -145px -650px; filter: grayscale(1); opacity: 0.6; transition: 0.25s ease-in-out; }

.ml-link.gotoGIFTS:hover { background-color: rgb(255, 255, 255); }

.ml-link.gotoGIFTS:hover .icon { filter: grayscale(0); opacity: 1; }

.ml-link.gotoTF { display: block; z-index: 2; }

.ml-link.gotoTF .back { display: none; }

.ml-link.gotoTF .link-container { padding: 0px; }

.ml-link.gotoTF .icon { width: 70px; height: 70px; background-position: -72px -722px; filter: grayscale(1); transition: 0.25s ease-in-out; }

.ml-link.gotoTF:hover { background-color: rgb(255, 255, 255); }

.ml-link.gotoTF:hover .icon { filter: grayscale(0); }

.menu-dropdown-block { margin-top: 20px; }

.menu-dropdown { position: relative; margin-top: 1px; }

.menu-dropdown .md-links { display: none; position: absolute; top: -1px; left: 70px; z-index: 1; opacity: 0; transition: 0.25s ease-in-out; white-space: nowrap; padding: 1px; background-color: rgba(255, 255, 255, 0.7); }

.menu-dropdown .md-links .ml-link { margin-left: 1px; margin-top: 0px; }

.menu-dropdown .md-links .ml-link:hover { opacity: 0.9; }

.menu-dropdown a.md-link { position: relative; height: auto; text-align: center; margin-top: 0px; padding: 5px 0px; background-color: rgb(239, 239, 239); text-transform: uppercase; color: rgb(42, 42, 42); opacity: 0; transition: 0.25s ease-in-out; }

.menu-dropdown a.md-link:hover { background-color: rgb(255, 255, 255); }

.menu-dropdown a.md-link:active { background-color: rgb(224, 224, 224); }

.menu-dropdown:hover { background-color: rgb(239, 239, 239); }

.menu-dropdown:hover .gotoDOTA, .menu-dropdown:hover .gotoCSGO, .menu-dropdown:hover .gotoPUBG { background-color: rgb(255, 255, 255); }

.menu-dropdown:hover a.md-link { opacity: 1; top: 0px; }

.menu-dropdown:hover .md-links { display: inline-block; z-index: 100; opacity: 1; }

.ml-link.gotoFC { display: block; z-index: 2; }

.ml-link.gotoFC .back { display: none; }

.ml-link.gotoFC .link-container { padding: 0px; }

.ml-link.gotoFC .icon { width: 70px; height: 70px; background: url("../../../images/fastcup.png") center center / 50px no-repeat transparent; opacity: 0.5; filter: grayscale(1); transition: 0.25s ease-in-out; }

.ml-link.gotoFC:hover { background-color: rgb(255, 255, 255); }

.ml-link.gotoFC:hover .icon { filter: grayscale(0); opacity: 1; }