#left_channels_container, #statusbar, .container_menu, .time.channel_time, .player_container, .info_small, .info, #loader_div, #loader img, .film_text, #center_block{
    background: rgba(50,50,50, 0.6) !important;
}
.footer_over {
    position: relative;
    z-index: 10;
}

.chanel_wrap {
    display: inline-block;
}

.chanel_logo {
    display: inline-block;
    height: 5%;
    overflow: hidden;
    padding: 0 15px;
    width: 88px;
}
.chanel_name, .chanel_f_number {
    line-height: 66px;
}
.chanel_logo img {
    max-width: 100%;
    width: 100%;
}
.active_event {
    color: #fdfd40;
}

.f_r {
    float: right;
}

.footer_program {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.footer_progress {
    display: inline-block;
    padding-bottom: 0.5%;
    padding-top: 1vh;
    position: relative;
    width: 100%;
}
.category_list {
    position: absolute;
    width: 100%;
}
.progress_line {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    display: inline-block;
    height: 20px;
    left: 25%;
    margin-top: 15px;
    position: absolute;
    width: 65%;
}
.inner_line {
    display: block;
    height: 18px;
    margin: 1px;
    position: relative;
}
.percent_line {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
#connection {
    border-radius: 15px;
    box-shadow: 0 207px 74px -172px #474747 inset, -2px -33px 19px -3px #2c2c2c inset, 8px 8px 12px -2px #474747;
    display: inline-block;
    height: 60px;
    left: 40%;
    margin: 0 auto;
    padding: 5px;
    position: absolute;
    top: 45%;
    width: auto;
    z-index: 2000;
}
.pos_rel {
    height: 100%;
    position: relative;
    z-index: 1000;
}
#avplayer{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.con_img {
    display: inline-block;
    overflow: hidden;
    width: 60px;
    height: 60px;
}
.t_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
}
.f_l {
    float: left;
}
.f_r {
    float: right;
}
.f_n {
    float: none;
}
.m_05010{
    margin: 0 5px 0 10px;
}
.m_05015{
    margin: 0 5px 0 15px;
}
.m_05{
    margin: 0 5px;
}
.m_010 {
    margin: 0 10px;
}
.m_0 {
    margin:0;
}
.h_100 {
    height: 100%;
}
.m_5{
    margin: 5px;
}
.h_60 {
    height: 60%;
}
.h_66p {
    height: 66px;
}
.h_85 {
    height: 85%;
}
.m_r_5{
    margin-right: 5px;
}
.w_60 {
    width: 60%;
}
.con_txt {
    float: left;
    padding-left: 10px;
    padding-top: 10px;
}

.con_img img {
    max-width: 100%;
    width: 100%;
}
.main_chanel_title {
    color: #818181;
    font-size: 25px;
    padding-bottom: 13px;
    padding-top: 8px;
    position: relative;
    text-align: center;
    z-index: 10;
}
.passive .listitem.active {
    border: 1px solid #848484;
    box-shadow: 0 0 5px 4px #565656, 0 0 8px 3px #565656 inset;
}
#epg_container.passive .listitem.active {
    box-shadow: none;
    color: #fdfd40;
    border: 1px solid transparent;
}
#category_container_prog {
    position: absolute;
    width: 100%;
}
.content_category {
    width:24%;
    float:left;
}
.condition{
    background-repeat: no-repeat;
    background-size: 50px 50px;
    display: inline-block;
    height: 50px;
    margin-bottom: -10px;
    width: 50px;
}
#weather {
    bottom: 5px;
    position: absolute;
    right: 10%;
    display: inline-block;
    text-transform: uppercase;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}

* {
    padding: 0;
    margin: 0
}

html,
body {
    min-height: 100% !important;
    height: 100%
}

body {
    font-family: 'Calibri';
    margin: 0;
    padding: 0;
    color: #fff;
    overflow: hidden;
    position: relative
}

video {
    position: absolute;
    padding: 0;
    margin: 0;
    background-color: black;
    margin: auto;
    height: 100%;
    width: 100%
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input {
    border: 0;
    color: #000;
    padding: 3px
}

input:focus {
    outline: 0
}

hr {
    margin: 10px 0
}

#auth_menu,
.container,
.wrap_auth,
.header,
.navigate_info,
.container_menu,
.main_menu_container,
#right_channels_container,
#left_channels_container,
#channels_list,
#category_list,
.settings_list,
#epg_container_list,
#epg {
    position: relative
}
#epg_container .listitem.active {
    border: 1px solid #c4d4e3;
    box-shadow: 0 0 5px 4px #7a8fb3, 0 0 8px 3px #7a8fb3 inset;
    color: #ffffff;
}
.channel_number {
    text-align: right;
    width: 10%;
}
.listitem.active .channel_number{
    color: #fdfd40;
}
#auth_menu {
    padding-top: 60px
}

#screen,
#reloaded,
#error {
    position: absolute;
    width: 100%;
    height: 50px;
    z-index: 10000;
    display: none;
    word-break: break-all
}

#reloaded {
    top: 50px
}

#error {
    top: 100px
}


#player {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    display: none;
}

#video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
    #video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    #video {
        width: 300%;
        left: -100%;
    }
}
.container {
    height: 100%;
    width: 100%
}

.menu_item {
    width: 33.33%;
    height: 100%;
    float: left;
    overflow: hidden;
    white-space: nowrap
}

#types_menu_cat,
#types_menu {
    height: 100%
}

#types_menu {
    line-height: 50px
}

.wrap_auth {
    height: 95%;
    background: black;
    display: none;
    background: url("../images/bg.png");
    padding: 3% 0
}

#logo_auth {
    text-align: center;
    margin-bottom: 25px
}

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

#mistake_desc {
    background: #666;
    text-align: center;
    display: none;
    border-radius: 5px;
    width: 299px;
    margin: 30px auto 10px;
    padding: 8px
}

.auth_menu {
    width: 380px;
    margin: 0 auto
}

.auth_inputs {
    margin-bottom: 35px
}
ul.buttons li {
    cursor: pointer;
    display: block;
    list-style: none;
    float: left;
    border-right: #4b4a4c 1px solid;
    border-bottom: #4b4a4c 1px solid;
    width: 42px;
    height: 33px;
    background: #000
}

.row_title {
    float: left;
    width: 190px;
    padding-top: 8px
}

.login_row {
    height: 45px
}

