.nav, .mobile_logo, .mobile-header, .step-links, .mobile_head, .news_mob_video, .media-tags
{
display:none;
}


@media (max-width: 800px) {

*
{
max-width:100% !important;
clear:both;
}
table#stUI2, div#khl_menu_beforeload, div#khl_menu
{
display:none !important;
}
.logo-box {
display:none;
}

.mobile-header {
    display: flex;
    align-items: center;
    gap: 10px;
}
a.mobile_logo.winline::before {
    content: '';
    margin: 0 10px 0 0px;
    width: 1px;
    height: 56%;
    background-color: #c5c5c5;
    border-radius: 50%;
    box-shadow: 0 0 4px 0px #fff;
}
.mobile_head
{
display:inline;
position: absolute;
    width: 100%;
    text-align: center;
    margin: 10px;
    font-weight: bold;
    font-size: 18px;
}
.mobile_logo
{display: flex;
height:42px;align-items: center;}
.mobile_logo img
{
height:42px;
}
.layout-wrapper {
	min-width:0px;
	min-height:unset;
}
.menu-wrapper
{
display:none;
}

.partners-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    box-sizing: border-box;
    width: 100%;
}

.partners-header img {
    height: 43px;
    object-fit: contain;
}

img
{
max-width:100%;
max-height:100vh;
height:auto;
}
.columns.c5 .column
{
width:100%;}
.management .column .description .in{
height:auto;
}
.management .column .image {
width:100%;
height:auto;
}
.management .column .description {
height:auto !important;
display: none;
}

.management .column .description, .management .column {
position:unset;
}
.management .column.active  .description{
display:block;
}
.social-wrapper
{
display:none;
}
header.layout {
height:auto;
}



* {
    box-sizing: border-box;
	
}

main {
    
    margin: 0 auto
}

.content > header {
z-index:19;
}




.nav {
display:block;width: 320px;min-width: 320px;height: calc(100% - 54px);position: fixed;top: 54px;bottom: 0;margin: 0;right: -320px;padding: 15px 20px;-webkit-transition: right 0.3s;-moz-transition: right 0.3s;transition: right 0.3s;transition: top 0.4s;background: #b60909;z-index: 2000;}




.nav-toggle {
    
    position: absolute;
    
    right: 320px;
    
    top: 0px;
    
    padding: 0.6em;

    background: inherit;
    
    color: #dadada;
    
    cursor: pointer;
    
    font-size: 1.2em;
    line-height: 1;
    
    z-index: 2001;
    
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}


.s_khl_menu_n_container div {
    clear: unset;
}

.nav-toggle:after {
    content: '\2630';
    text-decoration: none;
}




.nav-toggle:hover {
    color: #f4f4f4;
}




[id='nav-toggle'] {
    position: absolute;
    display: none;
}



[id='nav-toggle']:checked ~ .nav > .nav-toggle {
    left: auto;
    right: 2px;
    top: 1em;
}




[id='nav-toggle']:checked ~ .nav {
    right: 0;
    box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    -moz-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    -webkit-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    overflow-y: auto;
}





[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {
    content: '\2715';
}




body {
    -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
    to {
      padding: 0;
    }
}



@media screen and (min-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
}

@media screen and (max-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
    .nav {
      width: 100%;
      box-shadow: none
    }
}




.nav h2 {
    width: 90%;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
    font-size: 1.3em;
    line-height: 1.3em;
    opacity: 0;
    transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transition: opacity 0.8s, transform 0.8s;
    -ms-transition: opacity 0.8s, -ms-transform 0.8s;
    -moz-transition: opacity 0.8s, -moz-transform 0.8s;
    -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}

.nav h2 a {
    color: #dadada;
    text-decoration: none;
    text-transform: uppercase;
}




[id='nav-toggle']:checked ~ .nav h2 {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}




.nav > ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav > ul > li {
   padding: 10px 0;
    box-sizing: border-box;
    position: relative;
    display: flex;
    opacity: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    -moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
    -ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
    transition: opacity .5s .1s, transform .5s .1s;
    align-items: center;
    flex-direction: column;
}

[id='nav-toggle']:checked ~ .nav > ul > li {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}




.nav > ul > li:nth-child(2) {
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, transform .5s .2s;
}

.nav > ul > li:nth-child(3) {
    -webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
    transition: opacity .5s .3s, transform .5s .3s;
}

.nav > ul > li:nth-child(4) {
    -webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
    transition: opacity .5s .4s, transform .5s .4s;
}

.nav > ul > li:nth-child(5) {
    -webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
    transition: opacity .5s .5s, transform .5s .5s;
}

.nav > ul > li:nth-child(6) {
    -webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
    transition: opacity .5s .6s, transform .5s .6s;
}

.nav > ul > li:nth-child(7) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}

.nav > ul > li:nth-child(8) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}

.nav > ul > li:nth-child(9) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}

.nav > ul > li:nth-child(10) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}

.nav > ul > li:nth-child(11) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}

.nav > ul > li:nth-child(12) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}




