.tv-content .now a{
    display:block;
    max-width:200px;
}

.tv-content .now td{
    padding-bottom:10px!important;
}

.tv-content .now .img{
    text-align:center;
    position:relative;
    display:block;
    max-width:200px;
    max-height:150px;
}

.tv-content .now img{
    display:block;
    text-align:center;
    width:100%;
}

.tv-content .status-container{
    position:absolute;
    bottom:0;
    max-width:198px;
    width:100%;
}

.tv-content .time-status-bar {
    height:5px;
    position:relative;
    background-color:white;
    margin:5px;
    box-shadow: 0 0 2px 0 grey;
}

.tv-content .time-status-bar div {
    display: block;
    height: 5px;
    margin: 0;
    background-color: #fd6!important;
}

.tv-content .selected,
.tv-content .switch .ui-state-active {
    background-color: #fff8bb !important;
    box-shadow: inset 0 0 5px 1px #ffefb2 !important;
}

.tv-content ::-ms-clear { display: none }

select::-ms-expand { display: none }

.tv-content a {
    border:none;
    text-decoration:underline;
}

.tv-content img { border:none }

.tv-content .loading {
    background-image: url(../img/progress.gif);
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 60px;
    margin: 0 0;
}

.tv-content #palette {}

.tv-content #palette label{
    display:inline-block;
    padding:2px 3px;
}

.tv-content #palette * { vertical-align:middle }

.tv-content .type_color_1{background-color:#eef;}
.tv-content .type_color_2{background-color:#fee;}
.tv-content .type_color_3{background-color:#efe;}
.tv-content .type_color_4{background-color:#fee;}
.tv-content .type_color_5{background-color:#fef;}
.tv-content .type_color_10{background-color:#eff;}
.tv-content .type_color_20{background-color:#eff;}
.tv-content .type_color_40{background-color:#fef;}
.tv-content .type_color_1000{background-color:#efc;}


.tv-content .event[data-tag] .title-cell {
    border-left:4px solid  #f9915e;
    padding-right:4px;
}

.tv-content .event[data-tag].past .title-cell {
    border-left:4px solid #ddd;
    padding-right:4px;
}

.tv-content .event[data-tag="sochi2014"] .time-cell {}

.tv-content .event[data-tag="football2014"] .time-cell {}

.tv-content .event[data-tag="football2014"] .title-cell { border:none!important }

.tv-content .event[data-tag="football2014"] .title-cell a:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/ball.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 14px;
    margin-right: 0;
    border-radius: 10px;
}

.tv-content .event[data-tag^="football2014"].now .title-cell a:before {
    position:absolute;
    z-index:1;
    margin:5px;
}

.tv-content .type_color_shade, .tv-content .type_color_shade a{color:grey;}

.tv-content .tight-nav{
    display:none;
}

.tv-content .tight-nav select {
    background-color:white;
    border-radius: 0px;
    border:1px solid silver;
}


.tv-content .tight-nav select {
    background-image:url(../img/darr-hi.png);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:14px;
    padding-right:20px;
    appearance:none;
    -moz-appearance:none; 
    -webkit-appearance:none;
    font-size:inherit;
    min-height:27px;
    vertical-align: middle;
}

.tv-content .tight-nav select option{
    padding:3px 6px;
}



.tv-content .tight-nav label{
    font-size:90%;
    color:grey;
    display:block;
    text-align:left;
}

.tv-content .tight-nav *{
    vertical-align: bottom;
}


.tv-content .tight-nav .date-time-block{
    margin-right:20px;
}

.tv-content .tight-nav .time-filter,.tv-content .tight-nav .date-filter{
    display:inline-block;
}
.tv-content  .tight-nav .switch,.tv-content .tight-nav .group-filter,.tv-content .tight-nav .type-filter{
    display:inline-block;
}

.tv-content  .tight-nav .switch {
    display:inline-block;
    margin-right:10px;
}
.tv-content  .tight-nav .switch label{
    display:block;
    vertical-align:bottom;
}

.tv-content #palette{
    display:inline-block;
}

.tv-content .switch li{
    display:block!important;
}


.tv-content .switch .ui-state-active a{
    color:black;
    text-decoration:none;
}


.tv-content  hr{
    margin:20px 0px;	
}

.tv-content #results hr{
    display:none;
}

.tv-content #results hr:nth-of-type(4n+1){
    display:block;
}

.tv-content #results .col {
    width:24%;
    display: inline-block;
    vertical-align: top;
    white-space:nowrap;
}
.tv-content .col>*{
    white-space:normal;
}


.tv-content .logo{
    max-height:30px;
    max-width:40px;
    vertical-align:middle;
}

.tv-content .past{
    color:gray;
}
.tv-content .past .event-image{
	
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%) contrast(50%) brightness(150%) ;
	
}


.tv-content .past a{
    color:gray;
} 


.tv-content .present, .tv-content .now {
    font-weight:bold;
}

.tv-content .channel .title{
    margin:10px 0px;
    line-height:30px;
}


.tv-content .channel .title .logo{
    margin-right:5px;
}


.tv-content .channel .events{
    width:100%;
    padding:0px 0px 0px 0px;
    margin:0px;
    white-space:normal;
    border-collapse: collapse;
    border-spacing:0px;

}


.tv-content .event{
    position:relative;
}


.tv-content .event td{
    vertical-align:top;
    padding:4px 3px 4px 3px;
}

.tv-content .time-cell{
    width:1%;	
}

.tv-content .title-cell a {
    vertical-align:top;

}

.tv-content a .subtitle{
    font-size:x-small;
    opacity:0.6;		
}

.tv-content #brief{
    max-width:310px;
    width:30%;
    min-width:300px;

    min-height:79px;
    text-align:justify;

    margin:20px 0px;




    z-index:1;

}

.tv-content #brief #frame{
    margin:10px;
    padding:15px 20px 20px 20px;
    background-color:white;
    border:1px solid silver;
    box-shadow:grey 0px 0px 10px;
}

.tv-content #brief .opener,.tv-content #brief .opener:hover {
    display:block;
    color:inherit;


}


