@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans'), url(../fonts/opensans.woff2) format('woff2'), url(../fonts/opensans.woff) format('woff'), url(../fonts/opensans.ttf) format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: 'Open Sans Bold';
	src: local('Open Sans Bold'), url(../fonts/opensansbold.woff2) format('woff2'), url(../fonts/opensansbold.woff) format('woff'), url(../fonts/opensans.ttf) format('truetype');
	font-style: normal;
	font-display: swap
}
body {
user-select: none
}
h2 {
color: #21bfc4;
padding-bottom:5px;
}
ul {
margin-top:-10px;
}
.bii {
color: #21bfc4
}
.list-channels{margin-top:-65px;position:relative;z-index:2;}.category_list_wrap{position:relative;z-index:4;}
.plyr_controls .plyr_controls_item.plyr_volume {
	margin-right: 0
}

.controls-programmTop,
.programmTop .controls-picture,
.showInfo .controls-picture {
	display: none
}

.controls-picture,
.programmTop .controls-programmTop,
.showInfo .controls-programmTop {
	display: block
}

.programmTop .blocked-table-h1 {
	font-size: 17px
}

.breadcrumb .breadcrumb-item.active {
	color: #fff!important;
	font-weight: 400!important
}

.about_channel_info-description li {
	margin-left: 20px;
	list-style-type: circle
}
.about_channel_info-description ul {
	list-style-type: circle;
	margin-bottom: 1rem
}

.about_channel_info-description.seostyle p {
	margin-top: 0;
	margin-bottom: 1rem
}

.tv {
position: absolute;
width:180px;
z-index: 1099;margin-top:9px;margin-left:-6px
}
.channel_epg {
	position: relative;
	z-index: 1;
	max-width: 790px;
	margin-left: 40px;
	border-bottom: none;
	overflow: visible;
	max-height: 70px
}

.programmTop .channel_epg {
	z-index: 1;
	opacity: 1;
	display: block;
	height:100%;
	margin-bottom: 20px;
	margin-top: 5px
}

.channel_epg {
	z-index: -1;
	opacity: 0;
	display: block;
	height: 0
}

.epg_day div.nav-link {
	text-decoration: none;
	color: #fff;
  border-radius: 10px;	display:block;

}

.epg_day div.nav-link.active {
	color: #21bfc4;
	background-color: transparent;
	border-color: transparent;
	z-index:1;
}

.epg_day div.nav-link:hover {
	border: 1px solid #21bfc4;
	border-color: #21bfc4
}
.owl-item
{margin-bottom:20px; 
}
.channel_epg_day-number {
height:40px;display:block;z-index:999;margin:-1px 0 -10px 0;padding:6px;cursor:pointer
}
.channel_epg_day-text {
height:51px;display:block;z-index:999;margin:0 0 -18px 0;padding:8px;cursor:pointer
}

.slider_days_day span {
	display: block;
	text-align: center;
	font-family: Open Sans;
	font-size: 34px;
	line-height: 34px
}

.slider_days_day span:last-of-type {
	font-family: Open Sans;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	white-space: nowrap
}

.epg_days {
	position: relative;
	margin-bottom: 15px;
	padding-left: 20px
}

.channel_epg .owl-nav {
	position: absolute;
	height: 100%;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	z-index: -1;
	margin-top: 0
}

.channel_epg .owl-next>span {
	background: url(../images/tv-arrow.svg) no-repeat center center!important
}

.channel_epg .owl-prev>span {
	background: url(../images/tv-arrow.svg) no-repeat center center!important
}

.showInfo .epg_days {
	display: none
}

.container-fluid.tv-container {
	min-height: calc(100vh - 60px);
	color: #fff;
	min-width: 100vw;
	background-color: #182936;
	padding: 0;
	margin-top: 60px
}

.container-fluid.tv-container .row:not(.sm-platon-infos) {
	margin: 0;
	margin-bottom: 40px;
	padding: 15px 0 15px
}

.container-fluid.tv-container #privacy_policy .row {
	margin-bottom: 0
}

.container-fluid.tv-container #privacy_policy .all-f-btn {
	min-width: initial
}

.close-search-tv {
	position: absolute;
	top: 19px;
	right: 7px
}

.close-search-tv:active path,
.close-search-tv:focus path,
.close-search-tv:hover path {
	fill: #21bfc4
}

.lens-search-tv {
	position: absolute;
	top: 14px;
	right: 13px
}

.category_list_closed {
	-webkit-transform: translateX(-110%);
	-ms-transform: translateX(-110%);
	transform: translateX(-110%);
	visibility: hidden
}

.toggle-block {
	display: block
}

.toggle-none {
	display: none
}

@media screen and (max-width:1200px) {
	.channel_epg {
		max-width: 560px
	}
}

.blocked-table-h1 {
	color: #fff;
	font-family: Open Sans;
	font-weight: 900;
	font-size: 36px
}

#list {
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, .5);
	max-height: calc(100vh - 70px);
	height: 100%;
	min-height: 350px;
	margin: 0;
	padding: 0
}
#categoriesList {
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, .5);
	max-height: calc(100vh - 135px);
	margin-top:0;
}
#categoriesList::-webkit-scrollbar-track,
#list::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, .1)
}
#list::-webkit-scrollbar-track {	
margin-top: 65px
}
#filterCategory, #filterCategory2 {
	position: absolute;
	top: 0;
	right: 40px;
	visibility: hidden
}

#filterCategory:checked~.category_list, #filterCategory2:checked~.category_list {
	transform: translateX(0);
	visibility: visible;
	height: calc(100vh - 50px);
	z-index:1000
}

.category_list_wrap {
	height: 75px;
	background-color: #182936
}

.filterCategory_label {
	position: absolute;
	z-index: 4;
	top: -5px;
	left: 10px;
	width: 255px;
	padding: 0 15px;
	margin-top: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.filterCategory_label:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 50px;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(32, 190, 198, .54);
	opacity: .5
}

.filterCategory_label:hover:before,
.search-input-i:hover:before {
	background-color: rgba(32, 190, 198, 1)
}

.filterCategory_label svg:first-of-type {
	vertical-align: text-top;
	fill: #fff
}

.filterCategory_label:hover {
	cursor: pointer
}

#filterCategory:checked~label svg:last-of-type {
	transform: rotate(0)
}
#filterCategory2:checked~label svg:last-of-type {
	transform: rotate(0)
}
#filterCategory label svg:last-of-type {
	transform: rotate(180deg)
}
#filterCategory2 label svg:last-of-type {
	transform: rotate(180deg)
}
.categories_item.active-category {
	color: #21bfc4
}

.categories_item {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
}

.tv-container .player-wrap {
	position: relative;
	max-height: calc(100vh - 60px);
	overflow: hidden
}

.tv-container .video {
	width: 100%;
	min-height: 100px;
	background-color: #0f1d26;
	margin: 0 auto;
	position: absolute;
	z-index: 5;
	bottom: 245px;
	top: 0;
	right: 0;
	transition: .5s all ease-in-out;
	overflow: visible
}

.tv-container .video.programmTop,
.tv-container .video.showInfo {
	width: 25vw;
	height: auto;
	bottom: 50px;
	right: 25px;
	min-height: auto;
	top: auto
}

.programmTop .player-tv_program-container,
.showInfo .player-tv_program-container {
	height: 100%
}

.tv-container .tv-programm {
	height: 245px;
	top: calc(100% - 245px);
	position: absolute;
	width: 100%;
	transition: .5s all ease-in-out
}

