html,body{font-size:100px;position:absolute;left:0;top:0;margin:0;padding:0;cursor:default;width:100%;height:100%;overflow:hidden;font-family: "ProximaNovaLight", sans-serif;

	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE/Edge */
	user-select: none; /* Стандартный синтаксис */
	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
#BODY{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;padding:0;width:19.20em;height:10.80em;overflow:hidden;}
/*off scrollbar*/
::-webkit-scrollbar{width:0px;}
::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,0.0);}
::-webkit-scrollbar-thumb:hover{background-color: rgba(255,255,255,0.0);}
::-webkit-scrollbar-track{border-width:0;}
:active, :hover, :focus {outline: 0;outline-offset: 0;}
/*off scrollbar*/
#console{position: absolute;width: 100%;z-index: 999;font-size: 0.3em;color: #fff;background-color: rgba(0, 0, 0, 0.5);}

#StartLogo{position:absolute;display:block;top:0;left:0;height:100%;width:100%;background-color: rgba(41, 47, 55, 1);z-index:100;background-image:url(http://r.xsmart.tv/XSMART_NO_BAD/img/logo.svg);background-size:10.00em;background-position:center;background-repeat: no-repeat;}
#blackground{position:absolute;display:block;top:0;left:0;height:100%;width:100%;background-color: rgba(41,47,55,1);z-index:1;-webkit-transition:0.25s;-moz-transition:0.25s;-o-transition:0.25s;transition:0.25s;}
#top_helpbar{position:absolute;top:0;left:0;height:100em;width:100%;z-index:4;-webkit-transition:0.25s;-moz-transition:0.25s;-o-transition:0.25s;transition:0.25s;}
#logo_small{position:relative;float:left;cursor:pointer;margin-left:0.80em;width:1.00em;height:1.00em;background-image:url(http://r.xsmart.tv/XSMART_NO_BAD/img/logo.svg);background-size:1.00em;background-position:center;background-repeat: no-repeat;z-index:2;}
#menu_helpbar{position:relative;float:left;height:1.00em;line-height:1.00em;padding-left:0.10em;z-index:2;}
.menu_helpbar{position:relative;float:left;cursor:pointer;color: rgba(255,255,255,1);font-size:0.32em;padding-left:0.5em;padding-right:1em;}
.menu_helpbar.active,.icon_helpbar.active{background-color:#fff;-moz-border-radius: 5em;-webkit-border-radius: 5em;}
#time_helpbar{position:relative;float:right;height:100%;text-align:center;width:4em;line-height:2.5em;color:rgba(255,255,255,1);z-index:2;font-size:0.40em;margin-right:1em;}
.icon_helpbar_search{position:relative;float:left;float:right;top:0.20em;cursor:pointer;width:8.00em;margin-right:1.40em;height:0.50em;background-color:rgba(255,255,255,0);border-radius:0.05em;-webkit-border-radius:0.05em;-moz-border-radius:0.05em;border: 0.05em solid #fff;}
.icon_helpbar_search.active{background-color:rgba(255,255,255,1);}
.icon_helpbar_search.active .search_txt{color:#000;}
.search_txt{position:relative;color:#fff;font-size:25em;margin-left:0.025em;line-height:0.02em;}
.img_msg_search{position:relative;float:left;height:0.50em;width:0.50em;background-size:0.80em;margin-left:0.05em;}
.icon_helpbar{position:relative;float:right;cursor:pointer;height:100%;width:1.00em;}
.left_menu_class.active .img_home{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/home_active.svg);}
.img_home{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/home.svg);background-position:center;background-repeat: no-repeat; background-size:0.50em;}
.left_menu_class.active .img_satellite{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/satellite_active.svg);}
.img_satellite{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/satellite.svg);background-position:center;background-repeat: no-repeat; background-size:0.50em;}
.img_favorit{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/favorit.svg);background-position:center;background-repeat: no-repeat; background-size:0.80em;}
.left_menu_class.active .img_favorit{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/favorit_active.svg);}
.img_search{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/search.svg);background-position:center;background-repeat: no-repeat; background-size:0.50em;}
.left_menu_class.active .img_search{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/search_active.svg);}
.img_info{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/info.svg);background-position:center;background-repeat: no-repeat; background-size:0.60em;}
.img_info.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/info_active.svg);}
.img_user{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/user.svg);background-position:center;background-repeat: no-repeat; background-size:0.80em;}
.left_menu_class.active .img_user{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/user_active.svg);}
.img_msg{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/msg.svg);background-position:center;background-repeat: no-repeat;background-size:0.60em;}
.left_menu_class.active .img_msg{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/msg_active.svg);}
.img_user_no{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/no_user.svg);background-position:center;background-repeat: no-repeat; background-size:1.00em;}
.left_menu_class.active .img_user_no{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/no_user_active.svg);}
.img_msg_no{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/no_msg.svg);background-position:center;background-repeat: no-repeat;background-size:0.60em;}
.left_menu_class.active .img_msg_no{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/no_msg_active.svg);}
.img_setting{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/setting.svg);background-position:center;background-repeat: no-repeat;background-size:0.60em;}
.left_menu_class.active .img_setting{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/setting_active.svg);}
.avatar{position:absolute;top:0.425em;left:0.425em;height:2em;width:2em;background-position:center;background-repeat: no-repeat; background-size:2.05em;border-radius:999em;-webkit-border-radius:999em;-moz-border-radius:999em;}
.avatar_msg{position: relative;float: left;margin-right: 0.5em;height:2em;width:2em;background-position:center;background-repeat: no-repeat; background-size:2.05em;border-radius:999em;-webkit-border-radius:999em;-moz-border-radius:999em;}
#menu{position: absolute;padding-top: 0.010em;left: 1em;width: 100%;height: 10.80em;z-index: 2;overflow-y: auto;overflow-x:hidden;}
#board{position:relative;margin-top:0.10em;left:0;width:18.20em;height:6.80em;overflow-y: hidden;overflow-x:auto;z-index:5;}
#board_a{position:absolute;top:0.08em;left:0;height:100%;z-index:2;padding-left: 0.15em;}
.board{position:relative;float:left;cursor:pointer;top:0;left:0;height:6.30em;width:16.60em;background-color: rgba(255,255,255,0);margin-left:0.10em;margin-right:0.10em;}
.board.active{margin-left:0.02em;margin-right:0.02em;top:-0.08em;border-radius:0.02em;-moz-border-radius:0.02em;-webkit-border-radius:0.02em;border:0.08em solid transparent;-moz-border-image:-moz-linear-gradient(top left,#292f37 0,#ffffff 70%);-webkit-border-image:-webkit-linear-gradient(top left,#292f37 0,#ffffff 70%);border-image:linear-gradient(to bottom right,#292f37 0,#ffffff 70%);border-image-slice:1}
.img_board{position:absolute;background-color: #2d2d38;height:100%;width:100%;background-repeat: no-repeat;background-position: center;background-size: cover;z-index:3;}
.txt_board{position:absolute;bottom:0;color:#fff;font-size:0.50em;padding:0.5em;width:32.2em;z-index:4;background: linear-gradient(0deg, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);}
.bottom_pack{position: relative;width: 100%;left: 0em;height: 1em;z-index: 5;overflow: auto;}
.bottom_pack_a{position: absolute;top: 0;left: 0; height: 100%;z-index: 2;padding-left: 0.15em;}
.bottom_pack_class{position: relative;cursor: pointer;float: left;font-size: 0.30em;border-radius: 0.2em;background-color: #424b56;color: rgba(255, 255, 255, 0.3);font-family: ProximaNovaLight;vertical-align: middle;padding: 0.1em;padding-right: 1em;margin-left: 0.5em;margin-right: 0.5em;/* width: 12em; */height: 2em;line-height: 2em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.bottom_pack_class.film{padding-left: 1em;margin-left: 0.3em;margin-right: 0.3em;}
.bottom_pack_class.active{background-color: rgba(255, 255, 255, 0.9);color: #000;}
.bottom_pack_img{position: relative;top: 0;width: 2.00em;height: 2.00em;background-size: 1.50em;float: left;}
.img_watch{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/watch.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}
.bottom_pack_class.active .img_watch{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/watch_active.svg);}
.img_coll{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/coll.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}
.bottom_pack_class.active .img_coll{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/coll_active.svg);}
.img_histiry{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/histiry.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}
.bottom_pack_class.active .img_histiry{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/histiry_active.svg);}
.img_cat{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/cat.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}
.bottom_pack_class.active .img_cat{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/cat_active.svg);}
.img_ads{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/ads.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}
.bottom_pack_class.active .img_ads{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/ads_active.svg);}

.lock_bronze{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/lock_bronza.svg);background-position:center;background-repeat: no-repeat;background-size: 1em;}

.lock_img{position: relative;top: 0;width: 1.00em;height: 1.00em;margin-left: 0.5em;float: left;}
.img_lock{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/lock.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}
.player_size_line.active .img_lock{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/lock_active.svg);}