.tv-content #brief .info-shader{
    background-image:url(../img/horz-shade.png);
    background-position:bottom left;
    background-repeat:repeat-x;
    position:absolute; 
    bottom:0px;
    left:0px;
    width:100%;
    height:33px;

}

.tv-content #brief #image img{
    width:100%;
    display:inline-block;
    vertical-align:middle;
    line-height:normal;
}

.tv-content #brief #image {

    margin:10px 0px;

    min-width:100%;



    min-height:100px;
    line-height:100px;

    text-align:center;
    background-color:#fafafa;
    position:relative;

}

.tv-content #brief .close{
    text-align:right;
}

.tv-content #brief  a{
    text-decoration:none;
}

.tv-content #brief .details span.spacer{

    margin:0px 5px
}

.tv-content .age-container {
    position:absolute; 
    left:5px; 
    top:5px; 
}
.tv-content .age-plate{
	display:block;
    width:30px; 
    height:30px; 
    border-radius:17px; 
    background-color:black; 
    color:white;
    border:2px solid white;
    text-align:center;
    vertical-align:middle;
    line-height:30px;
    font-size:x-small;
}

.tv-content .castlight{
    background-color:#f6f6fa;
}



/* channel */


.tv-content .channel-page {
    position:relative;
}

.tv-content .channel-page .col1{
    position:absolute; 
    width:150px; 
    text-align:center;
}

.tv-content .channel-page .col2{
    margin-left:160px;
}


.tv-content .channel-page h1>*{
}	


.tv-content .channel-page .logotype{
    max-width: 150px;
}


.channel-page .cast-block{
    margin:0px; 
    padding:0px;
}



/* event */

.tv-content .event-page h1.title {
}



.tv-content .event-page h1.title a{
    color:black;
}