.tv-container .player-tv_program-container.showInfo,
.tv-container .tv-programm.programmTop {
	top: 0;
	height: calc(100% - 50px)
}

.tv-programm.programmTop .player-tv_program svg:last-of-type,
.tv-programm.showInfo .player-tv_program svg:last-of-type {
	transform: rotate(0)!important
}

.player-tv_program:hover {
	cursor: pointer
}

.player-tv_program-container {
	width: 99%;
	height: 245px
}

.tv-container .player-block .left-wrap {
	padding: 0
}

.tv-container .left-wrap {
	min-width: 380px;
	width: 100%;
	padding: 0;
	height: calc(100vh - 60px);
	background-color: #0f1d26
}

.tv-container .right-wrap {
	width: 100%;
	max-width: calc(100% - 380px);
	height: calc(100vh - 60px);
	min-height: 305px;
	background-color: #0f1d26
}

.tv-container .list-channels ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block
}

.tv-container .list-channels img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block!important;
	transform: translate(-50%, -50%)
}

.tv-container .channel {
	height: 75px;
	position: relative;
	padding-left: 15px;
	border: 2px solid transparent
}

.tv-container .channel:hover::after {
	content: "";
	display: block;
	width: 96%;
	height: 100%;
	border: 2px solid #20bcc6;
	-webkit-box-shadow: inset 0 0 10px #20bcc6;
	box-shadow: inset 0 0 10px #20bcc6;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.tv-container .channel:hover {
	cursor: pointer
}

.channel .tv_channel_programm {
	display: inline-block;
	width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.channels.container {
	max-height: calc(100vh - 60px);
	min-height: 400px;
	height: 100%;
	overflow: hidden;
	background-color: #0f1d26;
	padding: 0
}

.tv_title {
	font-family: Open Sans, sans-serif;
	font-size: 34px;
	line-height: 34px;
	color: #21bfc4;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 0
}

.tv_channel_name {
	font-family: 'Open Sans Bold', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;

	color: #fff;
	max-width: 88%;
	letter-spacing:0.2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tv_channel_favorites {
	position: absolute;
	right: 10px;
	top: 10px;
	display: none
}

.channel.active .tv_channel_favorites {
	display: block
}

.channel.active .tv_channel_name,
.channel.active .tv_channel_programm {
	color: #21bfc4
}

.channel.active:hover .tv_channel_favorites svg path {
	fill: #21bfc4
}

.tv_channel_programm {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: rgba(255, 255, 255, .54)
}

.tv_channel_wrap {
	min-height: 65px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative
}

.tv-container .sort-channels a span {
	font-family: 'Open Sans';
	font-size: 16px
}

.tv-container .sort-channels a:hover #sort-content {
	display: block
}

.tv-container .sort-channels {
	width: 100%;
	height: 50px;
	background: #182936;
	position: relative;
	line-height: 50px;
	color: #fff;
	top: 0
}

.tv-container .channels .search_wrap {
	position: absolute;
    top: -12px;
	left: 0;
	z-index: 3;
	height: 75px;
	width: 95%;
	overflow: hidden;
	border-radius: 10px 0 0 0
}

.tv-container .sort-channels .search {
	display: inline-block;
	width: 240px
}

.sort-channels .search .overlay-1 {
	top: 4px;
	left: 192px
}

.search-input-i {
	color: #fff;
	width: 50px;
	padding-top: 12px;
	position: absolute;
	right: 0;
	font-size: 21px;
	cursor: pointer;
	text-align: center;
	height: 50px;
	top: 13px
}

.search-input-i:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 50px;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: .5;
	background-color: rgba(32, 190, 198, .54);
	-webkit-transition: width .4s ease-in;
	-o-transition: width .4s ease-in;
	transition: width .4s ease-in
}

.zIndex .search-input-i:before {
	width: 350px;
	left: auto;
	right: 0;
	transform: translate(0, -50%);
	background: #3f5d6c;
	opacity: 1
}

.zIndex .search-input-i svg {
	fill: #21bfc4
}

.search-input-i:hover {
	cursor: pointer
}

.search-input-i svg {
	fill: #fff
}

.search_field {
	margin-top: 8px
}

.search-input-block {
	width: 100%;
	outline: 0;
	height: 38px;
	font-size: 15px;
	border: 1px solid #aaa;
	border-radius: 19px;
	padding: 0 30px 0 15px;
	background-color: transparent
}

.search_wrap>form {
	text-align: right;
	height: 100%;
	width: 100%;
	position: relative;
	margin-bottom: 0
}

.search_wrap>form>span {
	position: absolute;
	left: 25px;
	transform: translateX(490px);
	-webkit-transition: -webkit-transform .5s ease-in;
	transition: -webkit-transform .4s ease-in;
	-o-transition: transform .4s ease-in;
	transition: transform .4s ease-in
}

.search_wrap>form>span.show-span {
	transform: translateX(0)
}

.search_wrap.zIndex>form>span {
	display: block;
	padding-bottom: 5px
}

form[name=channel_form] input[type=search]::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

form[name=channel_form] input[type=search]::-moz-placeholder {
	color: rgba(255, 255, 255, .7)
}

form[name=channel_form] input[type=search]::-webkit-input-placeholder {
	opacity: 1;
	transition: opacity 1s ease
}

form[name=channel_form] input[type=search]::-moz-placeholder {
	opacity: 1;
	transition: opacity 1s ease
}

form[name=channel_form] input[type=search]::-moz-placeholder {
	opacity: 1;
	transition: opacity 1s ease
}

form[name=channel_form] input[type=search]:-ms-input-placeholder {
	opacity: 1;
	transition: opacity 1s ease
}

form[name=channel_form] input[type=search]:focus::-webkit-input-placeholder {
	opacity: 0;
	transition: opacity 1s ease
}

form[name=channel_form] input[type=search]:focus::-moz-placeholder {
	opacity: 0;
	transition: opacity 1s ease
}

form[name=channel_form] input[type=search]:focus::-moz-placeholder {
	opacity: 0;
	transition: opacity 1s ease
}

form[name=channel_form] input[type=search]:focus:-ms-input-placeholder {
	opacity: 0;
	transition: opacity 1s ease
}

.channel_input {
	transform: translateX(180%);
	width: 91%;
	padding-left: 13%;
	padding-right: 13%;
	position: relative;
	-webkit-transition: -webkit-transform .3s ease-in;
	transition: -webkit-transform .3s ease-in;
	-o-transition: transform .3s ease-in;
	transition: transform .3s ease-in;
	border: none;
	background-color: transparent;
	outline: 0;
	color: rgba(255, 255, 255, .9);
	font-size: 16px;
	line-height: 34px;
	padding-bottom: 5px
}

.show-input {
	-webkit-transform: translateX(7%);
	-ms-transform: translateX(7%);
	transform: translateX(7%);
	-webkit-transition: -webkit-transform .3s ease-in;
	transition: -webkit-transform .3s ease-in;
	-o-transition: transform .3s ease-in;
	transition: transform .3s ease-in;
	transition: -webkit-transform .3s ease-in
}

.tv-container .sort-channels .category_list {
	width: 100%;
	-webkit-transform: translateX(-110%);
	-ms-transform: translateX(-110%);
	transform: translateX(-110%);
	background-color: #0f1d26;
	z-index: 2;
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	margin-top: 62px
}



.sort-channels i {
	position: absolute;
	top: 20px;
	right: 20px
}