.input_auth {
    padding: 2px;
    float: left;
    border: 2px solid #000
}

.auth_menu .save_pass {
    height: 40px
}

#auth_menu .label {
    padding-top: 6px
}

.submit {
    cursor: pointer;
    text-align: center;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 10px;
    border: 1px solid transparent
}

.input_checkbox.checked {
    background: url("../images/checked_checkbox.png") no-repeat transparent
}

.input_checkbox {
    height: 24px;
    width: 25px;
    float: left;
    border: 2px solid black;
    margin-right: 5px;
    background: url("../images/no_checked.png") no-repeat transparent
}

input[type="checkbox"] {
    display: none
}

.input,
.input_checkbox {
    border: 2px solid black
}

.auth_menu div.active .input_checkbox,
.auth_menu div.active .input_auth {
    border: 2px solid #fff
}

.checkbox_row {
    height: 40px;
    clear: both
}

#blocker {
    display: none;
    background-color: black;
    opacity: .6;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 201
}

.help_button {
    float: left;
    margin-right: 10px
}

.list_item_text {
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text_program {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 89%
}

#program {
    float: left
}

#date_title {
    float: left;
    padding: 11px 0;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%
}

.record {
    float: right
}

.none {
    display: none
}

.header.big {
    height: 10%;
}

.header.small {
    height: 5%;
}

.header {
    height: 5%;
}

.left {
    float: left
}

.right {
    float: right;
    margin-right: 10px
}
input#server_uni {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    height: 35px;
    padding: 6px;
    width: 350px;
}
.radius_10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px
}

.radius_4 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px
}

.bold {
    font-weight: bold
}

.transparent {
    background: none !important
}

#center_block {
    display: none;
    left: 30%;
    top: 35%;
    position: absolute;
    z-index: 999;
    background-color: #0c090a;
    padding: 15px 40px
}

#center_block_menu .listitem {
    text-align: center;
    width: 300px
}

#center_block_page {
    width: 100px;
    left: 40%
}

.small_block {
    left: 41% !important;
    top: 45% !important
}

.arrow_big_up,
.arrow_big_down {
    width: 42px;
    height: 30px;
    margin: auto
}

.arrow_big_up {
    background: url("../images/arrow_up.png") no-repeat transparent
}

.arrow_big_up:hover {
    background: url("../images/arrow_up_active.png") no-repeat transparent
}

.arrow_big_down {
    background: url("../images/arrow_down.png") no-repeat transparent
}

.arrow_big_down:hover {
    background: url("../images/arrow_down_active.png") no-repeat transparent
}

.navigate_info {
    display: none;
    width: 100%;
    height: 100%
}

.navigate_info_item {
    padding: 3% 2%;
    position: absolute;
    width: 26%;
    text-align: center;
    opacity: .9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px
}

.navigate_info_item:hover {
    cursor: pointer;
    background: grey !important
}

.navigate_info img {
    position: absolute
}

.info_left {
    top: 45%
}

.info_center {
    top: 45%;
    left: 35%
}

.info_left img {
    left: 1%
}

.info_top {
    left: 35%
}

.info_top img {
    top: 1%;
    left: 44%;
    width: 12%
}

.info_right {
    top: 45%;
    right: 0
}

.info_right img {
    right: 1%
}

.info_bottom {
    left: 35%;
    bottom: 0
}

.info_bottom img {
    bottom: 1%;
    left: 44%;
    width: 12%
}

.info_bottom_right {
    right: 0;
    bottom: 0
}

.info_top_left {
    left: 0;
    top: 0
}

.info_top_right {
    right: 0;
    top: 0
}

.info_bottom_left {
    left: 0;
    bottom: 0
}

.help {
    height: 35px;
    margin-left: 25px;
    position: absolute;
    bottom: 12px
}

.help_item {
    margin-right: 15px;
    float: left;
    cursor: pointer;
    border: 3px solid transparent
}

.help_item.active {
    border: 3px solid #d013d2
}

.help_item div {
    float: left
}

.help_title {
    padding-top: 6px;
    margin-left: 10px
}

.line {
    height: 50px;
    padding: 0 8px
}

.line.small {
    height: 35px
}

.listitem,
.remind_btn {
    width: 98%;
    margin: 0 auto 5px auto;
    padding: 2px 0;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border: 1px solid transparent
}
#epg_container .listitem:nth-child(3n+3) {
     padding: 2px 0 !important;
     margin: 0 auto !important;
}
#epg_container .listitem {
    padding: 1px 0 2px 0 !important;
    margin: 0 auto !important;
}
.listitem_input {
    margin-bottom: 10px;
    padding: 10px 0;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border: 1px solid transparent
}

.listitem.active,
.setttings_channels_listitem:active,
.grey.active,
.submit.active,
.player_line,
.player_time_active_line,
.player_cur_time_val,
.player_live_time_val,
.genre_item:hover,
.genre_item.active,
.submit:hover,
.listitem_input:hover,
.chose_settings.active .submit,
.remind_btn:hover,
.remind_btn.active,
.keyboard_key.active,
.keyboard_key:hover,
.channel_content_info.active,
.channel_content_rec.active,
.filmitem.active .film_text {
    border: 1px solid #c4d4e3;
    border-radius: 9px;
    box-shadow: 0 0 5px 4px #7a8fb3, 0 0 8px 3px #7a8fb3 inset;
}
.setttings_channels_listitem:hover,
.hover,
.chose_settings.active,
.remind_btn:hover,
.submit:hover,
.keyboard_key:hover,
.keyboard_key.active,
.channel_content_info:hover,
.channel_content_rec:hover,
.channel_content_info.active,
.channel_content_rec.active,
.dropdown .listitem.active {
    border: 1px solid #c4d4e3;
    box-shadow: 0 0 5px 4px #7a8fb3, 0 0 8px 3px #7a8fb3 inset;
    cursor: pointer
}