#RightMSG{position:absolute;display:none;top:4em; padding:1em;right:0;background-color: rgba(255,255,255,1);z-index:100;border-radius: 0.002em 0 0 0.2em;-moz-border-radius: 0.2em 0 0 0.2em;-webkit-border-radius: 0.2em 0 0 0.2em;color:#000;font-size:0.30em;font-weight: 500;-webkit-transition:0.50s;-moz-transition:0.50s;-o-transition:0.50s;transition:0.50s;}
#CenterMSG{position:absolute;display:none;z-index:100;font-size:0.30em;padding:1em;top:2em;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);background-color:#ffffff;border-radius: 0.2em;-moz-border-radius: 0.2em;-webkit-border-radius: 0.2em;font-weight: 500;}
#CenterMSG.down{top: unset;bottom: 2em;}
#CenterMSG_txt{position:relative;float:left;color:#000;    line-height: 200%;}
#INFO_MSG{position:absolute;display:none;top:0;left:0;height:100%;width:100%;background-color: rgba(41,47,55,0.8);z-index:100;-webkit-transition:0.25s;-moz-transition:0.25s;-o-transition:0.25s;transition:0.25s;}
.info_msg.big{width:15.00em;}
.info_msg{position:absolute;width:9.00em;max-height:80%;overflow:hidden;background-color:#fff;z-index:105;top:50%;left:50%;border-radius:0.05em;-webkit-border-radius:0.05em;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.info_txt{position:relative;overflow:auto;margin:1em;max-height:20em;font-size:0.30em;color:#000;z-index:106;}
.info_head{position:relative;text-align:left;font-size:0.30em;padding:1em;color:#000;text-align:left;font-weight: 500;background-color:#fff;z-index:106;border-bottom-width: 0.05em;border-bottom-style: solid;border-bottom-color: #000;}
.info_buttom_line{position:relative;text-align:center;width:100%;height:1.00em;z-index:106;border-top-width: 0.0005em;border-top-style: solid;border-top-color: #000;}
.info_buttom{margin-top:-1em;cursor:pointer;min-width:6em;text-transform:uppercase;margin-left:3em;margin-right:3em;padding:0.8em;border-radius:0.2em;-webkit-border-radius:0.2em;height:0.6em;line-height:0.6em;display:inline-block;font-size:0.30em;color:#000;vertical-align:middle;}
.info_buttom.active{background-color:#000;color:#fff;}
#block_film,#block_tv{position:absolute;display:none;top:0;left:0;width:19.20em;height:10.80em;}
#film_block,#tv_block{position:absolute;top:0;left:1.60em;width:17.50em;height:10.80em;overflow:auto;}
#film_block_a,#tv_block_a{left:0;width:100%;top:0;padding-top: 1.50em;padding-bottom: 4.00em;    position: absolute;}

#new_xkino_block_film{position: absolute;display:none;top: 0;left: 1.00em;width: 100%;height: 10.80em;z-index: 2;overflow-y: auto;overflow-x:hidden;}
#new_xkino_block_cat{position:relative;padding-top:0.3em;}
#new_xkino_block_center{position:relative;color:rgba(255,255,255,0.5);text-align:center;width:100%;font-size:0.30em;/*border-top:solid rgba(255,255,255,0.5) 0.05em;*/}
#new_xkino_block_line{position:relative;}



.film_block.block_big{width:3.10em;height:4.65em;}
.film_block{position:relative;cursor:pointer;float:left;width:2.50em;height:3.75em;background-color:rgba(51, 57, 66,1);margin-left:0.15em;margin-right:0.15em;margin-top:0.20em;margin-bottom:0.20em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/no_poster.svg);background-position:center;background-repeat: no-repeat;background-size: 100%;z-index: 2;}
.film_block.actore{height:3.00em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/actore.svg);background-position:center;background-repeat: no-repeat;}
.film_block.active{border:0.08em solid #fff;box-sizing: border-box;border-radius:0.02em;-moz-border-radius:0.02em;-webkit-border-radius:0.02em;-moz-border-image:-moz-linear-gradient(top left,#292f37 0,#d4edeb 20%);-webkit-border-image:-webkit-linear-gradient(top left,#292f37 0,#d4edeb 20%);border-image:linear-gradient(to bottom right,#292f37 0,#d4edeb 20%);border-image-slice:1;/*margin:0.12em 0.07em*/}
.film_block.active .film_block_txt{display:block;}
.film_line{position:relative;width:18.2em;left:0;height:6.00em;z-index:5;}
#ActorCardFilm.film_line{height:4.50em;}
.film_line.search{left: 1em;top: -0.4em;}
.film_line_title{position:relative;left:1em;color: rgba(255,255,255,0.5);font-size:0.35em;}
.film_line_block{position:relative;margin-top:0em;left:0;width:100%;height:5.5em;overflow:auto;z-index:5;}
.film_line_block_a{position:absolute;top:0;left:0;height:100%;z-index:2;padding-left: 0.15em;}
.film_block_img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 11;-moz-border-radius: 0.1em;-webkit-border-radius: 0.1em;

-webkit-box-shadow: 0.1em 0.1em 0.1em 0em rgb(0 0 0 / 25%);
-moz-box-shadow: 0.1em 0.1em 0.1em 0em rgb(0 0 0 / 25%);
box-shadow: 0.1em 0.1em 0.1em 0em rgb(0 0 0 / 25%);
}
.film_block_txt{position: absolute;display:none;width: 100%;background-color:rgba(0, 0, 0,0.9);left: 0;bottom: 0;z-index: 12;}
.film_block_name{position:relative;color: #fff;font-size:0.25em;font-weight: 500;margin:0.4em;margin-left:0.6em;}
.film_block_star{position:relative;width: 100%;height: 0.40em;margin-left:0.06em;}
.film_block_year{position:relative;color: #fff;font-size:0.20em;margin:0.4em;margin-left:0.7em;}
.star{position:relative;float:left;width:0.35em;height:0.35em;}
.inthis {position: absolute;text-align: center;width: 18.20em;top: 0.20em;left: 1.00em;z-index:5;}
.category {cursor: pointer;text-transform: uppercase;margin-left: 1em;margin-right: 1em;padding: 0.5em;border-radius: 0.2em;-moz-border-radius: 0.2em;-webkit-border-radius: 0.2em;display: inline-block;font-size: 0.25em;color: #fff;font-family: ProximaNovaLight;vertical-align: middle;}
.category.active{color: rgba(0,0,0,1);background-color: rgba(255,255,255,1);}
.movies_item_quality{position: absolute;margin-top: 1em;top: 0;margin-left: 1em;left: 0;font-size: 0.20em;line-height: 1;color: #ffffff;z-index: 12;}

.movies_item_quality_block{position: relative;
    width: fit-content;
    margin-bottom: 0.5em;
    top: 0;
    left: 0;
    /* font-size: 0.20em; */
    line-height: 1;
    border-radius: 0.3em;
    padding: 0.5em;
    color: #ffffff;
    background-color: #24b2d8;
    z-index: 12;}
.movies_item_quality_block.hdr10{
    background-color: #49b890;
}
.movies_item_quality_block.dv{
    background-color: #e93ac2;
}
.movies_item_quality_block.ads{
    background-color: #ea2e2e;
}

.movies_item_likes{position: absolute;top: 0;right: 0;font-size: 0.30em;line-height: 1;border-radius: 0 0 0 0.3em;padding: 0.3em;min-width: 1em;text-align: center;color: #ffffff;background-color: #24b2d8;z-index: 12;
    -webkit-border-radius: 0em 0.2em 0em 0em;
	-moz-border-radius: 0em 0.2em 0em 0em;
	border-radius: 0em 0.2em 0em 0em;
}
.movies_item_likes.likes_good{background-color: #3bd580;}
.movies_item_likes.likes_bad{background-color: #f1324e;}


.new_film_block.block_big{width:3.10em;height:4.65em;}
.new_film_block.block_tv{width:3.10em;height:3.10em;background-color: rgba(4, 5, 6, 0.3);background-image: none;}
.new_film_block.block_tv .new_film_block_txt{height:0.7em;}
.new_film_block{position:relative;cursor:pointer;float:left;width:2.50em;height:3.75em;background-color:rgba(51, 57, 66,1);margin-left:0.15em;margin-right:0.15em;margin-top:0.20em;margin-bottom:0.20em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/no_poster.svg);background-position:center;background-repeat: no-repeat;background-size: 100%;z-index: 2;
-webkit-border-radius: 0.1em 0.1em 0em 0em;
-moz-border-radius: 0.1em 0.1em 0em 0em;
border-radius: 0.1em 0.1em 0em 0em;}
.new_film_block.actore{height: 2.50em;top: 0.6em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/actore.svg);background-position:center;background-repeat: no-repeat;}
.new_film_block.active .new_film_block_txt{background-color: rgba(255, 255, 255, 0.9);color: #000;}
.new_film_block.actore .new_film_block_txt{height: 0.8em;}
.new_film_block_img {position: relative;width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 11;
-webkit-border-radius: 0.1em 0.1em 0em 0em;
-moz-border-radius: 0.1em 0.1em 0em 0em;
border-radius: 0.1em 0.1em 0em 0em;
}
.new_film_block.block_tv .new_film_block_img {background-size: 90% auto;}
.new_film_block_txt{position: relative;display:block;width: 100%;height: 1.3em;background-color:#424b56;color: rgba(255, 255, 255, 0.3);left: 0;bottom: 0;z-index: 12;
-webkit-border-radius: 0em 0em 0.1em 0.1em;-moz-border-radius: 0em 0em 0.1em 0.1em;border-radius: 0em 0em 0.1em 0.1em;
}
.new_film_block_name{position:relative;width: 90%;font-size:0.25em;font-weight: 500;top: 0.4em;margin-bottom: 0.6em;margin-left:0.6em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_film_block_star{position:relative;width: 100%;height: 0.40em;margin-left:0.06em;}
.new_film_block_year{position:relative;font-size:0.20em;margin:0.4em;margin-left:0.7em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

#line_menu{position: absolute;display:none;top: 0;left: 1.00em;width: 18.20em;height: 100%;z-index: 10;overflow:hidden;}
#setting_head,#line_head{position: absolute;top:0;left: 0;width: 100%;height: 1.20em;z-index: 13;background-color: #1f242a;}
#setting_helpbottom,#line_helpbottom{position: absolute;bottom:0;left: 0;width: 100%;height: 0.80em;z-index: 13;background-color: #1f242a;text-align: center;}
#line_list{position: absolute;top:1.20em;left: 0;width: 7.50em;height: 8.80em;z-index: 13; border-right-width: 0.06em; border-right-style: solid;border-right-color: #1f242a;}
#setting_head_title,#line_head_title{position: absolute;padding-left: 3em;height: 100%;line-height: 300%;color: rgba(255,255,255,1);z-index: 14;font-size: 0.4em;max-width: 35em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.menu_list,.menu_setting{position:relative;cursor: pointer;height:0.88em;z-index:12;}
.menu_list.active,.menu_setting.active{background-color:rgba(255,255,255,0.95);}
.menu_list.active .menu_list_title,.menu_setting.active .menu_list_title{color:rgba(41,47,55,1);}
.menu_list_img{position: relative;top: 0;margin-left: 0.15em;width: 0.88em;height: 0.88em;float: left;}
.menu_list_ch{position: relative;top: 0;left: 0;width: 3em;height: 100%;line-height: 3em;float: left;color: #fff;text-align: center;background-color: #1f242a;font-size: 0.30em;}
.menu_list_title{position: relative;top: 0;margin-left: 0.5em;height: 100%;line-height: 2.5em;float: left;color: #fff;text-align: left;font-size: 0.35em;overflow: hidden;width: 15em;white-space: nowrap;text-overflow: ellipsis;}
.menu_list_title.epg_now{line-height: normal;}
.epg_now_font{font-size: 70%;color:rgba(255,255,255,0.5);}
.menu_list.active .epg_now_font{color:rgba(41,47,55,0.5);}
.list_description{position: absolute;top:1.20em;left: 7.56em;width: 10.10em;height: 8.80em;overflow: auto;z-index:2;}
#list_description.active{background-color:rgba(255,255,255,0.95);}
#list_description.active #line_description_text{color:rgba(41,47,55,1);}
.line_description_text{position: absolute;top: 0;left: 0;color: #fff;font-size: 0.35em;font-family: ProximaNovaLight;padding: 0.5em;text-align: left;z-index:2;}
#line_description_text img {position: relative;top: 0;left: 0;max-width: 10em;max-height: 20em;padding-right: 0.5em;padding-bottom: 0.5em;float: left;}

.epg_list,.epg_title{position:relative;top:0;left:0}
.epg_list{cursor:pointer;margin-left:0.5em;margin-right:0.5em;margin-top:0.2em;width:27em;height:2em;color:rgba(255,255,255,.5);background-color:#1f242a;z-index:10}
.epg_list.now{color:rgba(255,255,255,1)}
.epg_list.old{color:rgba(255,255,255,.7)}
.epg_list.now .epg_list_prog{background-color:rgba(38,167,154,.8)}
.epg_list.active{background-color:#fff;color:#1f242a}
.epg_list.active .epg_list_prog{background-color:rgba(38,167,154,0)}
.epg_title{margin:0.2em 0.5em 0.5em;color:#fff;font-size:1em;text-transform:uppercase;font-family:ProximaNovaBold;text-align:center;border-bottom-width:0.05em;border-bottom-style:solid;border-bottom-color:#26a79a}
.epg_list_name,.epg_list_time{position:relative;float:left;font-size:1em;padding-left:1em;line-height:2em;font-family:ProximaNovaLight;z-index:6;top:0}
.epg_list_name{width:22em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.epg_list_time{left:0}
.epg_list_prog{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(38,167,154,.3);z-index:5}

#line_right_menu{position: absolute;cursor: pointer;top: 0;right: -4.50em;height: 100%;width: 5.00em;background-color: #1f242a;z-index:15;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
#line_right_menu.show{right: 0em;}
#setting_time{position: absolute;right:0;padding-right: 0.02em;height: 100%;line-height: 300%;color: rgba(255,255,255,1);z-index: 14;font-size: 40em;}
#line_time{position: absolute;right: 0;padding-right: 2em;height: 100%;line-height: 300%;color: rgba(255,255,255,1);z-index: 14;font-size: 0.4em;}
#right_menu_buttom{position: absolute;cursor: pointer;top: 0;left: 0;height: 100%;width: 0.50em;z-index:15;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
#right_menu_buttom:before{content:"";position: absolute;left: 0em;top: 5.15em;width: 0.50em;height: 0.50em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/arrow-right.svg);background-position: center;background-repeat: no-repeat;background-size: 0.40em;}
#right_menu_buttom.active{background-color:rgb(255,255,255);}
#right_menu_buttom.active:before{content:"";position: absolute;left: 0em;top: 5.15em;width: 0.50em;height: 0.50em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/arrow-right-active.svg);background-position: center;background-repeat: no-repeat;background-size: 0.40em;}
#line_right_menu.show #right_menu_buttom:before{content:"";position: absolute;left: 0em;top: 5.15em;width: 0.50em;height: 0.50em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/arrow-left.svg);background-position: center;background-repeat: no-repeat;background-size: 0.40em;}
#right_menu_title{position:absolute;margin-top:0.01em;color:#fff;font-size:0.30em;left:2em;width:14em;text-transform:uppercase;text-align:center;border-bottom-width:0.05em;border-bottom-style:solid;border-bottom-color:#26a79a}
#right_menu_line{position:absolute;left:0.60em;top:0.80em;width:4.20em;height:9.90em}
.right_menu_line{position:relative;cursor:pointer;height:2em;z-index:12;line-height:2em;float:left;color:#fff;font-size:0.35em;overflow:hidden;width:11em;padding-left:1em;white-space:nowrap;text-overflow:ellipsis}
.right_menu_line.active{background-color:#fff;color:#000}

/*NObjact 12*/
#NObjact,#PinCode{position:absolute;display:none;top:0;left:0;height:100%;width:100%;z-index:6;background-color: rgba(41,47,55,1);font-size:1.5em;}
#NObjact_title{position:absolute;top:1.5em;left:0;width:27em;text-align:center;color:#fff;font-size: 0.33em;}
#NObjact_set{position:absolute;top:1.5em;left: 20em;width: 18em;text-align:center;color:#fff;font-size: 0.33em;}
#NObjact_id{position:absolute;top:18.5em;left: 20em;width: 18em;text-align:center;color:#fff;font-size: 0.33em;}
#NObjact_tg{position:absolute;top:19.5em;left: 20em;width: 18em;text-align:center;color:#fff;font-size: 0.33em;}
.NObjact_n{position:absolute;top:1.2em;left:2.6em;height: 0.8em;text-align: center;}

#PinCode .NObjact_n{left:3.2em;}

.rectangle {position:relative;margin-right:0.3em;float:left;top:0;height: 2.5em;line-height:2.5em;	width: 1.6em;text-align:center;font-size: 0.33em;	border-radius: 0.1em;color:#fff;	background-color: rgba(0,0,0,0.2);}
#NObjact_keyboard{position:absolute;top:2.5em;left:2.6em;max-width: 4.5em;}
.key_n {position:relative;cursor:pointer;margin-right:0.5em;margin-bottom:0.5em;float:left;height: 2.8em;	width: 4.4em; text-align: center;line-height:2.8em; font-size: 0.25em;	border: 0.08em solid rgba(255,255,255,0.2);	border-radius: 0.1em;color:#fff;}
.key_n.active{background-color:#fff;color:#000;}
.key_n_del.key_n_del:after{content:"";position:absolute;top:0;left:0;height: 100%;width: 100%;background-size:1em;background: url(http://r.xsmart.tv/XSMART_NO_BAD/img/delet.svg) no-repeat center;}
.key_n_del.active:after{background: url(http://r.xsmart.tv/XSMART_NO_BAD/img/delet_active.svg) no-repeat center;}
.key_n_select.key_n_select:after{content:"";position:absolute;top:0;left:0;height: 100%;width: 100%;background-size:1em;background: url(http://r.xsmart.tv/XSMART_NO_BAD/img/check.svg) no-repeat center;}
.key_n_select.active:after{background: url(http://r.xsmart.tv/XSMART_NO_BAD/img/check_active.svg) no-repeat center;}
.key_n_k{position:absolute;bottom:0;height:0.3em;width:1em;left: 50%;margin-left: -0.5em;}
.key_n_yellow{background-color: #F5A623;}.key_n_green{background-color: #7ED321;}
.qr_code{position: absolute; top: 3em;left: 8em;height: 3em;width: 3em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/qr_code.svg);background-position: center;background-repeat: no-repeat;background-size: 3em;}

/*keyboard*/
#keyboard{position:absolute;display:none;top:0;left:0;height:10.80em;width:100%;z-index:2;overflow: hidden;background-color: rgba(41,47,55,1);}
#keyboard_title{position:relative;width:100%;color: rgba(255,255,255,1);font-size:0.50em;text-align:center;margin-top:2em;}
#keyboard_input{position:relative;width:100%;height: 1.60em;z-index:11;}
#keyboard_key{position:relative;width: 20em;left: 2.5em;color: rgba(255,255,255,0.8);font-size:0.50em;text-align: center;}
#keyboard_menu{position:relative;width:8.40em;height: 1.20em;margin-top:0.40em;left:2.60em;}
#keyboard_menu.and{left:2.0em;}
.ts_input{position:absolute;width: 40em;padding-left: 2.2em;margin-top:1em;font-weight: 500;height: 2em;border-radius: 0.1em;border:none;background-color: #ffffff;font-size:0.40em;left:3.9em;z-index:2;}
.keyboard_icon{position:absolute;left:1.70em;top:0.45em;height: 0.70em;width: 0.70em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/search_icon.svg);background-position:center;background-repeat: no-repeat;background-size:0.70em;z-index:3;}
.key{cursor:pointer;display:inline-block;width: 1.5em;height: 1.5em;line-height:1.5em;vertical-align: middle;padding: 0.1em;border-radius: 0.05em;}
.key.active{background-color: rgba(255,255,255,1);color: rgba(41,47,55,1);}
.key_del{height: 1em;width: 1em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/delet.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}
.key_del.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/delet_active.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}
.key_del_all{height: 1em;width: 1em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/delet_all.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}
.key_del_all.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/delet_all_active.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}

.key_microphone{height: 1em;width: 1em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/microphone.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}
.key_microphone.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/microphone_active.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}

.key_ai{height: 1em;width: 1em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/ai.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}
.key_ai.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/ai_active.svg);background-position:center;background-repeat: no-repeat;background-size:1em;}

.key_menu{position:relative;float:left;cursor:pointer;width: 4em;height: 2em;line-height:2em;border-radius: 0.1em 0.1em 0.1em 0.1em;background-color: rgba(255,255,255,0.1);color: rgba(255,255,255,1);font-size:0.30em;text-align: center;}
.key_menu.active{background-color: rgba(255,255,255,1);color: rgba(41,47,55,1);}
.key_menu.open:after{content: "";position: absolute;left: 1em;bottom: 0;height: 0.2em;width: 2em;background-color: rgba(255, 255, 255, 0.8);}
#keyboard_history{    position: absolute;max-width: 6.40em;top: 1.60em;left: 12.00em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.keyboard_history{position:relative;cursor:pointer;height: 1.5em;line-height: 1.5em;padding: 0.2em;color: rgba(255,255,255,1);font-size:0.40em;border-radius: 0.1em;}
.keyboard_history.active{background-color: rgba(255,255,255,1);color: rgba(41,47,55,1);}
#KEYBOX{position:absolute;bottom:0;left:0;width:100%;z-index:450;}
.KEYBOX{position:relative;width:100%;height:4.25em;overflow:hidden;bottom:0;left:0;}
.key_block{position:relative;cursor:pointer;top:0;left:0;width:1.20em;font-family:ProximaNovaLight;text-align:center;color:#fff;line-height:0.85em;height:0.85em;float:left;background-color:#1e2228; outline: 0.02em solid #fff;outline-offset: -0.02em;}
.key_block_long_0{width:2.40em;}
.key_block_long_1{width:4.80em;}
.key_block_long_2{width:2.40em;line-height:1.70em;height:1.70em;}
.key_block_long_3{width:2.40em;line-height:1.70em;height:1.70em;top:-0.85em;}
.key_block_red{color:#ef5350;}
.key_block_green{color:#67bc6c;}
.key_block_yellow{color:#ffa61d;}
.key_block_blue{color:#2ab7f6;}
.key_block.active{color:#1e2228;background-color:#fff;}
.key_txt{font-size:0.45em;}
.quick_line{position:absolute;display:none;left:0.65em;bottom:3.5em;background-color:#fff;font-size:0.45em;border-radius:0.1em;-moz-border-radius:0.1em;-webkit-border-radius:0.1em;}
.quick_line_name{position:relative;padding-left:0.2em;padding-right:0.2em;background-color:#fff;padding-top:0.1em;padding-bottom:0.1em;border-bottom-width: 0.02em;border-bottom-style: solid;border-bottom-color: #2ab7f6;}
.quick_line_name_a{background-color:#2ab7f6;color:#fff;}
.quick_line:before{content:"";position:absolute;left:0.5em;margin: 0 -0.3em 0 0;bottom:-0.6em;border:0.3em solid transparent;border-top:0.3em solid #fff;z-index:6;}
.key_line{position:relative;width:100%;height:1.50em;background-color:#1e2228;bottom:0;left:0;}
.key_line_txt{position:absolute; padding-left:1em;width: 52em;left:0.9em;height:2em;bottom:0.6em;font-family:ProximaNovaBold;color:#1e2228;font-size:0.35em;border-radius:0.1em;-moz-border-radius:0.1em;-webkit-border-radius:0.1em;border:none;}
.key_line_txt_name{position:absolute;left:0.7em;top:0.3em;font-family:ProximaNovaLight;color:#fff;font-size:0.30em;}
.key_line_txt.show{border: 0.2em solid #26a79a;left:0.7em;bottom:0.4em;}

#JanrMenuBlock,#JanrMenuBlockTV{position: absolute;height: 100%;width:100%;}
.JanrMenu{position: absolute;display:none;left: 1.00em;width: 18.20em;height: 100%;top: 0;background-color:rgba(41,47,55,0.98);z-index: 25;}
.JanrMenuName{position: relative;margin-top: 0.40em;margin-left: 0.50em;margin-right: 0.50em;border-bottom-width: 0.02em;border-bottom-style: solid;border-bottom-color: rgb(38, 167, 154);}
.JanrMenutitle{position: relative;font-size: 0.45em;font-family: ProximaNovaBold;color: #fff;}
.JanrMenuBlock{position: relative;    padding-top: 0.10em;left: 0.50em;height: 9.75em;width: 17.22em;}
.JanrMenuLine{position:relative;cursor:pointer;float:left;font-size:0.30em;border-radius:0.1em;color:#fff;font-family:ProximaNovaLight;vertical-align:middle;padding:0.5em;width:12em;height:2.9em;line-height:2.9em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.JanrMenuLine.active{background-color: rgba(255,255,255,1);color: rgba(41,47,55,1);}
.CloseIcon{position:absolute;cursor:pointer;right: 0.50em;height:0.40em;width:0.40em;top: 0.30em;background-image:  url(http://r.xsmart.tv/XSMART_NO_BAD/img/close.svg);background-size:0.40em;background-position:center;background-repeat: no-repeat;z-index: 26;}
.left_menu{position:absolute;top:0;left:0;height:100%;width:1.00em;background-color: rgba(38, 167, 154, 0.5);overflow:hidden;z-index:20;opacity:0.7;}
.left_menu.new{background-color: rgba(4, 5, 6, 0.3);}
.left_menu.show{width:5.50em;-webkit-transition:0.25s;-moz-transition:0.25s;-o-transition:0.25s;transition:0.25s;background-color: rgb(38, 167, 154);opacity:1;}
.left_menu.new.show{background-color: rgb(28, 33, 38);opacity:1;}
.left_menu_txt{margin-left: 0.5em;font-size: 1.4em;}
.left_menu.new.show #LeftMenuLine_more{display:none;}
#NewLeftMenuMore{display:none;}
.left_menu.new.show #NewLeftMenuMore{display:block;}
.img_helpbar{position:relative;float:left;height:2.85em;width:2.85em;margin-right:0.15em;background-size:2em;}
.left_menu_class, .left_menu_cl{position:relative;cursor:pointer;width:400em;height:2.80em;line-height:2.80em;background-color: rgba(255, 255, 255, 0);font-size: 0.35em;color:#fff;overflow:hidden;}
.left_menu_class.active{background-color: rgba(255, 255, 255, 0.8);color: rgb(0, 0, 0);opacity:1;}
.left_menu_class.blue.open:after,.left_menu_class.yellow.open:after,.left_menu_class.green.open:after,.left_menu_class.red.open:after,.left_menu_class.open:after{content:"";position:absolute;left:0;top:0.4em;height:2.05em;width:0.3em;background-color: rgba(255, 255, 255, 0.8);}
.left_menu_class.red:after{content:"";position:absolute;left:0;top:0.4em;height:2.05em;width:0.3em;background-color: rgba(247, 113, 113, 0.8);}
.left_menu_class.green:after{content:"";position:absolute;left:0;top:0.4em;height:2.05em;width:0.3em;background-color: rgba(104, 215, 164, 0.8);}
.left_menu_class.yellow:after{content:"";position:absolute;left:0;top:0.4em;height:2.05em;width:0.3em;background-color: rgba(226, 208, 76, 0.8);}
.left_menu_class.blue:after{content:"";position:absolute;left:0;top:0.4em;height:2.05em;width:0.3em;background-color: rgba(48, 187, 232, 0.8);}

.top_menu_a{margin-top:2.5em;}
.top_menu_b{margin-top:2.7em;}
#hamb_menu{position:relative;float:left;font-size:1.50em;width:0.003em;height:0.007em;float:left;cursor:pointer;opacity:1;padding:0 0.002em;z-index:11;}
#hamb_menu.active{background-color: rgba(255,255,255,1);border-radius: 0 0.0005em 0.0005em 0;-moz-border-radius: 0 0.0005em 0.0005em 0;-webkit-border-radius: 0 0.0005em 0.0005em 0;}
.hamb_menu_red{position:absolute;left:0;height:0.002em;width:0.0005em;top: 50%;margin-top: -0.001em;background-color: #D32121;}
.main_gamburger{position:absolute;}.main_gamburger:after{content:"";position:absolute;width:0.003em;height:0.007em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/gamburger.svg);background-position:center;background-repeat: no-repeat;background-size:0.003em;}
.main_back{position:absolute;}.main_back:after{content:"";position:absolute;width:0.0032em;height:0.007em;background-size:0.0032em;background-image:  url(http://r.xsmart.tv/XSMART_NO_BAD/img/select.svg);background-position:center;background-repeat: no-repeat;background-size:0.003em;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.main_gamburger.active:after{background-image:  url(http://r.xsmart.tv/XSMART_NO_BAD/img/gamburger_active.svg);}
.main_back.active:after{background-image:  url(http://r.xsmart.tv/XSMART_NO_BAD/img/select_active.svg);}

.menu_icon_user{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_user.svg);background-position:center;background-repeat: no-repeat;background-size: 1.5em;}
.left_menu_class.active .menu_icon_user{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_user_active.svg);}
.menu_icon_search{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_search.svg);background-position:center;background-repeat: no-repeat;background-size: 1.5em;}
.left_menu_class.active .menu_icon_search{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_search_active.svg);}
.menu_icon_video{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_video.svg);background-position:center;background-repeat: no-repeat;background-size: 1.5em;}
.left_menu_class.active .menu_icon_video{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_video_active.svg);}
.menu_icon_more{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_more.svg);background-position:center;background-repeat: no-repeat;background-size: 1.5em;}
.left_menu_class.active .menu_icon_more{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_more_active.svg);}
.menu_icon_like{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_like.svg);background-position:center;background-repeat: no-repeat;background-size: 1.4em;}
.left_menu_class.active .menu_icon_like{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_like_active.svg);}
.menu_icon_update{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_update.svg);background-position:center;background-repeat: no-repeat;background-size: 2em;}
.left_menu_class.active .menu_icon_update{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_update_active.svg);}
.menu_icon_update.true{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_update_true.svg);background-position:center;background-repeat: no-repeat;background-size: 2em;}
.left_menu_class.active .menu_icon_update.true{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_update_true_active.svg);}

.menu_icon_television{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_icon_television.svg);background-position:center;background-repeat: no-repeat;background-size: 1.5em;}
.left_menu_class.active .menu_icon_television{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_icon_television_active.svg);}

.menu_icon_radio{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_icon_radio.svg);background-position:center;background-repeat: no-repeat;background-size: 1.5em;}
.left_menu_class.active .menu_icon_radio{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_icon_radio_active.svg);}

.menu_icon_adult{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_icon_adult.svg);background-position:center;background-repeat: no-repeat;background-size: 1.5em;}
.left_menu_class.active .menu_icon_adult{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/menu_icon_adult_active.svg);}

.login_i{float: left;margin-top: -0.004em;margin-left: -0.005em;height: 0.02em;width: 0.02em;margin-right: 0.005em;border-radius: 0.002em;background-size: 0.02em;}
.img_film{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/film.svg);background-position:center;background-repeat: no-repeat;}
.left_menu_class.active .img_film{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/film_active.svg);}
.img_tv{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/tv.svg);background-position:center;background-repeat: no-repeat;background-size:1.8em;}
.left_menu_class.active .img_tv{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/tv_active.svg);}
.img_music{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/music.svg);background-position:center;background-repeat: no-repeat;background-size:1.6em;}
.left_menu_class.active .img_music{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/music_active.svg);}
.img_app{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/app.svg);background-position:center;background-repeat: no-repeat;background-size:1.8em;}
.left_menu_class.active .img_app{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/app_active.svg);}
.star_1,.img_star{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/star.svg);background-position:center;background-repeat: no-repeat;background-size:0.35em;}
.img_star_half{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/star-half.svg);background-position:center;background-repeat: no-repeat;background-size:0.35em;}
.star_0,.img_star_outline{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/star-outline.svg);background-position:center;background-repeat: no-repeat;background-size:0.35em;}
.background{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/background.svg);background-position:center;background-repeat: no-repeat;background-size: 100%;}
.line_top{position: absolute;width: 100%;left: 1.00em;top: 0;height: 1.50em;background: linear-gradient(180deg, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 100%);z-index: 3;}
.list_coll_top{position: absolute;width: 100%;left: 1.00em;top: 0;height: 4em;background: linear-gradient(180deg, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0) 100%);z-index: 3;}
#list_coll_top{position: absolute;width: 34.4em;color: rgb(255, 255, 255);font-size:0.50em;z-index: 4;padding:1em;text-align: center;}
.CardFilm_line_bottom,.line_bottom{position: absolute;width: 100%;left: 1em;bottom: 0;height: 1.50em;background: linear-gradient(0deg, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 100%);z-index: 3;}

.new_img_star{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/new_star.svg);background-position:center;background-repeat: no-repeat;background-size:0.35em;}
.new_img_star_half{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/new_star_half.svg);background-position:center;background-repeat: no-repeat;background-size:0.35em;}
.new_img_star_outline{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/new_star_outline.svg);background-position:center;background-repeat: no-repeat;background-size:0.35em;}
.new_film_block.active .new_img_star{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/new_star_active.svg);background-position:center;background-repeat: no-repeat;background-size:0.35em;}
.new_film_block.active .new_img_star_half{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/new_star_half_active.svg);background-position:center;background-repeat: no-repeat;background-size:0.35em;}
.new_film_block.active .new_img_star_outline{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/new_star_outline_active.svg);background-position:center;background-repeat: no-repeat;background-size:0.35em;}
.blur_img{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/blur.jpg);}

#loading{position:absolute;display:none;top:0;left:0;height:1.00em;background-color: rgba(41,47,55,0.8);z-index:999;left:0.10em;top:0.10em;border-radius:0.05em;-webkit-border-radius:0.05em;-moz-border-radius:0.05em;}
.loading_anim{position:relative;float:left;height:1.00em;width:1.00em;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/loading.svg);background-position:center;background-repeat: no-repeat;background-size: 80%;  animation: rot 2s linear infinite;-webkit-animation: rot 2s linear infinite;-moz-animation: rot 2s linear infinite;}
#loading_txt{position:relative;float:left;color: rgb(255, 255, 255);font-size:0.50em;line-height:2em;margin-left:0.3em;padding-right:0.5em;}
@keyframes rot {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
@-webkit-keyframes rot {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}

#list_collect_film_poster{position: relative;width: 100%;height: 4.6em;z-index: 5;}
#list_collect_desc{position: relative;color: #fff;font-size: 0.40em;z-index: 6;top: -3em;margin-left: 1em;width: 44em;}
#ActorBlockFilm,#list_collect_block_film{position: absolute;display:none;top: 0;left: 1.00em;width: 100%;height: 10.80em;z-index: 2;overflow-y: auto;overflow-x:hidden;}
#ActorBlockFilmPoster{margin: 0.50em 0.50em;background-color: rgb(58, 71, 88);width: 3.6em;height: 4.1em;position: absolute;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/actore.svg);background-position: center;background-repeat: no-repeat;background-size: 100%;z-index: 5;}
#ActorBlockFilmDesc{position: relative;color: #fff;font-size: 0.30em;z-index: 6;left: 15em; margin-top: 1.5em;width: 33em;min-height: 7.2em;}
#ActorBlockFilmDescFact{position: relative;color: #fff;font-size: 0.30em;z-index: 6;left: 15em; margin-top: 1em;width: 33em;min-height: 5.4em;}

#CardFilm{position: absolute;display:none;top: 0;left: 1.00em;width: 100%;height: 10.80em;z-index: 2;overflow-y: auto;overflow-x:hidden;}
#BoardCardFilm{position: absolute;top: 0;left: 0;width: 100%;height: 5.00em;z-index: 4;}
#PosterCardFilm{/*border: 0.08em solid #fff; border-radius: 0.02em;-moz-border-radius: 0.02em;-webkit-border-radius: 0.02em;-moz-border-image: -moz-linear-gradient(top left,#292f37 0,#ffffff 20%);-webkit-border-image: -webkit-linear-gradient(top left,#292f37 0,#ffffff  20%);border-image: linear-gradient(to bottom right,#292f37 0,#ffffff  20%);border-image-slice: 1;*/margin: 0.50em 0.50em; background-color: rgb(58, 71, 88);width: 3.00em;height: 4.50em;    top: 3.50em;left:0.20em;position: absolute;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/no_poster.svg);background-position: center;background-repeat: no-repeat;background-size: 100%;z-index: 5;-webkit-border-radius: 0.1em;border-radius: 0.1em;}
.ButtomCardFilm{position: absolute;top: 5.00em;left: 0;width: 100%;height: 1.00em;background-color: #1f242a;}
#TitleCardFilm{position: absolute;
    color: #fff;
    font-size: 0.60em;
    z-index: 6;
    left: 7em;
    bottom: 10em;
    overflow: hidden;
    width: 23em;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1em;    font-weight: 600;}
#ButtomCardFilm{position: absolute;top: 0;left: 4.15em;height: 100%;width: 13.45em;text-align: center;}
.menu_buttom { position: relative; float: left;cursor:pointer;height: 100%;color: #fff;}
.menu_buttom.active{background-color: #fff;color: #000; -moz-border-radius: 0.1em;-webkit-border-radius: 0.1em;}
.menu_buttom_icon{position: relative;top: 0;width: 1.00em;height: 1.00em;float: left;}
.menu_buttom_name{position: relative;float: left;font-size: 0.30em;line-height: 3.3em;margin-right: 0.5em;margin-left: 0.5em;}
.icon_playcard{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/satellite.svg);background-position:center;background-repeat: no-repeat; background-size:0.90em;}
.icon_favcard{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/no_fav.svg);background-position:center;background-repeat: no-repeat; background-size:0.70em;}
.icon_favcard.add{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/fav.svg);background-position:center;background-repeat: no-repeat; background-size:0.70em;}
.icon_likecard{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/like.svg);background-position:center;background-repeat: no-repeat; background-size:0.80em;}
.icon_likehand{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/_like.svg);background-position:center;background-repeat: no-repeat; background-size:0.40em;}
.icon_dislikehand{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/dislike.svg);background-position:center;background-repeat: no-repeat; background-size:0.40em;}
.icon_likehand_{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/_like_.svg);background-position:center;background-repeat: no-repeat; background-size:0.40em;}
.icon_dislikehand_{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/dislike_.svg);background-position:center;background-repeat: no-repeat; background-size:0.40em;}
.icon_trailer{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/film.svg);background-position:center;background-repeat: no-repeat; background-size:0.70em;}
.icon_link{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/link.svg);background-position:center;background-repeat: no-repeat; background-size:0.70em;}
.CardFilm_line_bottom.CardFilm{left: 0;bottom:none; top: 3.01em;z-index: 4;height: 2.00em;background: linear-gradient(0deg, rgba(31,36,42,1) 0%, rgba(0,0,0,0) 100%);}
.menu_buttom.active .icon_playcard{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/satellite_show.svg);}
.menu_buttom.active .icon_link{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/link_show.svg);}
.menu_buttom.active .icon_likecard{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/like_show.svg);}
.menu_buttom.active .icon_likehand{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/_like_show.svg);}
.menu_buttom.active .icon_dislikehand{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/dislike_show.svg);}
.menu_buttom.active .icon_favcard{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/no_fav_show.svg);}
.menu_buttom.active .icon_favcard.add{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/fav.svg);}
.menu_buttom.active .icon_trailer{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/film_show.svg);}