.sort-channels div.sort-hide {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.sort-channels li {
	padding: 0 20px
}

.sort-channels li:hover {
	cursor: pointer;
	background-color: #182936
}

.tv-bottom .programm_title {
	display: inline-block;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px
}

.player-tv_day-number {
	font-weight: 600;
	padding: 0 15px;
	text-align: center
}

.player-tv_program-about_play {
	position: absolute;
	text-align: center;
	right: 15px;
	display: none;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 12px;
	line-height: 30px
}

.player-tv_program-about_play-live {
	display: block;
	color: #21bfc4
}

.disactive-tv-link .player-tv_program-about_play-rec {
	color: #c51e1e;
	opacity: .8;
	display: block
}

.player-tv_program-about_list-link.active-tv-link .player-tv_program-about_play.online:after {
	display: inline
}

.channel.active .player-tv_program-about_play.online:after {
	display: inline
}

.player-tv_program-about {
	max-height: calc(100% - 125px);
	overflow-y: scroll;
	background-color: #0f1d26;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, .5);
	padding-bottom: 0
}

.player-tv_program-about::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, .1)
}

#tv-programm_toggler:checked~.player-tv_program-about {
	max-height: 100%
}

#tv-programm_toggler:checked~.tv-programm_toggler-label span:last-of-type {
	display: block
}

.player-tv_program-about_list-time {
	line-height: 30px;
	color: #fff;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	opacity: .54;
	margin-right: 25px
}

.player-tv_program-about_list-link {
	text-decoration: none;
	padding: 0 15px;
	height: 55px;
	width: 99%;
	position: relative;
	cursor: pointer;
	border: 2px solid transparent
}

.player-tv_program-about_list-link:hover {
	border: 2px solid #20bcc6;
	-webkit-box-shadow: inset 0 0 10px #20bcc6;
	box-shadow: inset 0 0 10px #20bcc6;
	border-radius: 10px
}

.player-tv_program-about_list-name {
	font-family: Open Sans, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	opacity: .54;
	max-width: 70%;
	text-align: left;
	max-height: 50px;
	overflow: hidden
}

.active-tv-link .player-tv_program-about_list-name,
.disactive-tv-link .player-tv_program-about_list-name,
.epg-tv-link .player-tv_program-about_list-name {
	opacity: 1
}

.active-tv-link .player-tv_program-about_list-name {
	color: #21bfc4
}

.zIndex {
	z-index: 4!important;
	background-color: #182936
}

.tv_withoutAuth {
	margin-top: 60px;
	padding-top: 25px;
	color: #fff
}

.tv-content .channals-table .price-table div {
	padding: 0
}

.tv-content .channals-table .price-table {
	color: #fff;
	font-size: 16px;
	line-height: 1
}

.tv-content .channals-table .price-table span {
	font-size: 16px
}

.tv-content .channals-table .ch-col-1 {
	width: 9%
}

.tv-content .channals-table .ch-col-2 {
	width: 25%
}

.tv-content .channals-table .ch-col-3,
.tv-content .channals-table .ch-col-4,
.tv-content .channals-table .ch-col-5,
.tv-content .channals-table .ch-col-6 {
	width: 22%;
	text-align: center
}

.tv-content .channals-table .flex-wrap-ie {
	min-width: 15vw
}

.tv-content .channals-table .image-container img {
	width: 60%;
	padding: 5px 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.player-tv_program-about_list {
	padding: 0 0 0 14px
}

#tv-programm_toggler,
#tv-programm_toggler:checked~.tv-programm_toggler-label span:first-of-type,
.active-tv-link.disactive-tv-link .player-tv_program-about_play-live,
.disactive-tv-link .player-tv_program-about_play-live,
.glyphicon-heart-empty.favorite svg:first-of-type,
.glyphicon-heart.favorite svg:last-of-type,
.glyphicon.glyphicon-chevron-down,
.hide-icon.icon-epg,
.tv-programm_toggler-label span:last-of-type,
.volume-svg,
.volume-svg input,
form[name=channel_form] input[type=search]::-webkit-search-cancel-button,
form[name=channel_form] input[type=search]::-webkit-search-decoration,
form[name=channel_form] input[type=search]::-webkit-search-results-button,
form[name=channel_form] input[type=search]::-webkit-search-results-decoration {
	display: none
}

.favorite {
	display: none;
	position: absolute;
	right: 20px;
	top: 15px;
	z-index: 1;
	width: 25px;
	height: 25px
}

.favorite:hover svg path {
	color: #21bfc4
}

.active .favorite {
	display: inline-block
}

.favorite svg {
	width: 100%;
	height: 100%
}

.not-found-search {
	display: none
}

.not-found-search.active {
	display: block;
	padding: 20px;
	text-align: center
}

#channel_banner {
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	object-fit: cover;
	filter: brightness(.2)
}

#blocked_slide {
	background: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url(../images/family-watching-tv.jpg);
	background-position: center!important;
	background-repeat: no-repeat!important;
	-webkit-background-size: cover!important;
	background-size: cover!important
}

.prem_smotret-text-tv {
	font-size: 20px;
	width: 100%;
	margin: 0 auto
}

.programmTop .prem_smotret-text-tv,
.showInfo .prem_smotret-text-tv {
	font-size: 14px;
	width: 100%
}

.programmTop .prem-player_wrap,
.showInfo .prem-player_wrap {
	position: static;
	transform: translate(0, 0)
}

.programmTop .all-f-btn,
.showInfo .all-f-btn {
	font-size: 12px
}

.tv-container .all-f-btn {
	margin-top: 0;
	margin-bottom: 20px
}

.tv-container .programmTop .all-f-btn,
.tv-container .showInfo .all-f-btn {
	max-width: 90%;
	margin: 10px auto 20px
}

.prem_smotret-text-tv {
	text-align: center;
	margin: 20px 0
}

.programmTop .prem_smotret-text-tv,
.showInfo .prem_smotret-text-tv {
	margin: 5px 0
}

.blocked-title {
	text-align: center;
	font-size: 26px
}

.programmTop .blocked-title,
.showInfo .blocked-title {
	font-size: 20px
}

.prem-player_wrap {
	height: 100%;
	position: absolute;
	top: 50%;
	width: 100%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.blocked-table {
	padding-left: 20px!important;
	padding-right: 20px!important;
	height: 100%;
	width: 100%;
	padding-bottom: 2vw
}

.blocked-table .controls {
	position: absolute;
	bottom: 0;
	left: -50%;
	transform: translate(50%, 0);
	width: 100%;
	max-width: none
}

.noProgramm_text {
	padding: 0 10px;
	transition: all 1s linear;
	overflow: hidden
}

.tv-container .plyr_video-wrapper-fixed-ratio {
	position: static;
	overflow: visible
}

.tv-container .plyr_video-wrapper-fixed-ratio video {
	height: 100%
}

.tv-container #pl,
.tv-container #pl .plyr {
	width: 100%;
	min-width: 100%;
	overflow: hidden
}

.tv-container .channel .img_tarif {
	width: 20px;
	position: relative
}

.loading {
	width: 100%!important;
	height: 100%!important;
	top: 50%!important;
	position: absolute!important;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	visibility: hidden
}

.lds-double-ring {
	width: 200px!important;
	height: 200px!important;
	-webkit-transform: scale(.65);
	-ms-transform: scale(.65);
	transform: scale(.65);
	position: relative
}

.channels .lds-double-ring {
	margin: auto
}

.lds-double-ring div {
	position: absolute;
	width: 160px;
	height: 160px;
	top: 20px;
	left: 20px;
	border-radius: 50%;
	border: 8px solid #000;
	border-color: #20bcc6 transparent #20bcc6 transparent;
	-webkit-animation: lds-double-ring 1s linear infinite;
	animation: lds-double-ring 1s linear infinite;
	-webkit-box-shadow: inset 0 0 10px #20bcc6;
	box-shadow: inset 0 0 10px #20bcc6
}