.green {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #36c94f), color-stop(1, #347d2d));
    background-image: -o-linear-gradient(bottom, #36c94f 0, #347d2d 100%);
    background-image: -moz-linear-gradient(bottom, #36c94f 0, #347d2d 100%);
    background-image: -webkit-linear-gradient(bottom, #36c94f 0, #347d2d 100%);
    background-image: -ms-linear-gradient(bottom, #36c94f 0, #347d2d 100%);
    background-image: linear-gradient(to bottom, #36c94f 0, #347d2d 100%)
}

.grey,
.grey_line,
.remind_btn,
.submit,
.keyboard_key {
    background: #333;
    background: -moz-linear-gradient(top, #333 0, #0f0f0f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0f0f0f), color-stop(100%, #0f0f0f));
    background: -webkit-linear-gradient(top, #333 0, #0f0f0f 100%);
    background: -o-linear-gradient(top, #333 0, #0f0f0f 100%);
    background: -ms-linear-gradient(top, #333 0, #0f0f0f 100%);
    background: linear-gradient(to bottom, #333 0, #0f0f0f 100%);
    opacity: .9
}
#ch_number {
    background: #333 repeat scroll 0 0;
    opacity:0.9;
    border-radius: 5px;
    height: auto;
    padding: 10px;
    position: fixed;
    right: 2%;
    text-align: center;
    top: -10%;
    width: 4%;
    z-index: 2000;
}
#statusbar, #language {
    z-index: 2000;
    height: auto;
    padding: 10px;
    left: 33.3333%;
    position: fixed;
    top: -100px;
    width: 33.3333%;
    text-align: center;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.58);
    overflow-wrap: break-word
}

.container_menu {
    opacity: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.58);
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
}

.content,
.content_channels_list {
    position: relative;
    width: 100%;
    height: 73%;
    clear: both;
    left: 0;
    -webkit-transition: left 0.2s ease-in-out;
    -moz-transition: left 0.2s ease-in-out;
    -o-transition: left 0.2s ease-in-out;
    transition: left 0.2s ease-in-out;
}

.content.big {
    height: 70%
}

.content.vod_one {
    height: 93%
}

.content.ch_list {
    height: 100%
}
.local_time {
    bottom: 0 !important;
    position: relative !important;
    right: 0 !important;
    z-index: 0 !important;
}
.description_short .title {
    height: auto !important;
    margin-bottom: 10px
}

.main_menu_container {
    margin-left: 33.33%;
    margin-top: 20px;
    overflow: hidden;
    float: left;
    width: 33.33%
}

#menu_container {
    position: absolute;
    width: 100%
}

.menu_cat {
    float: left;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.active .menu_cat {
    width: 80%
}

.channels_cat {
    text-align: center;
    height: 20px;
    width: 68%;
    overflow: hidden;
    white-space: nowrap;
    line-height: 20px;
    float: left
}

#menu_container .listitem,
#top_container .listitem {
    padding: 15px 0;
    text-align: center;
    margin-bottom: 10px;
    width: 99%
}

#menu_container .listitem.active,
#genres_container .listitem.active,
#top_container .listitem.active,
.channels_menu .listitem.active,
.input_item.active,
.relogin,
.settings_container .listitem.active,
.setttings_channels_listitem.active,
.listitem_input.active,
.submit.active {
    border: 1px solid white
}

.chose_settings {
    clear: both;
    overflow: hidden;
    padding: 10px
}

.chose_settings .left_arrow,
.chose_settings .right_arrow {
    height: 40px
}

.settings_cat {
    padding: 14px 0;
    float: left;
    text-align: center;
    margin-left: 50px
}

.title_text {
    float: left;
    margin: 5px 50px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    width: 40%
}

.title_text_button {
    margin-top: 10px
}

.settings_container {
    margin: 10px;
    width: 98%
}

.relogin {
    width: 45%;
    margin-top: 20px;
    padding: 20px
}

.menu_cat_settings {
    margin-left: 30px
}

.settings_container .listitem,
.setttings_channels_listitem {
    width: 98%
}

.settings_container.title_text {
    margin: 5px 50px 0 10px
}

#dropdown_menu .listitem {
    width: 99%
}

.timezone .chose_settings {
    max-width: 530px;
    width: 90%
}

.long {
    width: 50%
}

.listitem_input {
    height: 30px;
    width: 80%
}
.select-style {
    border: 1px solid #ccc;
    width: 225px;
    border-radius: 3px;
    overflow: hidden;
    background:url('../images/select.png') no-repeat 95% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 245px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}
.settings_value {
    float: left;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    margin: 5px 20px 0 20px;
    width: 26%
}

.dropdown_container .listitem {
    width: auto;
    height: 20px
}

.star {
    float: right;
    width: 50px;
    height: 32px
}

.star:hover {
    cursor: pointer
}

.star.active.star_fav_3,
.star.star_fav_3:hover {
    background: url('../images/star_fav_3.png') no-repeat
}

.star.active.star_fav_2,
.star.star_fav_2:hover {
    background: url('../images/star_fav_2.png') no-repeat
}

.star.active.star_fav_1,
.star.star_fav_1:hover {
    background: url('../images/star_fav_1.png') no-repeat
}

.star.star_fav_3 {
    background: url('../images/no_star_fav_3.png') no-repeat
}

.star.star_fav_2 {
    background: url('../images/no_star_fav_2.png') no-repeat
}

.star.star_fav_1 {
    background: url('../images/no_star_fav_1.png') no-repeat
}

.red {
    color: #d37373
}

.green {
    color: #a4eea4
}

.yellow {
    color: #eeee7d
}

.thin_btn {
    padding-top: 8px
}

input[type="number"],
input[type="text"],
input[type="password"] {
    width: 160px
}

.settings_container input[type="text"],
.settings_container input[type="password"] {
    width: 30%;
    padding: 0;
    margin: 0
}

#ask_parent_pass {
    background-color: black;
    border-radius: 9px;
    display: none;
    left: 50%;
    margin-left: -225px;
    padding: 20px;
    position: absolute;
    top: 50%;
    margin-top: -100px;
    width: 450px;
    z-index: 999
}

#ask_parent_pass .listitem_input {
    width: auto;
    text-align: center
}

#ask_parent_pass input[type="text"] {
    width: 240px;
    padding: 0;
    margin: 0
}

.timezone .title_text {
    width: 170px
}

.abonement .title_text {
    width: 280px
}

.settings_container .submit {
    width: 33%;
    margin: 0
}

.chose_settings .submit {
    float: left
}

.setttings_channels_listitem {
    height: 25px;
    margin: 0 0 6px;
    padding: 11px 0;
    border: 1px solid transparent
}

.chose_settings {
    border: 1px solid transparent
}

.setttings_channels_listitem .list_item_text {
    width: 60%;
    float: left
}


#right_channels_container {
    overflow: hidden;
    height: 100%
}

#left_channels_container {
    width: 32%;
    background: rgba(0, 0, 0, 0.58);
    float: left;
    height: 100%
}