.menu_buttom_icon_a{width: 0.50em;}
#YearCardFilm{position: relative;color: #fff;font-size: 0.35em; z-index: 6;left: 12em;margin-top: 17.5em;width: 37em;}	
#DescCardFilm{position: relative;color: #fff;font-size: 0.40em;z-index: 6;left: 10.5em;margin-top: 0.5em;width: 33em;min-height: 3.2em;}
#more_desc_coll, #mini_desc_coll,#more_desc_actore, #mini_desc_actore,#more_desc, #mini_desc{position: relative;cursor:pointer;font-size: 0.80em; border: 0.1em solid rgba(255, 255, 255, 0.5);color: rgba(255, 255, 255, 0.5);width: 4em;text-align:center;margin-top: 0.5em;padding: 0.2em;-moz-border-radius: 0.1em;-webkit-border-radius: 0.1em;}
#more_desc_coll.active, #mini_desc_coll.active,#more_desc_actore.active, #mini_desc_actore.active,#more_desc.active, #mini_desc.active{color: #000;background-color: #fff;}
#CardFilm #more_desc{display: inline-block;border:none;color:#fff;width: 2em;padding: none;}
#CardFilm #more_desc.active{color: #000!important;margin-left:0.5em;}
#mini_desc{margin-bottom: 1em;}