.lds-double-ring div:nth-child(2) {
	width: 140px;
	height: 140px;
	top: 30px;
	left: 30px;
	border-color: transparent #20bcc6 transparent #20bcc6;
	-webkit-animation: lds-double-ring_reverse 1s linear infinite;
	animation: lds-double-ring_reverse 1s linear infinite;
	-webkit-box-shadow: inset 0 0 10px #20bcc6;
	box-shadow: inset 0 0 10px #20bcc6
}

@keyframes lds-double-ring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes lds-double-ring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes lds-double-ring_reverse {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

@-webkit-keyframes lds-double-ring_reverse {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

.lds-ring {
	display: inline-block;
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 5px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
	border-color: #21bfc4 transparent transparent transparent
}

.lds-ring div:nth-child(1) {
	animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
	animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
	animation-delay: -.15s
}

@keyframes lds-ring {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

.player-tv_program-about_list-link.active-tv-link .epg-progress {
	display: block
}

.epg-progress,
.player-tv_program-about_list-link.disactive-tv-link .epg-progress {
	position: absolute;
	width: 40%;
	height: 2px;
	background: rgba(255, 255, 255, .54);
	border-radius: 5px;
	top: 45px;
	display: none;
	text-align: left
}

.epg-progress span {
	position: absolute;
	height: 2px;
	background: #fff;
	border-radius: 5px;
	display: inline-block
}

.tv_channel_wrap .player-tv_program-about_play {
	bottom: 10px;
	left: 15px;
	text-align: left;
	display: none
}

.tv_channel_wrap .player-tv_program-about_play:after {
	content: "• Эфир";
	font-size: 12px;
	color: rgba(255, 255, 255, .54);
	line-height: 15px;
	color: #21bfc4
}

.player-tv_program {
	height: 80px;
	position: relative;
	padding: 0 20px;
	z-index: 0;
	width: 260px;
	margin-left: 24px
}

.about_channel_button {
	width: auto
}

.player-tv_program:before {
	content: "";
	position: absolute;
	display: block;
	width: 98%;
	height: 50px;
	border-radius: 50px;
	z-index: -1;
	top: 50%;
	left: 51%;
	transform: translate(-50%, -50%);
	background-color: rgba(32, 190, 198, .54);
	opacity: .5
}

.player-tv_program:hover:before {
	background-color: rgba(32, 190, 198, 1)
}

.player-tv_program svg:first-of-type {
	fill: #fff
}

.tv-container .plyr-video .plyr_control.plyr_tab-focus,
.tv-container .plyr-video .plyr_control:hover,
.tv-container .plyr-video .plyr_control[aria-expanded=true] {
	background: #21bfc4
}

.dropdown-audiotracks {
	position: relative;
	display: inline-block
}

.plyr.plyr-hide-controls .dropdown-audiotracks:hover .dropdown-child {
	transform: translateY(200%)
}

.dropdown-audiotracks:hover .dropdown-child {
	display: block;
	position: absolute;
	bottom: 36px;
	right: -30px;
	transition: .5s all linear
}

.dropdown-child {
	display: none;
	background-color: transparent;
	border-radius: 4px;
	min-width: 125px
}

.dropdown-child button {
	width: 100%;
	border: 0;
	outline: 0;
	padding: 5px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	text-align: left
}

.volume-svg {
	position: absolute;
	z-index: 1002;
	left: 3%;
	bottom: 7%;
	color: #fff
}

.volume-svg label svg circle {
	width: 40px;
	opacity: .5
}

.volume-svg:hover label svg circle {
	opacity: 1
}

.volume-svg label:hover {
	color: #21bfc4;
	cursor: pointer
}

.tv-container .player-wrap .video .plyr.plyr-is-ios .plyr_video-wrapper-fixed-ratio {
	overflow: visible
}

.tv-container .plyr-full-ui input[type=range],
.tv-container .plyr_controls_item.plyr_volume input {
	color: #20bcc6
}

.tv-container .plyr-full-ui input[type=range]::-webkit-slider-thumb,
.tv-container .plyr_controls_item.plyr_volume input::-webkit-slider-thumb {
	background: #20bcc6
}

.blocked-table img {
	max-width: 200px
}

.programmTop .channel_icon {
	width: 35%!important
}

.blocked-title {
	line-height: normal
}

.programmTop .blocked-title {
	line-height: 30px
}

.programmTop .blocked-table,
.showInfo .blocked-table {
	padding: 0 20px;
	padding-bottom: 2vw
}

.programmTop .blocked_info,
.showInfo .blocked_info {
	display: none
}

.img_tarif {
	font-size: 12px;
	line-height: 16px;
	color: #f6bf48
}

.resizeButton {
	position: absolute;
	background-color: rgba(0, 0, 0, .5);
	z-index: 4;
	left: 10px;
	top: 10px;
	display: none;
	width: 30px;
	height: 30px;
	cursor: pointer
}

.resizeButton svg {
	width: 25px;
	transform: rotate(20deg);
	fill: #fff;
	transition: fill .2s linear
}

.resizeButton:hover svg {
	fill: #20bcc6
}

.programmTop .resizeButton,
.showInfo .resizeButton {
	display: block
}

.modal-choose-tv {
	display: none;
	position: absolute;
	top: 160px;
	left: 20px
}

.modal-choose-tv-text {
	padding: 20px 30px;
	margin: 0;
	font-size: 20px;
	line-height: 30px;
	background-color: #20bcc6;
	border-radius: 10px;
	color: #fff
}

.modal-choose-tv-triangle {
	display: none;
	top: 200px;
	left: -35px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 36px 58px;
	border-color: transparent transparent #20bbc6 transparent;
	position: absolute
}

.modal-choose-tv-close {
	position: absolute;
	right: -20px;
	top: -20px;
	padding: 5px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .5);
	width: 23px;
	height: 23px;
	cursor: pointer
}

.modal-choose-tv-svg {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 14px;
	height: 14px
}

@media screen and (max-width:999px) {
	.search_tvblock {
		display: none
	}
}

@media screen and (min-width:991px) and (max-height:679px) {
	.blocked-table .channel_icon {
		display: none
	}
	.prem_tariff-text-tv p {
		margin: 0
	}
}

@media screen and (min-width:991px) and (max-height:560px) {
	.blocked-table .controls {
		display: none
	}
	.prem_tariff-text-tv {
		margin: 5px 0
	}
	.blocked-table {
		padding-bottom: 0
	}
	.tv-container .tv-programm {
		height: 80px;
		top: calc(100% - 80px)
	}
	.tv-container .video {
		bottom: 80px
	}
}

@media screen and (max-width:991px) {
.col-12, .col-sm-12, .col-md-10, .col-lg-10, .col-xl-10 {
all: unset;
	}

	.tv-container .channel {
		padding-left: 23px
	}
	.programmTop .player-tv_program-about #loading {
		visibility: visible
	}
	.player-tv_program-about #loading {
		visibility: hidden
	}
	.channel_epg .owl-carousel .owl-stage-outer {
		max-height: 70px
	}
	.tv-container .programmTop .player-tv_program-button {
		margin-left: calc(100vw - 200px)
	}
	.channel_epg {
		position: absolute;
		top: 0;
		max-width: calc(100vw - 260px);
		z-index: -1;
		margin-left: 30px;
		opacity: 0;
		display: none;
		height: 0
	}
	.epg_day a.nav-link:hover {
		border: 1px solid transparent;
		border-color: transparent
	}
	.epg_day a.nav-link {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}
	.programmTop .channel_epg {
		z-index: 1;
		opacity: 1;
		transition: opacity .4s linear
	}
	.slider_days_day span {
		font-size: 30px
	}
	.slider_days_day span:last-of-type {
		font-size: 10px;
		line-height: 12px
	}
	.about_channel_button {
		width: 135px
	}
	.player-tv_program svg:first-of-type {
		min-width: 18px;
		min-height: 18px
	}
	.programmTop .channel_icon {
		width: auto!important
	}
	.tv-container .tv-programm .player-tv_program-button {
		width: 181px;
		margin-right: 0px;
		right: 10px
	}
	.filterCategory_label svg:last-of-type,
	.player-tv_program svg:last-of-type {
		display: none
	}
	.tv-container .right-wrap {
		z-index: 10000
	}
	.tv-container .sort-channels .category_list {
		width: 0;
		height: 0;
		overflow: hidden;
		-webkit-transition: height .4s ease-out;
		-o-transition: height .4s ease-out;
		transition: height .4s ease-out;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	#filterCategory:checked~.category_list {
		width: 100%
	}
	.player-tv_program-about_list-time {
		font-size: 14px
	}
	.player-tv_program-about_list-name {
		max-width: 50%;
		font-size: 14px
	}
	.prem_tariff-text-tv,
	.programmTop .prem_tariff-text-tv {
		font-size: 18px;
		width: 60%
	}
	.blocked-table,
	.programmTop .blocked-table {
		height: 100%;
		margin: auto;
		padding-left: 0
	}
	.tv-container .video {
		position: relative;
		height: 45.6vh;
		min-height: 30vh;
		transition: none
	}
	.blocked-table img:first-of-type {
		max-height: 15vw!important
	}
	#blocked_slide {
		width: 100%
	}
	.tv_channel_wrap {
		justify-content: flex-start
	}
	.player-tv_program-about_list-name {
		font-size: 14px;
		line-height: 16px;
		max-width: 100%
	}
	.player-tv_program-about_list-time {
		font-size: 12px;
		margin-right: 15px;
		width: 100%;
		text-align: left;
		line-height: 14px
	}
	.active-tv-link .epg-progress {
		display: block
	}
	.tv-container .left-wrap {
		min-width: 100%
	}
	.tv_channel_wrap .channel.active .player-tv_program-about_play {
		display: block
	}
	.tv-container .video.programmTop {
		width: 100%;
		height: 40vh;
		bottom: 25%;
		right: 0;
		top: 0;
		transition: none
	}
	.tv_channel_name {
		font-size: 17px;
	
	}
	.tv_channel_programm {
		font-size: 14px;
		line-height: 18px
	}
	.player-tv_program {
		justify-content: center;
		height: 75px;
		z-index: 1
	}
	.about_channel_button {
		justify-content: flex-start
	}
	.tv-container .right-wrap {
		min-width: 100%;
		height: auto;
		min-height: auto;
		order: -1
	}
	.tv-container .tv-programm {
		top: 45.6vh;
		right: 0;
		width: 200px;
		text-align: right;
		height: 0;
		transition: none
	}
	.tv-container .tv-programm.programmTop {
		top: 45.6vh;
		width: 100%;
		background-color: #101e28;
		z-index: 4;
		height: auto;
		transition: .5s height ease-in-out;
		transition: none
	}
	.tv-container .list-channels img {
		max-width: 65px
	}
	.player-tv_program-container {
		width: 100%;
		z-index: -1;
		height: 0;
		text-align: right;
		text-align: -webkit-right
	}
	#categoriesList {
		max-height: calc(70vh - 100px);
		height: calc(70vh - 100px);
		min-height: auto
	}
	#list {
		max-height: calc(70vh - 220px);
		height: calc(70vh - 220px);
		min-height: auto
	}
	.about_channel_info {
		margin-top: 50px;
	}
	.player-tv_program-about {
		height: 0;
		overflow: hidden;
		transition: .5s height ease-in-out
	}

	.player-tv_program-about_list-link {
		align-items: flex-start!important;
		flex-flow: column;
		justify-content: center;
		flex-direction: column;
		flex-wrap: wrap;
		width: 99%
	}
	.player-tv_program-about_list-name {
		max-height: 16px;
		white-space: nowrap;
		text-overflow: ellipsis
	}
	.programmTop .player-tv_program-about {
		overflow-y: scroll;
		height: calc(60vh - 115px);
		max-height: none;
		padding-bottom: 14px
	}
	.tv-programm .player-tv_program-about_play {
		right: auto;
		top: 15px;
		left: 135px
	}
	.left-wrap .channels {
		margin: 0;
		max-width: 100%
	}
	.noProgramm_text,
	.player-tv_program svg:last-of-type,
	.programmTop .resizeButton,
	.tv-container .channels .search_wrap {
		display: none
	}
	.container-fluid.tv-container .row {
		padding-bottom: 0
	}
	.tv-container .player-wrap.container {
		max-width: 100%;
		height: auto;
		margin-top: -20px;
		display: block
	}
	.tv-container {
		padding: 0
	}
	.tv-container .player-block {
		overflow: hidden;
		width: 100%
	}
	.tv-content .channals-table .sticky>div>h2 {
		font-size: 20px
	}
	.filterCategory_label {
		top: 0;
		z-index: 0;
		margin-top: 0
	}
	#filterCategory:checked~.filterCategory_label {
		z-index: 1
	}
	.player-wrap,
	.tv-container .left-wrap,
	.tv-container .right-wrap {
		min-height: auto
	}
	.drop-zi {
		z-index: 0
	}
	.tv-container .all-f-btn {
		margin: 5px!important;
		max-width: none!important
	}
	.prem_tariff-text-tv {
		margin: 5px
	}
	.epg-progress {
		width: 90%
	}
	.programmTop .noProgramm_text,
	.showInfo .noProgramm_text {
		display: block
	}
	.programmTop .player-tv_program-container,
	.showInfo .player-tv_program-container {
		height: calc(60vh - 176px)
	}
	.blocked-title,
	.programmTop .blocked-title,
	.showInfo .blocked-title {
		font-size: 24px;
		line-height: 1.2
	}
	.modal-choose-tv {
		position: absolute;
		top: initial;
		left: 50%;
		bottom: 20px;
		transform: translate(-50%, 0)
	}
	.modal-choose-tv-triangle {
		top: initial;
		left: 60%;
		bottom: -88px;
		transform: rotate(20deg) translate(-50%, 0);
		border-width: 120px 29px 0 14.5px;
		border-color: #20bbc6 transparent transparent transparent
	}
}