.tv-content .event-page .layout {
    position:relative;
    margin-top:15px;
}
.tv-content .event-page .layout .col{
    display:inline-block;
    vertical-align:top;
    position:relative;
    white-space:normal;
}

.tv-content .event-page .image img{
    max-width:400px;;
}

.tv-content .event-page #images{
    margin-bottom:5px;
}
.tv-content .event-page #image{
    width:400px;
    height:300px;
    line-height:299px;
    text-align:center;
    background-color:#fafafa;
    position:relative;

}

.tv-content .event-page #image img{
    display:inline-block;
    vertical-align:middle;
    max-width:100%;
    max-height:100%;
}

.tv-content .event-page h4#channel{
    margin-top:0px;margin-bottom:5px;line-height:30px;/*font-size:x-small;*/
}

.tv-content .event-page h4#channel .logo{
    margin-right:5px;
}

.tv-content .event-page #info{
    max-width:800px;
}


.tv-content .event-page #calendar {
    width:380px;
    max-height:265px;
}

.tv-content .event-page #calendar .next{
    font-size:x-small;
    line-height:inherit;
}

.tv-content .event-page #calendar h5{
    margin: 1px 0px; 
    padding:5px; 
    border:1px solid #ddd;
    background-color:#fafafa;

    border-radius:5px;
    font-weight:normal;
    cursor:pointer;
}
.tv-content .event-page #calendar p{
    margin:5px;
    display:none;
}
.tv-content .event-page #calendar p span{
    padding:3px 5px;
    display:inline-block;
}

.tv-content .event-page #calendar p span.current{
	font-weight:bold;    
}

.tv-content .event-page .col.calendar{
    margin:0px 10px
}

.tv-content .event-page .col.misc{
    min-width:150px;
    max-width:200px;
}

.tv-content .event-page .col.misc h5{
    margin-bottom:5px;        		
}

.tv-content .event-page #time h5{
    margin-top:8px;
}

.tv-content .event-page .col.misc p, .tv-content .event-page .col.misc .p{
    margin:5px 0px;
    font-size:x-small;
}

.tv-content .event-page .small-logo{
    max-width:30px;
    vertical-align:middle;
    margin:5px 5px 5px 0px;
}

.tv-content .event-page  .time-status-bar{
    margin:0px;
    max-width:200px;
}

.tv-content .event-page .comments{
    max-width:800px;
    overflow:hidden;
    
}

.commentsvlru.marisa {
    width:auto!important;
}
.commentsvlru.marisa hr{
    max-width:595px;
    width:auto!important;
}

.tv-content .event-page .waste-warning{

    font-size:120%;
    color:#930;

    padding:10px; 
    border:1px solid #ffd; 

    margin-right:10px;
    margin-bottom:10px;

    background-color:#fff8bb!important;
    box-shadow: inset 0px 0px 5px 1px #ffefb2!important;

}

.tv-content .event-page .share{
	line-height:normal;
    margin:5px 0px 10px;
}
.tv-content .event-page .share-label{
	display:inline-block;
	color:grey;
    vertical-align:bottom;
    line-height:24px;
    margin-right:-5px;
}

.tv-content .event-page .ya-share2{
	margin-left:9px;
}



/* feedback */



.feedback .ui-dialog{
    background-color:white;
    border-radius:5px;
    box-shadow:grey 0px 0px 10px;

    border:1px solid #336699;
}

.feedback .ui-dialog-titlebar{
    background-color:#336699;
    background-color:#69c;
    padding:3px;
    position:relative;

}

.feedback .ui-dialog-title{
    color: white;
    font-weight: bold;
    display:inline-block;
    padding:5px;
}
.feedback .ui-dialog-titlebar-close{
    position:absolute;
    right:5px;
    top:5px;
    margin:0px;
    font-weight:bold;
}


.feedback .ui-dialog-buttonset{
    padding:3px;
    text-align:right;
}

.feedback {
    position: fixed;
    z-index: 1000;
}