#channels_list, #category_list {
    overflow: hidden;
    width: 100%;
}
.content_category, #channels_container_epg, #epg {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #333 0px, #0f0f0f 100%) repeat scroll 0 0;
    border-radius: 9px;
    opacity: 0.9;
    padding: 2px;
}
#channels_menu #channels_list {
    width: 80%;
    float: left
}

#channels_menu .scroll_content {
    margin: auto
}

.settings_list {
    overflow: hidden;
    width: 90%;
    margin: 20px 0 25px 25px
}

.settings_list.channels_settings {
    width: 80%;
    float: left
}

#channels_settings,
#dropdown_menu,
#channels_container{
    position: absolute;
    width: 100%
}
#channels_menu {
    padding-left: 20px;
    width: 100%
}

#line_channel {
    margin: 20px 0
}

#type_container .left_arrow,
#type_container .right_arrow {
    width: 30px
}

.content_program,.content_category {
    margin: 0 0 0 25px
}

#channels_container_epg {
    width: 24%;
    float: left
}

#epg_container_list {
    width: 100%;
    overflow: hidden
}

#epg_container {
    position: absolute;
    width: 100%
}

#epg {
    padding-top: 5px;
    float: left;
    width: 45%
}

#cur_time {
    position: absolute;
    width: 2px;
    top: 1px;
    height: 80px;
    box-shadow: 0 0 10px white;
    z-index: 110
}

#cur_time_val,
.player_cur_time_val,
.player_live_time_val {
    position: absolute;
    top: 1px;
    z-index: 110;
    padding: 5px;
    opacity: 1 !important
}

.types_menu_program {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    width: 19.7%;
    cursor: pointer;
    border: 1px solid transparent
}

.types_menu_program.hover,
.types_menu_program:hover {
    border: 1px solid #fff
}

.progam_container {
    clear: both;
    width: 20000px;
    overflow: hidden
}

.progam_container .listitem {
    margin-right: 10px
}

.epg_descr {
    padding: 1% 5%;
    width: 90%;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #333 0px, #0f0f0f 100%) repeat scroll 0 0;
    height: 20%;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
}

#time_line {
    height: 38px
}

#time_line div {
    float: left
}

#epg_descr_title {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

#epg_descr_duration {
    float: right;
    width: 10%;
    white-space: nowrap;
    overflow: hidden
}

#epg_descr_descr {
    clear: both;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60%
}

.epg_top {
    margin-bottom: 5px;
    overflow: hidden;
    height: 30px
}

#epg_date_container {
    margin: 0 auto;
    border: 1px solid transparent;
    padding: 1px;
    text-align: center
}

#epg_date_container.active {
    border: 1px solid #c4d4e3;
    box-shadow: 0 0 5px 4px #7a8fb3, 0 0 8px 3px #7a8fb3 inset;
}

#epg_date_container .left_arrow,
#epg_date_container .right_arrow {
    width: 10%;
    height: 100%
}

#category_container {
    width: 94%;
    overflow: hidden;
    height: 100%;
    float: left
}

.kinozal_container {
    padding: 0 20px;
    height: 100%
}

#films {
    width: 72%;
    padding-right: 5px;
    height: 500px;
    float: left
}

#film {
    height: 100%
}

.filmitem {
    float: left;
    border: 2px solid transparent;
    margin-bottom: 5px;
    margin-right: 5px;
    position: relative
}

.filmitem img {
    height: 100%;
    width: 100%
}

.favorite_film {
    position: absolute;
    left: 10px;
    width: 25px;
    height: 50px;
    top: -2px
}

.favorite .favorite_film {
    background: url('../images/zakladka.png') no-repeat
}

.film_text {
    position: absolute;
    background-color: black;
    height: 38px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    bottom: 0;
    opacity: 1 !important
}

.filmitem.active {
    border: 2px solid white
}

.filmitem:hover {
    border: 2px solid white
}

.arrow_movies {
    height: 30px;
    clear: both
}

.arrow_movies div {
    width: 42px;
    margin: 0 auto;
    height: 30px
}

.arrow_movies:hover #arrow_up {
    background: url('../images/arrow_up_active.png') no-repeat
}

#arrow_up {
    background: url('../images/arrow_up.png') no-repeat
}

#arrow_down {
    background: url('../images/arrow_down.png') no-repeat
}

.arrow_movies:hover #arrow_down {
    background: url('../images/arrow_down_active.png') no-repeat
}

#film_descr {
    border-left: 1px grey solid;
    float: left;
    height: 100%;
    padding-left: 8px;
    padding-top: 20px;
    width: 26%;
    overflow: hidden;
    line-height: 21px
}

#film_descr.title {
    margin-bottom: 10px
}

.subtitle {
    color: #8dc1e4
}

.film_info {
    margin-bottom: 10px
}

#films_container {
    position: relative;
    overflow: hidden;
    height: 494px
}

#film_items {
    position: absolute;
    top: 0
}

.center {
    text-align: center
}

#film #film_descr {
    height: 100%;
    width: 58%
}

#film_big_img {
    margin: 40px 25px 12px 0;
    width: 35%;
    overflow: hidden
}

#film .center {
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

#film .title {
    white-space: nowrap;
    overflow: hidden
}

.genre_item {
    padding: 15px 0;
    margin: 0 10px 10px 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left
}

#genres_container {
    position: absolute;
    width: 100%
}

.genres_list {
    margin: 20px;
    position: relative;
    float: left;
    width: 96%;
    height: 100%
}

.input_item {
    padding: 10px 300px 10px 10px;
    width: 250px;
    margin-bottom: 10px;
    border: 1px solid transparent
}

#kinozal_search {
    height: 24px;
    line-height: 25px;
    width: 100%
}

.kinozal_search {
    margin: 20px
}

#cur_page {
    font-size: 50px
}

.time {
    position: absolute;
    right: 30px;
    z-index: 200;
    bottom: 5px
}

.time.channel_time {
    background: rgba(0, 0, 0, 0.58);
    top: 20px;
    padding: 20px;
    height: 24px;
    line-height: 24px
}

.vod_cat {
    float: left;
    width: 40%;
    overflow: hidden;
    white-space: nowrap
}

.big .time {
    bottom: 20px
}

.next_back {
    background-color: black;
    padding: 50% 0;
    width: 100%;
    height: 40px;
    font-size: 16px
}