#MenuButton{
	position: relative;
    font-size: 0.4em;
	display: inline-block;
	    width: 100%;
		margin-bottom: 0.8em;
		padding-left: 1.4em;
}
.MenuButtonBlock{
	position: relative;
    cursor: pointer;
    float: left;
    cursor: pointer;
    font-size: 0.80em;

    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    margin-right: 0.8em;
    padding: 0.4em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}
.MenuButtonBlock.init{
 color: rgba(255, 255, 255, 1);	

 text-decoration: underline;
}
.MenuButtonBlock.active{
	color: #000!important;background-color: #fff;
}


.account_name{}
.profile{position: relative;margin-left: 11em;padding: 0.3em;}
.profile.line{background-color: rgba(0,0,0,0.05);}
#setting_days{position: relative;float: left;margin-right: 1em;width: 10.4em;height: 10.4em;}
.setting_days{position:absolute;text-align:center;line-height:  0.2em;color: rgba(0,0,0,0.8);font-size: 4em;width: 2.6em;top:50%;transform:translate(0,-40%);-webkit-transform:translate(0,-40%);font-weight: bold;}
.circle {cx: 5.2em;cy: 5.2em;r: 5em;fill: rgba(0,0,0,0);stroke: rgba(0,0,0,0.2);stroke-width: 0.3em;}
.circle2 {cx: -5.2em;cy: 5.2em;r: 5em;fill: transparent;stroke: url(#linear-gradient);stroke-width: 0.3em;stroke-dasharray: 31.4em;stroke-dashoffset: 0em;transform: rotate(-90deg);}
#list_collect{position:absolute;display:none;top:0;left:0;height:10.80em;width:100%;z-index:2;background-color: rgba(41,47,55,1);}
#list_coll{position:absolute;top:0;left:0;height:10.80em;width:100%;z-index:2;overflow: auto;}
#list_coll_a {left: 1.2em;width: 100%;top: 0;padding-top: 2.8em;padding-bottom: 10em;position: absolute;z-index: 2;}
.list_coll{height: 3.70em;    top: 0;    width: 17.6em;margin-bottom: 0.2em;}
.board.list_coll.active{margin-bottom: 0.02em;}
.txt_list_coll{position: absolute;bottom: 0;left: 0;color: #fff;font-size: 0.50em;padding: 0.5em;width: 34.2em;z-index: 4;background: linear-gradient(0deg, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);}

#CardFilmList{position:absolute;display:none;top:0;left:0;height:10.80em;width:100%;z-index:2;overflow: hidden; background-color: rgba(41,47,55,1);}
#CardFilmList_title{position:relative;top:1em;left:0;z-index:3;color: rgba(255,255,255,1);font-size:0.50em;text-align:center;    width: 70%;margin-left: auto;margin-right: auto;}
#CardFilmList_list{position:absolute;top:2.50em;left:4.60em;width:10.00em;z-index:2;height:7.80em;overflow: auto;}
.sizon_list_line{position:relative;cursor:pointer;height:0.75em;width:10.00em;color: #a5a8ab;display: flex;
    flex-wrap: nowrap;    justify-content: space-between;}
.sizon_list_line_txt_a{position:relative;float:left;font-size:0.30em;height: 100%;line-height: 250%; margin-left:1em;margin-right:1em;max-width: 19.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sizon_list_line_txt_b{position:relative;float:right;font-size:0.30em;height: 100%;line-height: 250%;margin-left:1em;margin-right:1em; white-space: nowrap;}
.sizon_list_line.active{color: rgba(41,47,55,1);background-color: rgba(255,255,255,1);font-weight: 700;border-radius: 0.06em;}

.line_history{position:relative;float: right;top:0;left:0;width: 0.74em;height: 0.74em;background-image: url('http://r.xsmart.tv/XSMART_NO_BAD/img/eye.svg');background-position:center;background-repeat: no-repeat;background-size: 50%;}
.sizon_list_line.active .line_history{background-image: url('http://r.xsmart.tv/XSMART_NO_BAD/img/eye_active.svg');}
.line_fav{position:relative;float: left;top:0;left:0;width: 2.5em;height: 2.5em;background-image: url('http://r.xsmart.tv/XSMART_NO_BAD/img/no_fav.svg');background-position:center;background-repeat: no-repeat;background-size: 60%;}
.menu_list.active .line_fav{background-image: url('http://r.xsmart.tv/XSMART_NO_BAD/img/no_fav_active.svg');}
#CardFilmList_list_back{position: absolute;display: none;left: 16em;top: 6.4em;width: 32em;height: 2em;text-align: center;color: rgba(255,255,255,0.6);font-size: 0.30em;z-index: 3;}
#CardFilmList_list_next{position: absolute;display: none;left: 16em;top: 33.7em;width: 32em;height: 2em;text-align: center;color: rgba(255,255,255,0.6);font-size: 0.30em;z-index: 3;}
#line_list_back{position: absolute;display: none;left: 0;top: 2.4em;width: 25em;height: 1.5em;text-align: center;color: rgba(255,255,255,0.6);font-size: 0.30em;z-index: 20;}
#line_list_next{position: absolute;display: none;left: 0;top: 33.5em;width: 25em;height: 1.5em;text-align: center;color: rgba(255,255,255,0.6);font-size: 0.30em;z-index: 20;}
#line_list_return{position: absolute;display: none;left: 0;top: 0;width: 1.5em;height: 1.5em;text-align: center;color: rgba(255,255,255,0.6);font-size: 0.80em;z-index: 20;}
.CardFilm_return{position: absolute;left: 0;top: 0;width: 1.5em;height: 1.5em;text-align: center;color: rgba(255,255,255,0.6);font-size: 0.80em;z-index: 20;}
.CardFilm_return.list{left: 1.25em;}




.film_block_a{position:relative;cursor:pointer;float:left;height:220em;width:550em;margin-left:50em;}
.film_block_a_title{position:absolute;color:rgba(255,255,255,0.6);font-size:25em;left: 8em;top: 3em;}
.film_block_a.active{background-color: rgba(255,255,255,1);}
.film_block_a.active .film_block_a_title{color:rgba(0,0,0,1);}

.film_block_a.notifications{width:90em;height:18em;margin-bottom:1em;font-size: 0.1em;border-radius: 0.6em;margin-left: 5em;}
.film_block_img.notifications{height:16em;width:10em;top:1em;left:5em;}
.film_block_a_title.notifications{font-size:3.5em;left: 6em;top: 0.5em;}
.img_film_block{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat: no-repeat;background-position: center;background-size: cover;z-index:3;}









/* SETTING */

#setting_list{position: absolute;display:none;top:0em;left: 1.00em;width: 18.20em;height: 10.80em;z-index: 3;}
.setting_list{position:relative;float:left;width: 6.01em;height:8.80em;top:1.20em;border-right-width: 0.05em; border-right-style: solid;border-right-color: #1f242a;}
.menu_list_title.setting{width:14em;}
/* BuyX */

#BuyX{position: absolute;display:none;top:0em;left: 1.00em;width: 18.20em;height: 10.80em;z-index: 3;}
.plans {
    margin: 0.40em auto;
    width: 100%;
    text-align: center;
}
.plan {
    display: inline-block;
	font-size: 0.8em;
    width: 5em;
    margin: 0.10em;
    padding: 0.20em;
    text-align: center;
    background: #fafafa;
    background-clip: padding-box;
    border-radius: 0.1em;
}
.title-plan {
    text-align: center;
    color: #fff;
	font-size: 0.3em;

}
.plan-title {
    position: relative;
    margin: -0.20em -0.10em 0.60em;
    padding: 0.60em;
    line-height: 1;
    font-size: 0.5em;
    font-weight: bold;
    color: #595f6b;
    border-bottom: 0.1em dashed #d2d2d2;
}
.plan-price {
    margin: 0 auto 0.20em;
    width: 7em;
    height: 7em;
    line-height: 7em;
    font-size: 0.3em;
    font-weight: bold;
    color: white;
    background: #595f6b;
    border-radius: 3.5em
}
.plan-features {
    margin-bottom: 0.20em;
    line-height: 2;
    font-size: 0.3em;
    color: #999;
    text-align: left;
    padding: 0 0 0 1em;
}

/* PLAYER */
#block_epg{position: fixed;bottom: 0;height: 1em;width: 100%;z-index: 10;}
#player_video,#player_error,#player_vast,.media{position:absolute;width:19.20em!important;left:0}
#player_face,#player_error,#player_video,#player_vast,.media{height:10.80em!important;top:0}
.media{font-size: 1em!important;}
#player_new_ff,#player_new_rf{position:absolute;width:30%;top: 2em;height: 5.5em;z-index:100}
#player_new_timer{position: absolute;color: #fff;top: 50%;left:50%;transform: translate(-50%, -50%)}
#player_epg_list{position:absolute;display:none;width:100%;top: 0;left:0;height: 100%;background-color:rgba(0,0,0,0.8);}
#player_new_ff{right:1em;}
#player_new_rf{left:1em;}
#player_video{display:none;z-index:1}.media{z-index:0}
#player_face{position:absolute;display:none;width:19.20em;left:0;z-index:5}
#player_title{width:1920em;left:0;position:absolute;top:0;font-size:0.35em;color:#fff;padding:1em;min-height: 3.5em;/*background: linear-gradient(180deg, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 90%);*/background-color:rgba(0,0,0,0.4);float:left;z-index:5; }
#player_title img{width:4em;height:4em;float:left;margin-right: 1em; }
#player_footer{width:19.20em;left:0;z-index:10;position:absolute;height:2.4em;bottom:0;/*background: linear-gradient(0deg, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 90%);*/background-color:rgba(0,0,0,0.4);}
.player-buttom{position:absolute;cursor:pointer;top:0.65em;width:1.50em;height:1.50em;left:8.85em;background-position:center;background-repeat:no-repeat;background-size:1.40em}
#player_curTime,#player_totalTime,#block_epg_curTime,#block_epg_totalTime{width:4em;top:0.4em;font-size:0.35em;color:#fff;position:absolute}
.player-buttom.active,.player_line.active{background-color:rgba(255,255,255,.5);border-radius:0.05em;-webkit-border-radius:0.05em}
#player_curTime{right:47em;text-align: right;}#player_totalTime,#block_epg_totalTime{left:47em}
.player_line{position:absolute;left:2.80em;width:13.60em;top:0.10em;height:0.50em;z-index:11}
#player_line_a,#block_epg_line_a{position:absolute;width:13.20em;left:0.20em;top:0.20em;height:0.10em;background-color:rgba(250,250,250,.6);z-index:12;border-radius:0.05em;-webkit-border-radius:0.05em}
#player_line_b,#block_epg_line_b{position:absolute;width:0%;left:0;top:0;height:100%;background-color:#26a79a;z-index:13;border-radius:0.05em;-webkit-border-radius:0.05em}
#player_line_с{position:absolute;width:0%;left:0;top:0;height:100%;background-color:#efefef;z-index:12;border-radius:0.05em;-webkit-border-radius:0.05em}
.player-buttom.play{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/play.svg);}
.player-buttom.pause{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/pause.svg);}
.player-buttom.back{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/backward.svg);background-size: 1.00em;width: 1.20em;height: 1.20em;top: 0.8em;left: 7.55em;}
.player-buttom.next{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/forward.svg);background-size: 1.00em;width: 1.20em;height: 1.20em;top: 0.8em;left: 10.55em;}
.player-buttom.undo{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/back.svg);background-size: 0.80em;width: 1.00em;height: 1.00em;top: 0.9em;left: 0.30em;}
.player-buttom.options{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/option.svg);background-size: 0.80em;width: 1.00em;height: 1.00em;top: 0.9em;right: 0.30em;left: auto;}
.player-buttom.fav,.player-buttom.fav.fav_add{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/favorite.svg);background-size: 0.80em;width: 1.00em;height: 1.00em;top: 0.9em;right: 1.80em;left: auto;}
.player-buttom.back.no_active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/backward.svg);opacity: 0.4;}
.player-buttom.next.no_active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/forward.svg);opacity: 0.4;}
.player-setting{float: right;height: 4em;text-align:center;width: 6em;font-size: 0.25em;color: #fff;line-height: 4em;border-right-style: none;border-left-width:0.1em;border-left-style:solid;border-left-color:#fff;}
.player-setting.active{color: #000;}
.player-buttom.play.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/play_active.svg);}
.player-buttom.pause.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/pause_active.svg);}
.player-buttom.back.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/backward_active.svg);}
.player-buttom.next.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/forward_active.svg);}
.player-buttom.undo.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/back_active.svg);}
.player-buttom.options.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/option_active.svg);}
.player-buttom.fav.active{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/favorite_active.svg);}
.player-buttom.fav.fav_add,.player-buttom.fav.fav_addactive{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/favorite_add.svg);}
.rew_time{position:absolute;display:none;left:0;top:-2em;padding:0.2em;height:1.1em;font-size:0.50em;background-color:#fff;color:#000;border-radius:0.1em;-webkit-border-radius:0.1em;font-family:ProximaNovaLight;z-index:7;}
.rew_time:after{content:"";position:absolute;right:50%;margin: 0 -0.3em 0 0;bottom:-0.6em;border:0.3em solid transparent;border-top:0.35em solid #fff;z-index:8;}
.player_line.active #player_line_a{top:0.15em;height:0.20em;}
.player_line.active .rew_time{display:block;}
.player_line.active #player_line_b:after{content:"";position:absolute;top:-0.05em;right:-0.15em;height: 0.30em;width: 0.30em;background-color: #fff;border-radius: 0.30em;}
.player_buttom_back_name{position:absolute;display:none;right: 26.2em;padding: 0.2em;bottom: 4.5em;background-color:#fff;font-size:0.40em;color:#000;z-index:13;border-radius:0.1em;-webkit-border-radius:0.1em;}
.player_buttom_next_name{position:absolute;display:none;left: 26.4em;padding: 0.2em;bottom: 4.5em;background-color:#fff;font-size: 0.40em;color:#000;z-index:13;border-radius:0.1em;-webkit-border-radius:0.1em;}
.player-buttom.back.active ~ .player_buttom_back_name{display:block;}
.player-buttom.next.active ~ .player_buttom_next_name{display:block;}
.player-buttom.back.no_active ~ .player_buttom_back_name,.player-buttom.next.no_active ~ .player_buttom_next_name{display:none;}
#player_epg_name,#block_epg_name{position:absolute;z-index:10;width:100%;font-size:0.30em;top:-1.2em;left:0;font-weight: 500;color:#fff;text-align:center;}
#player_epg_name_next,#block_epg_name_next{position:absolute;display:block;z-index:10;width:100%;font-size:0.30em;bottom:1.2em;left:0;font-weight: 500;color:#fff;text-align:center;}
#block_epg_name_next{bottom: 0.4em;}#block_epg_name{top: -0.8em;}#block_epg_line_a{width:8em;}#block_epg_line{width:8.40em;left: 4.3em;}
#block_epg_name_next,#block_epg_name{width: 56em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}#block_epg_curTime{right: unset;left: 9.5em;}#block_epg_totalTime{left: 36.5em;}
.player-buttom.back.active ~ #player_epg_name_next, .player-buttom.next.active ~ #player_epg_name_next{display:none;}
.player_right_menu{position: absolute;cursor: pointer;top: 0;right: -5.00em;height: 100%;width: 5.00em;background-color: #1f242a;z-index:15;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
.player_right_menu.show{right: 0em;}
.player_menu_block{position:absolute;left:0;top:0;width:0.50em;height:100%;border-right-width: 0.02em;border-right-style: solid;border-right-color: rgba(255,255,255,0.4);}
.player_menu_block:after{content:"";position:absolute;left:0.24em;top:5.00em;height:0.80em;width:0.05em;background-color: rgba(255,255,255,0.8);}
.player_menu_title{position: absolute;padding-top: 1em;padding-bottom: 1em;padding-right: 1em;color: #fff;font-size: 0.25em;left: 2em;width: 17em;text-transform: uppercase;text-align: right;border-bottom-width: 0.1em;border-bottom-style: solid;border-bottom-color: #26a79a;}
#player_menu_line{position:absolute;left:0.50em;top:0.80em;width:4.50em;height:10.00em}
.player_menu_title.active{color: #1f242a !important;background-color: #fff;}
.player_menu_line{position:relative;width: 4.50em;top: 0;left: 0;height:1.50em;border-bottom-width: 0.02em;border-bottom-style: solid;border-bottom-color: rgba(255,255,255,0.4);}
.player_menu_line_title{color: #fff;font-size: 0.35em;width: 100%;text-align: center;padding-top: 1em;}



#ticker {
  display: inline-block;
  white-space: nowrap;
}
.player_menu_line_title_font {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: #fff;
}

.player_menu_line_title_font span {
  display: inline-block;
  white-space: nowrap;
  width: 10em;overflow: hidden;
}




/*

.player_menu_line_title_font{color: rgba(255,255,255,0.9);font-size: 0.9em;display: inline-flex;}
.player_menu_line_title_font span{white-space: nowrap;width: 10em;overflow: hidden;}

/*
.player_menu_line_title_font span ui {
  display: inline-block;
  animation: scroll-text 5s linear infinite;
}

@keyframes scroll-text {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
*/

.player_menu_line.active{background-color: #fff;}
.player_menu_line.active .player_menu_line_title,.player_menu_line.active .player_menu_line_title_font{color: #1f242a;}
#help_block,#player_size_block{position:absolute;display:none;width:5.00em;max-height:10.00em;overflow:hidden;background-color:#343c46;z-index:10;top:50%;left:7.60em;border-radius:0.05em;-webkit-border-radius:0.05em}
.player_size_head,.player_size_line,.player_size_menu{position:relative;z-index:11}
.player_size_head{font-size:0.30em;padding:.5em;color:#fff;text-align:left;font-family:ProximaNovaBold;background-color:#3d4651}
.player_size_menu{overflow:auto;max-height:20em;font-size:0.40em;color:#fff;font-family:ProximaNovaLight;}
.player_size_line{margin-top:.5em;margin-bottom:.5em;padding-top:.4em;padding-bottom:.4em;text-align:center;width:100%;height:1em;line-height:1em;background-color:#3d4651}
.player_size_line.active{color:#3d4651;background-color:#fff}
.player_error_icon{position:absolute;background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/player/error.svg);background-position:center;background-repeat: no-repeat;background-size: 4.00em;width: 100%;height: 100%;top: 0;left: 0;}
.player_error_txt{position:absolute;width: 100%;font-family:ProximaNovaLight;text-align:center;font-size:0.60em;top:13em;color:#fff;}
.player_error_txt_help{position: absolute; width: 70%;left: 15%;font-size:0.6em;color:rgba(255,255,255,0.9);}
#player_vast_skip,#HistoryTime{position:absolute;display:none;z-index:100;font-size:0.30em;padding:1em;top:2em;left:0;background-color:#ffffff;border-radius: 0.2em;-moz-border-radius: 0.2em;-webkit-border-radius: 0.2em;font-weight: 500;}
#player_vast_skip{    left: 50%;transform: translateX(-50%);}
#player_vast_skip_txt,#HistoryTimeTxt{position:relative;float:left;color:#000;}
#player_vast{display:none;z-index:10;}
#player_vast_line_a{position:absolute;bottom:0;left:0;width:100%;height:0.15em;}
#player_vast_line_b{position:absolute;top:0;left:0;width:0%;height:100%;background-color:#26a79a;}
#player_vast_time{position:absolute;background-color:#fff;color:#3d4651;font-size: 0.60em;margin: 0.4em;width: 2em;height: 2em;line-height: 2em;text-align: center;border-radius: 10em;-webkit-border-radius: 10em;}
#widg_time,#time_helpbar,#player_time{position:absolute;color:#fff;font-size: 0.35em;right:0;padding: 1em;z-index:6;}
#player_hdr {position: relative;float: right;font-size: 0.35em;top: 3em;z-index:6;}
.player_hdr {position: relative;background-color: #fff;text-align: center;border-radius: 0.1em;-webkit-border-radius: 0.1em;padding: 0.3em;margin-right: 1em;}
.player_vast_block{position: absolute;bottom: 0.3em;width: 100%;height: 2em;line-height: 2em;text-align: center;background-color: rgba(38,167,154,.5);font-size: 0.50em;color: #fff;}

/* welcome */
#welcome{position:absolute;display:none;width:100%;height:100%;overflow:hidden;background-color: rgba(38, 167, 154, 1);z-index:100;left:0;top:0;z-index:50;}
.welcome_size{position:absolute;font-size: 0.35em;color:#fff;}
.welcome_size.down.left{left:1em;bottom:1em;text-align:left;}
.welcome_size.up.left{left:1em;top:1em;text-align:left;}
.welcome_size.down.right{right:1em;bottom:1em;text-align:right;}
.welcome_size.up.right{right:1em;top:1em;text-align:right;}
.welcome_block_center{position:absolute;font-size: 0.40em;color:#fff;width:100%;text-align: center;top:8em;}
.welcome_buttom_line{position:absolute;left:7.60em;top:6.00em;width:4.00em;}
.welcome_buttom{position:relative;text-align:center;color:#fff;cursor:pointer;width:100%;text-transform:uppercase;padding-top: 0.8em;padding-bottom: 0.8em;border-radius:0.2em;-webkit-border-radius:0.2em;height:0.6em;line-height:0.6em;display:inline-block;font-size:0.30em;background-color:rgba(38, 167, 154, 1);vertical-align:middle;}
.welcome_buttom.active{background-color:#fff;color:rgba(38, 167, 154, 1);}
.welcome_block_logo,.welcome_block_time{position:absolute;width:100%;height: 3.00em;background-size:3.00em;background-position:center;background-repeat: no-repeat;}
.welcome_block_logo{background-image:url(http://r.xsmart.tv/XSMART_NO_BAD/img/logo.svg);}
.welcome_block_time{background-image:url(http://r.xsmart.tv/XSMART_NO_BAD/img/time.svg);}
.welcome_buttom_line.right{right:0.40em;bottom:0.40em;left: auto;top:auto;}
.welcome_buttom_help{position:absolute;left:1em;bottom:1em;color:#fff;width:40em;font-size: 0.35em;}
.welcome_help_img{position:absolute;left:3.20em;top:1.00em;width:12.80em;}

.key_menu.active.load{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/load_search.svg);background-size:3em;background-position:center;background-repeat: no-repeat;color: transparent !important;z-index: 15;}

.key_menu.active.load.listen{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/load_search_listen.svg)!important;}
.key_menu.active.load.init{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/load_search_init.svg)!important;}
.key_menu.active.load.pre{background-image: url(http://r.xsmart.tv/XSMART_NO_BAD/img/load_search_load.svg)!important;}
#keyboard:has(.key_menu.active.load) .search_shadow {
    display: block !important;
}
.search_shadow {
	display: none;
	background-color:rgba(0, 0, 0, 0.45);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;}
.ViewCardFilm{top: 28.5em;left: 2.3em;width: 10em;position: absolute;color: #fff;text-align: center;font-size: 0.30em;}

    /* --- Стили эквалайзера (Вариант 2) --- */
    .voice-visualizer {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      height: 80px;
      margin-bottom: 40px;
    }

    .bar {
      width: 6px;
      height: 16px;
      border-radius: 3px;
      transform-origin: center;
      /* Изначально анимация остановлена */
      animation: bounce 0.6s ease-in-out infinite alternate;
      animation-play-state: paused; 
      opacity: 0.6;
    }

    /* Кастомные настройки для каждой полосы (цвета Google) */
    .bar:nth-child(1) { background-color: #fff; animation-delay: 0.1s; height: 28px; }
    .bar:nth-child(2) { background-color: #fff; animation-delay: 0.4s; height: 42px; }
    .bar:nth-child(3) { background-color: #fff; animation-delay: 0.2s; height: 22px; }
    .bar:nth-child(4) { background-color: #fff; animation-delay: 0.6s; height: 36px; }
    .bar:nth-child(5) { background-color: #fff; animation-delay: 0.3s; height: 22px; }

    /* Кнопка управления */
    .action-btn {
      background-color: #3b82f6;
      color: white;
      border: none;
      padding: 12px 24px;
      font-size: 14px;
      font-weight: 600;
      border-radius: 12px;
      cursor: pointer;
      transition: background-color 0.2s, transform 0.1s;
    }

    .action-btn:hover {
      background-color: #2563eb;
    }

    .action-btn:active {
      transform: scale(0.98);
    }

    /* Состояние активации анимации */
    .is-listening .bar {
      animation-play-state: running;
      opacity: 1;
    }

    /* Логика изменения высоты полос */
    @keyframes bounce {
      0% {
        transform: scaleY(1);
      }
      100% {
        transform: scaleY(2.2);
      }
    }








#NewPlayerUi{display: none;background-color:rgba(0,0,0,0);z-index:900;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#NewPlayerUi_show{display: none;background-color:rgba(0,0,0,0.5);position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

#NewPlayerUi .player-top{
	display: flex;
    position: absolute;
    left: 50px;
    right: 50px;
    top: 50px;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;z-index:901;}
#NewPlayerUi .player-title{    
	flex: 3;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;}
#NewPlayerUi .player-title p:first-of-type{ font-size: 24px;font-weight: 400;opacity: 0.8;margin: 4px 0 0 0;}
#NewPlayerUi .player-title p{ font-size: 20px;font-weight: 400;opacity: 0.6;margin: 4px 0 0 0;}
#NewPlayerUi .player-time{    
	color: #fff;
    font-size: 30px;
    font-weight: 700;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: nowrap;z-index:901;}
#NewPlayerUi .player-hd{
    margin-top: 16px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #fff;
    color: #111;
    font-weight: 700;
    font-size: 26px;
    text-align: center;}	
/* 1. Общий контейнер (Строка с таймерами и линией) */
#NewPlayerUi .player-line-time {
    display: flex;
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center; /* Центрирует текст таймеров и линию по вертикали */
	margin-bottom: 20px;
}

/* 2. Сами цифровые таймеры */
#NewPlayerUi .player-line-start,
#NewPlayerUi .player-line-finish {
    color: #fff;
    font-size: 30px;
    font-family: sans-serif;
    white-space: nowrap; /* Чтобы время не переносилось на новую строку */
}

/* 3. Главная серая подложка шкалы (Родитель) */
#NewPlayerUi .player-line {
    width: 100%;
    height: 6px; /* Оптимальная толщина под крупный шрифт */
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    margin: 0 20px; /* Отступы слева и справа, чтобы не липнуть к цифрам */
    z-index: 5;
    position: relative; /* КРИТИЧЕСКИ ВАЖНО: держит внутренние линии внутри себя */
}

/* 4. Синяя полоса просмотренного времени */
#NewPlayerUi .player-line-passed {
    width: 0%; /* При старте равна 0% */
    height: 100%; /* Занимает всю высоту родительской линии (6px) */
    position: absolute;
    background-color: #00b8f8;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: 7;
}

/* 5. Круглый ползунок (Курсор) */
#NewPlayerUi .player-line.is-active{
height: 10px;
}
#NewPlayerUi .player-line.is-active .player-line-passed::after {
    content: "";
    position: absolute;
    
    /* Привязываем ползунок к правому краю синей полосы */
    right: 0; 
    /* Опускаем ровно на половину высоты шкалы */
    top: 50%; 
    
    width: 16px;
    height: 16px;
    border-radius: 50%; /* Идеальный круг */
    background-color: #00b8f8;
    
    /* Сдвигаем круг ровно на его собственный центр по осям X и Y */
    transform: translate(50%, -50%); 
    
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Добавит красивую тень, чтобы круг выделялся */
    transition: transform 0.1s ease; /* Плавность для будущего интерактива */
}
#NewPlayerUi .player-line-load{width: 0%;
    height: inherit;
    position: absolute;
    background-color: #00b8f8;
    left: 0;
    border-radius: 4px;
    opacity: 0.3;
    z-index: 6;}
			

	
	#NewPlayerUi .player-bottom {
		
    display: flex;
    position: relative;
        padding-left: 50px;
    padding-right: 50px;
    align-items: center;z-index:901;
	margin-bottom: 20px;
    /* flex-wrap: wrap; <-- Лучше убрать, чтобы кнопки управления не переносились на новую строку */
}

/* Левый и правый блоки занимают абсолютно одинаковое доступное пространство */
#NewPlayerUi .player-flex-left,
#NewPlayerUi .player-flex-right {
    flex: 1; 
    display: flex;
    align-items: center;
}

/* Кнопки справа выравниваем по правому краю своего блока */
#NewPlayerUi .player-flex-right {
    justify-content: flex-end; 
}

/* Центральный блок гарантированно встает по центру экрана */
#NewPlayerUi .player-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* Не дает кнопкам управления сжиматься */
    gap: 15px;      /* Добавит аккуратные отступы между кнопками Назад / Плей / Вперед */
}

	
#NewPlayerUi .player-line-screen {
    position: absolute;
	display:none;
    
    /* 1. Привязываем левый край к правому краю полосы прогресса (туда же, где и ползунок) */
    left: 0%; 
    /* Если в JS вы будете двигать left у самого passed, то здесь пишите left: inherit; */
    
    /* 2. Поднимаем блок НАД линией прогресса (подберите высоту под ваш размер миниатюры) */
    bottom: 30px; 
    
    /* 3. Центрируем по умолчанию относительно ползунка */
    transform: translateX(-50%); 
    
    /* Размеры вашего окна превью (замените на свои) */
    z-index: 10;
}

#NewPlayerUi .player-line-shot {
    background: #000;
    border: 2px solid #00b8f8;
    border-radius: 4px;
	width: 340px;
    height: 180px;
	margin-bottom: 10px;
}
#NewPlayerUi .player-line-shot .sprite{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
#NewPlayerUi .player-line-timer {
    color: #fff;
    font-size: 30px;
    text-align: center;
    border: 0;

}
	
#NewPlayerUi .player-line-screen.is-active{
	display:block;
}
	
	
#NewPlayerUi .player-flex-left{    
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
#NewPlayerUi .player-flex-center{    
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#NewPlayerUi .player-flex-right{
	display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    flex-direction: row;
}


#NewPlayerUi .player-key-speed,
#NewPlayerUi .player-key-audio,
#NewPlayerUi .player-key-hd,
#NewPlayerUi .player-key-sub,
#NewPlayerUi .player-key-server,
#NewPlayerUi .player-key-size,
#NewPlayerUi .player-key-next,
#NewPlayerUi .player-key-back,
#NewPlayerUi .player-key-play_pause,
#NewPlayerUi .player-return
{
	border: 4px solid transparent;
	width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	margin-right: 10px;
    margin-left: 10px;
	background-size: 50px;
    padding: 10px;
}
#NewPlayerUi .player-return{
	margin-left: 0px;
}
#NewPlayerUi .player-key-size{
	margin-right: 0px;
}

#NewPlayerUi .player-key-play_pause{
	background-size: 80px;
	width: 80px;
    height: 80px;
}

#NewPlayerUi .player-key-speed{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20305%20305%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23fff%3B%22%20d%3D%22M305%2C173.726c0-41.662-16.799-79.469-43.972-107.02c-0.212-0.282-0.438-0.558-0.695-0.815%0A%09%09c-0.257-0.257-0.532-0.483-0.814-0.694C231.968%2C38.024%2C194.161%2C21.226%2C152.5%2C21.226c-41.661%2C0-79.468%2C16.799-107.02%2C43.971%0A%09%09c-0.282%2C0.212-0.557%2C0.438-0.814%2C0.694c-0.257%2C0.257-0.483%2C0.532-0.695%2C0.815C16.799%2C94.257%2C0%2C132.064%2C0%2C173.726%0A%09%09c0%2C40.729%2C15.859%2C79.018%2C44.655%2C107.821c0.004%2C0.004%2C0.008%2C0.009%2C0.012%2C0.013c0.003%2C0.002%2C0.005%2C0.005%2C0.008%2C0.007%0A%09%09c0.004%2C0.004%2C0.008%2C0.008%2C0.012%2C0.012c1.464%2C1.464%2C3.383%2C2.195%2C5.302%2C2.195c1.92%2C0%2C3.84-0.732%2C5.304-2.197%0A%09%09c0.125-0.125%2C0.238-0.258%2C0.352-0.39l23.112-23.113c2.929-2.93%2C2.929-7.678%2C0-10.607c-2.929-2.928-7.678-2.928-10.606%2C0%0A%09%09l-18.036%2C18.036c-21.031-23.403-33.232-52.857-34.91-84.277h25.507c4.142%2C0%2C7.5-3.357%2C7.5-7.5s-3.358-7.5-7.5-7.5H15.207%0A%09%09c1.744-32.272%2C14.668-61.618%2C34.957-84.229l17.987%2C17.987c1.464%2C1.464%2C3.384%2C2.196%2C5.303%2C2.196c1.919%2C0%2C3.839-0.732%2C5.303-2.196%0A%09%09c2.929-2.93%2C2.929-7.678%2C0-10.607L60.771%2C71.389C83.383%2C51.1%2C112.728%2C38.176%2C145%2C36.433v25.506c0%2C4.143%2C3.358%2C7.5%2C7.5%2C7.5%0A%09%09s7.5-3.357%2C7.5-7.5V36.433c32.272%2C1.743%2C61.617%2C14.668%2C84.229%2C34.957l-17.987%2C17.987c-2.929%2C2.93-2.929%2C7.678%2C0%2C10.607%0A%09%09c1.464%2C1.464%2C3.384%2C2.196%2C5.303%2C2.196s3.839-0.732%2C5.303-2.196l17.987-17.987c20.289%2C22.612%2C33.214%2C51.957%2C34.957%2C84.229h-25.506%0A%09%09c-4.142%2C0-7.5%2C3.357-7.5%2C7.5s3.358%2C7.5%2C7.5%2C7.5h25.507c-1.678%2C31.42-13.878%2C60.875-34.909%2C84.278l-18.036-18.037%0A%09%09c-2.928-2.928-7.677-2.928-10.606%2C0c-2.929%2C2.93-2.929%2C7.678%2C0%2C10.607l23.485%2C23.485c1.464%2C1.464%2C3.384%2C2.196%2C5.303%2C2.196%0A%09%09c0.959%2C0%2C1.919-0.183%2C2.822-0.549c0.903-0.366%2C1.749-0.915%2C2.482-1.647C289.137%2C252.755%2C305%2C214.459%2C305%2C173.726z%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23fff%3B%22%20d%3D%22M186.956%2C87.718c-3.847-1.541-8.211%2C0.327-9.751%2C4.173l-21.673%2C54.1%0A%09%09c-1.01-0.108-2.02-0.182-3.031-0.182c-10.556%2C0-20.091%2C5.847-24.886%2C15.259c-5.012%2C9.839-3.728%2C21.595%2C3.432%2C31.445%0A%09%09c0.732%2C1.007%2C1.652%2C1.928%2C2.666%2C2.665c5.817%2C4.229%2C12.314%2C6.464%2C18.788%2C6.464c10.556%2C0%2C20.092-5.847%2C24.886-15.259%0A%09%09c5.012-9.839%2C3.728-21.594-3.427-31.437c-0.732-1.01-1.654-1.934-2.671-2.674c-0.547-0.398-1.106-0.761-1.665-1.123l21.505-53.681%0A%09%09C192.669%2C93.624%2C190.801%2C89.258%2C186.956%2C87.718z%20M164.02%2C179.574c-2.221%2C4.359-6.635%2C7.067-11.52%2C7.067%0A%09%09c-3.204%2C0-6.429-1.119-9.589-3.327c-3.6-5.169-4.307-10.773-1.93-15.438c2.22-4.359%2C6.634-7.067%2C11.52-7.067%0A%09%09c1.558%2C0%2C3.12%2C0.27%2C4.678%2C0.795c0.051%2C0.021%2C0.098%2C0.048%2C0.15%2C0.069c0.164%2C0.065%2C0.329%2C0.118%2C0.494%2C0.171%0A%09%09c1.43%2C0.549%2C2.854%2C1.305%2C4.266%2C2.291C165.688%2C169.304%2C166.396%2C174.909%2C164.02%2C179.574z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
#NewPlayerUi .player-key-audio{
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18%2C14.1404647%20L18%2C9.13148291%20L22.5547002%2C12.1679497%20L21.4452998%2C13.8320503%20L20%2C12.8685171%20L20%2C16.5%20C20%2C17.9534271%2018.6045695%2C19%2017%2C19%20C15.3954305%2C19%2014%2C17.9534271%2014%2C16.5%20C14%2C15.0465729%2015.3954305%2C14%2017%2C14%20C17.3471248%2C14%2017.6844618%2C14.0489806%2018%2C14.1404647%20Z%20M4%2C19%20L4%2C17%20L12%2C17%20L12%2C19%20L4%2C19%20Z%20M4%2C15%20L4%2C13%20L12%2C13%20L12%2C15%20L4%2C15%20Z%20M4%2C11%20L4%2C9%20L16%2C9%20L16%2C11%20L4%2C11%20Z%20M4%2C7%20L4%2C5%20L19%2C5%20L19%2C7%20L4%2C7%20Z%20M17%2C17%20C17.6045695%2C17%2018%2C16.7034271%2018%2C16.5%20C18%2C16.2965729%2017.6045695%2C16%2017%2C16%20C16.3954305%2C16%2016%2C16.2965729%2016%2C16.5%20C16%2C16.7034271%2016.3954305%2C17%2017%2C17%20Z%22%2F%3E%0A%3C%2Fsvg%3E");
}
#NewPlayerUi .player-key-hd{background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%2070%2070%22%20enable-background%3D%22new%200%200%2070%2070%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M62.583%2C23.583v24h-56v-24H62.583%20M62.983%2C19.583h-56c-2.209%2C0-4.4%2C2.467-4.4%2C4.676v24c0%2C2.209%2C2.191%2C3.324%2C4.4%2C3.324h56%0A%09%09%09c2.209%2C0%2C3.6-1.115%2C3.6-3.324v-24C66.583%2C22.05%2C65.192%2C19.583%2C62.983%2C19.583L62.983%2C19.583z%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M57.583%2C17.417c-1.104%2C0-2-0.896-2-2v-4.834h-42v4.834c0%2C1.104-0.896%2C2-2%2C2s-2-0.896-2-2v-6%0A%09%09%09c0-1.104%2C1.313-2.834%2C2.417-2.834h46c1.104%2C0%2C1.583%2C1.729%2C1.583%2C2.834v6C59.583%2C16.521%2C58.688%2C17.417%2C57.583%2C17.417z%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M58%2C62.583H12c-1.104%2C0-2.417-0.062-2.417-1.166v-6c0-1.104%2C0.896-2%2C2-2s2%2C0.896%2C2%2C2v3.166h42v-3.166c0-1.104%2C0.896-2%2C2-2%0A%09%09%09s2%2C0.896%2C2%2C2v6C59.583%2C62.521%2C59.104%2C62.583%2C58%2C62.583z%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M33.749%2C43.194h-3.643v-5.728h-4.695v5.728h-3.644V29.323h3.644v4.947h4.695v-4.947h3.643V43.194z%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M36.271%2C29.323h5.943c4.267%2C0%2C6.819%2C2.494%2C6.819%2C6.857c0%2C4.656-2.396%2C7.014-7.015%2C7.014h-5.748V29.323z%20M41.863%2C40.175%0A%09%09%09c2.436%2C0%2C3.526-1.461%2C3.526-3.896c0-2.514-1.305-3.955-3.78-3.955h-1.734v7.852H41.863z%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M9.583%2C37.417c-0.552%2C0-1-0.447-1-1v-10c0-0.553%2C0.865-1.834%2C1.417-1.834h8c0.552%2C0%2C1%2C0.447%2C1%2C1s-0.448%2C1-1%2C1h-7.417%0A%09%09%09v9.834C10.583%2C36.97%2C10.135%2C37.417%2C9.583%2C37.417z%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M60%2C44.583h-4c-0.553%2C0-1-0.447-1-1s0.447-1%2C1-1h2.583v-3.166c0-0.553%2C0.447-1%2C1-1s1%2C0.447%2C1%2C1v4%0A%09%09%09C60.583%2C43.97%2C60.553%2C44.583%2C60%2C44.583z%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M9.583%2C43.417c-0.552%2C0-1-0.447-1-1v-2c0-0.553%2C0.448-1%2C1-1s1%2C0.447%2C1%2C1v2C10.583%2C42.97%2C10.135%2C43.417%2C9.583%2C43.417z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
#NewPlayerUi .player-key-sub{background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFF%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.25%2016C5.25%2015.5858%205.58579%2015.25%206%2015.25H10C10.4142%2015.25%2010.75%2015.5858%2010.75%2016C10.75%2016.4142%2010.4142%2016.75%2010%2016.75H6C5.58579%2016.75%205.25%2016.4142%205.25%2016Z%22%20%2F%3E%0A%3Cpath%20d%3D%22M18%2012.25C18.4142%2012.25%2018.75%2012.5858%2018.75%2013C18.75%2013.4142%2018.4142%2013.75%2018%2013.75H14C13.5858%2013.75%2013.25%2013.4142%2013.25%2013C13.25%2012.5858%2013.5858%2012.25%2014%2012.25H18Z%22%20%2F%3E%0A%3Cpath%20d%3D%22M11.75%2016C11.75%2015.5858%2012.0858%2015.25%2012.5%2015.25H14C14.4142%2015.25%2014.75%2015.5858%2014.75%2016C14.75%2016.4142%2014.4142%2016.75%2014%2016.75H12.5C12.0858%2016.75%2011.75%2016.4142%2011.75%2016Z%22%20%2F%3E%0A%3Cpath%20d%3D%22M11.5%2012.25C11.9142%2012.25%2012.25%2012.5858%2012.25%2013C12.25%2013.4142%2011.9142%2013.75%2011.5%2013.75H9.5C9.08579%2013.75%208.75%2013.4142%208.75%2013C8.75%2012.5858%209.08579%2012.25%209.5%2012.25H11.5Z%22%20%2F%3E%0A%3Cpath%20d%3D%22M15.75%2016C15.75%2015.5858%2016.0858%2015.25%2016.5%2015.25H18C18.4142%2015.25%2018.75%2015.5858%2018.75%2016C18.75%2016.4142%2018.4142%2016.75%2018%2016.75H16.5C16.0858%2016.75%2015.75%2016.4142%2015.75%2016Z%22%20%2F%3E%0A%3Cpath%20d%3D%22M7%2012.25C7.41421%2012.25%207.75%2012.5858%207.75%2013C7.75%2013.4142%207.41421%2013.75%207%2013.75H6C5.58579%2013.75%205.25%2013.4142%205.25%2013C5.25%2012.5858%205.58579%2012.25%206%2012.25H7Z%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.94358%203.25H14.0564C15.8942%203.24998%2017.3498%203.24997%2018.489%203.40314C19.6614%203.56076%2020.6104%203.89288%2021.3588%204.64124C22.1071%205.38961%2022.4392%206.33856%2022.5969%207.51098C22.75%208.65018%2022.75%2010.1058%2022.75%2011.9435V12.0564C22.75%2013.8942%2022.75%2015.3498%2022.5969%2016.489C22.4392%2017.6614%2022.1071%2018.6104%2021.3588%2019.3588C20.6104%2020.1071%2019.6614%2020.4392%2018.489%2020.5969C17.3498%2020.75%2015.8942%2020.75%2014.0565%2020.75H9.94359C8.10585%2020.75%206.65018%2020.75%205.51098%2020.5969C4.33856%2020.4392%203.38961%2020.1071%202.64124%2019.3588C1.89288%2018.6104%201.56076%2017.6614%201.40314%2016.489C1.24997%2015.3498%201.24998%2013.8942%201.25%2012.0564V11.9436C1.24998%2010.1058%201.24997%208.65019%201.40314%207.51098C1.56076%206.33856%201.89288%205.38961%202.64124%204.64124C3.38961%203.89288%204.33856%203.56076%205.51098%203.40314C6.65019%203.24997%208.10583%203.24998%209.94358%203.25ZM5.71085%204.88976C4.70476%205.02502%204.12511%205.27869%203.7019%205.7019C3.27869%206.12511%203.02502%206.70476%202.88976%207.71085C2.75159%208.73851%202.75%2010.0932%202.75%2012C2.75%2013.9068%202.75159%2015.2615%202.88976%2016.2892C3.02502%2017.2952%203.27869%2017.8749%203.7019%2018.2981C4.12511%2018.7213%204.70476%2018.975%205.71085%2019.1102C6.73851%2019.2484%208.09318%2019.25%2010%2019.25H14C15.9068%2019.25%2017.2615%2019.2484%2018.2892%2019.1102C19.2952%2018.975%2019.8749%2018.7213%2020.2981%2018.2981C20.7213%2017.8749%2020.975%2017.2952%2021.1102%2016.2892C21.2484%2015.2615%2021.25%2013.9068%2021.25%2012C21.25%2010.0932%2021.2484%208.73851%2021.1102%207.71085C20.975%206.70476%2020.7213%206.12511%2020.2981%205.7019C19.8749%205.27869%2019.2952%205.02502%2018.2892%204.88976C17.2615%204.75159%2015.9068%204.75%2014%204.75H10C8.09318%204.75%206.73851%204.75159%205.71085%204.88976Z%22%2F%3E%0A%3C%2Fsvg%3E");}
#NewPlayerUi .player-key-server{background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M22%2019H14M2%2019H10%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M12%2017V14%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Ccircle%20cx%3D%2212%22%20cy%3D%2219%22%20r%3D%222%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%0A%3Cpath%20d%3D%22M14%2014H5C3.34315%2014%202%2012.6569%202%2011C2%209.34315%203.34315%208%205%208H19C20.6569%208%2022%209.34315%2022%2011C22%2012.6569%2020.6569%2014%2019%2014H18%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M12%202H19C20.6569%202%2022%203.34315%2022%205C22%206.65685%2020.6569%208%2019%208H5C3.34315%208%202%206.65685%202%205C2%203.34315%203.34315%202%205%202H8%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M13%205L19%205%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M13%2011L19%2011%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Ccircle%20cx%3D%226%22%20cy%3D%225%22%20r%3D%221%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cx%3D%226%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E");}
#NewPlayerUi .player-key-size{
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2C5.41421356%20L15.7071068%2C9.70710678%20L14.2928932%2C8.29289322%20L18.5857864%2C4%20L15%2C4%20L15%2C2%20L22%2C2%20L22%2C9%20L20%2C9%20L20%2C5.41421356%20Z%20M20%2C20%20L20%2C12%20L22%2C12%20L22%2C22%20L12%2C22%20L12%2C20%20L20%2C20%20Z%20M4%2C4%20L4%2C12%20L2%2C12%20L2%2C2%20L12%2C2%20L12%2C4%20L4%2C4%20Z%20M9%2C20%20L9%2C22%20L2%2C22%20L2%2C15%20L4%2C15%20L4%2C18.5857864%20L8.29289322%2C14.2928932%20L9.70710678%2C15.7071068%20L5.41421356%2C20%20L9%2C20%20Z%22%2F%3E%0A%3C%2Fsvg%3E");
}
#NewPlayerUi .player-list{
    display: flex;
    position: relative;
    left: 0px;
    right: 0px;
    align-items: center;
    color: #fff;
    font-size: 24px;
    justify-content: center;
    flex-direction: column;
}
#NewPlayerUi .player-icon-list{
	width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	transform: rotate(180deg); 
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.9201%2015.0501L13.4001%208.53014C12.6301%207.76014%2011.3701%207.76014%2010.6001%208.53014L4.08008%2015.0501%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}



#NewPlayerUi .player-return{
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2021.984q0.032-0.8%200.608-1.376l4-4q0.448-0.48%201.056-0.576t1.12%200.128%200.864%200.736%200.352%201.12v1.984h18.016q0.8%200%201.408-0.576t0.576-1.408v-8q0-0.832-0.576-1.408t-1.408-0.608h-16q-0.736%200-1.248-0.416t-0.64-0.992%200-1.152%200.64-1.024%201.248-0.416h16q2.464%200%204.224%201.76t1.76%204.256v8q0%202.496-1.76%204.224t-4.224%201.76h-18.016v2.016q0%200.64-0.352%201.152t-0.896%200.704-1.12%200.096-1.024-0.544l-4-4q-0.64-0.608-0.608-1.44z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
#NewPlayerUi .player-key-play_pause.pause {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%2C21%20L5%2C3%20C5%2C2.20883421%205.87524596%2C1.73099262%206.54075759%2C2.15882152%20L20.5407576%2C11.1588215%20C21.1530808%2C11.5524579%2021.1530808%2C12.4475421%2020.5407576%2C12.8411785%20L6.54075759%2C21.8411785%20C5.87524596%2C22.2690074%205%2C21.7911658%205%2C21%20Z%20M7%2C19.1683345%20L18.1507426%2C12%20L7%2C4.8316655%20L7%2C19.1683345%20Z%22%2F%3E%0A%3C%2Fsvg%3E");
}