.nav > ul > li > a {
cursor:pointer;display: inline-flex;gap: 10px;padding: 0;font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 1.2em;color: #ffffff;width: 100%;text-decoration: none;-webkit-transition: color .5s ease, padding .5s ease;-moz-transition: color .5s ease, padding .5s ease;transition: color .5s ease, padding .5s ease;align-items: center;}




.nav > ul > li > a:hover,
.nav > ul > li > a:focus {
    color: white;
    padding-left: 15px;
}



.nav > ul > li > a:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}

.nav > ul > li > a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #000;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}




.nav > ul > li > a:hover:before {
    width: 0%;
    background: #000;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}

.nav > ul > li > a:hover:after {
    width: 0%;
    background: transparent;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}




.nav .podmenu
{
display:none;
}
.podmenu li
{
border-bottom:1px solid #000000;padding: 5px 0;}
.podmenu li:hover
{
color:#cccccc;
background:#df070b;
}
.podmenu li a
{
color:#FFFFFF;
display:block;
}

.podmenu li.active
{
background:#df070b;
}

.subscribtion {
height:auto;
}

.subscribtion .options > .social {
width:100%;
}

.subscribtion .options > .social a, .subscribtion .options > .rss a {
line-height:29px;
}
.subscribtion h3 {
width:100%;
}

.subscribtion .options > .rss {
    width: 100%;
}

.subscribtion .options > div {
height:auto;
}
.vkwidget
{
float:none !important;
}
footer.layout .bottom .left {
width:100%;
float:none;
}

.content table td
{padding: 2px;
border:1px solid #000000;}


.content table {
line-height:2em;
display:block;
overflow-x:auto;
}

.tickets_vip td
{
display:block;
}
.tickets_vip td img
{
width:100%;
}

.news-list .item, .news-list .filter, .photos-list .item, .videos-list .item
{
display:block;
width:100%;
}

.news-list .item .image, .news-list .item.wide .image, .photos-list .item .image, .videos-list .item .image
{
    height: auto;
}
.content > header .filter nav {
display:none;
}

.step-links
{
display:none;
}
.mobile-step-links
{
display:inline;
}
.innerpage {
width:100% !important;
padding:0px !important;
}
.innerpage aside, .innerpage section {
display:block;
padding:0px 10px;
}
.innerpage aside {
    width: 100%;
    padding: 0px;
}
.popular .item .image {
width:100%;
}
.popular .item .image img {
width:100% !important;
}
.innerpage .subheader {
    margin: 0 0 30px 34px;
}
.innerpage .social.scroll-fixed {
    margin-left: 0px;
	top:25px;
}
.innerpage .social a {
line-height:25px;
}
.content .innerpage p
{
padding:0px 10px;
}
.content .innerpage section p
{
padding:0px !important;
}
.slider-media {
display:none;
max-height:100vw;
}
.media-tags
{
display:inline;
}
.slider-media .slider__in a.arr {
margin-top:0px;
top:0%;
z-index:19;
}
.news_mob_video iframe
{
border:0px;
width:100%;
height:auto;
min-height:360px;
}
.news_mob_video div
{
text-align:center;
font-weight:bold;
}
.scroll-fixed.fixed
{
position:absolute !important;
}
.players .column .image
{
width:100%;height:auto;
padding-bottom:0px;display: flex;background: none;justify-content: center;}
.players .column table{
opacity:1 !important;}
.players .column table td{
color:#000000;
}
.players .column .in
{
position:unset;display: flex;flex-direction: column;align-items: center;}
.players .column .image img
{
width:50%;object-fit: cover;display:inline-table;
vertical-align:top;}
.players .column .image img.hover
{
position:unset;
opacity:1 !important;
}
.players .column.init:hover .image img{
opacity:1 !important;width: 50% !important;height: 100% !important;box-sizing: border-box;display: block;/* object-fit: cover; */}
.players .column .number{
color: #df070b;
}
.players .column:hover .in{
background:#FFFFFF;
color:#000000;}
.players-filter{
    padding-left: 0px;
    white-space: normal;
}
.players-params {
    margin-right: 0px;
	float:none;
}
.players .column .number{
right:0;
left:8px;
}
.players .column:hover h3{
color:#000000;
}
.players-list-content.table table{
overflow-x: scroll;
display: block;
}
.pl_unsigned table{
overflow-x: scroll;
display: block;
}
.players-detail .visual h1{
padding:0px 100px 0px 0px;
font-size:30px;
top:0px;
left:0px;
word-break: break-all;
}
.players-detail .visual .number{
height:110px;
left:unset;
right:0px;
top:0px;
}
.players-detail .visual{
background-position: bottom;
height: 320px;
}
.players-detail .visual a.back{
padding: 0 5px;
font: 14px 'ralewaybold';
border: 1px solid #ffffff;
float: none;
    position: absolute;
    right: 0;
    top: 110px;
    width: 100px;
}
.players-detail .info .tabs, .game-detail .tabs{
width:100%;
height: auto;
}
.news-slider .news-rows .item img
{
min-width:69px;
}
.tabs ul li:first-child, .tabs ul li.active + li{
border:1px solid #616161 !important;
}
.tabs ul li{
height: auto !important;
    display: block !important;
    border-bottom: 1px solid #616161 !important;
}
.tabs ul li.active > a{
height:auto !important;
}
table.career{
    overflow-x: scroll;
    display: block;	
}
table.career td {
border:0px;
border-left: 1px solid #4d4d4d;
}
.tabs-content .mCustomScrollbar{
overflow-x: scroll;
}
table.career .year{
font-size:15px;
font-weight: bold;
}
.media-slider
{
overflow-y:scroll;
}
.media-slider .media-rows .items .item{
width:50%;
height:auto;
}
.media-slider .media-rows .items .item .in{
height:auto;
}
.calendar-filter{
height:auto;
}
.calendar-filter select, .calendar-filter .customSelect, .whatmatches
{
display: block;
width: 100% !important;
float:none;
}
.calendar-filter select
{
opacity: 1 !important;
height: auto !important;
position: relative !important;
}
span.customSelect
{
display:none !important;
}
.hasCustomSelect {
z-index:19;
}
table.calendar td.teams {
text-align: left;
}
table.calendar td.teams .team span
{
margin:0px;
}
table.calendar td{
width: 100% !important;
border: 0px !important;
display: block;
}
table.calendar td.date span
{
display:contents;
}
table.calendar td.type .top{
    line-height: 2em;
    padding: 5px;
}
table.calendar td.type .bottom{
margin:10px;
}
table.calendar td.type{
display:none;
}
table.calendar td.teams a > div, table.calendar td.teams .score
{width:25%;text-align:center;padding: 0;}
table.calendar td.teams a.show-game {display: flex;align-items: center; justify-content: center; padding: 8px 0;}
.fancybox-wrap
{
width:100% !important;
left:0px;
}
.fancybox-title{
height:auto;
}
.fancybox-title .social a
{
line-height:31px;
}
.fancybox-title .social
{
padding: 2px 5px;
}
.fancybox-title .info {
    padding: 5px 5px;
	display:none;
}
.fancybox-title .date
{
border:0px;
}
#fancybox-thumbs{
padding:0px;
left:unset;
top: 90px !important;
overflow:auto;
width: 100%;
padding-bottom: 90px;
}
#fancybox-thumbs.active{
margin-left:0px;
}
#fancybox-thumbs ul li{
opacity:1;
}
#fancybox-thumbs  .mCustomScrollbar{
height:100% !important;
}
.fancybox-nav span
{
height: 34px;
margin-top: 0px;
}
.fancybox-next span{
background-position: 50px -73px !important;
}
.fancybox-prev span{
background-position: 0px -37px !important;
}
	.fancybox-title{
		height:80px;
	}
	.fancybox-title .social
	{
	position: absolute;
    top: 93px;
    right: 0px;
    opacity: 0.7;
	background: #383838;
    color: #FFFFFF;
	}