@media screen and (max-width:991px) and (orientation:landscape) and (max-height:650px) and (min-width:450px) {
    .tv{display:none;}
	.content {
		overflow: hidden
	}
	.blocked-table {
		padding-bottom: 8vw
	}
	.tv-container .player-wrap {
		max-height: none
	}
	#filterCategory:checked~.category_list {
		height: calc(100vh - 130px)
	}
	.programmTop .player-tv_program-container,
	.showInfo .player-tv_program-container {
		height: calc(70vh)!important
	}
	#list {
		height: calc(100vh - 130px);
		min-height: auto
	}
	.container-fluid.tv-container {
		position: relative;
		z-index: 1000;
		margin-top: 0!important
	}
	.tv-container .video {
		min-height: 65vh;
		height: 100vh
	}
	.tv-container .video.programmTop,
	.tv-container .video.showInfo {
		height: 100vh
	}
	.programmTop .player-tv_program-about,
	.showInfo .player-tv_program-about {
		overflow-y: scroll;
		height: auto;
		max-height: calc(65vh - 25px)!important
	}
	.tv-container #list {
		max-height: calc(65vh - 25px)!important
	}
	.tv-container #categoriesList {
		max-height: calc(65vh - 25px)!important;
		height: auto
	}
	.tv-container .tv-programm {
		top: 80vh
	}
	.tv-container .tv-programm.programmTop,
	.tv-container .tv-programm.showInfo {
		top: 100vh
	}
	.tv-container .tv-programm {
		top: 100vh
	}
}