#NewPlayerUi .player-key-play_pause {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20width%3D%2224px%22%20height%3D%22244px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2C2%20L9%2C2%20C10.1045695%2C2%2011%2C2.8954305%2011%2C4%20L11%2C20%20C11%2C21.1045695%2010.1045695%2C22%209%2C22%20L7%2C22%20C5.8954305%2C22%205%2C21.1045695%205%2C20%20L5%2C4%20C5%2C2.8954305%205.8954305%2C2%207%2C2%20Z%20M15%2C2%20L17%2C2%20C18.1045695%2C2%2019%2C2.8954305%2019%2C4%20L19%2C20%20C19%2C21.1045695%2018.1045695%2C22%2017%2C22%20L15%2C22%20C13.8954305%2C22%2013%2C21.1045695%2013%2C20%20L13%2C4%20C13%2C2.8954305%2013.8954305%2C2%2015%2C2%20Z%20M7%2C4%20L7%2C20%20L9%2C20%20L9%2C4%20L7%2C4%20Z%20M15%2C4%20L15%2C20%20L17%2C20%20L17%2C4%20L15%2C4%20Z%22%2F%3E%0A%3C%2Fsvg%3E");
}

#NewPlayerUi .player-key-back {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18.4%2C21.8%20L6.4%2C12.8%20C5.86666667%2C12.4%205.86666667%2C11.6%206.4%2C11.2%20L18.4%2C2.2%20C19.0592363%2C1.70557281%2020%2C2.17595468%2020%2C3%20L20%2C21%20C20%2C21.8240453%2019.0592363%2C22.2944272%2018.4%2C21.8%20Z%20M18%2C5%20L8.66666667%2C12%20L18%2C19%20L18%2C5%20Z%20M6%2C22%20L4%2C22%20L4%2C2%20L6%2C2%20L6%2C22%20Z%22%2F%3E%0A%3C%2Fsvg%3E");
}
#NewPlayerUi .player-key-next {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4%2C21%20L4%2C3%20C4%2C2.17595468%204.94076375%2C1.70557281%205.6%2C2.2%20L17.6%2C11.2%20C18.1333333%2C11.6%2018.1333333%2C12.4%2017.6%2C12.8%20L5.6%2C21.8%20C4.94076375%2C22.2944272%204%2C21.8240453%204%2C21%20Z%20M6%2C19%20L15.3333333%2C12%20L6%2C5%20L6%2C19%20Z%20M20%2C22%20L18%2C22%20L18%2C2%20L20%2C2%20L20%2C22%20Z%22%2F%3E%0A%3C%2Fsvg%3E");
}