.feedback input,
.feedback textarea {
    border:1px solid #336699;
    border-radius: 0px;
    margin:3px 0px;
    outline: none;
}

.feedback button {
    border:1px solid #336699;
    border-radius: 3px;
    margin:3px;
    background-color:#69c;

    font-size:12px;
    outline: none;
    color:white;
}

.feedback button[disabled]{
    opacity: 0.5;
}


.feedback #claimform {
    margin:20px;
    display:none;
}

.feedback #claimform .error{
    font-size:x-small;
    color:red;
}

.claimopener_mobile {
    vertical-align: middle!important;
    display: inline-block;
    margin: 0 0 0 7px;
}


/* search */

.tv-content .floading #searchform input[name=query]{
	border-color:#ffc0c0;
}


.tv-content #searchformwrapper{
    display:inline-block;
}


.tv-content #searchform{

    display:inline-block;  
    padding:6px;
    background-color:#eee;
    vertical-align:middle;
    position:relative;
    border-radius:5px;
}

.tv-content #searchform input[name=query]{

    border:1px solid silver; 
    width:120px; 
    font-size:large; 
    padding:5px 25px 5px 25px;
    background-image:url(../img/search.png);
    background-repeat:no-repeat;
    background-position: 5px center;
    margin:0px;

}

.tv-content #clearquery{
    display:none;
    text-decoration: none; 
    position:absolute; 
    right:15px; 
    top:15px;
}

.tv-content .channel-search-result{
    min-height:50px;
}
.tv-content .single-channel-link{
    margin-right:20px;
}
.tv-content .single-channel-link img{
    max-height: 50px;  vertical-align:middle;
}

.tv-content .search-item-block{
    display:inline-block; 
    max-width:200px;
    vertical-align:top;
    margin: 0px 4px 15px 0px;
}

.tv-content .search-item-block h4.title img{
    vertical-align:middle;
    margin-right:5px;
    max-height: 30px;
    max-width: 40px;
}

.tv-content .search-item-block h4.title span{
    display:inline-block;
    vertical-align:middle;
    max-width:155px;
}



.tv-content .search-item-block h4.title{
    margin: 10px 0px;
    height:30px;
}

.tv-content .event-block{

    vertical-align:top; 
    width:200px;
    position:relative;
}

.tv-content .event-block .image-block{
    width:200px;
    height:150px;
    position:relative;
    background-color:#fafafa;
    text-align:center;

}

.tv-content .event-block a{
    display:block;
}

.tv-content .event-block .event-image{
    max-width:200px;
    max-height:150px;
    text-align:center;
    line-height:150px;
}

.tv-content .event-block .channel-link{
    position:absolute; top:3px; right:3px;


}

.tv-content .event-block .channel-link img{


}


.tv-content .event-block .image-block span{
    position:absolute; bottom:3px; left:3px;
    color:white;
    text-shadow: 1px 1px #000000;
    font-weight:bold;
    text-align:left;
    min-height:30px;
}

.tv-content .event-block .time{
    position:absolute;
    left:3px;
    top:5px;
    color:white;
    text-shadow:1px 1px 0px black ;
    text-decoration:none;
}



.tv-content #search-info{
    color:silver;
    
}

.tv-content #results{
    vertical-align: top;
}



/* search tips */





/* feature */


.tv-content .feature table{
    border-collapse: collapse;

} 

.tv-content .feature table td{
    padding:5px 5px;
    vertical-align:top;
}

.tv-content .feature .logo-cell{
    width:40px; text-align:center;

    height:30px; vertical-align:top;
}


.tv-content .feature .time-cell{

}


/* feature graph */

.tv-content .feature .segment{
    font-size:80%;
    padding:5px; 
    position:absolute;
    background-color:#eef; 
    border-radius:5px;
    border:1px solid #aad;
    left:5px;
    width:30px;			
}

.tv-content .feature .segment:hover{
    background-color:#fee; 
    border-radius:5px;
    border:1px solid red;
}


.tv-content .feature .segment.past {

    border:1px solid silver;
    background-color:#eee;

}