#top_container {
    width: 300px;
    margin: 0 auto;
    height: 300px;
    padding-top: 30px
}

.player_container {
    display: none;
    background: rgba(0, 0, 0, 0.58);
    bottom: 0;
    width: 100%;
    position: absolute;
    height: 20%;
}
#integrated_player {
    bottom: 0;
    position: absolute;
    opacity: 0;
}
.player_line {
    padding: 5px 35px;
    height: 45px;
    white-space: nowrap;
    overflow: hidden;
    width: 95%;
    text-overflow: ellipsis
}

.player_line div {
    float: left
}

.player_line .channel_title {
    padding: 12px 0
}

.player_main_info {
    padding-top: 45px;
    width: 100%;
    line-height: 30px;
    height: 30px
}

.player_content {
    padding: 10px 0;
    margin-bottom: 15px;
    width: 100%
}

.player_icon {
    float: left;
    margin-right: 45px;
    width: 70px
}

.player_icon img {
    width: 70px
}

.player_time_val {
    width: 10%;
    max-width: 90px;
    margin-right: 12px;
    height: 30px
}

.player_time_val_end,
.player_time_val,
.player_date {
    margin-left: 10px;
    width: 6%
}

.player_main_info div {
    float: left
}

.player_time_line {
    width: 100%;
    border-radius: 10px;
    background-color: white;
    overflow: hidden
}

.player_time_line:hover {
    cursor: pointer
}

.player_time_block {
    position: relative;
    width: 64%
}

.player_time_active_line {
    border-radius: 10px 0 0 10px
}

.player_cur_time_val,
.player_live_time_val {
    top: -50px;
    left: -45px;
    border-radius: 5px;
    padding: 3px 5px
}

.player_time_active_line,
.player_time_line {
    height: 30px
}

.player_descr {
    height: 60px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 40px;
}

.player_vert_line,
.player_vert_line_live {
    width: 2px;
    height: 55px;
    position: absolute;
    top: -25px;
    background-color: #d013d2
}

.player_vert_line {
    height: 55px;
    top: -40px
}

.player_help {
    padding: 5px 20px
}

.player_date {
    width: 11%;
    overflow: hidden;
    height: 30px
}

#live {
    position: absolute;
    left: 75px;
    color: #d013d2
}

.info_what {
    float: left;
    margin-right: 5px
}

.program_now {
    font-weight: bold;
    margin-bottom: 10px;
    height: 80px;
    line-height: 26px;
    overflow: hidden
}

.info_small {
    position: absolute;
    padding: 20px;
    margin-bottom: 20px;
    bottom: 0;
    right: 0;
    height: 150px;
    z-index: 200;
    color: white;
    background: rgba(0, 0, 0, 0.58)
}

.info {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 190px;
    z-index: 200;
    background: rgba(40, 40, 40, 0.8)
}

.program_active_cat {
    background: url('../images/bg_cat.svg') no-repeat 0 0 !important;
}

.programs {
    padding: 10px 30px 20px 30px
}

#logo_menu {
    margin: 0 10px 10px 10px;
}
.small #logo_menu {
    margin: 0
}

.prim {
    margin: 10px 0 0 45px
}

#title {
    float: left;
    margin-left: 25px
}

#cur_channel {
    background: #d013d2;
    height: 25px;
    padding: 5px
}

.checkbox {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    float: left
}

#left_menu_channels {
    margin: 25px 0 0 35px
}

#loader {
    position: absolute;
    width: 24px;
    left: 50%;
    height: 24px;
    z-index: 2000;
    top: 50%;
    display: none
}

#loader img {
    width: 24px;
    height: 24px;
    border-radius: 15px;
    background: rgba(5, 5, 5, 0.9)
}

#channels {
    width: 225px;
    float: left
}

.left_arrow_menu,
.right_arrow_menu {
    width: 10%;
    height: 100%;
    float: left
}

#date_container {
    height: 35px;
    margin: 10px 0 0 25px
}

.logo {
    background: url(../images/logo.png) no-repeat 0 0 transparent;
    height: 54px;
    width: 245px;
    float: left;
    margin: 5px 0 5px 30px
}

.small .logo {
    background: url(../images/logo_small.png) no-repeat 0 0 transparent;
    height: 40px;
    float: left
}

.scroll_content {
    position: relative;
    float: left;
    margin-top: 18px
}

.scrollbar {
    width: 8px;
    background: #000;
    opacity: .7;
    position: relative;
    border-radius: 3px;
    margin-left: 17px
}

.scrollbar .bar {
    position: absolute;
    top: 0;
    background: #FFF;
    width: 8px;
    border-radius: 3px
}

.dropdown .bar {
    width: 8px
}

.scroll_arrow_up,
.scroll_arrow_down {
    width: 42px;
    height: 30px;
    cursor: pointer
}

.scroll_arrow_up {
    background-image: url(../images/arrow_up.png)
}

.scroll_arrow_up:hover {
    background-image: url(../images/arrow_up_active.png)
}

.scroll_arrow_down {
    background-image: url(../images/arrow_down.png)
}

.scroll_arrow_down:hover {
    background-image: url(../images/arrow_down_active.png)
}

#date {
    line-height: 32px;
    width: 200px;
    float: left;
    margin: 0 0 0 100px;
    padding: 10px
}

.arrow {
    display: none;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    clear: both;
    margin: 5px 0 0 100px
}

.arrow.long {
    width: 920px
}

.arrow.short {
    width: 220px
}

.arrow.menuright {
    width: 670px;
    margin: 5px 0 0 50px
}

.arrow.up {
    background: url(../images/arrow_up.png) no-repeat center center transparent
}

.arrow.down {
    background: url(../images/arrow_down.png) no-repeat center center transparent
}

.left_arrow,
.right_arrow {
    width: 3%;
    height: 100%;
    float: left;
    cursor: pointer
}

.left_arrow,
.left_arrow_menu {
    background: url(../images/arrow_left.png) no-repeat center center transparent
}

.left_arrow:hover,
.left_arrow_menu:hover {
    background: url(../images/arrow_left_active.png) no-repeat center center transparent
}

.right_arrow,
.right_arrow_menu {
    background: url(../images/arrow_right.png) no-repeat center center transparent
}

.right_arrow:hover,
.right_arrow_menu:hover {
    background: url(../images/arrow_right_active.png) no-repeat center center transparent
}

.top_btn {
    margin: 15px 100px 15px 15px !important
}