@media (max-width:991px) and (orientation:landscape) {
	.tv-container .sort-channels {
		background: #101e28
	}
	.category_list_wrap {
		background-color: #101e28
	}
}

@media screen and (max-width:830px) {
	.tv-content .channals-table.geoLocation .sticky>div>h2 {
		height: 35px
	}
	.tv-content .channals-table.geoLocation .sticky p span {
		display: block
	}
	.tv-content .channals-table.geoLocation .sticky p {
		margin-bottom: 10px
	}
}

@media (max-width:800px) and (orientation:landscape) {
	.container-fluid.tv-container {
		margin-top: 50px
	}
}

@media screen and (orientation:landscape) and (max-width:450px) {
	.tv-container .video {
		min-height: 55vh
	}
}

@media screen and (max-width:768px) {
	.programmTop .player-tv_program-container,
	.showInfo .player-tv_program-container {
		height: calc(60vh - 156px)
	}
	.tv-content .channals-table.geoLocation .price-table span {
		display: block
	}
	.modal-choose-tv-text {
		padding: 18px;
		font-size: 16px;
		line-height: 23px;
		width: 255px
	}
	.modal-choose-tv-triangle {
		bottom: -84px;
		border-width: 120px 20px 0 15px
	}
	.noProgramm_text {
		margin-top: -30px
	}
}

@media screen and (max-width:736px) and (orientation:landscape) {
	.tv_withoutAuth {
		margin-top: 50px
	}
}

@media screen and (max-width:576px) {
	.container-fluid.tv-container {
		margin-top: 50px
	}
	.tv_withoutAuth {
		margin-top: 50px
	}
	.tv-content .channals-table .table-active:not(:first-of-type) span {
		font-size: 14px
	}
	.prem_tariff-text-tv,
	.programmTop .prem_tariff-text-tv,
	.showInfo .prem_tariff-text-tv {
		font-size: 14px;
		line-height: 1.3;
		width: 95%
	}
	.tv-content .channals-table .sticky>div>h2 {
		font-size: 14px;
		margin-bottom: 5px
	}
	.tv-content .channals-table .sticky p {
		margin-bottom: 5px
	}
	.tv-content .channals-table .sticky p span span {
		font-size: 10px
	}
	.tv-content .channals-table .price-table span:first-of-type {
		display: block;
		font-size: 16px
	}
	.tv-content .channals-table .sticky>div>h2>span {
		font-size: 16px
	}
	.tv-content .channals-table .price-table {
		font-size: 10px
	}
	.filterCategory_label {
		width: 181px;
		padding: 0 10px
	}
}

@media screen and (max-width:414px) {
	.tv-container .channel {
		padding-left: 15px
	}
	.tv-content .channals-table.geoLocation .channel-container,
	.tv-content .channals-table.geoLocation .sticky {
		-ms-grid-columns: 0 1fr .5fr .5fr .5fr .5fr;
		grid-template-columns: 0 1fr .5fr .5fr .5fr .5fr
	}
	.tv-content .channals-table.geoLocation .table-active:not(:first-of-type) {
		-webkit-box-align: flex-end;
		-webkit-align-items: flex-end;
		-ms-flex-align: flex-end
	}
	.tv-content .channals-table.geoLocation .image-container {
		margin: 0 0 0 7px
	}
	.tv-content .channals-table.geoLocation .image-container {
		height: 60px;
		width: 65%
	}
	.tv-content .channals-table .image-container img {
		top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	.channel_epg {
		top: 30px;
		max-width: calc(100% - 60px);
		width: 100%
	}
	.list-channels {
		padding-right: 0
	}
	.category_list_wrap {
		height: 35px
	}
	.tv-container .sort-channels {
		height: 35px;
		padding-left: 0;
		top: 0
	}
	.filterCategory_label {
		display: flex;
		align-items: center
	}
	.filterCategory_label svg:first-of-type {
		width: 17px;
		height: 17px;
		min-width: 17px;
		min-height: 17px;
		margin-right: 7px;
		margin-left: 8px
	}
	.player-tv_program svg:first-of-type {
		width: 17px;
		height: 17px;
		min-width: 17px;
		min-height: 17px
	}
	.controls {
		display: none
	}
	.blocked-table {
		padding-bottom: 0!important
	}
	.player-tv_program {
		height: 35px;
		line-height: 35px;
		margin-bottom: 0;
		left: 0;
		width: calc(50vw - 1px)
	}
	.tv-container .all-f-btn {
		height: 40px;
		line-height: 40px;
		margin-top: 20px
	}
	.filterCategory_label {
		height: 35px;
		line-height: 35px;
		margin-bottom: 0;
		left: 0;
		width: calc(50vw - 1px);
		padding: 0 20px
	}
	.filterCategory_label:before,
	.player-tv_program:before {
		height: 35px;
		border-radius: 0;
		width: 100%
	}
	#filterCategory:checked~.filterCategory_label:before,
	.programmTop .player-tv_program:before {
		background-color: #20bec6;
		opacity: 1
	}
	.player-tv_program {
		height: 35px
	}
	.tv-container .tv-programm .player-tv_program-button {
		width: calc(50vw - 1px);
		max-width: none;
		margin-left: calc(50vw - 1px);
		margin-right: 3px
	}
	.programmTop .player-tv_program-about,
	.showInfo .player-tv_program-about {
		height: calc(70vh - 150px)
	}
	.programmTop .player-tv_program-about,
	.showInfo .player-tv_program-about {
		height: calc(70vh - 180px);
		margin-top: 30px
	}

	.tv-content .channals-table .sticky>div>h2>span {
		display: block
	}
	.prem_tariff-text-tv p {
		margin-bottom: 0
	}
	.container-fluid.tv-container {
		min-height: calc(100vh - 192px)
	}
	.tv-container .video,
	.tv-container .video.programmTop,
	.tv-container .video.showInfo {
		height: 36vh
	}
	.tv-container .tv-programm {
		top: 36vh;
		padding-right: 0;
		width: auto
	}
	.tv-container .tv-programm.programmTop,
	.tv-container .tv-programm.showInfo {
		top: 36vh;
		height: calc(70vh - 135px);
		padding-right: 0
	}

	.tv-container .sort-channels .category_list {
		margin-top: 35px
	}
	.programmTop .player-tv_program-container,
	.showInfo .player-tv_program-container {
		height: calc(70vh - 142px)
	}
	#filterCategory:checked~.category_list {
		height: calc(70vh - 80px);
		padding-right: 0
	}
	.tv-container .all-f-btn {
		width: 230px;
		height: 30px;
		font-size: 14px;
		line-height: 30px
	}
	.prem_tariff-text-tv,
	.programmTop .prem_tariff-text-tv,
	.showInfo .prem_tariff-text-tv {
		font-size: 14px
	}
	.blocked-title,
	.programmTop .blocked-title,
	.showInfo .blocked-title {
		font-size: 16px
	}
	.player-tv_program-about_list-name {
		width: 100%
	}
	.modal-choose-tv-triangle {
		left: 70%;
		bottom: -45px;
		border-width: 80px 20px 0 15px
	}
	.noProgramm_text {
		max-width: 300px;
		margin: -110px auto 0
	}
}

