﻿
@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: 1380px; margin: 0 auto;}

.header {height: 80px; width: 100%; background: #fff; position: relative; z-index: 10;}
.header .logo {position: absolute; top: 4px; 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: #ff0304; 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: #ff0b0b url(img/btn_bg.jpg) top left repeat-x; font-size: 16px; color: #fff; padding: 0 15px; text-transform: uppercase; text-decoration: none; border-radius: 5px;}
.header .btn:hover {filter: brightness(1.3); -webkit-filter: brightness(1.3); -moz-filter: brightness(1.3); -o-filter: brightness(1.3); -ms-filter: brightness(1.3);}


.top_bg {margin: 0 0 60px; height: 578px; position: relative; width: 100%; background: url(img/top_bg.jpg) top center no-repeat; padding: 50px 0 0 0; box-sizing: border-box;}
.top_bg .text {position: relative; margin-left: 50px; text-align: left; box-sizing: border-box;}
.top_bg .text .big {padding: 25px 0 0px 15px; margin: 0; font-size:48px; color: #fff; 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 .gift {text-align: left; font-size: 23px; color: #4284bc; display: table; margin: 0 auto 30px; font-family: 'SegoeUI'; text-transform: uppercase;}
.top_bg .text .gift img,.top_bg .text .gift span {}
.top_bg .text .gift img {margin: 0 15px 0 0;}
.top_bg .text .gift span.bigspan {font-size: 48px; color: #4284bc; font-family: 'SegoeUIL';}
.top_bg .text a.btn {margin: 45px 0 45px;}
.top_bg .text .dev {font-size: 16px; color: #000; 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 .icons {margin: 105px 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: #ff0b0b url(img/btn_bg.jpg) top left repeat-x; font-size: 17px; color: #fff; padding: 0 75px; text-transform: uppercase; text-decoration: none; border-radius: 5px;}
.btn:hover {filter: brightness(1.3); -webkit-filter: brightness(1.3); -moz-filter: brightness(1.3); -o-filter: brightness(1.3); -ms-filter: brightness(1.3);}

.green_bg {padding-top: 80px; background: #aad34b;}


.header ul.topmenu {padding: 0; margin: 0; position: absolute; top: 28px; right: 255px; list-style-type: none;}
.header ul.topmenu li {display: inline; margin: 0 0 0 12px;}
.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: #000000;}

.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 70px; z-index: 2; height: 652px; position: relative; width: 100%; background: url(img/bg01.jpg) top center no-repeat; padding: 90px 0 0 0; box-sizing: border-box;}
.bg01 .text {margin: 0 auto; font-size: 22px; color: #1a3147; text-align: center; padding: 105px 0 0 0; box-sizing: border-box; width: 453px; height: 453px; background: url(img/bg01_textbg.png) no-repeat; }
.bg01 .text img {display: table; margin: 0 auto 15px;}
.bg01 .text p {font-family: 'SegoeUISB'; padding: 0px 0 20px; margin: 0; line-height: 110%;}
.bg01 .text a.btn {margin: 0 auto;}

.ivi_block {padding: 60px 0; max-width: 100%; position: relative; overflow: hidden; background: #ebf1f7;}
.ivi_block h4 {font-size: 21px; color: #ff0b0b; font-weight: normal; padding: 0 0 40px; margin: 0; text-align: center; font-family: 'Conv_seguisbi';}
.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: #d7e4f1; 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: justify; width: 100%;}
.tarify_bg .into:after {content: ''; display: inline-block; width: 100%; height: 1px;}
.tarify_bg .into .block {display: inline-block; width: calc(25% - 5px); vertical-align: top; padding: 0 25px; box-sizing: border-box; border-right: 1px solid #999999; margin: 0 0 100px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.tarify_bg .into .block:last-child {border: 0;}
.tarify_bg .into .block:nth-child(4) {border: 0;}
.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: #ff0304; text-decoration: none; font-weight: bold; border: 2px solid #ff0304; height: 42px; line-height: 40px; box-shadow: none; font-weight: 500;}
.tarify_bg .into .block .btn:hover {border-color: #ff0304; background: #ff0304; 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; border-right: 2px solid #999999; 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: #1f1f1f;  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 30px; }
.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 #ff0304; padding: 30px; width: 300px; box-sizing: border-box;}
.popup .title {font-weight: 600; text-align: center; font-size: 19px; color: #ff0304; 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 #ff0304; border-radius: 4px; color: #999999; font-size: 17px; padding: 0 15px; margin: 0 0 20px;}
.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: #ff0304; 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; top: 50%!important; margin-top: -295px;}

.popup_white.small {width: 700px; top: 40%!important; margin-top: 0;}
.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 {min-height: 700px;}
#pack-53a8aa088a2279036041f1df .channels_list {min-height: 850px;}
#pack-54d692ad4e2e67267f00011f .channels_list {min-height: 950px;}

#pack-593fcee121887f186c014b2f .channels_list {min-height: 0px;}
#pack-593fcee121887f186c014b2f .scroll-pane {height: 350px;}


#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;}



@media screen and (min-width: 1000px) {

.shema {padding: 60px 0 85px 0; position: relative; width: 100%;}
.shema .into {text-align: justify; padding: 30px 30px 70px; box-sizing: border-box; width: 1120px; margin: 0 auto; border: 2px dashed #d0d4d7; border-radius: 7px;}
.shema .into:after {content: ''; width: 100%; height: 1px; display: inline-block;}
.shema .into .block {text-align: center; display: inline-block; font-size: 16px; color: #333333; vertical-align: bottom;}
.shema .into .block span {margin: 8px 0 0 0; display: block; text-align: center;}
.shema .into .block.pristavka {margin-bottom: -20px;}




}
.shema a.btn {position: relative; margin: -28px auto 0; display: table;}
.shema a.btn:after {content: 'Интернет - LAN / WiFi / 3G / 4G'; position: absolute; bottom: -40px; left: 0; width: 100%; text-align: center; font-size: 16px; color: #e71313;}

@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;}


}


@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; margin-top: -200px;}
.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;}



.header {height: 92px;}
.header .logo {top: 10px;}
.header a.btn {height: 38px; line-height: 38px; top: 5px; padding: 0; width: 251px; text-align: center;}
.header a.lk {height: 38px; line-height: 38px; top: 45px; left: auto; right: 10px; padding: 0; width: 251px;}
.header ul.topmenu {right: 290px; top: 33px;}

.benefits {text-align: center;}
.benefits .block {text-align: left; width: 270px;}



}

@media screen and (max-width: 1240px) {

.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:nth-child(3) {border-right: 2px solid #666666;}
.tarify_bg .into .block:nth-child(even) {border:none;}



}




@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;}
.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;}

}
@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%;}

}
@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 {height: auto; background-size: cover; padding-bottom: 120px;}
.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) {




.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;}
.dop_tarify .block:nth-child(3) {border-right: 2px solid #666666;}
.dop_tarify .block:nth-child(even) {border:none;}





}




@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;}


}



@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: 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; margin-top: -200px;}
.popup_white span {width: auto; display: block; min-height: 25px; clear: both;}
.scroll-pane {width: 260px; height: 340px;}
.channels_list {min-height: 3200px;}
#pack-53a8aa088a2279036041f1df .channels_list {min-height: 3800px;}
#pack-54d692ad4e2e67267f00011f .channels_list {min-height: 4400px;}
.popup_white.small {width: 290px;}
#pack-593fcee121887f186c014b2f .scroll-pane {height: 340px;}

.benefits .block {display: block; width: auto;}


.bg01 {background-size: 960px auto; height: 470px; background-position: top center;}
.bg01 .text {padding: 50px 0 0 0; width: 300px; height: 300px; background-size: 100% 100%; font-size: 17px;}
.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: 250px; 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 left; overflow: hidden;}
.top_bg:before {content: ''; width: 100%; height: 999px; background: rgba(255,255,255,0.3); 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;}
}

@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;}

}


@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;}



}



/* 
 * 	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);
}