#type_container {
    margin: 0 0 0 5%;
    height: 100%
}

.clear {
    clear: both
}

input:disabled {
    background-color: white !important;
    color: black !important
}

#version {
    position: absolute;
    top: 10px;
    right: 20px
}

#exit {
    display: none;
    position: absolute;
    bottom: 70px;
    right: 20px
}

#exit div {
    float: left
}

#dialog_message {
    display: none;
    position: absolute;
    height: 260px;
    background: rgba(10, 10, 10, 1) none repeat scroll 0 0;
    padding: 20px;
    border-radius: 10px;
    color: #FFF;
    z-index: 1000;
    top: 11%;
    left: 30%;
    width: 40%
}

#dialog_message_text {
    padding: 85px;
    text-align: center
}

.navigation_key {
    float: left;
    text-align: center;
    width: 40%;
    border: 1px solid transparent;
    padding: 10px
}

.navigation_key.active {
    border: 1px solid #fff
}

#dialog_message_select_block {
    position: absolute;
    top: 215px;
    width: 200px;
    height: 50px
}

#message_update {
    position: absolute;
    left: 120px;
    width: 100%;
    top: 12px;
    z-index: 1000;
    color: yellow
}

#play_button {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute
}

#buffer {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    line-height: 25px;
    color: white;
    border-radius: 9px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.58);
    z-index: 1001
}

.zero_block {
    height: 0;
    width: 0;
    position: absolute
}

#volume_val {
    float: left;
    padding: 12px 0;
    width: 50px
}

.integratedPlayer {
    background: url("../images/bg.png")
}

.integratedPlayer .player_main_info {
    padding: 20px;
    width: 95%;
    border: 1px solid transparent;
    border-radius: 9px
}

.integratedPlayer .player_main_info.active {
    border: 1px solid white
}

#integratedPlayer {
    padding: 30px
}

#channel_content {
    height: 100px
}

#cur_channel_img {
    float: left;
    margin-right: 15px
}

#channel_img {
    width: 60px
}

.remind_btn {
    float: left;
    margin-right: 1%;
    text-align: center;
    width: 13%
}

.big.remind_btn {
    width: 20%
}

#remind_block {
    margin: 20px 0;
    height: 50px
}

#integratedPlayer .epg_descr {
    margin: 20px 0 0 0;
    width: auto
}

#cur_channel_title {
    padding: 20px 0
}

.keyboard_container {
    position: relative;
    width: 830px;
    padding: 35px 0;
    margin: 0 auto
}

.keyboard_key {
    width: 54px;
    margin: 0 10px 10px 0;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border: 2px solid transparent;
    float: left;
    line-height: 30px;
    text-align: center;
    font-size: 32px
}

#keyboard_top,
#keyboard_middle,
#keyboard_bottom {
    overflow: hidden
}

#keyboard_key_input {
    display: block;
    line-height: 38px;
    height: 38px;
    margin: 0 10px 10px 0;
    font-size: 40px;
    color: #555;
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -o-transition: border-color ease-in-out .10s, box-shadow ease-in-out .10s;
    transition: border-color ease-in-out .10s, box-shadow ease-in-out .10s;
    text-align: inherit
}

#keyboard_key_clear_all,
#keyboard_key_clear {
    height: 39px;
    position: relative
}

#keyboard_key_clear_all img,
#keyboard_key_clear img {
    width: 50px;
    position: absolute
}

#keyboard_bottom div {
    font-size: 18px;
    font-weight: bold
}

@media screen and (max-height:630px) {
    .channel_number {
        width:7%;
    }
    .fav_navigate {
        display: none;
    }
    .logo {
        background-size: 100%;
        margin: 5px 0 5px 15px;
        height: 27px;
        width: 123px;
    }
    .settings_container {
        margin: 0;
    }
    .chose_settings {
     padding: 5px;
    }
    #connection {
        height: 30px;
    }
    .con_img {
        height: 30px;
        width: 30px;
    }
    .chanel_logo {
        width:30px;
    }
    .chanel_logo img {
        height:22px;
    }
    .progress_line {
        margin-top: 0;
        height: 10px;
        border: 1px solid #fff;
    }
    .inner_line {
        height: 8px;
    }
    .footer_program, .footer_progress, #connection {
        font-size: 12px;
    }
    .footer_progress {
        padding-top: 0;
        padding-bottom: 0;
    }
    .chanel_name, .chanel_f_number {
        line-height: 25px;
    }
    .content_program, .content_category {
        margin:0 0 0 4px;
    }
    #channels_container_epg {
        width:25%;
    }
    .content, .content_channels_list {
        padding-top: 1%;
        padding-bottom: 1%;
    }
    .listitem{
        margin: 0;
        padding: 0;
    }
    .main_chanel_title{
        padding: 0;
        font-size: 14px;
        height: 15px;
    }
    .scrollbar {
        margin-left:6px;
    }
    .scroll_arrow_up, .scroll_arrow_down {
        width: 21px;
        height: 15px;
        cursor: pointer;
        background-size: 21px 15px;
    }
    .time {
        right: 10px;
    }
    .condition {
        background-size: 30px 30px;
        height: 30px;
        margin-bottom: -10px;
        width: 30px;
    }
    #logo_menu img {
        width: 65px;
    }
    #logo_menu div img {
        width: 20px;
    }
    body {
        font-size: 15px
    }
    #auth_menu {
        padding-top: 30px
    }
    .menu_cat {
        padding: 13px 0
    }
    .types_menu_program {
        padding: 10px 0
    }
    .filmitem {
        height: 163px;
        width: 123px;
        position: relative
    }
    .info_small {
        width: 90.5%
    }
    .genre_item {
        width: 170px
    }
    .keyboard_key {
        padding: 12px
    }
    #keyboard_key_input {
        padding: 12px;
        width: 608px
    }
    #keyboard_key_space {
        width: 424px
    }
    #keyboard_key_search {
        width: 148px
    }
    #keyboard_key_lang {
        padding: 12px 2px;
        width: 76px
    }
    #keyboard_key_clear_all img,
    #keyboard_key_clear img {
        left: 14px;
        top: 7px
    }
    .font_90 {
        font-size: 18px;
        line-height: 18px
    }
    .font_100 {
        font-size: 20px;
        line-height: 20px;
        height: 20px
    }
    .font_110 {
        font-size: 22px;
        line-height: 22px;
        height: 22px
    }
    .font_120,
    .title_text,
    .settings_value {
        font-size: 15px;
        line-height: 15px;
        height: 15px
    }
    .font_130 {
        font-size: 26px;
        line-height: 26px;
        height: 26px
    }
    .font_140 {
        font-size: 28px;
        line-height: 28px;
        height: 28px
    }
    .list_item_text {
        font-size: 12px;
        line-height: 18px;
        height: 18px;
        margin:0 2px;
    }
    #epg_container .listitem .list_item_text {
        font-size: 6px;
        line-height: 8px;
        height: 8px;
    }
    .help_item img {
        width: 32px
    }
    .help_item div {
        font-size: 16px
    }
    .thin_btn {
        padding-top: 6px
    }
    #epg_date_container {
        height: 15px;
        padding: 0;
        border: none;
    }
    #epg_date_container .left_arrow, #epg_date_container .right_arrow {
        background-size: 50% 100%;
    }
    #date_title {
        padding: 0;
    }
    .list_item_text img {
        margin: 0 5px !important;
    }
    #epg {
        padding-top: 0;
    }
    .vod_line {
        line-height: 50px
    }
    .player_descr {
        height: 55px
    }
}