@media screen and (max-width:375px) {
	.filterCategory_label svg:first-of-type {
		margin-left: 0
	}
}

@media screen and (max-width:360px) {
	.filterCategory_label {
		font-size: 14px
	}
	.filterCategory_label svg:first-of-type {
		width: 17px;
		height: 17px
	}
	.player-tv_program {
		font-size: 14px;
		padding: 0 10px
	}
	.blocked-table img:first-of-type {
		max-height: 10vw!important
	}
}

@media screen and (max-width:330px) {
	.blocked-title,
	.programmTop .blocked-title,
	.showInfo .blocked-title {
		font-size: 14px
	}
}

@media screen and (max-width:576px) {
	.tv-container .plyr-full-ui input[data-plyr=volume] {
		width: 50px
	}
	.filterCategory_label {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.prem_tariff-text-tv {
	margin: 10px 0
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
	.bottom-menu-mobile {
		display: none
	}
}

.sort-channels li {
	padding: 0
}

.sort-channels li a {
	padding: 0 20px;
	width: 100%;
	height: 100%;
	display: block;
	color: inherit
}

.info_about_conditions {
	width: 100%;
	max-width: 1100px
}

.epg_day a.nav-link {
	text-decoration: none;
	color: #fff;
	margin-bottom: 1px;
	width: 130px;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	border: 1px solid transparent
}

.epg_days {
	padding-left: 0
}

.programmTop .info_about_conditions,
.showInfo .info_about_conditions {
	display: none!important
}

.tv-container .programmTop.video,
.tv-container .showInfo.video {
width: 400px;
height: 225px
}

.prem_tariff-text-tv {
	max-width: 500px
}

.prem_tariff-text-tv p {
	margin-bottom: 0!important
}

.programmTop .blocked-title,
.showInfo .blocked-title {
	display: block!important;
	max-width: 100%
}

.programmTop .prem_tariff-text-tv,
.showInfo .prem_tariff-text-tv {
	max-width: 300px
}

.tv-container .all-f-btn {
	margin-top: 10px;
	font-size: 18px;
	margin-bottom: 20px;
	min-width: 400px;
	background-color: #e62614
}

.tv-container .programmTop .all-f-btn,
.tv-container .showInfo .all-f-btn {
	min-width: auto
}

.text_condition {
	display: block;
	text-align: center;
	font-family: Lato;
	font-size: 18px;
	line-height: 24px
}

.info_condition {
	text-align: center;
	flex-basis: 18%
}

.info_condition svg {
	margin-bottom: 10px
}

.info_plus {
	flex-basis: 2%
}

.brace_condition svg {
	max-width: 100%;
	width: 100%
}

.brace_condition {
	margin-top: -20px
}

.title_conditions {
	font-family: Lato;
	font-style: normal;
	font-weight: 500;
	font-size: 35px;
	line-height: 40px;
	text-align: center
}

.tv-container .player-tv_program-container.showInfo {
	z-index: -1
}

.container-fluid.tv-container .info_about_conditions .title_conditions {
	margin-bottom: 20px
}

.cost_condition {
	text-align: center;
	color: #20bec6;
	font-family: Lato;
	font-style: normal;
	font-weight: 500;
	font-size: 76.4615px;
	line-height: 109px;
	margin-top: -40px;
	margin-bottom: 20px;
	position: relative
}

.cost_condition span {
	font-size: .45em;
	line-height: .45em
}

.container-fluid.tv-container .info_about_conditions .row {
	margin: 0
}

.prem-playerheading-tv span {
	color: #e62614
}

.programmTop .prem-playerheading-tv span,
.showInfo .prem-playerheading-tv span {
	color: #20bec6
}

.programmTop .resizeButton-info,
.resizeButton-info {
	display: none
}

.showInfo .resizeButton-info {
	display: block
}

.channel_img_logo {
	position: absolute;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	z-index: -1;
	max-width: none!important
}

.channel_img_logo:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	z-index: -1;
	max-width: none;
	background-color: rgba(0, 0, 0, .65)
}

.blocked_info {
	font-size: 26px;
	margin: 15px 0 15px
}

.blocked_info p,
.blocked_info svg {
	margin-bottom: 5px;
	text-align: center
}

.visibleHidden {
	visibility: hidden
}

body {
	background-color: #182936;
	position: fixed;
	max-width: 100%
}

footer {
	display: none
}


/*!*width: 99%;*!*/

.prem-player_wrap,
.premtext-wrap-tv {
	height: 100%
}

.channel-static {
	color: #101e28;
	position: absolute;
	width: 100%;
	margin-top: 30px;
	background-color: #101e28;
	z-index: 1;
	visibility: visible;
	transition: .5s all linear;
	top: calc(100% - 200px);
	height: 170px;
	overflow-y: scroll
}

.programmTop~.channel-static {
	top: 100%
}

.showInfo .about_channel_info-description {
	position: relative!important
}

.channel-static span {
	padding-left: 10px;
	padding-right: 10px;
	overflow-y: scroll
}

.see_more_label {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	display: none;
	text-align: right;
	font-size: 16px;
	color: #20bec6
}

.see_more_label:hover {
	cursor: pointer
}

.see_more_label span:last-of-type {
	display: none
}

.about_channel_info p {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	margin: 0
}

.about_channel_info h1 {
	color: #21bfc4;
	font-size: 28px;
	margin-bottom: 4px;
	margin-top: 20px
}

.about_channel_info .about_channel_info-description br {
	display: none
}

.about_channel_info .about_channel_info-description h2 {
	font-size: 20px
}

.about_channel_info div {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3
}

.about_channel_info {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.blocked-table {
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url(/images/v2/family-watching-tv.jpg);
	background-repeat: no-repeat!important;
	-webkit-background-size: cover!important;
	background-size: cover!important;
	background-position: center!important
}

.showInfo {
	z-index: 1;
	visibility: visible;
	top: 55px;
	color: #fff;
	height: auto
}

.showInfo.channel-static {
	display: block
}

.showInfoButton svg:last-of-type {
	transform: rotate(180deg)
}

.showInfo .player-tv_program:first-of-type {
	display: none!important
}

.showInfo .player-tv_program:last-of-type {
	margin-left: 0!important
}

.about_channel_info-description {
	font-size: 16px;
	color: #fff;
	padding-bottom: 0;
	position: static!important
}

.programmTop #is_blocked_TV>a,
.showInfo #is_blocked_TV>a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block!important
}

.player-tv_program-about_list-link:hover {
	border: 2px solid transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	cursor: default;
	pointer-events: none
}

.player-tv_program-about_list-link {
	cursor: default
}



.tv-container .programmTop .all-f-btn,
.tv-container .showInfo .all-f-btn {
	font-size: 12px;
	background-color: #e62614
}

.noProgramm_text {
	width: 100%;
	height: 0
}

.programmTop .noProgramm_text {
	height: 100%
}

.hideChannels {
	display: none!important
}

.channel_epg .owl-nav {
	top: 50%
}

@media screen and (max-width:1400px) {
	.cost_condition {
		line-height: 80px;
		margin-bottom: 0
	}
	.tv-container .all-f-btn {
		margin-top: 0;
		min-width: 350px;
		font-size: 16px
	}
	.info_about_conditions {
		width: 80%
	}
}

@media screen and (max-width:1200px) {
	.info_condition {
		flex-basis: 22%
	}
	.info_plus {
		flex-basis: 4%
	}
	.text_condition {
		font-size: 14px;
		line-height: 18px
	}
	.cost_condition {
		font-size: 50px;
		line-height: 55px;
		margin-bottom: 10px
	}
	.title_conditions {
		font-size: 28px;
		line-height: 30px
	}
}

@media screen and (max-width:1100px) {
	.title_conditions {
		font-size: 24px;
		line-height: 26px
	}
	.cost_condition {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 0
	}
	.info_condition {
		flex-basis: 30%
	}
	.info_plus {
		flex-basis: 3%
	}
	.info_condition-hide,
	.info_plus-hide {
		display: none!important
	}
}

@media screen and (max-width:1400px) and (max-height:768px) {
	.cost_condition {
		line-height: 60px;
		font-size: 50px
	}
	.info_condition svg {
		max-width: 30px;
		max-height: 30px
	}
	.text_condition {
		font-size: 13px;
		line-height: 15px
	}
	.title_conditions {
		font-size: 28px;
		line-height: 32px
	}
}

@media screen and (max-width:1400px) and (max-height:615px) {
	.netbook-hide,
	.notebook-hide {
		display: none!important
	}
	.info_condition {
		flex-basis: 30%
	}
	.info_plus {
		flex-basis: 3%
	}
	.container-fluid.tv-container .info_about_conditions .title_conditions {
		margin-bottom: 0
	}
	.cost_condition {
		line-height: 50px;
		font-size: 40px
	}
	.info_condition svg {
		max-width: 20px;
		max-height: 20px
	}
	.text_condition {
		font-size: 12px;
		line-height: 14px
	}
	.title_conditions {
		font-size: 24px;
		line-height: 28px
	}
}

@media screen and (max-width:991px) {
	.programmTop .channel_epg {
		width: 100%;
		height: 100%
	}
	.epg_days {
		visibility: hidden;
		position: absolute;
		top: 0;
		max-width: calc(100% - 210px);
		z-index: -1
	}
	.programmTop .epg_days {
		visibility: visible;
		z-index: 1
	}
	.epg_day a.nav-link {
		width: 85px
	}
	.right-wrap {
		z-index: 1000!important
	}
	.tv-container .programmTop.video,
	.tv-container .showInfo.video {
		width: 100%
	}
	.channel-static {
		height: 0;
		overflow: hidden;
		top: calc(60vh - 165px)
	}
	.programmTop .blocked-table img:first-of-type {
		width: 15%!important
	}
	.tv-container .tv-programm {
		top: 45.6vh;
	}
	.blocked_info {
		font-size: 22px;
		margin: 5px 0 5px
	}
	.showInfo.channel-static {
		top: calc(60vh - 165px);
		height: calc(60vh - 165px)
	}
	.channel-static span {
		height: calc(60vh - 215px);
		margin-bottom: 0
	}
	.about_channel_button {
		order: -1
	}
	.blocked-table {
		margin: auto
	}
	.tv-container .left-wrap {
		height: auto
	}
	.channels.container {
		min-height: auto
	}
	.see_more_label {
		display: block
	}
	.hide:checked+label+p {
		max-height: 100%;
		overflow: auto;
		display: block;
		-webkit-transition: all .4s ease-in;
		-o-transition: all .4s ease-in;
		transition: all .4s ease-in;
		overflow-y: visible
	}
	.hide:checked+label+p::-webkit-scrollbar {
		display: none
	}
	.hide:checked+label>span:last-of-type {
		display: block
	}
	.hide:checked+label>span:first-of-type {
		display: none
	}
	.blocked-title,
	.programmTop .blocked-title {
		font-size: 32px;
		line-height: 1.2;
		margin: 0 0 10px
	}
}
@media screen and (max-width:991px) {
    .container-fluid.tv-container {
	margin-top: 50px;
	}
}
@media screen and (max-width:768px) {
	.blocked_info {
		font-size: 16px;
		margin: 0
	}
	.blocked-title,
	.programmTop .blocked-title {
		font-size: 26px;
		line-height: 1.5
	}
}

@media screen and (max-width:991px) and (orientation:landscape) and (max-height:650px) {
	body {
		position: static
	}
	.player-tv_program-about,
	.tv-container #list {
		max-height: calc(100vh - 80px)
	}
	.tv-container .tv-programm {
		top: 100vh
	}
	.channel-static span {
		height: calc(65vh - 100px)!important
	}
	.channel-static {
		top: 100vh!important
	}
	.showInfo.channel-static {
		top: 100vh!important;
		height: calc(65vh - 25px)!important;
		margin-top: 75px
	}
}

