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://app.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://app.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://app.xsmart.tv/XSMART_NO_BAD/img/home_active.svg);}
.img_home{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/satellite_active.svg);}
.img_satellite{background-image: url(http://app.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://app.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://app.xsmart.tv/XSMART_NO_BAD/img/favorit_active.svg);}
.img_search{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/search_active.svg);}
.img_info{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/info_active.svg);}
.img_user{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/user_active.svg);}
.img_msg{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/msg_active.svg);}
.img_user_no{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/no_user_active.svg);}
.img_msg_no{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/no_msg_active.svg);}
.img_setting{background-image: url(http://app.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://app.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: 1.05em;width: 100%;height: 10.70em;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://app.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://app.xsmart.tv/XSMART_NO_BAD/img/watch_active.svg);}
.img_coll{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/coll_active.svg);}
.img_histiry{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/histiry_active.svg);}
.img_cat{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/cat_active.svg);}
.img_ads{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/ads_active.svg);}

.lock_bronze{background-image: url(http://app.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://app.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://app.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.70em;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://app.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://app.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:100%;left:0;height:6.00em;z-index:5;}
.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;}
.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;border-radius: 0.3em;padding: 0.5em;color: #ffffff;background-color: #24b2d8;z-index: 12;}

.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;}
.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://app.xsmart.tv/XSMART_NO_BAD/img/no_poster.svg);background-position:center;background-repeat: no-repeat;background-size: 100%;z-index: 2;}
.new_film_block.actore{height: 2.50em;top: 0.6em;background-image: url(http://app.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;}
.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;}
.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://app.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://app.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://app.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{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;}
.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://app.xsmart.tv/XSMART_NO_BAD/img/delet.svg) no-repeat center;}
.key_n_del.active:after{background: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/check.svg) no-repeat center;}
.key_n_select.active:after{background: url(http://app.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://app.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;}
#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.00em;height: 1.20em;margin-top:0.40em;left:2.80em;}
.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://app.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://app.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://app.xsmart.tv/XSMART_NO_BAD/img/delet_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://app.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://app.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://app.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://app.xsmart.tv/XSMART_NO_BAD/img/gamburger_active.svg);}
.main_back.active:after{background-image:  url(http://app.xsmart.tv/XSMART_NO_BAD/img/select_active.svg);}

.menu_icon_user{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/menu_user_active.svg);}
.menu_icon_search{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/menu_search_active.svg);}
.menu_icon_video{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/menu_video_active.svg);}
.menu_icon_more{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/menu_more_active.svg);}
.menu_icon_like{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/menu_like_active.svg);}
.menu_icon_update{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/menu_update_active.svg);}
.menu_icon_update.true{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/menu_update_true_active.svg);}

.menu_icon_television{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/menu_icon_television_active.svg);}

.menu_icon_radio{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/menu_icon_radio_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://app.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://app.xsmart.tv/XSMART_NO_BAD/img/film_active.svg);}
.img_tv{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/tv_active.svg);}
.img_music{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/music_active.svg);}
.img_app{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/app_active.svg);}
.star_1,.img_star{background-image: url(http://app.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://app.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://app.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://app.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: 1.05em;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://app.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://app.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://app.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://app.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://app.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://app.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://app.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:100;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://app.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://app.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://app.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.80em;z-index: 6;left: 5.2em;bottom: 7.4em;overflow:hidden;width:17em;white-space:nowrap;text-overflow:ellipsis;line-height: 1em;}
#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://app.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://app.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://app.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://app.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://app.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://app.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://app.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://app.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://app.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://app.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://app.xsmart.tv/XSMART_NO_BAD/img/satellite_show.svg);}
.menu_buttom.active .icon_link{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/link_show.svg);}
.menu_buttom.active .icon_likecard{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/like_show.svg);}
.menu_buttom.active .icon_likehand{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/_like_show.svg);}
.menu_buttom.active .icon_dislikehand{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/dislike_show.svg);}
.menu_buttom.active .icon_favcard{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/no_fav_show.svg);}
.menu_buttom.active .icon_favcard.add{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/fav.svg);}
.menu_buttom.active .icon_trailer{background-image: url(http://app.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: 5em;}
#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;}


.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:absolute;top:1em;left:0;z-index:3;width:100%;color: rgba(255,255,255,1);font-size:0.50em;text-align:center;}
#CardFilmList_list{position:absolute;top:2.00em;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;}
.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: 21em;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;}
.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://app.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://app.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://app.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://app.xsmart.tv/XSMART_NO_BAD/img/no_fav_active.svg');}
#CardFilmList_list_back{position: absolute;display: none;left: 16em;top: 5.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: 31.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://app.xsmart.tv/XSMART_NO_BAD/img/player/play.svg);}
.player-buttom.pause{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/player/pause.svg);}
.player-buttom.back{background-image: url(http://app.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://app.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://app.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://app.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://app.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://app.xsmart.tv/XSMART_NO_BAD/img/player/backward.svg);opacity: 0.4;}
.player-buttom.next.no_active{background-image: url(http://app.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://app.xsmart.tv/XSMART_NO_BAD/img/player/play_active.svg);}
.player-buttom.pause.active{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/player/pause_active.svg);}
.player-buttom.back.active{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/player/backward_active.svg);}
.player-buttom.next.active{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/player/forward_active.svg);}
.player-buttom.undo.active{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/player/back_active.svg);}
.player-buttom.options.active{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/player/option_active.svg);}
.player-buttom.fav.active{background-image: url(http://app.xsmart.tv/XSMART_NO_BAD/img/player/favorite_active.svg);}
.player-buttom.fav.fav_add,.player-buttom.fav.fav_addactive{background-image: url(http://app.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;}
.player_menu_line_title_font{color: rgba(255,255,255,0.9);font-size: 0.9em;}
.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:4.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://app.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_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;display:none;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://app.xsmart.tv/XSMART_NO_BAD/img/logo.svg);}
.welcome_block_time{background-image:url(http://app.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;}



.ViewCardFilm{top: 28.5em;left: 2.3em;width: 10em;position: absolute;color: #fff;text-align: center;font-size: 0.30em;}



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