.game-detail .visual .result .team img
{
width:50px;
margin:0px 5px;
}
.game-detail .visual .result .team, .game-detail .visual .result .score {
display: block;
line-height:normal;
}
.game-detail .visual .result .score .more
{
position:unset;
top:unset;
margin:0px;
}
.forma
{
display:none !important;
}
.game-detail .tabs #gamevideo, .game-detail .tabs #gamestat, .game-detail .tabs #gameplayers {
padding:30px 0px;
}
.game-detail .visual .online{
bottom:unset;
top:15px;
}
.hist_table{
overflow-x: scroll;
display: block;
}
.game-detail .tabs .tabs-content.active[rel='game-history']
{
padding:0px;
}
.game-history > table{
width:100%;
margin: 0px 0px 16px 0px;
}
.game-history > table.calendar td.date span
{
margin:0px;
}
.game-history > table.calendar td.date
{
padding:0px;
}
.line-up .team .item, .line-up .team .item .name{
overflow:visible;
}
.line-up .team{
padding: 5px;
}
.line-up .team .column
{
width:100%;
}
header select.hasCustomSelect{
position: unset !important;
opacity: 1 !important;
display: block;
width: 100% !important;
height: 50px !important;
}
.content > header .filter{
float:none;
}
.content > header nav.tabs{
float:none;
overflow:visible;
display:inline;
}
.content > header nav.tabs a{
float:none;
display:block;
width:100%;
}
.content > header .inline
{
display:block;
margin: 10px 0px;
}
.innerpage table.sortable
{
display:block;
overflow-x:scroll;
}
.club-list li div{
padding:3px;
}
.club-list{
display:block;
overflow-x:scroll;
}
footer.layout .design{
width:100%;
}
.adv-bottom ul li
{
width:100%;
}
.innerpage table.calendar{
display:table;
}
div.image, .adv-boxes li, .adv-bottom ul li
{
max-width:500px !important;
}
.news-slider
{
overflow-y:scroll;
}
.playoff-series-list
{
display:block;
overflow-x:auto;
}
.wl-wrapper {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.wl-wrapper > .wl-coefs {
    gap: 20px;
}

.wl-wrapper > .wl-coefs > span {
    height: 22px;
    padding: 4px;
}

a.wl-green {
    margin: 0 auto;
    padding: 7px 12px;
}
}

@media (max-width: 600px) {
		.partner-block a {
		width:100% !important;
	}
}