.tv-content .feature .vertical-segment{
    display:inline-block; 
    position:relative; 
    height:960px;

    text-align:center;

}

.tv-content .feature .column {
    display:inline-block; 
    width:50px;
}

.tv-content .feature .column:hover {
    background-color:#eee;


}

.tv-content .feature .date-section{
    margin:20px 0px;
}

.tv-content .feature .logo-div{
    margin:5px;
    height:35px;
    vertical-align:middle;
}

.tv-content .feature .logo-div *{
    vertical-align:middle;

}



.tv-content .lazy {
    min-width:1px;
    min-height:1px;
}


.tv-content .none{
    font-size:large;
    color:grey;
}

.tv-content .stub{
    width:100%;
    background-color:#fafafa;
}


.tv-content .common-nav {
    font-size:x-small;
    margin:30px 0px;
}

.tv-content .common-nav a:nth-of-type(1){
    margin-left:20px;
}

.tv-content .common-nav a{
    margin-right:10px;
}


.tv-content .tight-nav .date-time-block, .tv-content .tight-nav .tabs-block {
    display: inline-block;
    margin-bottom: 10px;
}


/* favorites */

.tv-content .favorite{
    cursor:pointer;
    background-size: 16px;
    background-repeat:no-repeat;
    background-position: center center;
    width:18px;
    height:18px;
    display:inline-block;
    vertical-align:middle;
    margin:0px 0px 0px 10px;
    background-image: url(../img/hot-thick-silver.png);

}

.tv-content .fav {
    background-size: 11px;
    background-repeat:no-repeat;
    background-position:5px center ;
    padding-left:22px!important;
    background-image: url(../img/hot-red.png);
    padding-right:20px!important;
    white-space: nowrap;
}
.tv-content .fav sup{
    font-size:8px;
    color:gray;
    position:absolute;
    margin-left:3px;
}

.tv-content .favorite.focus{
    background-image: url(../img/hot-thick-red.png);
}


.tv-content .favorite.over{
    background-image: url(../img/hot-thick-red.png);
}

.tv-content .favorite[data-checked]{
    background-image: url(../img/hot-red.png);
}



/* all channels */


.tv-content .all-channels-page .channel{
    display:inline-block;
    margin:5px;
    vertical-align: top;
    line-height:50px;
    border:1px solid silver;
    border-radius:5px;
    position:relative;

    //background-color:#fafafa;
    box-shadow: inset 0px 0px 15px 0px #eee;

}

.tv-content .all-channels-page .channel .logo-container{
    display:inline-block;
    width:90px;
    height:50px;
    margin:5px;
    vertical-align: middle;
    text-align:center;
    line-height: 50px;
    background-color:white;
    border-radius: 5px;
    //box-shadow: 0px 0px 15px 0px #eee;
}
.tv-content .all-channels-page .channel .title-container{
    display:inline-block;
    width:110px;
    vertical-align: middle;
    line-height: normal;
    margin-left:5px;
    font-weight:bold;
    text-shadow: 1px 1px 0px white;
    margin-right:35px;

}


.tv-content .all-channels-page .channel-link{
    width:250px; 
    height:60px;
    display:inline-block;
}

.tv-content .all-channels-page .channel-link img{
    max-width:100px;
    max-height:50px;
    vertical-align: middle;
}

.tv-content .all-channels-page .channel .favorite{
    position:absolute;
    right:0px;
    top:0px;
    height:60px;
    width:50px;
    border-radius:5px;
}




/* ### начало НАВИГАЦИЯ ### */

.nav-inner {
    display: flex;
    margin: 40px 0;
    flex-wrap: wrap;
}

.nav-filter {
    display: flex;
    flex-direction: column;
}



/* ### начало ЗАГОЛОВОК В НАВИГАЦИИ ### */

.nav-head {
    display: flex;
}

.nav-heading {
    font-size: 24px;
    line-height: 32px;
    margin: 0;
}