#NewPlayerUi .player-right-menu-close {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M21%2021L12%2012M12%2012L3%203M12%2012L21.0001%203M12%2012L3%2021.0001%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
#NewPlayerUi #player-right-menu{
	display: flex;
	background-color: #313232;
	height: 100%;
	width: 600px;
	right: -600px;
	top:0;
	position: absolute;
	z-index:902;
	border-radius: 20px 0 0 20px;
}
#NewPlayerUi #player-right-menu.show{
	right: 0px;

}

#NewPlayerUi .player-right-menu{
	display: flex;
	width: 100%;
    height: 100%;
}

#NewPlayerUi .player-right-menu-handle {
    position: relative;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
}

#NewPlayerUi .player-right-menu-handle:before {
    display: block;
    height: 80px;
    background: rgba(255, 255, 255, .2);
    border-radius: 10px;
    width: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}
#NewPlayerUi .player-right-menu-title{
position: relative;
    width: 100%;
    /* left: 30px; */
    top: 0;
    color: #fff;
    text-align: center;
    font-size: 30px;
    /* height: 100px; */
    margin-top: 20px;font-weight: 900;
}

#NewPlayerUi .player-right-menu-line{
	position: relative;
	width: 100%;
	height: 100%;
}
#NewPlayerUi .player-right-menu-сontext {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
}