@media screen and (min-height:640px) {
    body {
        font-size: 22px
    }
    .menu_cat {
        padding: 12px 0
    }
    .filmitem {
        height: 230px;
        width: 150px;
        position: relative
    }
    .info_small {
        width: 92.5%
    }
    .types_menu_program {
        padding: 10px 0
    }
    .genre_item {
        width: 290px
    }
    .keyboard_container {
        width: 980px
    }
    .keyboard_key {
        padding: 20px
    }
    #keyboard_key_input {
        width: 705px;
        padding: 20px
    }
    #keyboard_key_space {
        width: 489px
    }
    #keyboard_key_search {
        width: 164px
    }
    #keyboard_key_lang {
        padding: 20px 10px;
        width: 76px
    }
    #keyboard_key_clear_all img,
    #keyboard_key_clear img {
        left: 20px;
        top: 15px
    }
    .font_90 {
        font-size: 20px;
        line-height: 20px
    }
    .font_100 {
        font-size: 22px;
        line-height: 22px;
        height: 22px
    }
    .font_110 {
        font-size: 24px;
        line-height: 24px;
        height: 24px
    }
    .font_120,
    .title_text,
    .settings_value {
        font-size: 26px;
        line-height: 26px;
        height: 28px
    }
    .font_130 {
        font-size: 28px;
        line-height: 28px;
        height: 28px
    }
    .font_140 {
        font-size: 30px;
        line-height: 30px;
        height: 30px
    }
    .list_item_text {
        font-size: 24px;
        line-height: 27px;
        height: 27px;
    }
    #epg_container .listitem .list_item_text {
        font-size: 16px !important;
        line-height: 20px !important;
        height: 20px !important;
    }
    #epg_date_container {
        height: 44px
    }
    .vod_line {
        line-height: 50px
    }
    .thin_btn {
        padding-top: 3px
    }
}

@media screen and (min-height:900px) {
    body {
        font-size: 36px
    }
    .line {
        height: 80px
    }
    .auth_menu {
        width: 490px
    }
    .auth {
        margin: 30px 0
    }
    #auth_menu {
        padding-top: 100px
    }
    .setttings_channels_listitem {
        height: 42px
    }
    .login_row {
        height: 60px
    }
    #auth_menu .label {
        padding-top: 7px !important
    }
    .input_auth input,
    .row_title {
        width: 230px
    }
    .menu_cat {
        padding: 18px 0
    }
    .filmitem {
        height: 350px;
        width: 250px;
        position: relative
    }
    .info_small {
        width: 92.5%
    }
    .genre_item {
        width: 290px
    }
    .keyboard_container {
        width: 1420px;
        padding-top: 100px
    }
    #keyboard_key_space {
        width: 708px
    }
    #keyboard_key_search {
        width: 236px
    }
    #keyboard_key_lang {
        padding: 30px 10px;
        width: 120px
    }
    #keyboard_key_clear_all img,
    #keyboard_key_clear img {
        left: 30px;
        top: 10px;
        width: 75px
    }
    .keyboard_key {
        width: 78px;
        margin: 0 15px 15px 0;
        font-size: 70px;
        padding: 30px
    }
    .font_90 {
        font-size: 32px;
        line-height: 32px
    }
    .font_100 {
        font-size: 36px;
        line-height: 36px;
        height: 36px
    }
    .font_110 {
        font-size: 38px;
        line-height: 38px;
        height: 38px
    }
    .font_120,
    .title_text,
    .settings_value {
        font-size: 40px;
        line-height: 40px;
        height: 42px
    }
    .chose_settings .left_arrow,
    .chose_settings .right_arrow {
        height: 46px
    }
    .font_130 {
        font-size: 42px;
        line-height: 42px;
        height: 42px
    }
    .font_140 {
        font-size: 44px;
        line-height: 44px;
        height: 44px
    }
    .list_item_text {
        font-size: 38px;
        line-height: 59px;
        height: 59px
    }
    #epg_container .listitem .list_item_text {
        font-size: 26px;
        line-height: 41px;
        height: 41px;
    }
    .types_menu_program {
        font-size: 41px;
        line-height: 75px;
        height: 98%;
        padding: 0
    }
    .help_title {
        padding: 0
    }
    #date_title {
        padding: 7px 0
    }
    #film_descr {
        line-height: 40px
    }
    .listitem_input {
        height: 48px
    }
    .settings_container input[type="text"],
    .settings_container input[type="password"] {
        height: 50px
    }
    .input_checkbox {
        height: 40px;
        width: 40px
    }
    .input_checkbox {
        background-size: 40px
    }
    .input_checkbox.checked {
        background-size: 40px
    }
    #cur_time_val,
    .player_cur_time_val,
    .player_live_time_val {
        padding: 0 5px
    }
    .player_time_active_line,
    .player_time_line {
        height: 40px
    }
    .player_vert_line,
    .player_vert_line_live {
        height: 65px
    }
    .player_line .channel_title {
        padding: 0
    }
    .player_main_info,
    .player_date {
        height: 40px;
        line-height: 40px
    }
    #live {
        left: 110px;
        bottom: 0
    }
    #logo_auth img {
        width: 450px
    }
    .submit {
        margin-top: 40px
    }
    .film_text {
        height: 70px;
        font-size: 28px
    }
    #films_container {
        margin: 50px 0
    }
    #keyboard_key_input {
        width: 1025px;
        padding: 30px;
        font-size: 70px
    }
    #keyboard_bottom div {
        font-size: 32px
    }
    .thin_btn {
        padding: 0
    }
    .epg_top {
        height: 42px
    }
    #epg_date_container {
        height: 44px
    }
    .vod_line {
        line-height: 80px
    }
    #types_menu {
        line-height: 80px
    }
}