.nav-double-arrow {
    font-size: 24px;
    line-height: 32px;
    margin: 0 20px;
}

.nav-switch {
    display: flex;
    align-items: center;
}

.nav-switch-link {
    line-height: 22px;
    font-size: 16px;
    display: inline-block;
    border-bottom: 1px solid #f9915e!important;
    text-decoration: none!important;
}

.nav-switch-link-default { display: none }

/* ### конец ЗАГОЛОВОК В НАВИГАЦИИ ### */



/* ### начало ФИЛЬТР ПО ДНЯМ ### */

.nav-filter-date { display: flex }

.nav-filter-date-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-filter-date-list-prev,
.nav-filter-date-list-next {
    width: 60px;

    flex-direction: row;
}

.nav-filter-date-list-prev { justify-content: flex-start }
.nav-filter-date-list-next { justify-content: flex-end }

.nav-filter-date-list-week {
    margin: 0 10px;
    width: 350px;
}

.nav-filter-date-link { text-decoration: none!important }

.nav-filter-date-item {
    background-color: #f5f5f5;
    height: 50px;
    font-size: 16px;
    width: 14.2857%;
    text-align: center;
    white-space: nowrap;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.nav-filter-date-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 3%;
    width: 94%;
    height: 94%;
}

.nav-filter-date-day {
    font-size: 12px;
    display: block;
}

.nav-filter-date-item-arrow {
    width: auto;
    padding: 0;
    color: gray;
    background-color: transparent;
    flex-direction: row;
}