#NewPlayerUi .player-right-menu-сontext span {
    margin-top: 20px;
    /* padding-left: 20px; */
    display: block;
    padding-right: 40px;
    color: #fff;
    font-size: 16px;
    /* position: relative; */
}



#NewPlayerUi .player-right-menu-сontext .button {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    height: 50px;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    background-color: rgb(255 255 255 / 5%);
}

.сontext-name {
    color: #fff;
    text-align: left;
    width: 100%;
    font-size: 24px;
    margin-left: 10px;
    font-weight: 900;
}

.сontext-selected.lock {
    width: 22px;
    height: 22px;
    opacity: .8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: unset;
    border: unset;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.25%2010.0546V8C5.25%204.27208%208.27208%201.25%2012%201.25C15.7279%201.25%2018.75%204.27208%2018.75%208V10.0546C19.8648%2010.1379%2020.5907%2010.348%2021.1213%2010.8787C22%2011.7574%2022%2013.1716%2022%2016C22%2018.8284%2022%2020.2426%2021.1213%2021.1213C20.2426%2022%2018.8284%2022%2016%2022H8C5.17157%2022%203.75736%2022%202.87868%2021.1213C2%2020.2426%202%2018.8284%202%2016C2%2013.1716%202%2011.7574%202.87868%2010.8787C3.40931%2010.348%204.13525%2010.1379%205.25%2010.0546ZM6.75%208C6.75%205.10051%209.10051%202.75%2012%202.75C14.8995%202.75%2017.25%205.10051%2017.25%208V10.0036C16.867%2010%2016.4515%2010%2016%2010H8C7.54849%2010%207.13301%2010%206.75%2010.0036V8Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E");
}
.сontext-selected.is-active {
    background-color: #00b8f8;
    border: unset;
}
.сontext-selected {
    min-width: 20px;
    min-height: 20px;
    border-radius: 20px;
    position: relative;
    border: 2px solid rgb(255 255 255 / 50%);
}