.channel_content_block {
    position: relative;
    overflow: hidden;
    width: 89%;
    float: left
}

.channel_content {
    float: left;
    margin: 0 10px 8px 0;
    width: 48%;
    height: 85px
}

.channel_content_epg {
    height: 43px;
    line-height: 21px;
    overflow: hidden
}

.channel_content_img {
    float: left;
    margin-right: 10px
}

.channel_content_img img {
    width: 80px
}
.channel_icon {
    margin: -35px 5px 0 10px;
}
.channel_icon_img {
    height: 80px;
}

.content_block {
    padding-top: 25px;
    height: 100%
}

.content_block .left_arrow,
.content_block .right_arrow {
    margin: 0 10px 0 10px
}

.channel_content_info {
    float: left;
    width: 78%;
    padding: 5px;
    border: 1px solid transparent;
    height: 80px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.channel_content_rec {
    float: left;
    margin-left: 15px;
    text-align: center;
    padding: 31px 10px;
    border: 1px solid transparent;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    width: 37px;
    height: 24px
}

.channel_content_title {
    margin-bottom: 5px;
    overflow: hidden
}

.player_line .channel_title {
    width: 92%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.background_map {
    background: url("../images/background_big.jpg") !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important
}


.wc-tornado {
    background-image: url("../images/weather/wc-tornado.png");
}
.wc-tropical-storm {
    background-image: url("../images/weather/wc-tropical-storm.png");
}
.wc-hurricane {
    background-image: url("../images/weather/wc-hurricane.png");
}
.wc-severe-thunderstorms {
    background-image: url("../images/weather/wc-severe-thunderstorms.png");
}
.wc-thunderstorms {
    background-image: url("../images/weather/wc-thunderstorms.png");
}
.wc-rain-and-snow {
    background-image: url("../images/weather/wc-rain-and-snow.png");
}
.wc-rain-and-sleet {
    background-image: url("../images/weather/wc-rain-and-sleet.png");
}
.wc-snow-and-sleet {
    background-image: url("../images/weather/wc-snow-and-sleet.png");
}
.wc-freezing-drizzle {
    background-image: url("../images/weather/wc-freezing-drizzle.png");
}
.wc-drizzle {
    background-image: url("../images/weather/wc-drizzle.png");
}
.wc-freezing-rain {
    background-image: url("../images/weather/wc-freezing-rain.png");
}
.wc-showers {
    background-image: url("../images/weather/wc-showers.png");
}
.wc-snow-flurries {
    background-image: url("../images/weather/wc-snow-flurries.png");
}
.wc-light-snow-showers {
    background-image: url("../images/weather/wc-light-snow-showers.png");
}
.wc-blowing-snow {
    background-image: url("../images/weather/wc-blowing-snow.png");
}
.wc-snow {
    background-image: url("../images/weather/wc-snow.png");
}
.wc-hail {
    background-image: url("../images/weather/wc-hail.png");
}
.wc-sleet {
    background-image: url("../images/weather/wc-sleet.png");
}
.wc-dust {
    background-image: url("../images/weather/wc-dust.png");
}
.wc-foggy {
    background-image: url("../images/weather/wc-foggy.png");
}
.wc-haze {
    background-image: url("../images/weather/wc-haze.png");
}
.wc-smoky {
    background-image: url("../images/weather/wc-smoky.png");
}
.wc-blustery {
    background-image: url("../images/weather/wc-blustery.png");
}
.wc-windy {
    background-image: url("../images/weather/wc-windy.png");
}
.wc-cold {
    background-image: url("../images/weather/wc-cold.png");
}
.wc-cloudy {
    background-image: url("../images/weather/wc-cloudy.png");
}
.wc-mostly-cloudy-n {
    background-image: url("../images/weather/wc-mostly-cloudy-n.png");
}
.wc-mostly-cloudy-d {
    background-image: url("../images/weather/wc-mostly-cloudy-d.png");
}
.wc-partly-cloudy-n {
    background-image: url("../images/weather/wc-partly-cloudy-n.png");
}
.wc-partly-cloudy-d {
    background-image: url("../images/weather/wc-partly-cloudy-d.png");
}
.wc-clear-n {
    background-image: url("../images/weather/wc-clear-n.png");
}
.wc-clear-d {
    background-image: url("../images/weather/wc-clear-d.png");
}
.wc-sunny {
    background-image: url("../images/weather/wc-sunny.png");
}
.wc-fair-n {
    background-image: url("../images/weather/wc-fair-n.png");
}
.wc-fair-d {
    background-image: url("../images/weather/wc-fair-d.png");
}
.wc-rain-and-hail {
    background-image: url("../images/weather/wc-rain-and-hail.png");
}
.wc-hot {
    background-image: url("../images/weather/wc-hot.png");
}
.wc-isolated-thunderstorms {
    background-image: url("../images/weather/wc-isolated-thunderstorms.png");
}
.wc-scattered-thunderstorms-d {
    background-image: url("../images/weather/wc-scattered-thunderstorms-d.png");
}
.wc-scattered-thunderstorms-n {
    background-image: url("../images/weather/wc-scattered-thunderstorms-n.png");
}
.wc-scattered-showers {
    background-image: url("../images/weather/wc-scattered-showers.png");
}
.wc-heavy-snow {
    background-image: url("../images/weather/wc-heavy-snow.png");
}
.wc-scattered-snow-showers {
    background-image: url("../images/weather/wc-scattered-snow-showers.png");
}
.wc-partly-cloudy {
    background-image: url("../images/weather/wc-partly-cloudy.png");
}
.wc-thundershowers {
    background-image: url("../images/weather/wc-thundershowers.png");
}
.wc-snow-showers {
    background-image: url("../images/weather/wc-snow-showers.png");
}
.wc-isolated-thundershowers {
    background-image: url("../images/weather/wc-isolated-thundershowers.png");
}
.wc-default {
    background-image: url("../images/weather/wc-default.png");
}