.nav-filter-date-item-default { background-color: #f1f1f1 }

.nav-filter-date-item-selected {
    background-color: #ffdd65;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.nav-filter-date-prefix,
.nav-filter-date-postfix {
    font-size: 20px;
    padding: 0 5px;
}

/* ### конец ФИЛЬТР ПО ДНЯМ ### */



/* ### начало ФИЛЬТР ПО ВРЕМЕНИ ### */

.nav-filter-time-list {
    display: flex;
    width: 350px;
    margin: 7px 0 0 70px;
    padding: 0;
    list-style: none;
    justify-content: space-between;
    font-size: 14px;
}

.nav-filter-time-item { padding: 3px }

.nav-filter-time-item-default {
    background-color: #f1f1f1;
    padding: 3px 12px;
}

.nav-filter-time-item-selected {
    background-color: #ffdd65;
    padding: 3px 12px;
}

.nav-filter-date-item-weekend,
.nav-filter-date-item-weekend .nav-filter-date-link { color: #FF3600 }

.nav-filter-date-item-oldest .nav-filter-date-link,
.nav-filter-date-item-oldest,
.nav-filter-time-item-oldest .nav-filter-time-link,
.nav-filter-time-item-oldest { color: gray }
.nav-filter-date-item-nonexistent .nav-filter-date-link,
.nav-filter-date-item-nonexistent { color: gray }

.nav-filter-time-link { text-decoration: none!important }

/* ### конец ФИЛЬТР ПО ВРЕМЕНИ ### */



/* ### начало ФИЛЬТР ПО ТИПУ КОНТЕНТА ### */

.nav-filter-list {
    display: flex;
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
    align-items: center;
    height: 50px;
}

.nav-filter-item {
    margin: 0;
    padding: 6px 12px;
    white-space: nowrap;
    font-size: 16px;
}

.nav-filter-item-favorite {
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 27px;
    background-image: url(../img/hot-red.png);
}

.nav-filter-link {
    font-size: 16px;
    text-decoration: none!important;
    cursor: pointer;
}

.nav-filter-item-selected { background-color: #ffdd65 }

.nav-filter-item-selector {
    position: relative;
    padding-right: 27px;
    background-size: 16px;
    background-image: url(../img/darr-hi.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.nav-filter-sub-list {
    position: absolute;
    padding: 20px 10px;
    margin: 3px 0 0;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    list-style: none;
    z-index: 1;
}

.nav-filter-sub-item {
    margin: 0;
    font-size: 16px;
}

.nav-filter-sub-item .nav-filter-link { font-size: 16px }

.nav-filter-sub-item.nav-filter-item-selected {
    background-color: #fff;
    color: silver;
}

/* ### конец ФИЛЬТР ПО ТИПУ КОНТЕНТА ### */



/* ### начало МОБИЛЬНАЯ НАВИГАЦИЯ ### */

.mobile-nav {
    justify-content: space-between;
    padding: 0;
    display: none;
}

.mobile-nav-filter {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 8px;
    position: relative;
}

.mobile-nav-filter-date { width: 32% }

.mobile-nav-filter-time { width: 28% }

.mobile-nav-filter-group { width: 40% }

.mobile-nav-filter-separated { border-right: 1px solid #efefef }

.mobile-nav-filter-select {
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 12px;
    outline: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    z-index: 1
}

.mobile-nav-filter-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.mobile-nav-filter-current {
    text-align: center;
    color: gray;
    font-size: 12px;
    margin: 5px 0 0;
}

.mobile-nav-filter-option {
    font-weight: bold;
    margin: 5px 0 0;
    font-size: 12px;
}

.mobile-nav-filter-switch {
    position: relative;
    z-index: 2;
}

.mobile-nav-filter-inner:after {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 23px;
    top: 0;
    right: 0;
    background-image: linear-gradient(left, rgba(255,255,255,.0), #fff);
    background-image: -webkit-gradient(linear, center left, center right, from(rgba(255,255,255,.0)), to(#fff));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,.0), #fff);
    background-image: -moz-linear-gradient(left, rgba(255,255,255,.0), #fff);
    background-image: -o-linear-gradient(left, rgba(255,255,255,.0), #fff);
}

.mobile-nav-filter-label {
    font-size: 10px;
    color: gray;
}

@media (min-width: 566px) and (max-width: 1020px) {

    .mobile-nav {
        padding: 20px 0 0;
        border-top: 1px solid #efefef;
    }

    .c2-layout { margin: 0 0 20px!important }

}

/* ### конец МОБИЛЬНАЯ НАВИГАЦИЯ ### */

/* ### конец НАВИГАЦИЯ ### */

.tv-content .event[data-tag^="olympics2018"] .title-cell { border-left: none!important }

.tv-content .event-block a.event-link[data-tag^="olympics2018"]:after,
.tv-content .event[data-tag^="olympics2018"] .title-cell a:before,
.tv-set a[data-tag^="olympics2018"]:before {
    content:'';
    display:inline-block;
    width:20px; height:15px;
    vertical-align:middle;
    background-image:url('../img/olympics-icon.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:16px;
    margin-right:5px;
    border-left:none!important;
}

.items {
    display: flex;
    overflow: hidden;
}

.top__content {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.items-control {
    position: absolute;
    top: 0;
    cursor: pointer;
    font-size: 40px;
    color: silver;
    line-height: 150px;
    transition: color .2s;
    width: 20px;
    background-color: #fff;
    z-index: 1
}

.items-control:hover { color: gray }

.items-control_left { left: 0 }

.items-control_right {
    right: 0;
    text-align: right
}

.more-channels {
    margin: 20px 0;
    text-align: center;
}

.more-channels button {
    padding: 10px 20px;
    background-color: #ffdd65;
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 14px;
}

.btn_animate,
.btn_animate:hover,
.btn_animate:active {
    background-image: repeating-linear-gradient(135deg, #fff2ab 0px, #fff2ab 5px, #ffdd65 5px, #ffdd65 10px);
    background-size: 1000%;
    animation: striped-animation 60s linear infinite;
}

@keyframes striped-animation {
    0% { background-position: 0 100% }
    100% { background-position: 100% 0 }
}

.items-loading {
    width: 200px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    background-image: repeating-linear-gradient(135deg, #fff2ab 0px, #fff2ab 5px, #fff5e5 5px, #fff5e5 10px);
    background-size: 1000%;
    animation: striped-animation 20s linear infinite;
}