.сontext-selected.is-active:after {
    content: "";
    background-color: #313232;
    min-width: 10px;
    min-height: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 10px;
}

.сontext-selected:after {
    content: "";
}


.ui-film {
    padding-left: 50px;

    scroll-snap-type: x mandatory;
    scroll-padding-left: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;

    overflow: auto;
}


.ui-film span {
    padding-right: 15px;
    display: flex !important;
    position: relative;
}

.ui-film[type="episode"] ui-film {
    width: 250px;
    aspect-ratio: unset;
    max-height: unset;
    position: relative;
    max-width: 250px;
    margin: 6px 5px 5px 5px;
    scroll-snap-align: start;
}

.episode_block {
    position: relative;
    width: 250px;
    overflow: hidden;
    aspect-ratio: 2 / 1;
    max-height: calc(0.5 * 50vw);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: radial-gradient(circle, rgba(0, 184, 248, 0.2) 0%, rgba(255, 255, 255, 0.1) 70%);
}
.player-сontext-list{
	width: 100%;
	min-height: 150px;
}


.player-foot{
	    bottom: -150px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: nowrap;
    position: absolute;
    left: 0;
    right: 0;
}

.player-return.is-active,
.player-key-next.is-active,
.player-key-back.is-active,
.player-key-audio.is-active,
.player-key-hd.is-active,
.player-key-sub.is-active,
.player-key-server.is-active,
.player-key-speed.is-active,
.player-key-size.is-active,
.player-key-play_pause.is-active{
    border-radius: 16px;
	border-color: #00b8f8 !important;
	box-shadow: 0px -1px 113px 0px rgb(0 184 248);
    -webkit-box-shadow: 0px -1px 113px 0px rgb(0 184 248);
    -moz-box-shadow: 0px -1px 113px 0px rgba(0 184 248);
}


#NewPlayerUi.mini-mode .player-line-finish,
#NewPlayerUi.mini-mode .player-line-start,
#NewPlayerUi.mini-mode .player-list,
#NewPlayerUi.mini-mode .player-bottom,
#NewPlayerUi.mini-mode > *:not(.player-foot, #NewPlayerUi_show){
	opacity:0!important;
}


#build{position: absolute;bottom: 0;right: 0.5em;width: 100%;height: 1.5em;text-align: right;color: rgba(255,255,255,0.8);z-index: 99;font-size: 0.30em;}