﻿@font-face {
	font-family: 'Conv_seguisbi';
	src: url('fonts/seguisbi.eot');
	src: local(''), url('fonts/seguisbi.woff') format('woff'), url('fonts/seguisbi.ttf') format('truetype'), url('fonts/seguisbi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SegoeUISB';
	src: url('fonts/seguisb.eot');
	src: local(''), url('fonts/seguisb.woff') format('woff'), url('fonts/seguisb.ttf') format('truetype'), url('fonts/seguisb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SegoeUIB';
	src: url('fonts/segoeuib.eot');
	src: local(''), url('fonts/segoeuib.woff') format('woff'), url('fonts/segoeuib.ttf') format('truetype'), url('fonts/segoeuib.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SegoeUIL';
	src: url('fonts/segoeuil.eot');
	src: local(''), url('fonts/segoeuil.woff') format('woff'), url('fonts/segoeuil.ttf') format('truetype'), url('fonts/segoeuil.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SegoeUISL';
	src: url('fonts/segoeuisl.eot');
	src: local(''), url('fonts/segoeuisl.woff') format('woff'), url('fonts/segoeuisl.ttf') format('truetype'), url('fonts/segoeuisl.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SegoeUI';
	src: url('fonts/segoeui.eot');
	src: local(''), url('fonts/segoeui.woff') format('woff'), url('fonts/segoeui.ttf') format('truetype'), url('fonts/segoeui.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_10399';
	src: url('fonts/10399.eot');
	src: local(''), url('fonts/10399.woff') format('woff'), url('fonts/10399.ttf') format('truetype'), url('fonts/10399.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html { height: 100%; min-width: 320px;}
 body {position: relative; margin: 0; padding: 0px 0 0 0; height: auto !important; height: 100%; min-height: 100%; min-width: 320px; font-family: 'SegoeUI', sans-serif;}
 html > body {padding: 0;}
 img {padding: 0; margin: 0; border: 0;}
 .cleaner {clear: both;}
 a:hover {text-decoration: none;}
.all {position: relative; max-width: 1600px; margin: 0 auto;}
form {padding: 0; margin: 0; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}
.channels_into .into, .channels_block .into, .dop_rates, a {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.container {width: 1600px; margin: 0 auto;}
.header {height: 80px; width: 100%; background: #fff; position: relative; z-index: 10;}
.header .logo {position: absolute; top: 13px; left: 10px;}
.header .smotreshka {position: absolute; top: 19px; left: 120px; width: 180px;}
.header .lk {box-sizing: border-box; box-shadow: none; width: auto; position: absolute; top: 13px; left: 317px; height: 51px; display: table; text-align: center; line-height: 47px; font-family: 'SegoeUISB'; background: none; font-size: 16px; color: #ff0304; padding: 0 15px; text-transform: uppercase; text-decoration: none; border-radius: 5px; border: 2px solid #ff0304;}
.header .lk:hover {background: #eb6903; color: #fff;}
.header .btn {box-shadow: none; width: auto; position: absolute; top: 15px; right: 10px; height: 51px; display: table; text-align: center; line-height: 51px; background: #ff760a; font-size: 16px; color: #fff; padding: 0 20px; text-transform: uppercase; text-decoration: none; border-radius: 26px;}
.header .btn:hover {background: #e96c0a;}
.top_bg {margin: 30px 0 0px; height: 0; position: relative; width: 100%; padding-bottom:40%; box-sizing: border-box;background: url(http://salesupster.ru/img_iptv/banner-pr1/banner_1920.jpg) no-repeat center / cover;}
.top_bg a {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.top_bg .text {position: relative; margin-left: 50px; text-align: left; box-sizing: border-box;}
.top_bg .text .big {padding: 10px 0 15px 0px; margin: 0; font-size:66px; color: #333333; text-transform: uppercase; font-family: 'SegoeUIB';}
.top_bg .text .blue_bg {margin: 2px 0 30px 0; font-size: 36px; color: #fff; text-transform: uppercase; background: rgba(44,110,165,0.8); padding: 5px 15px 7px; display: table;}
.top_bg .text a.btn {margin: 40px 0 30px;}
.top_bg .text .dev {font-size: 22px; color: #333333; margin: 0 0px; text-align: left;}
.top_bg .text .dev img, .top_bg .text .dev span {display: inline-block; vertical-align: middle;}
.top_bg .text .dev img {margin: 3px 15px 0 0;}
.top_bg .text .dev span {max-width: calc(100% - 95px);}
.top_bg .text .gift {font-size: 30px; color: #149b84; line-height: 100%; padding: 0; margin: 0;}
.top_bg .text .gift img, .top_bg .text .gift span {display: inline-block; vertical-align: middle; margin: 0 7px 0 0; line-height: 100%;}
.top_bg .text .gift img {margin-top: 5px; margin-right: 10px;}
.top_bg .text .gift span.super {line-height: 100%; font-size: 62px;}
.top_bg .icons {margin: 75px 0 0 0; text-align: center; position: absolute; left: 0; white-space: nowrap;}
.top_bg .icons img {margin: 0 13px 0 0px;}
.btn {box-shadow: none; width: auto; font-family: 'SegoeUI'; display: table; margin: 0; height: 51px; display: table; text-align: center; line-height: 51px; background: #ff760a; font-size: 17px; color: #fff; padding: 0 45px; text-transform: uppercase; text-decoration: none; border-radius: 26px;}
.btn:hover {background: #e96c0a;}
.green_bg {padding-top: 80px; background: #aad34b;}
.header ul.topmenu {padding: 0; margin: 0; position: absolute; top: 28px; right: 275px; list-style-type: none;}
.header ul.topmenu li {display: inline; margin: 0 0 0 30px;}
.header ul.topmenu li a {font-family: 'SegoeUISB'; font-size: 16px; color: #303030; text-decoration: none; font-weight: bold; text-transform: uppercase;}
.header ul.topmenu li a:hover {color: #bb181b;}
h2 {font-size: 36px;   padding: 0 0 50px; margin: 0; font-weight: normal; text-align: center; color: #000000;}
h3 {font-size: 30px;   padding: 0 0 50px; margin: -40px 0 50px; font-weight: normal; text-align: center; color: #fd9f00;}
h3 b {font-family: 'SegoeUIB';}
.benefits {padding: 0 0 70px;}
.benefits h2 {padding-bottom: 90px;}
.benefits .block {font-size: 16px; color: #000; display: inline-block; vertical-align: top; width: calc(33% - 45px); margin: 0 20px 120px;}
.benefits .block b {font-family: 'SegoeUIB'; font-size: 17px;}
.benefits .block img {display: inline-block; vertical-align: middle; margin: 0 15px 0 0; max-width: 75px;}
.benefits .block span {display: inline-block; vertical-align: middle; text-align: left; width: calc(100% - 100px);}
.bg01 {margin: 0 0 0px; z-index: 2; height: 695px; position: relative; width: 100%; background: url(img/bg01.jpg) top center no-repeat; padding: 155px 0 0 0; box-sizing: border-box;}
.bg01 .text {position: absolute; left: 50%; margin-left: -600px; font-size: 16px; color: #333333; text-align: center; padding: 45px 0 0 0; box-sizing: border-box; width: 419px; height: 379px; background: url(img/bg01_textbg.png) no-repeat; }
.bg01 .text img {display: table; margin: 0 auto 20px;}
.bg01 .text p { padding: 0px 0 20px; margin: 0; line-height: 140%;}
.bg01 .text p span {display: block; font-size: 24px; font-family: 'SegoeUISB'; margin: 0 0 5px;}
.bg01 .text a.btn {margin: 5px auto;}
.ivi_block {padding: 60px 0; max-width: 100%; position: relative; overflow: hidden;}
.ivi_block h4 {font-size: 21px; color: #333333; font-weight: normal; padding: 0 0 40px; margin: 0; text-align: center;}
.ivi_block h2 {padding-bottom: 20px;}
.ivi_block .block {width: 525px; height: 303px; background: url(img/ivi_block_bg.png) no-repeat; display: inline-block; vertical-align:top; margin: 0 9px 35px;}
.ivi_block .block.hand {background: none;}
.ivi_block .block.hand img {max-width: 435px; padding-top: 70px;}
.ivi_block .into {max-width: 1380px; display: table; margin: 0 auto; text-align: center;}
.ivi_block .owl-ivi {width: 525px; height: 280px; margin-top: 23px;}
.ivi_block p.bottom {padding: 20px 10px 0;  margin: 0; font-size: 20px; color: #000; text-align: center;}
.ivi_block a.btn {margin: 30px auto 0;}
.channels_into {max-width: 1140px; margin: 0 auto; padding: 0 0 70px;}
.channels_into .into {text-align: center; max-height: 490px; overflow: hidden;}
.channels_into .into.open {max-height: 9999px;}
.channels_into .into img {width: 90px; margin: 0 7px 15px;}
.channels_into .full_list {display: table; margin: 40px auto; 0; font-size: 18px; color: #000; font-weight: bold; font-family: 'SegoeUIL';}
.channels_into .full_list:before {content: 'ПОЛНЫЙ СПИСОК КАНАЛОВ »';}
.channels_into .full_list.opened:before {content: 'СКРЫТЬ';}
.channels_into .btn {margin: 0 auto;}
.tarify_bg {padding: 70px 0 70px 0; position: relative; width: 100%; box-sizing: border-box;}
.video {margin: 0px 0 0; width: 100%; background: #dedede; background-size: cover; padding: 0 0 30px;}
.video.marginnot {margin-top: 0; margin-bottom: 60px;}
.video .into {margin: 0 auto 40px; display: table; position: relative; border-radius: 30px; padding: 25px 40px; border-radius: 16px; background: #000;}
.video h2 {padding: 50px 0 40px; position: relative; z-index: 99;}
#controls span {
    display:inline-block;
}
        
#playpause {position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; z-index: 100; cursor: pointer; background: url(img/play.png); width: 100px; height: 100px;}
#playpause.paused {background: none;}
.tarify_bg .into {margin: 0 auto; text-align: center; width: 100%; max-width: 1170px;}
.tarify_bg .into:after {content: ''; display: inline-block; width: 100%; height: 1px;}
.tarify_bg .into .block {display: inline-block; width: calc(33.3% - 5px); vertical-align: top; padding: 0 25px; box-sizing: border-box; margin: 0 0 100px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;text-align: left;}
/*.tarify_bg .into .block:last-child {border: 0;}
.tarify_bg .into .block:nth-child(3n):not(:nth-child(9)), .tarify_bg .into .block:nth-child(10) {border: 0;}*/
.tarify_bg .into .block_even {border-right: 1px solid #ff760a;border-left: 1px solid #ff760a;}
.tarify_bg .into .block_right {border-right: 1px solid #ff760a;}
/*.tarify_bg .into > .block:nth-of-type(4){border:0!important;}*/
/*.tarify_bg .into .block.db {display: block;margin-left: auto;margin-right: auto}*/
.tarify_bg .into .block p.title {padding: 0 0 20px; margin: 0; font-size: 25px; color: #000; font-weight: bold;}
.tarify_bg .into .block .channels { display: inline-block; font-size: 18px; color: #000; vertical-align: top; font-weight: bold;}
.tarify_bg .into .block .channels b {}
.tarify_bg .into .block .channels a {font-size: 12px; color: #333; text-transform: uppercase; font-weight: 100;}
.tarify_bg .into .block .price {display: inline-block; float: right; font-size: 18px; color: #000;  vertical-align: top; margin: -7px 0 0 0; font-weight: bold;}
.tarify_bg .into .block .price .big {font-size: 44px; font-family: 'SegoeUIB';}
.tarify_bg .into .block .price .rub {position: absolute; margin: 7px 0 0 0px; border-bottom: 1px solid #333;}
.tarify_bg .into .block .btn {position: relative; display: table; box-sizing: border-box; width: 100%; margin: 15px 0 0 0; text-align: center; font-size: 16px; background: none; color: #fd9f00; font-family: 'SegoeUISB'; text-decoration: none; font-weight: bold; border: 2px solid #fd9f00; height: 42px; line-height: 40px; box-shadow: none; font-weight: 500;}
.tarify_bg .into .block .btn:hover {border-color: #fd9f00; background: #fd9f00; color: #fff;}
.tarify_bg .into .block .btn:after {content: url(img/btn_str.png); position: absolute; top: 2px; right: 15px;}
.tarify_bg .into .block .btn:hover:after {content: url(img/btn_str_h.png);}
.tarify_bg .into .block a.scroll {display: none;}
.tarify .dop_p {
    display: table;
    margin: 0 0 0 20px;
    font-size: 18px;
    color: #333333;
	white-space: nowrap;
}
.tarify .dop_p:before {content: 'дополнительные пакеты »';}
.tarify .dop_p_mob:before {content: 'дополнительные пакеты »';}
.tarify .dop_p.showed:before {content: 'скрыть пакеты »';}
.tarify .dop_p_mob.showed:before {content: 'скрыть пакеты »';}
.tarify .dop_p_mob {
     display: none;
    margin: -15px auto 20px;
    font-size: 18px;
    color: #333333;
	white-space: nowrap;
}
.dop_tarify .block {visibility: visible; display: inline-block; width: 33%; vertical-align: top; padding: 0 25px; box-sizing: border-box;  margin: 0 0 100px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
/*.dop_tarify .block:last-child {border: 0;}
.dop_tarify .block:nth-child(3) {border: 0;}*/
.dop_tarify .block p.title {padding: 0 0 30px; margin: 0; font-size: 28px; color: #000; font-family: 'SegoeUIB';}
.dop_tarify .block .channels {font-family: 'SegoeUISB'; display: inline-block; font-size: 18px; color: #000; vertical-align: top; }
.dop_tarify .block .channels b {font-family: 'SegoeUISB';}
.dop_tarify .block .channels a {font-size: 13px; color: #333; text-transform: uppercase; font-family: 'SegoeUIL';}
.dop_tarify .block .price {display: inline-block; float: right; font-size: 21px; color: #000;  vertical-align: top; margin: -7px 0 0 0;}
.dop_tarify .block .price .big {font-size: 50px; font-family: 'SegoeUIB';}
.dop_tarify .block .price .rub {position: absolute; margin: 7px 0 0 0px; border-bottom: 1px solid #333;}
.dop_tarify .block .btn {position: relative; display: table; box-sizing: border-box; width: 100%; margin: 15px 0 0 0; text-align: center; font-size: 18px; background: none; color: #f91b1e; text-decoration: none; font-weight: bold; border: 2px solid #f91b1e; border-radius: 23px; height: 42px; line-height: 40px; box-shadow: none;}
.dop_tarify .block .btn:hover {border-color: #f91b1e; background: #f91b1e; color: #fff;}
.dop_tarify .block .btn:after {content: url(img/btn_str.png); position: absolute; top: 0; right: 15px;}
.dop_tarify .block .btn:hover:after {content: url(img/btn_str_h.png);}
.dop_tarify .block a.scroll {display: none;}
.dop_tarify {max-height: 9999px; overflow: visible; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.dop_tarify.hidden {
    max-height: 0;
    overflow: hidden;
    padding: 0;
}
.dop_tarify.hidden .block {visibility: hidden;}
.footer {width: 100%; margin: 0px auto 0; height: auto; background: #232323;  padding: 60px 30px; box-sizing: border-box;}
.footer .text {font-size: 31px; color: #fff; text-transform: uppercase;  font-family: 'SegoeUIL';}
.footer .icons {position: absolute; top: 2px; right: 30px; text-align: right; width: 100%;}
.footer .icons img {margin: 0 0 0 10px; }
.footer .dev {font-size: 12px; text-align: center; width: 100%; color: #ccc; display: block; margin: 25px 0 0 0;}
.footer .dev a {color: #fff;}
.footer small {display: block; font-size: 12px; color: #fff; margin: 10px 0 0 0;}
.footer a {font-size: 15px; color: #fff;}
.popup {background: rgba(255,255,255,0.9); border: 2px solid #ff760a; padding: 30px; width: 310px; box-sizing: border-box;}
.popup .title {font-weight: 600; text-align: center; font-size: 19px; color: #ff760a; padding: 0 0 15px; margin: 0; text-align: center; }
.popup .exit {position: absolute; top: 10px; right: 10px; cursor: pointer;}
.popup input.text {font-family: inherit; background: #fff; display: block; width: 100%; height: 42px; box-sizing: border-box; line-height: 40px; border: 2px solid #ff760a; border-radius: 4px; color: #999999; font-size: 17px; padding: 0 15px; margin: 0 0 20px;text-align: left;}
.popup input.text.error {border-color: red; box-shadow: inset 0 0 9px red;}
.popup input.text:focus::-moz-placeholder {opacity: 0;}
.popup input.text:focus::-webkit-input-placeholder {opacity: 0;}
.popup button {line-height: 40px; font-size: 18px; border: 0; border-radius: 4px; display: block; width: 100%; text-align: center; cursor: pointer; font-family: inherit;  color: #fff; height: 44px; background: #ff760a; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.popup a.lk {display: table; margin: 40px auto 0; font-size: 14px; color: #999999; text-decoration: underline;}
.popup a.lk:hover {text-decoration: none;}
.popup p {text-align: center; padding: 70px 0; margin: 0;}
.popup p.text {background: url(img/checked.png) center 50px no-repeat; height: 300px; padding-top: 10px; box-sizing: border-box; color: #666; text-align: center; font-size: 18px;}
.popup p.thanks {color: #666; text-align: center; font-size: 25px; padding: 0 0 15px; margin: 0;}
.popup_white {padding: 30px; background: #fff; width: 1250px; text-align: left;}
.popup_white.small {width: 700px;}
.popup_white.small span {white-space: nowrap; width: 24%;}
.popup_white.small .exit {width: auto; height: auto;}
.popup_white img {width: 70px; height: 70px;}
.popup_white .exit {position: absolute; top: 10px; right: 10px; cursor: pointer; width: auto; height: auto;}
.popup_white span {display: inline-block; vertical-align: top; width: 19%; font-size: 13px; text-align: left;}
.popup_white span img {width: 25px; height: 25px; float: left; margin: -3px 7px 9px 0;}
.scroll-pane {height: 530px; width: 1240px; overflow: auto; }
.channels_list {max-height: 700px;overflow:auto}
.btn_after {display: inline-block;    width: 100%;
    text-align: center;}
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.tarif .channels a.scroll {display: none;}
.link_nav {display: none;}
.shema a.btn:after {text-transform: none; bottom: -45px; left: 0; position: absolute; width: 100%; text-align: center; content: 'Интернет - LAN / WiFi / 3G / 4G'; font-size: 16px; color: #f15a13;}
.shema .into .block {font-size: 16px; color: #333333;}
.row, .flex_row {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.row .channels {
	width: 60%;
	text-align: left;
}
.text_sm {
	font-size: 14px;
	display: inline-block;
}
.block_channels {
/*	height: 89px;*/
}
/*.dop_tarify .block_channels {
	height: 86px;
}*/
.nowrap {
	white-space: nowrap;
}
.popup button+a {
	display: inline-block;
	text-align: center;
	color: #000000;
	margin-top: 15px;
}
/* Modal */
.modal-window {
	width: 350px;
	height: auto;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modalConnect_content {
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
}
.modalConnect_content h4 {
	font-size: 18px;
	color: #3496d5;
	margin: -10px auto 10px;
}
.modalConnect_formControl {
	margin: auto;
	margin-top: 10px;
	display: block;
	border: 1px solid #5D5D5D;
	height: 40px;
	width: 100%;
	padding: 10px;
	font-size: 16px;
	color: #000;
    font-weight: 400;
}
.modalConnect_formControl:not(:last-child) {
	margin-bottom: 20px; 
}
.modalConnect_formControl:hover, .modalConnect_formControl:focus {
	border: 1px solid #e02d54;
}
.modalConnect_formButton {
	margin: 20px auto 0;
	display: block;
	font-size: 16px;
	height: 45px;
	line-height: 42px;
	width: 200px;
}
.modalConnect_formHeader {
	margin: 0px auto 20px;
	font-size: 20px;
	line-height: 30px;
}
.modal_link {
	text-decoration: underline;
	margin-top: 10px;
	display: none;
}
.iziModal {
	max-height: 95%!important;
}
.iziModal .iziModal-button-close {
	position: absolute;
	width: 15px;
	height: 15px;
	float: right;
	right: 30px;
	top:30px;
	background: url(img/exit_g.png) no-repeat !important;
	background-size: contain !important;
	border: none;
	outline: none;
}
.channels_list {
	padding: 25px;
	flex-wrap: wrap;
	justify-content: space-between;
}
.channels_list span {
	flex-basis: 25%;
	margin-bottom: 10px;
	display: inline-flex;
	align-items: center;
}
.channels_list span img {
	margin-right: 5px;
}
.modal-window_channels {
	max-width: 100% !important;
	width: 80% !important;
}
/*SECTION Кинотеатр*/
.sectionKinoteatr {
	padding-bottom: 62px;
	font-weight: 400;
}
.sectionKinoteatr_box {
	justify-content: center;
	flex-wrap: wrap;
	padding:20px 0;
}
.sectionKinoteatr h4 {
	color:#000000;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
}
.sectionKinoteatr_boxItem {
	flex-basis: 45%;
	height: 420px;
	margin-bottom: 33px;
}
.sectionKinoteatr_boxItem_01 {
	background-image: url(img/pic01.jpg), url(img/tv_bcg.png);
	background-repeat: no-repeat;
	background-position: bottom center, top center;
	background-size: 100% 92%, 95% 100%;
	margin-right: 33px;
}
.sectionKinoteatr_boxItem_02 {
	background-image: url(img/pic02.jpg), url(img/tv_bcg.png);
	background-repeat: no-repeat;
	background-position: bottom center, top center;
	background-size: 100% 92%, 95% 100%;
}
.sectionKinoteatr_boxItem_03 {
	background-image: url(img/pic03.jpg), url(img/tv_bcg.png);
	background-repeat: no-repeat;
	background-position: bottom center, top center;
	background-size: 100% 93%, 95% 100%;
	margin-right: 33px;
}
.sectionKinoteatr_boxItem_04 {
	background-image: url(img/pic04.jpg), url(img/tv_bcg.png);
	background-repeat: no-repeat;
	background-position: bottom center, top center;
	background-size: 100% 93%, 95% 100%;
}
.sectionKinoteatr_button {
	margin: 56px auto 0;
}
#benefits .flex_row {
	flex-wrap: wrap;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
#benefits .block {
	width: 32%!important;
	margin: 0 0 50px 0;
}
@media screen and (min-width: 1000px) {
.shema {padding: 60px 0 85px 0; position: relative; width: 100%;}
.shema .into {text-align: center; padding: 0px 0px 0px; box-sizing: border-box; margin: 0 auto 70px; background: url(img/dots.jpg) top 40% left repeat-x; border-radius: 7px;}
.shema .into .block {text-align: center; display: inline-block; font-size: 18px; color: #16a28a; vertical-align: bottom; font-family: 'SegoeUIB'; margin: 0 22px;}
.shema .into .block:nth-child(2) {color: #2558a9;}
.shema .into .block:nth-child(3) {color: #ffaf23;}
.shema .into .block:nth-child(4) {color: #f5223a;}
.shema .into .block:nth-child(5) {color: #5788d4;}
.shema .into .block span {margin: 8px 0 0 0; display: block; text-align: center;}
.shema .into .block.pristavka {margin-bottom: -20px;}
}
.shema a.btn {margin:0 auto; display: table;}
@media screen and (max-width: 1599px) {
html * {max-height: 99999999px;}
* {-webkit-appearance: none!important;}
.container {width: 100%; position: relative; overflow: hidden;}
.all {width: 100%;}
.footer {padding-left: 10px; padding-right: 10px;}
.footer .icons {right: 10px;}
.sectionKinoteatr_boxItem {
		height: 350px;
	}
}
@media screen and (max-width: 1460px) {
.footer .icons {position: relative; top: auto; right: auto; text-align: center; margin-top: 20px; margin-bottom: 0;}
.footer .icons img {width: 80px;margin: 0 5px 10px;}
	#benefits .block br {
		display: none;
	}
	#benefits .block {
		width: 45% !important;
		justify-content: space-around;
	}
	.footer {text-align: center;}
}
@media screen and (max-width: 1380px) {
.ivi_block .block.hand {position: relative;}
.ivi_block .block.hand img {right: auto; left: 0;}
}
@media screen and (max-width: 1320px) {
.footer .icons  img {margin-left: 10px;}
.popup_white {width: 600px; padding: 25px 10px; height: 350px;}
.popup_white.small {width: 600px; height: auto;}
.popup_white span {width: 49%;}
.popup_white.small span {width: 49%;}
.scroll-pane {width: 570px; height: 340px;}
.channels_list {min-height: 1612px;}
#pack-53a8aa088a2279036041f1df .channels_list {min-height: 1891px;}
#pack-54d692ad4e2e67267f00011f .channels_list {min-height: 2201px;}
.benefits {text-align: center;}
.benefits .block {text-align: left; width: 270px;}
.bg01 .text {left: 30px; margin-left: 0;}
}
@media screen and (max-width: 1240px) {
	.top_bg {background-image: url(http://salesupster.ru/img_iptv/banner-pr1/banner_1260.jpg);padding-bottom: 35%; }
.header ul.topmenu {right: 280px;}
.header ul.topmenu li {margin-left: 12px;}
}
@media screen and (max-width: 1255px) {
.tarify_bg {background-size: auto 100%; height: auto;}
.tarify_bg .into {text-align: center;}
.tarify_bg .into .block {width: 49%; text-align: left;}
.tarify_bg .into .block_right {
	border-left: 1px solid #ff760a;
}
.tarify_bg .into .block_even, .tarify_bg .into .block_right {
	border-right: none;
}
	.block_channels, .dop_tarify .block_channels {
		height: auto;
	}
	.dop_tarify .block:first-of-type .block_channels {
		height: 72px;
	}
}
@media screen and (max-width: 1210px) {
.channels_into .into {max-height: 320px;}
.channels_into .into img {width: 65px;}
.footer {text-align: center; padding: 20px 0;}
}
@media screen and (max-width: 1160px) {
.ivi_block .block.hand img {width: 580px;}
.header ul.topmenu li a {font-size: 14px;}
.header .smotreshka {width: 150px; top: 29px;}
.shema {padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
.shema .into .block.tv img {max-width: 270px;}
.shema .into {width: 100%;}
.sectionKinoteatr_boxItem {
		height: 250px;
	}
}
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 1070px) {
.ivi_block .into {max-width: 100%; position: relative; overflow: hidden; display: block;}
.ivi_block .block {max-width: calc(100% - 20px); overflow: hidden; margin: 0 10px 30px;}
.ivi_block .block.hand img {max-width: 100%;}
.tarify .into {text-align: center;}
.tarify .into .block_new {margin-left: 50px; margin-right: 50px; text-align: left;}
}
@media screen and (max-width: 1010px) {
.top_bg {background-image: url(http://salesupster.ru/img_iptv/banner-pr1/banner_990.jpg); padding-bottom: 42%;}
.top_bg .text {position: relative; margin: 0 0 0 10px; top: auto; left: auto; height: auto; max-width: 100%;}
.top_bg .icons {margin-top: 50px;}
.header {height: auto; padding: 15px 0;}
.header .logo {position: relative; top: auto; left: auto; display:table; margin:0 auto 10px;}
.header .smotreshka {position: relative; top: auto; left: auto; display:table; margin:0 auto 10px;}
.header a.btn {display: table; margin: 0 auto 7px; position: relative; top: auto; right: auto;}
.header a.lk {display: table; margin: 0 auto 10px; position: relative; top: auto; right: auto;}
.header ul.topmenu {position: relative; top: auto; right: auto; width: 100%; text-align: center;}
.header ul.topmenu li {margin: 0 10px;}
}
@media screen and (max-width: 1000px) {
.channels_list span {
		flex-basis: 30%;
	}
.shema {height: auto; padding-top: 50px; padding-bottom: 50px;}
.shema .into {position: relative; left: auto; margin: 0; width: 100%; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none;}
.shema .into .block {display: block; margin: 0 0 40px; text-align: center;}
.shema .into .block img {max-width: 95%;}
.shema .into .block span {display: block; margin-top: 15px;}
.shema a.btn {display: table; margin: 0 auto; margin-top: 40px;}
}
@media screen and (max-width: 990px) {
.tarify_bg {background-size: auto 100%; height: auto;}
.tarify_bg .into {text-align: center;}
/*
.tarify_bg .into .block {width: 49%; text-align: left;}
.tarify_bg .into .block:nth-child(3) {border-right: 2px solid #666666;}
.tarify_bg .into .block:nth-child(even) {border:none;}
*/
.dop_tarify .block {width: 49%; text-align: left;}
}
@media screen and (max-width: 880px) {
.video .into {padding: 0; background: none;}
.video .into video {width: 300px; height: 190px;}
.video .into iframe {width: 300px!important; height: 190px!important;}
.sectionKinoteatr_boxItem {
		    height: 300px;
		width: 410px;
		flex-basis: auto;
		margin: 0 0 20px;
}
}
@media screen and (max-width: 830px) {
.channels_into .into {max-height: 320px;}
.channels_into .into img {width: 50px; margin: 0 5px 10px;}
h2 {font-size: 30px;}
.tarify .into .block_new {display: block; margin: 0 auto 40px;}
.benefits .block {margin-bottom: 40px;}
.benefits h2 {padding-bottom: 60px;}
}
@media screen and (max-width: 710px) {
	.row .channels {
		width: 55%;
	}
	.nowrap {
		white-space: normal!important;
	}
	.top_bg {background-image: url(http://salesupster.ru/img_iptv/banner-pr1/banner_770.jpg);}
}
@media screen and (max-width: 660px) {
	
.dop_tarify .block {display: block; width: auto; border: 0!important; padding-left: 10px; padding-right: 10px;}
.tarify_bg .into .block {display: block; width: auto; border: 0!important; padding-left: 10px; padding-right: 10px;}
.footer .text {font-size: 25px;}
.scroll-pane {width: 280px; height: 440px; width: 280px;}
.popup_white {width: 290px; padding: 25px 10px; height: 350px;}
.popup_white span {width: auto; display: block; min-height: 25px; clear: both;}
.scroll-pane {width: 260px; height: 340px;}
.channels_list {min-height: 3200px;}
.popup_white.small {width: 290px;}
.benefits .block {display: block; width: auto;}
.bg01 {background-size: 960px auto; height: 470px; background-position: top center; padding-top: 70px;}
.bg01 .text {font-size: 16px; padding: 30px 0 0 0; width: 300px; height: 300px; background-size: 100% 100%; font-size: 17px; position: relative; left:auto; margin-left: auto; margin-right: auto;}
.bg01 .text img {height: 60px;}
.bg01 .text p {font-size: 16px;}
.bg01 .text a.btn {margin-top: 0px; padding: 0 20px;}
.video {margin-top: 0;}
.header {z-index: 10;}
.header ul.topmenu {box-sizing: border-box; display: none; position: absolute; top: 160px; width: 320px; left: 50%; margin-left: -160px; padding: 0 10px 10px; text-align: center; background: #fff;}
.header ul.topmenu li {display: block; text-align: center; margin: 10px 0;}
.header ul.topmenu li a {font-size: 17px;}
.header ul.topmenu.visible {display: block;}
.header .link_nav {display: table; margin: 0 auto; color: #000; font-size: 19px; text-transform: uppercase; text-decoration: none;}
.header .link_nav:before {content: url(img/menu.png); float: left; margin: 3px 7px 0 0;}
.header a.lk {font-size: 13px; padding: 0 15px;}
.header a.btn {font-size: 13px; width: 204px;}
/*
.top_bg {padding: 0; background-position: top center; overflow: hidden;}
.top_bg:before {content: ''; width: 100%; height: 999px; background: rgba(255,255,255,0.5); display: block; position: absolute; top: 0; left: 0;}
*/
.top_bg .text {margin-bottom: -5px; width: 100%; border-radius: 0; padding: 0 15px 40px; margin-left: 0;}
.top_bg .text .blue_bg {font-size: 20px; margin-left: auto; margin-right: auto;}
.top_bg .text a.btn {margin-left: auto; margin-right: auto;}
.top_bg .text .big {padding: 30px 0 15px; text-align: center; font-size: 29px;}
.top_bg .text .white_bg {padding: 5px 15px 7px; margin: 0 auto 30px; font-size: 20px;}
.top_bg .text .dev img {display: table; margin: 0 auto 10px;}
.top_bg .text .dev span {display: block; text-align: center; max-width: 100%;}
.top_bg .text .dev span br {display: none;}
.top_bg .text .icons {position: relative; margin: 20px 0 0 0; text-align: center; left: auto; white-space: normal;}
.top_bg .text .icons img {width: 80px; margin: 0; padding: 0 3px 6px;}
.top_bg .text .gift {dsiplay: table; margin-left: auto; margin-right: auto; width: 300px;}
.top_bg .text .gift span.super {font-size: 50px;}
.top_bg .text .dev {text-align: center;}
.top_bg .text .dev br {display: none;}
	#benefits .block {
		width: 100% !important;
		justify-content: space-around;
	}
}
@media screen and (max-width: 520px) {
.tarify_bg .dop_p {display: none;}
.adapt_width {width: 100%; min-width: 320px; display: table; margin: 0 auto;}
.tarify_bg .dop_p_mob {display: table;}
/*.popup {top: 20px!important;}*/
.tarify_bg .dop_p {display: none;}
.adapt_width {width: 100%; min-width: 320px; display: table; margin: 0 auto;}
.tarify_bg .dop_p_mob {display: table;}
.iziModal, .modal-window_channels {
		width: 100% !important;
	}
	.channels_list span {
		flex-basis: 50%;
	}
	.sectionKinoteatr_boxItem {
		height: 240px;
	}
}
@media screen and (max-width: 480px) {
.ivi_block .block {width: 300px; background-size: 100% auto; height: 230px;}
.ivi_block .block .owl-ivi {width: 300px; margin-top: 12px; height: 190px;}
.ivi_block .block .owl-ivi img {width: 300px; min-height: 190px; height: auto;}
.ivi_block .block.hand {height: 150px;}
.ivi_block .block.hand img {padding-top: 0;}
.top_bg {background-image: url(http://salesupster.ru/img_iptv/banner-pr1/banner_400.jpg);padding-bottom: 50%;}
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
