.nav {
display:none;
}



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


.media-widget .media-types.inactive {
    display: none;
}

.info-widgets .news-widget .list-wrapper .list ul li div.image
{
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_head
{
display:inline;
position: absolute;
    width: 100%;
    text-align: center;
    margin: 10px;
    font-weight: bold;
    font-size: 18px;
}
.mobile_logo
{
display:block;
height:42px;
}
.mobile_logo img
{
height:42px;
}
.layout-wrapper {
	min-width:0px;
	min-height:unset;
}
.menu-wrapper
{
display:none;
}

img
{
max-width:100%;
max-height:100vh;
height:auto;
}
.social-wrapper
{
display:none;
}
* {
    box-sizing: border-box;
	
}
.nav {
display:block;
    
    width: 320px;
    min-width: 320px;
    
    height: 100%;
    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 a.showfull
{
color: #FFFFFF;
    margin-top: 20px;
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}


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




.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 {
    line-height: 2.5;
    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;
}

[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-block;
    position: relative;
    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;
}




.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: #3bc1a0;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}




.nav > ul > li > a:hover:before {
    width: 0%;
    background: #3bc1a0;
    -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;
}
.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;
}
footer.layout .design{
width:100%;
}
.adv-bottom ul li
{
width:100%;
}
header.layout{
height:42px;
}
.main-slider{
margin-top: -42px;
}
.main-slider ul li{
background-position: 50% 50%;
background-size: 170%;
}
.info-widgets .news-widget .list-wrapper .list ul li div.image
{
display:block;
}
.info-widgets .news-widget .list-wrapper .list ul li.news_plus{
display:none;
}
.info-widgets .news-widget .marquee{
display:none;
}
.info-widgets .news-widget{
width:100%;
float: none;
min-height: 0px;
}
.info-widgets .news-widget .main{
display:none;
width:100%;
}
/* .info-widgets .news-widget .main .action
{
display:flex;
}
.info-widgets .news-widget .main .action .arrow.right
{
margin-left: 10px;
} */
.info-widgets .news-widget .list-wrapper .list{
height:auto;
}
.info-widgets .news-widget .list-wrapper .more{
height:auto;
}
.info-widgets .news-widget .list-wrapper{
width:100%;
}
.info-widgets .stat-widget{
width:100%;
}
.info-widgets .stat-widget .tabs ul li{
width:100% !important;
height:auto;
border-bottom: 1px solid #FFFFFF;
}
.info-widgets .stat-widget .tabs ul li.active
{
border-bottom:none;
}
.info-widgets .stat-widget .tabs ul li > a{
padding: 5px 4px;
height: auto !important;
}
.standings-wrapper .loaded-content{
padding:0px;
}
.game-result{
padding:0px;
}
.game-result a{
margin:0px;
padding: 0px 28px 15px 28px;
border-bottom: 1px solid #ffffff;
}
.calendar-box .ui-datepicker-calendar td > a, .calendar-box .ui-datepicker-calendar td > span{
background-size: 60%;
}
.result img {
    width: 50px;
}
.statistics-wrapper .player.best .image{
max-height:240px;
min-height:unset;
min-width:100px;
}
.statistics-wrapper .player{
padding:5px;
}
.statistics-wrapper .player.best{
padding-top:5px;
}
.statistics-wrapper .player.best .number, .statistics-wrapper .player.best .name, .statistics-wrapper .player.best .result{
 font-size: 20px;
     margin-bottom: 0px;
	 display:inline;
}
.statistics-wrapper .player .number{
height:unset;
line-height:unset;
}
.statistics-wrapper .player.best .number{
line-height:20px;
letter-spacing: unset;
}
.statistics-wrapper .player.best{
height:300px;
}
.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 .in{
position:relative;
height: auto;
}
.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;
}
.game-history > table.calendar td
{
display:block;
width:100% !important;
}
.fancybox-inner table.calendar td.teams .team, .fancybox-inner table.calendar td.teams .score{
width:30%;
}
.line-up .team .item, .line-up .team .item .name{
overflow:visible;
}
.line-up .team{
padding: 5px;
}
.line-up .team .column
{
width:100%;
}
.fancybox-overlay * {
    clear: both;
}
.subscribtion * {
    clear: both;
}
.adv-boxes{
display:none;
}
.media-widget .media-types li[rel='photo'] {
    display: none;
}
.media-widget .media-types li[rel='video'] {
background-color: #e4080c;
    color: #ffffff;
    cursor: default;
}
.media-widget .media-types.inactive {
    display: inline-block;
}
.media-widget .media-types.inactive li[rel='photo'] {
    display: block;
}
.media-widget .media-types{
width:100%;
position: relative;
}
.media-widget .media-types > li a {
    color: #fbfbfb;
}
.media-widget .media-content{
margin-left:0px;
}
.media-widget .media-content ul.media-content-list{
display:block;
}
.media-widget .media-content ul.media-content-list li
{
width:100% !important;
height: 55vw !important;
max-height: unset;

}
.media-widget .media-content ul.media-content-list.photo li
{
background-position: top !important;
}
.media-widget .media-content ul.media-content-list li .preview{
background:none;
opacity: 1;
}
.media-widget .media-content ul.media-content-list.video li:before
{
left:unset;
bottom:unset;
right: 20px;
top: 26px;
}
.media-widget .media-content ul.media-content-list.video li:after
{
left:unset;
bottom:unset;
right: 16px;
top: 16px;
}
.media-widget .media-content ul.media-content-list li .preview span.descr {
    background: #FFFFFF;
    position: absolute;
    bottom: 5px;
	width: 93%;
    padding: 3px;
}
.media-widget .media-content ul.media-content-list li .preview .date{
position:unset;
display:block;
}
.media-widget .media-content ul.media-content-list.video li:before, .media-widget .media-content ul.media-content-list.video li:after
{
z-index:19;
}
.calendar-wrapper .game-result{
display:table-row;
}
.game-detail .tabs{
width:100%;
height: auto;
}
.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;
}
div.image, .adv-boxes li, .adv-bottom ul li
{
max-width:500px !important;
}
}

.s_khl_menu_n_container div {
    clear: unset;
}