@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: 400;
	font-style: italic;
}
@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: 600;
	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: 700;
	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: 300;
	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: 300;
	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: 400;
	font-style: normal;
}
.info {position: absolute;
	bottom: 0;
	left: 0;}
.flex_row {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}
.flex_column {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.jcc {
	justify-content: space-around;
}
.jcsb {
	justify-content: space-between;
}
.jcfe {
	justify-content: flex-end;

}
.aic {
align-items: center;
}
.aib {
align-items: baseline;
}
.flex_wrap {
flex-wrap:wrap;
}
.ma {
	margin-right: auto;
	 margin-left: auto;
}
.g-recaptcha>div {
	margin: auto;
}
#app_send:disabled {
	background: linear-gradient(#aaabab, #8f8f90);
    cursor: auto;
}
.container .jspVerticalBar {
	right: 20px;
}
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';overflow-x: hidden;}
 html > body {padding: 0;}
 img {padding: 0; margin: 0; border: 0;}
 .cleaner {clear: both;}
 a:hover {text-decoration: none;}
a {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;}
.all {position: relative; width: 1380px; margin: 0 auto;}
form {padding: 0; margin: 0; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}
a.btn {height: 34px; line-height: 34px; border-radius: 4px; padding: 0 34px; background: #fd0000; font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none;}
a.btn:hover {background: #cb0404;}
.container {width: 100%;}
.toppanel {height: 75px; position: relative; width: 100%;}
.toppanel .logo {position: absolute; left: 23px; top: 0; height: 75px; display: table;}
.toppanel .logo a {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.toppanel .logo a img {max-height: 60px; max-width: 190px;}
.toppanel ul.topmenu {padding: 0; margin: 0; list-style-type: none; position: absolute; top: 26px; left: 50%; margin-left: -450px;}
.toppanel ul.topmenu li {display: inline-block; padding: 0 23px; position: relative;}
.toppanel ul.topmenu li:before {content: ''; width: 1px; height: 30px; background: #000; position: absolute; top: -2px; left: -1px;}
.toppanel ul.topmenu li:first-child:before {display: none;}
.toppanel ul.topmenu li a {font-size: 18px; color: #000; text-decoration: none;}
.toppanel ul.topmenu li a:hover {color: #fe0000;}
.toppanel a.btn {position: absolute; display: table; right: 23px; top: 20px;}
.benefits {max-width: 1330px; padding: 0 10px; box-sizing: border-box; margin: 0 auto;}
.benefits strong {font-weight: 700;}
.benefits .block {font-size: 16px; color: #000; display: inline-block; vertical-align: top; width: calc(33% - 5px); margin: 0 0 50px;}
.benefits .block b {font-weight: 700; display: block;}
.benefits .block .icon {width: 105px; display: inline-block; vertical-align: top;}
.benefits .block span {display: inline-block; vertical-align: top; width: calc(100% - 110px); padding: 0 40px 0 0; box-sizing: border-box;}
.benefits .block .icon img {width: 75px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
.benefits .block.active .icon img {width: 95px; margin: -10px 0 -10px -10px;}
.owl-topslider {position: relative; width: 100%;}
.owl-topslider .owl-prev {width: 26px; height: 50px; display: block; overflow: hidden; text-indent: -999px; background: url(../img/arrow_l.png); position: absolute; left: 25px; top: 50%; margin-top: -25px;}
.owl-topslider .owl-next {width: 26px; height: 50px; display: block; overflow: hidden; text-indent: -999px; background: url(../img/arrow_r.png); position: absolute; right: 25px; top: 50%; margin-top: -25px;}
.owl-topslider .item img.slide_pic {width: 100%; }
.owl-topslider .item {position: relative; overflow: hidden;}
.owl-topslider .item .text {position: absolute; z-index: 2; top: 45px; padding: 0 110px;}
.owl-topslider .item .text p.title {font-size: 69px; color: #fefefe; padding: 0 0 45px; margin: 0; font-weight: 700; line-height: 110%; text-shadow: 0 0 30px rgba(0,0,0,0.2);}
.owl-topslider .item .text a.btn {display: table; margin: 20px 0 0 0;}
.owl-topslider .item .text p {padding: 0; margin: 0; font-size: 31px; color: #f00000; font-weight: 600;}
.owl-topslider .item .text p span {color: #262626;}
.owl-topslider .item .icons {position: absolute; left: 110px; bottom: 20px; font-size: 21px; color: #000000;}
.owl-topslider .item .icons img {width: auto; display: inline-block; margin: 15px 0 0 0;}
.owl-topslider .owl-dots {position: absolute; bottom: 25px; right: 30px;}
.owl-topslider .owl-dots .owl-dot {display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #fff; margin: 0 0 0 10px;}
.owl-topslider .owl-dots .owl-dot.active {background: #999999;}
.grey_bg {background: #f3f3ef; padding: 55px 0 0 0; position: relative; width: 100%;}
.grey_bg:after {width: 100%; height: 65px; position: relative; content: ''; background: url(../img/grey_bottom.jpg) top center no-repeat; display: block;}
.yellow_bg {background: #ffd33d; padding: 35px 0 50px 0; position: relative; width: 100%;}
.shema {padding: 40px 0 0 0;}
.shema h2 {margin-bottom: 35px;}
.shema .into {position: relative; width: 100%; height: 430px; background: url(../img/shema_bg.png) center center no-repeat; margin: 0 0 60px;}
.shema .into .block {text-align: center; font-size: 18px; color: #333333; position: absolute;}
.shema .into .block.internet {top: 155px; left: 50%; margin-left: -65px;}
.shema .into .block.internet img {margin-bottom: 10px;}
.shema .into .block.nout {left: 50%; top: 40px; width: 235px; margin-left: -460px;}
.shema .into .block.nout img {width: 235px;}
.shema .into .block.nout:hover img {width: 305px; margin-left: -35px; margin-top: -20px;}
.shema .into .block.nout:hover span {font-size: 23px;}
.shema .into .block.pristavka {right: 50%; top: 65px; width: 260px; margin-right: -450px;}
.shema .into .block.pristavka img {width: 94px;}
.shema .into .block.pristavka:hover img {width: 114px; margin-left: -10px; margin-top: -7px;}
.shema .into .block.pristavka:hover span {font-size: 21px;}
.shema .into .block.pad {left: 50%; top: 275px; width: 230px; margin-left: -450px;}
.shema .into .block.pad img {width: 140px;}
.shema .into .block.pad:hover img {width: 170px; margin-left: -10px; margin-top: -7px;}
.shema .into .block.pad:hover span {font-size: 21px;}
.shema .into .block.tv {right: 50%; top: 210px; width: 325px; margin-right: -490px;}
.shema .into .block.tv img {width: 325px;}
.shema .into .block.tv:hover img {width: 385px; margin-left: -30px; margin-top: -20px;}
.shema .into .block.tv:hover span {font-size: 21px;}
.shema .into .block span {display: block; 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;}
.shema .into .block img {margin: 0 0 0px; 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;}
.shema .into a.btn {box-shadow: 0 0 10px rgba(0,0,0,0.3); position: absolute; display: table; left: 50%; margin-left: -83px; top: 350px;}
.tabs > div:not(:first-of-type), #city2 {display: none;}
.main_packs {position: relative;}
.main_packs .tabs {position: relative; z-index: 1;}
.main_packs .tabs ul {position: absolute; left:0; top: 0; z-index: 2; padding: 0; margin: 0; list-style-type: none; height: 39px; line-height: 39px; background: #f4de54;}
.main_packs .tabs ul li {z-index: 2; margin: 0px 14px 0 0; position: relative; padding: 0 7px 0 6px; display: block; float: left; cursor: pointer; font-size: 14px; color: #000; font-weight: 700; text-transform: uppercase;}
.main_packs .tabs ul li.active {color: #fff; background: #000;}
.main_packs .tabs ul li:first-child {padding-left: 35px;}
.main_packs .tabs ul li:last-child {padding-right: 7px; margin-right: 0;}
.main_packs .tabs ul li:last-child:after {display:none;}
.main_packs .tabs ul:after {content: url(../img/tabs_right.png); position: absolute; display: block; width: 15px; height: 40px; right: -15px; top: 0;}
.main_packs .tabs ul li.active:after {content: url(../img/tabs_black.png); position: absolute; display: block; width: 15px; height: 40px; right: -15px; top: 0;}
.main_packs .tabs ul li.active:before {content: url(../img/tabs_left.png); position: absolute; display: block; width: 15px; height: 40px; left: -15px; top: -1px;}
.main_packs .tabs ul li:after {content: url(../img/tabs_white.png); position: absolute; display: block; width: 15px; height: 40px; right: -15px; top: 0;}
.main_packs .tabs .tab_div {position: relative; width: 100%; height: 653px;}
.main_packs .tabs .tab_div img.bg {position: absolute; left: 50%; margin-left: -690px;}
.main_packs .owl-carousel .owl-item img {width: auto;}
.main_packs h2 {position: relative; padding-top: 60px; margin-bottom: 0;}
.main_packs .tarify {text-align: center; z-index: 2; width: 590px; position: absolute; left: 50%; margin-left: 95px; margin-top: 55px;}
.main_packs .tarify .owl-tarify {width: 420px; margin: 0 auto;}
.main_packs .tarify .price {padding: 50px 0 0 0;box-sizing: border-box; text-align: center; font-weight: 600; font-size: 21px; color: #000; height: 199px; background:url(../img/paint_bg.png) center center no-repeat; position: relative; display: block; width: 100%;}
.main_packs .tarify .price span.big {line-height: 100%; display: inline-block; vertical-align: top; font-size: 98px; font-family: 'SegoeUIB';}
.main_packs .tarify .price span.rub {display: inline-block; padding: 0 0 5px;  position: absolute; margin: 20px 0 0 0; border-bottom: 1px solid #000; line-height: 100%;}
.main_packs .tarify .price span.month {display: inline-block; vertical-align: top; padding-top: 40px;}
.main_packs .tarify .price .rubl {width: auto; position: absolute; display: inline; margin: 6px 0 0 -25px;}
.main_packs .tarify .price+p {font-size: 14px;margin: 0}
.main_packs .tarify .name {display: block; text-align: center; font-size: 28px; color: #000; font-weight: 700; text-transform: uppercase;position: relative;}
.main_packs .tarify .name .info {font-size: 16px!important;}
.main_packs .tarify .name.mintop {margin-top: -25px; margin-bottom: 15px;}
.main_packs .tarify .speed {margin-bottom: -20px; display: block;}
.main_packs .tarify .speed span {display: inline-block; vertical-align: middle; font-size: 24px; font-weight: 600;}
.main_packs .tarify .speed img {display: inline-block; vertical-align: middle; margin: 2px 5px 0 0;}
.main_packs .owl-dots {position: relative;}
.main_packs .owl-prev {width: 26px; height: 50px; display: block; overflow: hidden; text-indent: -999px; background: url(../img/arrow_l.png); left: 0px;}
.main_packs .owl-next {width: 26px; height: 50px; display: block; overflow: hidden; text-indent: -999px; background: url(../img/arrow_r.png); right: 0px; }
.main_packs a.btn {box-shadow: 0 0 10px rgba(0,0,0,0.4); display: table; margin: 45px auto;}
.main_packs .channels {display: block; text-align: center; font-size: 18px; color: #000; font-weight: 600;}
.main_packs .channels span {display: inline-block;}
.main_packs .channels span span {margin-top: -5px;}
.main_packs .channels img.icon {display: inline-block; vertical-align: middle; margin: -10px 5px 0 0;width: 22px;}
.main_packs .scroll {display: none; margin: 5px auto; font-size: 14px; color: #333333; text-transform: uppercase; font-weight: 300;}
.main_packs .list {display: table; margin: 5px auto; font-size: 14px; color: #333333; text-transform: uppercase; font-weight: 300;}
.main_packs .tarify a.button {position: relative; z-index: 99; margin: 0 20px; transition: none; -webkit-transition: none; font-size: 24px; color: #000; font-weight: 700; text-transform: uppercase; text-decoration: none; display: inline-block; padding: 0 0 10px; background: url(../img/dashed.png) bottom left repeat-x;}
.main_packs .tarify a.button:focus {color: #999999; background: none;}
.main_packs > p {font-size: 12px;position: absolute;z-index: 100;bottom: 10px; left: 10px;}
.main_packs .owl-nav {
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	top: 50%;
}
.dop_packs {text-align: center;}
.dop_packs .block {margin: 0 12px 45px; box-shadow: 0 20px 50px rgba(0,0,0,0.2); width: 364px; display: inline-block; vertical-align: top; padding-bottom:25px; background: #fff; border-radius: 5px; overflow: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
.dop_packs .block:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1); }
.dop_packs .block .pic {margin: 0 0 17px; width: 100%; height: 232px; border-radius: 5px 5px 0 0; overflow: hidden;}
.dop_packs .block .pic img {height: 232px; min-width: 100%;width: 100%;object-fit: cover;}
.dop_packs .block .pic img[alt="smotreshka-plus"] {
    object-fit: contain;
}
.dop_packs .block_wink .pic {background:#000000;}
.dop_packs .block_wink .pic img {
    object-fit: contain;
    width: 75%;
    min-width: auto;
}
.dop_packs .block_kino1tv .pic {background:#20212b;}
.dop_packs .block_kino1tv .pic img {
    object-fit: contain;
    width: 75%;
    min-width: auto;
}
.dop_packs .block .info {padding: 0 30px; text-align: left; position: relative;}
.dop_packs .block .info small {min-height: 12px; display: block; font-size: 10px; color: #333; margin: 0 0 7px;}
/*.dop_packs .block .info small a.scroll {display: none;}*/
.dop_packs .block .info small a {color: inherit;}
.dop_packs .block .info .pack_name {font-size: 20px; color: #000000; font-weight: 700; display: block; margin: 0 0 13px;text-transform: uppercase;}
.dop_packs .block .info .pack_name span {font-size: 16px;}
.dop_packs .block .info a.btn {margin: 0 auto; display: table; height: 31px; line-height: 31px; border: 2px solid #fd0000; box-sizing: border-box; color: #fd0000;background: transparent;}
.dop_packs .block .info a.btn:hover {background: #fd0000; color: #fff;}
.dop_packs .block .info .price {line-height: 100%; position: absolute; right: 25px; top: 11px; font-size: 34px; color: #000; font-weight: 700;}
.dop_packs .block .info .price .month {line-height: 100%; font-size: 15px; font-weight: 600;}
.dop_packs .block .info .price .rub {line-height: 100%; font-size: 15px; font-weight: 600; border-bottom: 1px solid #000; position: absolute; margin: 4px 0 0 0;}
h2 {display: table; padding: 0 0 7px; margin: 0 auto 95px; text-align: center; font-size: 36px; color: #000000; text-transform: uppercase; font-weight: normal; background: url(../img/dashed.png) bottom center repeat-x;}
h2.smallmargin {margin-bottom: 55px;}
.yellow_bg h2 {margin-bottom: 40px;}
.ivi_block {padding: 60px 0 0; max-width: 100%; position: relative; overflow: hidden;}
.ivi_block h4 {font-size: 24px; color: #e60040; font-weight: normal; padding: 0 0 40px; margin: 0; text-align: center; font-family: 'Conv_seguisbi';}
.ivi_block h2 {margin-bottom: 25px;}
.ivi_block .block {width: 607px; height: 349px; background: url(../img/ivi_block_bg.png) no-repeat; display: inline-block; vertical-align:top; margin: 0 9px 35px; background-size: 100% auto;}
.ivi_block .block.ivi {background: none; text-align: center;}
.ivi_block .block.ivi img {padding-top: 50px;}
.ivi_block .into {max-width: 1380px; display: table; margin: 0 auto; text-align: center;}
.ivi_block .owl-ivi {width: 607px; height: 323px; margin-top: 26px;}
.ivi_block p.black {padding: 20px 0 0 0; margin: 0; text-align: center; font-family: 'Conv_seguisbi'; font-size: 24px; color: #000; font-weight: 400;}
.ivi_block a.btn {position: relative; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,0.3); display: table; margin: 25px auto 25px;}
.smotreshka_bg {padding: 55px 0 45px 0; position: relative; width: 100%; background: url(../img/smotreshka_bg.jpg) top center no-repeat;}
.smotreshka_bg h2 {margin-bottom: 30px;}
.smotreshka_bg .into {margin: 0 auto 0px; display: table; position: relative; border: 2px dashed #cccccc; padding: 20px 20px;}
.content {padding: 30px 0 0 0;}
.instructions .block {padding: 0 0 115px; margin: 0 0 115px; border-bottom: 2px dashed #ccc;}
.instructions .block:last-child {border: 0; margin-bottom: 0; padding-bottom: 70px;}
.instructions .block .left {width: 492px; display: inline-block; vertical-align: top; margin: 0 0 0 90px;}
.instructions .block .left.center {text-align: center;}
.instructions .block.bigleft .left {width: 644px; margin-left: 35px;}
.instructions .block .left img {max-width: 100%;}
.instructions .block .left p.title {padding: 0 0 20px; margin: 0; text-align: center; font-size: 30px; color: #000; text-transform: uppercase;}
.instructions .block .right {padding: 60px 0 0 0; width: calc(100% - 590px); display: inline-block; vertical-align: top; font-size: 21px; color: #000000; padding-right: 90px; box-sizing: border-box; line-height: 110%;}
.instructions .block .right.minustop {padding-top: 0; margin-top: -50px;}
.instructions .block.bigleft .right {width: calc(100% - 685px);}
.instructions .block .right p {padding: 0 0 30px; margin: 0; text-align: justify;}
.instructions .block .right p.paddingtop {padding: 30px 0 0 0;}
.instructions .block .right a {font-size: 21px; color: #206290; text-transform: uppercase; text-decoration: none;}
.instructions .block .right a.black {color: #000;}
.instructions .block .right .icons {padding: 30px 0 0 0;}
.instructions .block .right .icons.bigright img {margin-right: 6px;}
.instructions .block .right ul {padding: 0; margin: 0 0 30px; list-style-type: none;}
.instructions .block .right ul li {padding: 0 0 0 12px; background: url(../img/bullet.jpg) 0 10px no-repeat;}
#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;}
.footer {
	position: relative;
	width: 100%;
	height: 200px;
	background: #333333;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0 60px;
	box-sizing: border-box;
}
.footer a {
	text-decoration: none;
}
.footer a img {
	width: 40px;
	height: 40px;
}
.footer .text {position: absolute; left: 50px; bottom: 40px; font-size: 31px; color: #fff; text-transform: uppercase;}
.footer a.btn {box-shadow: 0 0 30px rgba(0,0,0,0.4); display: inline-table; right: 50px; top: 62px;}
.footer-middle {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.footer-middle span {
	margin-left: 20px;
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
	color: #ffffff;
}
.footer .icons {position: absolute; right: 50px; bottom: 40px; width: 100%; text-align: right;}
.footer .dev {
    font-size: 12px;
    text-align: center;
    width: 100%;
    color: #ccc;
    display: block;
    margin: 25px 0 0 0; position: absolute; bottom: 15px; left: 0;
}
.footer .dev a {
    color: #fff;
}
.block_text {
margin-top:15px;
}
.block_text p {
margin-bottom:3px!important;
padding-bottom:0!important;
}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.channels_into {max-width: 1140px; margin: 0 auto; padding: 0 0 70px; 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;}
.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: 20px auto 0; font-size: 18px; color: #000000; font-weight: normal;font-weight: 300;}
.channels_into .full_list:hover {border: none;}
.channels_into .full_list:before {content: 'ПОЛНЫЙ СПИСОК КАНАЛОВ »';}
.channels_into .full_list.opened:before {content: 'СКРЫТЬ';}
.channels_into a.btn {box-shadow: 0 0 10px rgba(0,0,0,0.3); display: table; margin: 25px auto 25px;}
.link_nav {display: none;}
.popup {background: rgba(255,255,255,0.9); border: 2px solid #ff7800; padding: 30px; width: 300px; box-sizing: border-box;}
.popup .title {font-weight: 600; font-size: 19px; color: #ff7800; 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 #ff7800; border-radius: 4px; color: #999999; font-size: 18px; padding: 0 18px; margin: 0 0 15px;}
.popup input.text.error {background: rgba(255, 0, 0, 0.3);}
.popup input.text:focus::-moz-placeholder {opacity: 0;}
.popup input.text:focus::-webkit-input-placeholder {opacity: 0;}
.popup button {text-decoration: none; margin: 30px 0 10px; 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: #ff7800; 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 .form_hidden {display: none;}
.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 .form_buttons a {text-decoration: none;}
.popup_white {padding: 30px; background: #fff; width: 1250px; text-align: left;}
.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: auto; height: 25px; float: left; margin: -3px 7px 9px 0;}
.scroll-pane {max-height: 530px; overflow: auto; }
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.footer .logo {
	width: 190px;
}
.top_bg {
    margin:0;
    height: 0;
    position: relative;
    width: 100%;
    padding-bottom: 40%;
    box-sizing: border-box;
    background: url(http://salesupster.ru/img_30days/banner_1920.jpg) no-repeat center / cover;
}
.top_bg a {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
@media screen and (max-width: 1379px) {
html * {max-height: 99999999px;}
* {-webkit-appearance: none!important;}
.all {width: 100%; position: relative; overflow: hidden;}
.toppanel .logo {left: 10px;}
.toppanel a.btn {right: 10px;}
.owl-carousel.owl-drag .owl-item {position: relative; overflow: hidden;}
}
@media screen and (max-width: 1340px) {
.toppanel ul.topmenu {left: auto; right: 200px;}
.toppanel ul.topmenu li {padding: 0 10px;}
.toppanel ul.topmenu li a {font-size: 16px;}
.main_packs .tarify {left: auto; margin-left: 0; right: 10px;}
.footer .text {left: 10px;}
.footer a.btn {right: 10px;}
.footer .icons {right: 10px;}
.popup_white {width: 600px; padding: 25px 10px;}
.popup_white.small {width: 600px; height: auto;}
.popup_white span {width: 49%;}
.popup_white.small span {width: 49%;}
.scroll-pane { height: 340px;}}
@media screen and (max-width: 1300px) {
.ivi_block .owl-carousel.owl-drag .owl-item {height: 293px;}
.ivi_block .block {width: 525px;}
.ivi_block .owl-ivi {width: 525px; height: 293px;}
}
@media screen and (max-width: 1210px) {
.channels_into .into {max-height: 320px;}
.channels_into .into img {width: 65px;}
}
@media screen and (max-width: 1100px) {
.top_bg {background-image: url(http://salesupster.ru/img_30days/banner_1260.jpg);padding-bottom: 35%; }
.toppanel ul.topmenu li a {font-size: 13px;}
.toppanel ul.topmenu li:before {display: none;}
.owl-topslider .item .text p.title {font-size: 40px; padding-bottom: 35px;}
.owl-topslider .item .text {padding: 0 60px;}
.owl-topslider .owl-prev {left: 10px;}
.owl-topslider .owl-next {right: 10px;}
.owl-topslider .item .icons {left: 60px;}
.owl-topslider .item .text p {font-size: 26px;}
.benefits .block {width: calc(50% - 5px);}
.instructions .block .left {width: 400px!important; margin: 0 20px 0 10px!important;}
.instructions .block .right {width: calc(100% - 440px)!important; padding-right: 10px!important;}
.footer .text {font-size: 25px;}
}
@media screen and (max-width: 1000px) {
.top_bg {background-image: url(http://salesupster.ru/img_30days/banner_990.jpg); padding-bottom: 42%;}
.shema .into {height: auto; background: none;}
.shema .into .block {position: relative; top:auto!important; right:auto!important; left:auto!important; margin: 0 auto 30px!important; display: table; width: 100%!important;}
.shema .into .block.internet:after {content: ''; width: 1px; height: 60px; background: #333; display: table; margin: 20px auto 0;}
.shema .into .block img {max-width: 98%!important;}
.shema .into a.btn {position: relative; margin: 0 auto; top: auto; left: auto;}
.smotreshka_bg .into {padding: 0; border: 0;}
.smotreshka_bg .into iframe {width: 400px!important; height: 227px!important;}
.popup_white {width: 450px;}
.popup_white img {width: 30px; margin: 0 2px 4px; height: 30px;}
}
@media screen and (max-width: 960px) {
.toppanel {height: 50px; z-index: 10;}
.toppanel ul.topmenu {right: 0; display: none; position: absolute; background: #fff; padding: 10px; box-sizing: border-box; text-align: center; top: 50px; width: 320px;}
.toppanel ul.topmenu li {display: block; padding: 0; margin: 7px 0;}
.toppanel ul.topmenu li a {text-transform: uppercase;}
.toppanel ul.topmenu.visible {display: block;}
.toppanel .link_nav {display: table; position: absolute; right: 140px; color: #fff; font-size: 19px; text-transform: uppercase; text-decoration: none; padding-top: 10px;}
.toppanel .link_nav:before {content: url(../img/menu.png); float: left; margin: 3px 5px 0 0;}
.toppanel .logo {height: 50px;}
.toppanel .logo a img {max-height: 40px; max-width: 120px;}
.toppanel a.btn {top: 7px; padding: 0 10px;}
.footer {height: auto; padding: 20px 10px 40px; box-sizing: border-box;}
.footer .logo {position: relative; top: auto; left: auto; display: table; margin: 0 auto; width: 200px;}
.footer .text {position: relative; top: auto; left: auto; display: table; margin: 10px auto 15px; width: auto; text-align: center; font-size: 16px; bottom: auto;}
.footer a.btn {position: relative; display: table; margin: 0 auto 10px; top: auto; right: auto;}
.footer .icons {position: relative; right: auto; display: table; margin: 20px auto 15px; width: auto; text-align: center; font-size: 18px; bottom: auto;}
.footer .icons img {width: 70px; margin: 0 5px 7px;}
}
@media screen and (max-width: 930px) {
	.tarify_links {position: static; text-align: center;padding-top: 5px;display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;justify-content: center;}
	.tarify_links a, .tarify_links p {font-size: 18px;}
.main_packs {background: #f3f3ef;}
.main_packs .tabs .tab_div img.bg {opacity: 0;}
.main_packs .tarify {width: 300px; position: relative; right: auto; top: auto; margin: 0 auto;}
.main_packs .tarify .owl-tarify {width: 300px;}
.main_packs .tarify a.button {display: none;}
.main_packs .tabs {height: 680px;}
.main_packs h2 {padding-top: 30px;}
.main_packs .tabs ul {background: none; text-align: center; height: auto; width: 100%; padding: 10px 0; position: relative; top: auto; left: auto;}
.main_packs .tabs ul:after {display: none;}
.main_packs .tabs ul li {background: #f4de54; float: none; display: table; padding: 0 5px!important; font-size: 15px; margin: 0 auto 3px!important; line-height: 200%;}
.main_packs .tarify .name.mintop {margin-top: 20px;}
.main_packs .tabs ul li:after, .main_packs .tabs ul li:before {display: none!important;}
.main_packs .tarify .price {background-size: 100% 100%;padding: 20px 0 30px;}
.main_packs h2 {font-size: 25px;}
.main_packs .tarify .price {height: auto;}
}
@media screen and (max-width: 850px) {
.owl-topslider .item .text p.title {font-size: 20px; padding-bottom: 20px; color: #000;}
.owl-topslider .item .text {padding: 0 10px;}
.owl-topslider .owl-prev {display: none;}
.owl-topslider .owl-next {display: none;}
.owl-topslider .item .icons {left: 10px;}
.owl-topslider .item .text {top: 20px; text-align: center; width: 100%; box-sizing: border-box;}
.owl-topslider .item .text p {font-size: 19px;}
.owl-topslider .item .text a.btn {margin-left: auto; margin-right: auto;}
.owl-topslider .item .icons {width: calc(100% - 20px); text-align: center; font-size: 14px; bottom: 45px;}
.owl-topslider .item .icons img {width: 70px; margin: 7px 5px 0px;}
.owl-topslider .owl-dots {bottom: 10px; right: 0; width: 100%; text-align: center;}
.owl-topslider .owl-dots .owl-dot {margin: 0 3px; width: 10px; height: 10px;}
h2 {font-size: 30px; background: none;}
.benefits .block {display: block; padding: 0; width: auto;}
.benefits .block span {padding: 0; width: calc(100% - 90px);}
.benefits .block .icon {width: 85px;}
.benefits .block .icon img {width: 75px!important; margin: 0!important;}
.instructions .block .left {display: block; width: 320px!important; margin: 0 auto 30px!important;}
.instructions .block .right {padding: 0 10px!important; width: auto!important; display: block;}
.instructions .block .right.minustop {margin-top: 0;}
.instructions .block .left p.title {font-size: 19px;}
.channels_into .into {max-height: 320px;}
.channels_into .into img {width: 50px; margin: 0 5px 10px;}
}
@media screen and (max-width: 750px) {
.top_bg {background-image: url(http://salesupster.ru/img_30days/banner_770.jpg);}
}
@media screen and (max-width: 650px) {
	.footer>* {
		margin-top: 25px;
	}
	.footer .social-icons {
		width: 100%;
		text-align: center;
	}
h2 {font-size: 22px!important;}
.ivi_block .block {width: 300px; background-size: 100% auto; height: auto;}
.ivi_block .owl-ivi {width: 300px; height: 170px;}
.ivi_block .block.ivi {height: auto;}
.ivi_block .block.ivi img {padding: 0; max-width: 100%;}
/*.dop_packs .block .info small a {display: none;}*/
.dop_packs .block .info small a.scroll {display: inline;}
.popup_white {width: 290px; padding: 25px 10px; }
.popup_white span {width: auto; display: block; min-height: 25px; clear: both;}
.popup_white.small {width: 290px;}
.main_packs .tarify .price span.big {
		font-size: 85px;
	}
}
@media screen and (max-width: 500px) {
.top_bg {background-image: url(http://salesupster.ru/img_30days/banner_400.jpg);padding-bottom: 50%;}
.dop_packs .block {width: 300px; margin: 0 0 30px;}
.dop_packs .block .pic {height: auto; width: 100%; position: relative;}
.dop_packs .block .pic img {width: 300px; height: auto;}
.dop_packs .block .info {padding: 0 10px;}
.dop_packs .block .info .price {right: 10px;}
.ivi_block h4, .ivi_block p.black {font-size: 18px;}
.toppanel ul.topmenu {width: 100%;}
.footer-middle span {margin: auto;}
}
.tarify .owl-carousel.owl-tarify .item, .tarify .owl-carousel.owl-tarify .owl-item {height: auto;}
.box {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5%;
margin:0 auto 50px;
justify-content:center;
}
.box_item {
        border-radius: 5px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2);
background:#ffc125;
margin:10px;
display:flex;
box-sizing:border-box;
width:350px;
}
.box_item .right {
padding:20px 10px;
    background: rgba(0, 0, 0, 0.1);
width:55%;
}
.box_item .left {
    display: flex;
    flex-direction: column;
width:45%;
padding:20px 10px 10px;
}
.box_item h3 {
margin-bottom:5px;
}
.box_item .speed {
margin:5px 0 10px;
font-size: 14px;
}
.box_item .select {
width:100%;
padding: 5px 10px;
border-radius: 5px;
background: transparent url(../img/arrow.svg) no-repeat 95% center / 12px;
    border: 1px solid rgba(0, 0, 0, .3);
}
.box_item .price {
margin-top:auto;
}
.box_item .price span {
font-weight:700;
font-size:24px;
}
.box_item .left .btn {
text-align:center;
padding:0;
margin-top:5px;
}
.box_item .about-item {
display:flex;
align-items:end;
flex-wrap: wrap;
}
.box_item .about-item p {

}
.box_item img {
width: 20px;
    margin-right: 5px;
}
.box_item  .channels_link{
display: inline-block;
    align-self: flex-start;
color:#131313;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
-o-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}