@media screen and (max-width:600px) {
	.blocked-title {
		font-size: 22px
	}
	.blocked-table-h1 {
		font-size: 32px
	}
}
@media screen and (min-width:701px) and (max-width:800px) {
	#list {
		max-height: calc(70vh - 270px);
		height: calc(70vh - 270px);
		min-height: auto
	}
}
@media screen and (min-width:414px) and (max-width:500px) {
	#categoriesList {
		max-height: calc(70vh - 280px);
		height: calc(70vh - 280px);
		min-height: auto
	}
}
@media screen and (max-width:413px) {
	#categoriesList {
		max-height: calc(70vh - 135px);
		height: calc(70vh - 135px);
		min-height: auto
	}
	
	#list {
		max-height: calc(70vh - 70px);
		height: calc(70vh - 70px);
		min-height: auto
	}
	.tv-container .tv-programm .player-tv_program-button {
		margin-left: 0
	}
	.blocked-table {
		padding-left: 0!important;
		padding-right: 0!important
	}
	.programmTop .player-tv_program-about,
	.showInfo .player-tv_program-about {
		margin-top: 60px;
		height: calc(70vh - 150px)
	}
	.tv-container .all-f-btn {
		height: 30px;
		line-height: 30px;
		width: 250px;
		letter-spacing: 1px
	}
	.blocked_info {
		display: none!important
	}
	.tv-container .left-wrap {
		padding-top: 0
	}
	.blocked_info p,
	.blocked_info svg {
		margin-bottom: 0
	}
	.tv-container .all-f-btn {
		min-width: auto
	}
	.tv-container .tv-programm {
		top: 36vh;
		max-width: calc(55vw)
	}
	.tv-container .tv-programm.programmTop {
		max-width: 100%
	}
	.blocked_info {
		font-size: 14px;
		margin: 0
	}
	.blocked_info svg {
		width: 15px;
		height: 20px
	}
	.channel-static {
		top: calc(30vh + 45px)
	}
	.showInfo.channel-static {
		top: calc(30vh + 45px);
		height: calc(70vh - 166px)
	}
	.channel-static span {
		height: calc(70vh - 180px);
		margin-bottom: 0
	}
	.about_channel_info-description {
		font-size: 14px;
		padding-bottom: 50px
	}
	.blocked-title,
	.programmTop .blocked-title {
		font-size: 20px
	}
	.tv-container .all-f-btn {
		font-size: 13px
	}
	.blocked-title,
	.programmTop .blocked-title {
		margin: 5px 0 5px
	}
	.blocked_info {
		display: none
	}
	.blocked-table-h1 {
		margin-top: 10px;
		font-size: 20px
	}
	.about_channel_info h1 {
		margin-top: 0;
		margin-bottom: 0
	}
}

@media screen and (max-width:375px) {
	.blocked-title,
	.programmTop .blocked-title {
		font-size: 16px
	}
	.blocked-table-h1 {
		font-size: 20px
	}
}

@media screen and (max-width:320px) {
	.blocked-table-h1 {
		font-size: 18px
	}
}