@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap');
/*@font-face {
    font-family: 'Lato';
    src: url(../fonts/Lato-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url(../fonts/Lato-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url(../fonts/Lato-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url(../fonts/Lato-Black.woff) format('woff');
    font-weight: 900;
    font-style: normal;
}*/
@font-face {
    font-family: 'RUBSN';
    src: url(../fonts/RUBSN.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
pre {
    font-family: monospace, monospace;
    font-size: 1em
}
a {
    background-color: transparent
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: bolder
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
img {
    border-style: none
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button,
input {
    overflow: visible
}
button,
select {
    text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    padding: .35em .75em .625em
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
progress {
    vertical-align: baseline
}
textarea {
    overflow: auto
}
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
details {
    display: block
}
summary {
    display: list-item
}
template {
    display: none
}
[hidden] {
    display: none
}
ul {
    list-style: none;
    padding: 0;
    margin: 0
}
a {
    color: inherit;
    text-decoration: none
}
div {
    box-sizing: border-box
}
button {
    outline: 0;
    border: none
}
.flex_column,
.flex_row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex
}
.flex_row {
    -webkit-box-orient: horizontal;
    -webkit-box-orient: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row
}
.flex_column {
    -webkit-box-orient: vertical;
    -webkit-box-orient: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}
.flex_wrap {
    -webkit-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}
.aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}
.aib {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline
}
.aifs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start
}
.aife {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end
}
.jcc {
    -webkit-box-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.jcsb {
    -webkit-box-pack: justify;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -moz-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}
.jcsa {
    -webkit-box-pack: justify;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -moz-box-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}
.jcfe {
    -webkit-box-pack: end;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    -moz-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}
.tac {
    text-align: center
}
.tal {
    text-align: left
}
.tar {
    text-align: right
}
.db {
    display: block
}
.dib {
    display: inline-block
}
.dn {
    display: none
}
.ma {
    margin-left: auto;
    margin-right: auto
}
.dif {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex
}
.posa,
.posa-full {
    position: absolute
}
.posr {
    position: relative
}
.container_main {
    max-width: 1920px;
    margin: auto;
    overflow: hidden;
    visibility:hidden;
}
.container_main.active {
    visibility:visible;
}
.posa-full {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}
.flex_item1 {
    width: 100%
}
.flex_item2 {
    width: 50%
}
.flex_item3 {
    width: 33.333333%
}
.flex_item4 {
    width: 25%
}
.flex_item5 {
    width: 20%
}
body {
    background: #151515;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
}
.rub {
    font-family: 'RUBSN';
}
.container {
    max-width: 1680px;
    margin: 0 auto;
}
.container_min {
	max-width:1216px;
	 padding: 0 64px;
}
main {
    padding-top: 72px;
}
.iziModal {
	background:#161a1d;
}
h2 {
	color: hsla(0,0%,100%,0.9);
    font-size: 56px;
    font-weight: 900;
    letter-spacing: -.1px;
    line-height: 1.21;
    margin: 0 auto 64px;
    max-width: 660px;
    text-align: center;
    width: 100%;
}
h3 {
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.25;
}
.sec_min {
    padding-bottom: 6%;
}
.btn {
    font-size: 1rem;
    color: #151515;
    font-weight: 400;
    border-radius: 8px;
    text-decoration: none;
    transition: all 300ms ease-out;
    background: #ffb908;
    padding: 11px 20px;
    transform: scale(1);
    transition: transform 300ms ease-out;
}
.btn:hover {
    background: #ffcd51;
    transition: transform 300ms ease-out;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    transform: scale(1.04);
}
.active .btn:hover {
    color: #ffffff;
}
.btn:disabled {
    background:#ffc125;
    color:rgba(255,255,255,0.7);
    transform: scale(1);
}
.btn:disabled:hover {
    color:rgba(255,255,255,0.7);
    box-shadow:none;    
}
.sps p {
    font-size:20px;
}
/*		header	*/
header {
    background: #1a1a1a;
    padding: 6px 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    left: 0;
}
.header_triggerOuter {
	width: 48px;
	height: 48px;
	border-radius:4px;
    display: none;
}
.header_triggerOuter:hover {
	background:hsla(0,0%,100%,0.16);
}
.header_trigger {
    width: 20px;
    height: 16px;
    min-width: 20px;
    cursor: pointer;
    top: 2px;
    position: relative;
}
.header_trigger span {
    top: 6px;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 100px;
    background: #bbbbbb;
    position: absolute;
}
.header_trigger span:after,
.header_trigger span:before {
    content: '';
    position: absolute;
    left: 0;
    right: 5px;
    height: 2px;
    border-radius: 100px;
    background: #bbbbbb;
    top: -6px;
    transition:all 100ms ease-out;
}
.header_trigger span:after {
    top: 6px;
    right: 8px;
}
.header_triggerOuter.active .header_trigger span {
	background:#1a1a1a;
}
.header_triggerOuter.active:hover .header_trigger span {
	background:#3f3f3f;
}
.header_triggerOuter.active .header_trigger span:after {
    top: 0;
    transform: rotate(45deg);
    transition:all 100ms ease-out;
	right:0;
}
.header_triggerOuter.active .header_trigger span:before {
    transform: rotate(-45deg);
    top: 0;
    transition:all 100ms ease-out;
	right:0;
}
.header_logo {
    margin-right: 20px;
    max-width: 165px;
}
.header_logo img {
    max-height:62px;
    max-width: 100%;
}
.header_menuItem {
    font-size: 1rem;
    color: hsla(0, 0%, 100%, 0.6);
    border-bottom: 2px solid #1a1a1a;
    padding: 4px 0;
    margin: 0 15px;
}
.header_menu {
    padding: 0;
    min-width:600px;
}
.header_menuItem.active {
    color: hsla(0, 0%, 100%, 0.9);
    border-color: #ffb908;
}
.header_phone {
    color: #fff;
    margin: 0 24px 0 auto;
    font-size: 1rem;
    letter-spacing: .003125rem;
    line-height: 1.25rem;
}
.header_inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px;
}
.header_btn {
    background:#ffc125;
}
.sec {
    background: #151515;
    margin: 0 auto;
    max-width: 1680px;
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 2;
}
.sec_min {
	min-height:auto;
}
.slide-animation {
    opacity: 0;
}
.slide-animation-move {
    transform: translateY(30px);
    transition: opacity 1s, transform 1s;
    transition-delay: .2s;
}
.sec_advTitle {
    color: hsla(0, 0%, 100%, 0.9);
    font-size: 64px;
    font-weight: 900;
    left: 0;
    letter-spacing: -.1px;
    line-height: 1.13;
    margin: 0 auto;
    max-width: 690px;
    padding-top: 4%;
    position: fixed;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 4;
}
.sec_advTv {
    background: url(../img/hero-black.jpg) no-repeat bottom / 100%;
    height: 120vh;
    min-height: 900px;
    overflow: hidden;
    position: relative;
    top: 5vh;
    width: 100%;
    z-index: 2;
}
.sec_advGlow {
    background-image: radial-gradient(circle at 50% 81%, #102133 0, rgba(66, 98, 130, .3) 42%, rgba(66, 98, 130, 0) 67%);
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity 2s;
    transition-delay: 1s;
    width: 100%;
    z-index: 1;
}
.sec_advTv-active {
    background: url(../img/hero-lvl2-devices.png) no-repeat bottom / 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity 2s;
    transition-delay: 1s;
    width: 100%;
    z-index: 5;
}
.sec_advGradient {
    background-image: radial-gradient(circle at 50% 52%, hsla(0, 0%, 8%, 0) 0, hsla(0, 0%, 8%, .15) 40%, hsla(0, 0%, 8%, .35) 48%, hsla(0, 0%, 8%, .5) 52%);
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity 2s;
    transition-delay: 1s;
    width: 100%;
    z-index: 3;
}
.sec_advChannels-1 {
    background: url(../img/hero-lvl3-channels.png) no-repeat center 113% / 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity 2s;
    transition-delay: 1.5s;
    width: 100%;
}
.sec_advChannels-2 {
    background: url(../img/hero-lvl4-channels.png) no-repeat center 110% / 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity 2s;
    transition-delay: 2s;
    width: 100%;
}
.sec_advChannels-3 {
    background: url(../img/hero-lvl5-channels.png) no-repeat center 113% / 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity 2s;
    transition-delay: 2.5s;
    width: 100%;
}
.sec_advText {
    color: hsla(0, 0%, 100%, 0.9);
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: -.003125rem;
    line-height: 1.75rem;
    padding: 0 0 10%;
    max-width: 868px;
    position: relative;
    text-align: center;
    z-index: 5;
    transition-delay: 0s;
    margin: 1% auto 0;
    background: #151515;
}
.slide-animation.enter {
    opacity: 1;
    transform: translateY(0);
}
.slide-animation-fixed {
    transform: translateY(0);
}
.slide-load.sec_advText {
     transition-delay: .5s;
}
.slider_main {
    width: 78%;
    margin: 0 auto;
}
.slide {
	width: 100%;
	height: 0;
	padding-bottom: 25%;
	display: block;
	border-radius:10px;
}
.slide1 {
    background: url(https://salesupster.ru/img_iptv/premium1/banner_480.jpg) no-repeat center / contain;
}
.slide2 {
    background: url(https://salesupster.ru/img_iptv/premium2/banner_480.jpg) no-repeat center / contain;
}
.slide3 {
    background: url(https://salesupster.ru/img_iptv/premium3/banner_480.jpg) no-repeat center / contain;
}
.slide4 {
    background: url(https://salesupster.ru/img_iptv/premium4/banner_480.jpg) no-repeat center / contain;
}
.slide5 {
    background: url(https://salesupster.ru/img_iptv/premium6/banner_480.jpg) no-repeat center / contain;
}
.owl-nav {
    position: absolute;
    top: 50%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    left: -5%;
    width: 110%;
    height: 0;
    transform: translateY(-14.5px);
}
.owl-nav button {
    width: 29px;
    height: 29px;
    background: url(../img/left.svg) no-repeat center / 100% !important;
}
.owl-prev {
    transform: scale(-1, 1);
}
.owl-carousel.slider_main .owl-stage-outer {
    overflow: visible;
}
/*.owl-carousel.slider_one .owl-stage-outer {
    overflow: hidden;
}
.slider_main .owl-nav button {
	filter:invert(1);
}*/
.slider_main .owl-item:not(.active) {
    opacity: 1;
    transition:opacity 300ms ease-out;
}
.slider_main:hover .owl-item:not(.active) {
    opacity: .4;
    transition:opacity 300ms ease-out;
}
.slider_main .owl-nav {
    visibility:hidden;
    transition:visibility 300ms ease-out;
}
.slider_main:hover .owl-nav {
    visibility:visible;
    transition:visibility 300ms ease-out;
}
.sec_slider {
    padding-bottom: 12%;
}
.block:before {
    background: linear-gradient(91deg, #ffc000 1%, #f93);
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.block {
    position: relative;
    align-content: flex-start;
    background: linear-gradient(180deg, #262626, rgba(38, 38, 38, 0));
    color: #fff;
    padding: 75px 48px 84px;
    overflow: hidden;
}
.sec_dev {
    min-height:92vh;
}
.sec_devBox {
    width: calc(50% - 12px);
}
.sec_devBox img {
    display: block;
    margin-left: -30%;
    margin-top: -2%;
    max-width: 135%;
    width: 135%;
}
.sec_devSup {
    padding-top: 15px;
}
.sec_devSupTitle {
    color: hsla(0, 0%, 100%, 0.6);
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 1.5;
    margin-bottom: 16px;
    width: 100%;
}
.icon.size-32 {
    height: 32px;
    width: 32px;
}
.icon {
    display: inline-flex;
    flex-shrink: 0;
    height: 24px;
    position: relative;
    width: 24px;
}
.sec_devSup .icon {
    margin-right: 12px;
}
.sec_devSupEl:first-of-type {
    margin-right: 32px;
}
.sec_devBox h3 {
    margin: 0 0 40px;
}
.sec_priv {
    background: #151515 url(../img/features-background-state-1.jpg) no-repeat center top / 100%;
    margin-bottom: 8.4%;
    min-height: 100vh;
    position: relative;
    width: 100%;
}
.sec_privTv {
    background: url(../img/features-background-state-2.jpg) no-repeat center top / 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 2s;
    width: 100%;
}
.sec_privList {
    margin: 0 auto;
    max-width: 1216px;
    padding: 64vh 64px 0;
/*    padding: 56vh 64px 0;*/
    position: relative;
    width: 100%;
    z-index: 2;
}
.sec_privTitle {
    color: hsla(0, 0%, 100%, 0.9);
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -.01875rem;
    line-height: 3rem;
    padding-right: 8%;
    width: 50%;
    margin-top: 0;
}
.sec_privItem {
    margin-bottom: 48px;
}
.sec_privItem h4 {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(94deg, #ffc000 1%, #f93);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.00625rem;
    line-height: 2rem;
    margin: 0 0 15px;
}
.sec_privItem p {
    color: hsla(0, 0%, 100%, 0.9);
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: -.003125rem;
    line-height: 1.75rem;
    margin: 8px 0 0;
}
.sec_privItems {
    width: 50%;
    min-width: 50%;
    padding-left: 1%;
}
.sec_platformBox {
    align-content: center;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);
    display: flex;
    flex-wrap: wrap;
    height: 70vh;
    justify-content: center;
    margin: 0 auto;
    max-width: 1312px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 90%;
}
.sec_platformImg {
    background: url(../img/platforms-bg.jpg) no-repeat 50% / 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform 500ms ease-out;
    width: 100%;
    z-index: 1;
    transform:scale(1.9894);
}
.sec_platformImg.active {
	transform:scale(1.00016);
	transition: transform 500ms ease-out;
}
.sec_platformImg-bg {
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 1s;
    transition-delay: .5s;
    width: 100%;
    z-index: 1;
}
.sec_platformTitle {
    color: hsla(0, 0%, 100%, 0.9);
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -.01875rem;
    line-height: 3rem;
    margin: 0 auto 16px;
    padding: 0 25%;
    width: 100%;
    z-index: 3;
}
.sec_platform p {
    color: hsla(0, 0%, 100%, 0.9);
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: -.003125rem;
    line-height: 1.75rem;
    margin: 0 auto 25px;
    padding: 0 26%;
    position: relative;
    width: 100%;
    z-index: 3;
}
.sec_platformList {
    padding: 0 12%;
    position: relative;
    width: 100%;
    z-index: 3;
}
.sec_platformItem {
    margin: 16px;
}
.sec_textTitle {
    color: hsla(0, 0%, 100%, 0.9);
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -.01875rem;
    line-height: 3rem;
    padding-right: 12%;
    width: 50%;
    margin: 0;
}
.sec_text p {
    color: hsla(0, 0%, 100%, 0.9);
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: -.003125rem;
    line-height: 1.75rem;
    width: 50%;
    min-width: 50%;
    margin-top: 0;
}
.sec_text .container {
    max-width: 1216px;
    padding: 0 64px;
    width: 100%;
}
.sec_item {
	align-items: flex-start;
    background-color: #30363a;
    border-radius: 4px;
    color: hsla(0,0%,100%,0.9);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 11px;
    overflow: hidden;
    padding: 32px 24px 24px;
    position: relative;
    width: calc(33.333% - 22px);
}
.sec_dopItem {
min-height:230px;
}
.sec_item[data-name="Ночной"] .sec_itemMore, .sec_item[data-name="Ночной Плюс"] .sec_itemMore {
    display: none !important;
}
/*.sec_item[data-name="Ночной Плюс"]::after, .sec_item[data-name="Ночной"]::after {
    content: "18+";
    position: absolute;
    right: 9px;
    top: 16px;
}*/
.sec_item:before {
	background: linear-gradient(176deg,#ffc000 1%,#f93);
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin: 0 24px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.sec_itemTitle {
    color: hsla(0,0%,100%,0.9);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.75rem;
    margin:0 0 16px;
    width: 100%;
}
.sec_itemPrice strong {
	color: hsla(0,0%,100%,0.9);
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -.0125rem;
    line-height: 2.5rem;
    margin-right: 4px;
    text-align: right;
}
.sec_itemPrice {
	color: hsla(0,0%,100%,0.6);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .003125rem;
    line-height: 1.25rem;
    margin: 0 0 8px;
    width: 100%;
}
.sec_itemMore {
	color: hsla(0,0%,100%,0.6);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .003125rem;
    line-height: 1.25rem;
    margin-top: auto;
    padding-right: 3%;
    width: 100%;
}
.sec_itemMoreText {
	color: hsla(0,0%,100%,0.9);
	margin: 0 0 5px;
}
.sec_itemMoreText+p {
    color: #fff;
}
.sec_itemMore p:first-of-type {
    margin: 0;
}
.sec_itemLink {
	color: hsla(0,0%,100%,0.6);
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .003125rem;
    line-height: 1.25rem;
    border-bottom:1px dashed;
}
.sec_itemLink:hover {
	border-bottom-style:solid;
}
.sec_vodWrapper {
    margin: 0 auto;
    max-width: 1088px;
    position: relative;
    width: 100%;
    z-index: 2;
}
.sec_vodList {
	gap: 24px;
    position: relative;
    width: 70.7%;
    z-index: 2;
}
.sec_vodItem {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    width: 45%;
}
.sec_vodItemLogo img[alt="smotreshka-plus"] {
max-width:110px;
}
.sec_vodItem[data-name="START + PREMIER"] .sec_vodItemImg {
background:#604604;
}
.sec_vodItemLogo img[alt="START + PREMIER"] {
    max-width: 95px;
}
.sec_vodItemImg {
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.sec_vodItemImg img {
	display: block;
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:top;
}
.sec_vodItemTitle {
	font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.00625rem;
    line-height: 2rem;
    margin:auto 0 8px;
    width: 100%;
}
.sec_vodItemLogo {
margin-bottom:24px;
}
.sec_vodItemPrice {
	margin: 0;
}
.sec_vodItemPriceWrapper {
    align-self: flex-start;
}
.sec_vodItemPrice_new {
    text-align:end;
}
.sec_vodItemPrice_new+.sec_vodItemPrice, .sec_vodItemPrice_new+.sec_itemPrice {
    margin-top:-10px;
}
.sec_vodItemPrice_new+.sec_vodItemPrice strong, .sec_vodItemPrice_new+.sec_itemPrice strong{
    font-size: 1.5rem;
    color: #9a9a9a;
    position:relative;
}
.sec_vodItemPrice_new+.sec_vodItemPrice strong:after, .sec_vodItemPrice_new+.sec_itemPrice strong:after {
    content:'';
    position:absolute;
    left: -3px;
    right: -3px;
    height: 2px;
    background: #c42126;
    top: 40%;
    transform: rotate(-20deg);
}
.sec_vodItemPrice_new sup {
    font-size: .7rem;
    top: -1.2rem;
}
.sec_vodItemPrice strong {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -.0125rem;
    line-height: 2.5rem;
    margin-right: 5px;
}
.sec_vodItemInfo {
	color: hsla(0,0%,100%,0.9);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 9%;
    position: relative;
    z-index:5;
}
.sec_vodDevice {
	background: url(../img/vod-background-state-1.jpg) no-repeat 100% 0 / 100%;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 5%;
    width: 86%;
    image-rendering: pixelated;
}
.sec_vodDeviceInner {
	background: url(../img/vod-background-state-2.jpg) no-repeat 100% 0 / 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 2s;
    width: 100%;
}
.sec_instItem {
    margin-bottom: 32px;
    margin-right: 2%;
    padding: 72px 48px;
    position: relative;
    width: 49%;
    display: flex;
    flex-direction:column;
    align-items:flex-start;
    background:#30363a;
}
.sec_instItem:nth-of-type(2n) {
	margin-right: 0;
}
.sec_instItem:nth-of-type(2) img{
	max-height:48px;
}
.sec_instItem:nth-of-type(3) {
	top:-35px;
}
.sec_instItemIcon {
    margin-bottom: 16px;
    max-width: 64px;
}
.sec_instItemIcon img {
    display: block;
    width: 100%;
}
.sec_instItemTitle {
	color: hsla(0,0%,100%,0.9);
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -.01875rem;
    line-height: 3rem;
    margin:0 0 32px;
}
.sec_instItem p {
	color: hsla(0,0%,100%,0.9);
    margin-bottom: 32px;
    line-height: 1.5;
}
.sec_instItemLink {
	color:#66c2ff;
	border-bottom:1px solid transparent;
    line-height: 1.25rem;
    text-decoration: none;
    margin-bottom: 10px;
}
.sec_instItemLink:hover {
	border-bottom-color:#66c2ff;
}
.sec_instItemLink:active {
	color:#ffa16b;
	border-bottom-color:#ffa16b;
}
.sec_instItemStores {
	margin-top: 32px;
}
.sec_instItemStore {
	margin-bottom: 16px;
    margin-right: 24px;
    max-height: 24px;
}
.sec_packs .container {
	max-width:1440px;
}
.sec_packsItem {
	background-color: #3a4246;
    border-radius: 4px;
    color: hsla(0,0%,100%,0.9);
    display: flex;
    height: 200px;
    position: relative;
    width: 100%;
    width: 324px;
}
.sec_packsTitle {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}
.sec_packsLeft {
    align-content: flex-start;
    padding: 16px;
    min-width: 60%;
}
.sec_packsRight {
	background-color: rgba(0,0,0,0.1);
    padding: 16px;
    min-width: 40%;
}
.sec_packsRight .icon:nth-of-type(2) {
    margin: 12px 0 5px;
}
.sec_packsLink {
	margin-top: 5px;
	border-bottom: 1px dashed #fff;
	font-size:14px;
}
.sec_packsItem.active .sec_packsLink {
    border-bottom: 1px dashed rgba(0,0,0,0.9);
}
.sec_packsText {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .05px;
    line-height: 1.25rem;
    margin: 0;
}
.sec_packsPrice {
	margin-top: auto;
}
.price {
	margin: 0;
	font-size: 2rem;
    font-weight: 700;
    letter-spacing: -.0125rem;
    line-height: 2.5rem;
    width: 100%;
}
.price_text {
	margin: 0;
	color:hsla(0,0%,100%,0.6);
}
.sec_packsName p {
	color: hsla(0,0%,100%,0.9);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .003125rem;
    line-height: 1.25rem;
    margin: 5px 0 0;
}
.sec_packsItem.active {
	color:rgba(0,0,0,0.9);
	background:#ffc125;	
}
.sec_packsItem.active p {
	color:rgba(0,0,0,0.9);
}
.sec_packsItem.active .price_text {
	color:rgba(0,0,0,0.7);	
}
.sec_packsItem:not(.active):hover {
	background:#4f585e;
}
.sec_packsCompare {
	margin: 36px auto 32px;
	cursor:pointer;
}
.sec_packsCompare .icon {
	margin-right: 12px;
}
.sec_packs .container {
	padding:0 64px;
}
.slider_packs .owl-nav {
	display: flex !important;
	width: 102%;
	left:-1%;
	transform:translateY(-16px);
    z-index:10;
}
.slider_packs .owl-nav button {
	background:#ffc125 url(../img/left.svg) no-repeat center / 75% !important;
	border-radius:50%;
	width: 32px;
	height: 32px;
}
.slider_packs .owl-nav button.disabled {
    visibility:hidden;
}
/* .slider_packsOuter:not(.active) {
    visibility:hidden;
    height: 0;
    transition:height 300ms ease-out;
}
.slider_packsOuter.active {
    visibility:visible;
    height: auto;
    transition:height 300ms ease-out;
}
*/
#bundle {
display:none;
}
.slider_selectOuter {
    text-align:center;
}
.slider_select {
    margin-bottom: 30px;
    display:inline-flex;
    background: hsla(0,0%,100%,0.2);
    border-radius: 8px;
}
.btn_select {
  /*  box-shadow: 0 1px 2px rgba(0,0,0,.5); */
    padding: 11px 12px;
    text-align: center;
    color: #ffffff;
    background: #4f585e;
    border-radius:8px;
    position:relative;
    transition: background-color .15s cubic-bezier(.455, .03, .515, .955);
}
.btn_select.active:hover {
    color: #ffffff;
    background: #4f585e;
}
.btn_select:not(.active) {
    background:hsla(0,0%,100%,0);
    color:#ffffff;
}
.btn_select:not(.active):hover {
    background:hsla(0,0%,100%,0.2);
}
.btn_select:hover {
    transform:none;
    box-shadow:none;
    transition: background-color .15s cubic-bezier(.455, .03, .515, .955);
}
#dop, #packs, #instruction {
    padding-top: 30px;
}
/*.slider_packs:after, .slider_packs:before {
    background: #151515;
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    box-shadow:12px 0 12px -8px rgba(0,0,0,.7);
}
.slider_packs:after {
    left:100%;
}
.slider_packs:before {
    left:-100%;
}*/
.slider_packs .owl-dots {
    width: 100%;
    position: absolute;
    height: 0; 
    display: flex;
    justify-content: space-between;
    top: 0;
    left:0;
}
.slider_packs .owl-dot {
    top:-5px;
    bottom:0;
    width: 10px;
    position: absolute;
    pointer-events:none;
    height:210px;
}
.slider_packs .owl-item:last-of-type {
    margin-right: 0;
}
.slider_packs .owl-dot:first-of-type {
    left:0;
    box-shadow:inset 13px 0px 6px -10px rgba(0,0,0,.7);
}
.slider_packs .owl-dot:last-of-type {
    right:0;
    transform: rotateY(180deg);
    box-shadow:inset 13px 0px 6px -10px rgba(0,0,0,.7);
}
.slider_packs .owl-dot.active {
    box-shadow:none!important;
}
.compare_content {
	margin: 0 auto;
    max-width: 1200px;
    padding: 80px 64px;
    width: 100%;
}
.compare_box {
	width: 32%;
	display: flex;
	flex-direction:column;
}
/*.compare_options {
	margin-top: auto;
}*/
.compare_list .compare_item {
	width: 100%;
	margin-bottom: 48px;
}
.compare_list span {
	font-size: .875rem;
    font-weight: 400;
    letter-spacing: .003125rem;
    line-height: 1.25rem;
    margin-bottom: 12px;
}
.compare_link {
	cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    height: 25px;
    letter-spacing: .0125rem;
    line-height: 1.5rem;
    transition: transform .2s;
    order:200;
    white-space:nowrap;
}
.compare_link span:first-child {
    border-bottom: 1px dashed #66c2ff;
}
.compare_link span {
	color:#66c2ff!important;
}
.compare_link:hover span:first-child {
    border-bottom-style: solid;
}
.compare_link.icon{
	transform: rotate(0deg);
	transition:transform 300ms ease-out;
}
.compare_link.active .icon{
	transform: rotate(180deg);
	transition:transform 300ms ease-out;
}
.compare_list span:not(.active) {
	color:hsla(0,0%,100%,0.38);
}
.compare_box:not(:first-of-type) .compare_link{
	visibility:hidden;
}
.compare_content input.hidden {
	visibility:hidden;
	position: absolute;
	z-index:-1;
}
.compare_content h2 {
	text-align:left;
	margin: 0 0 64px;
}
.compare_option {
	padding: 24px 0;
}
.compare_colsContent {
	padding: 0 16px;
	font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
}
.compare_colsTitle {
	border-bottom: 1px solid #303030;
    font-size: 2rem;
    font-weight: 700;
    height: 70px;
    letter-spacing: -.0125rem;
    line-height: 2.5rem;
    margin-bottom: 24px;
    padding: 15px 0;
}
.compare_colsIcon {
	height: 48px;
    width: 48px;
    color: #ffc125;
    margin-right: 24px;
}
.compare_price {
	font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -.01875rem;
    line-height: 3rem;
    margin-right: 10px;
}
.compare_genreName {
	color:hsla(0,0%,100%,0.9)!important;
	font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.75rem;
}
.compare_genreNum {    
	color: hsla(0,0%,100%,0.6);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .003125rem;
    line-height: 1.25rem;
}
.compare_row, .progressBar_row {
	margin-bottom: 24px;
}
.compare_listChannel.hidden {
	display: none;
}
.compare_listChannel.show {
	display: inline-block;
}
.selectize-input {
	background:#484848!important;
	color:#fff;
	padding: 18px 15px;
    border: none!important;
    outline:none!important;
    box-shadow:none!important;
}
.selectize-control.single .selectize-input:after {
	filter:invert(1);
}
.selectize-input:hover {
	background:hsla(0,0%,100%,0.16)!important;
}
.selectize-input.not-full input{
	opacity:.4!important;
}
.selectize-dropdown {
	background:#484848;
	color:#ffffff;
	margin-top: 10px;
}
.selectize-dropdown .option {
	align-items: center;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    margin-bottom: 4px;
    min-height: 40px;
    padding: 8px 16px;
    width: 100%;
}
.selectize-dropdown .option:hover {
	background:hsla(0,0%,100%,0.16);
}
.selectize-dropdown .option.active {
	background:rgba(255, 193, 37, 0.18);
	color:#ffb908;
}
.selectize-dropdown-content {
	padding: 8px;
}
.selectize-dropdown-content .option:not([data-selectable]) {
	display: none;
}
.progressBar_row p {
	margin: 0 15px 0 0;
	font-weight: 700;
}
.footer_icon {
	margin-bottom: 24px;
    display: block;
}
.footer_icon img {
	max-width: 283px;
}
footer {
	align-items: center;
    color: hsla(0,0%,100%,0.9);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8% 0;
    text-align: center;
}
.footer_mail, .footer_phone {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -.00625rem;
    line-height: 2rem;
    width: 100%;
}
.footer_contacts p {
	margin-bottom: 0;
}
.footer_socials {
	color:#ffffff;
	margin-top: 16px;
}
.footer_social {
	height: 48px;
    margin: 0 4px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:4px;
}
.footer_social:hover {
	background-color:hsla(0,0%,100%,0.16);
}
.footer_social:active {
	background-color:hsla(0,0%,100%,0.22);
}
.footer_social img {
    filter: contrast(0);
    height: 24px;
    margin: 4px;
}
.footer_text {
    font-size: .7rem;
    line-height: 140%;
    padding: 0 10px;
}
.link {
    border-bottom: 1px dashed;
}
.footer_btnOuter {
	position: fixed;
    bottom: 0;
    padding: 16px 24px;
    display: none;
    justify-content: center;
    left: 0;
    width: 100%;
    background:#1a1a1a;
    z-index:10;
}
.footer_btnOuter .btn_footer {
	width: 100%;
	margin-bottom: 20px;
	background:#ffc125;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	padding:14px 20px;
}
.btn_footer:hover {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	background:#ffcd51;
}
.box_title {
    color: #fff;
    text-align: center;
}
.genres_item {
	width: 45%;
}
.genres_name {
	margin: 0 0 5px;
	color:hsla(0,0%,100%,0.6);
}
.genres_num {
	margin: 0 10px 0 0;
}
.genres_info {
	width: 100%;
}
.progressBar_line {
	background-color: hsla(0,0%,100%,0.12);
    border-radius: 2px;
    height: 4px;
    position: relative;
    width: 100%;
}
.progressBar_lineFill {
	background-color: #ffc125;
    border-radius: 2px;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transition:width 300ms ease-out;
    width: 100%;
}
.all-channelsGenre {
	display: none;
}
.all-channels {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(auto, 70px));
    grid-column-gap: 3px;
    grid-row-gap: 4px;
    justify-items: center;
    justify-content: space-evenly;
    margin: 16px auto 15%;
}
.all-channels img {
    opacity: .1;
    transition: opacity 300ms ease-out;
    max-width: 68px;
}
.all-channels img:not(.enter) {
    opacity:0;
}
.all-channels img.enter:not(.active) {
    opacity:.1;
}
.all-channels img.active.enter {
    opacity: 1;
    transition: opacity 300ms ease-out;
}
.all-channels img.active.enter:nth-child(2n) {
    transition: opacity .9s ease-out;
    transition-delay: .15s
}

.all-channels img.active.enter:nth-child(3n) {
    transition: opacity 1s ease-out;
    transition-delay: .25s
}

.all-channels img.active.enter:nth-child(5n) {
    transition: opacity .8s ease-out;
    transition-delay: .4s
}
.all-channels img[src*="./img/night"] {
    display: none;
}
.control {
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 24px;
    padding: 14px 20px 10px;
    background: hsla(0,0%,100%,0.12);
    outline: none;
    border-bottom: 2px solid hsla(0,0%,100%,0.25);
    border-radius: 5px;
    position: relative;
}
.control.active {
	border-bottom-color:#ffc125;
}
.control label {
	position: absolute;
    cursor:text;
}
.control.active label {
	position:static;
	margin-bottom: 5px;
}
.control:hover, .control:focus, .control.active {
    background: hsla(0,0%,100%,0.16)
}
.control p {
	padding: 0;
	margin: 0;
	color:hsla(0,0%,100%,0.5);
}
.control.active p {
	font-size:12px;
}
.btn_form {
	width: 100%;
	padding: 15px 20px!important;
}
input {
	background:transparent;
	border:none;
	outline:none!important;
	color:#fff;
/*	visibility:hidden;*/
}
::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { 
  color: #fff;
}

::-ms-input-placeholder { 
  color: #fff;
}
.control.active input{
	visibility:visible;
}
.control input {
	width: 100%;
}
.control_tarif {
    visibility:hidden;
    position: absolute;
}
.box_item {
    background: #ffffff;
    border-radius: 4px;
    padding: 30px 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms ease-out;
    border: none;
    text-align: center;
    flex-direction: column;
    cursor: pointer;
}
.box_item.active {
    background: #FFC125;
}
.box_itemTitle {
    margin: 0;
    font-size: 18px;
}

#channels_box {
    background: #151515;
}
.option_row {
    /*display: flex;
			align-items: center;*/
}
.option_row>span {
    margin-left: 10px;
}
.option_row img {
    width: 35px;
    height: 20px;
    vertical-align: bottom;
}
.channels_listOuter {
    width: 100%;
    margin: 20px 0;
    padding: 10px;
    box-sizing: border-box;
    background: rgb(222 222 222 / 50%);
}
.channels_listOuter {
    display: none;
}
.channels_list {
    max-height: 255px;
    overflow: auto;
    /*			display: grid;
		    grid-template-columns: repeat(auto-fill,minmax(auto,70px));
		   	grid-column-gap: 4px;
		    grid-row-gap: 0px;
		    justify-items: center;
		    justify-content: space-evenly;*/
    padding: 10px;
}
.channels_itemBox {
    margin-bottom: 30px;
    display: flex;
}
.channels_content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(auto, 200px));
    grid-column-gap: 12px;
    grid-row-gap: 35px;
    justify-items: center;
    justify-content: space-evenly;
}
.channels_item_genre {
    display: flex;
}
/*		.channels_item {
			width: 70px;
		}*/
.channels_item img {
    width: 100%;
    height: auto;
    border-radius:4px;
}
.search_info {
    display: none;
}
.channels_icon {
    width: 64px;
    height: 64px;
    margin-right: 20px;
}
.channels_left {
    margin: 20px 0;
    flex-wrap: wrap;
    width:33.8%;
}
.channels_right {
	gap: 24px;
    width: 66.2%;
}
.genres_title {
   	color:hsla(0,0%,100%,0.9);
    display: block;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -.0125rem;
    line-height: 2.5rem;
    width: 100%;
    margin: 0;
}
.genres_count {
    font-weight: 400;
    color: hsla(0,0%,100%,0.6);
    margin: 0;
    font-size:1rem;
}
.genres_count span {
    font-weight: 400;
}
.modal_channels {
	max-width: 1434px;
    padding: 80px 64px;
    margin:0 auto;
    /*			display: grid;
			grid-template-columns: repeat(auto-fill,minmax(auto,70px));
		    grid-column-gap: 15px;
    		grid-row-gap: 5px;
		    justify-items: center;
		    justify-content: space-evenly;
			opacity: 0;*/
    margin-bottom: 20px;
}
.channels_title {
    font-size: 18px;
    display: inline-flex;
    align-items: baseline;
    margin-bottom: 20px;
    flex-wrap: wrap;
    color: #fff;
}
.channel_name {
    color: #fff;
    margin-top: 8px;
}
.channels_name {
    color: hsla(0,0%,100%,0.9);
    font-size: 56px;
    font-weight: 900;
    letter-spacing: -.1px;
    line-height: 1.21;
    margin:0 0 3.6%;
}
.channels_count {
    font-size: 20px;
    margin: 0;
    font-weight: 700;
    display: none !important;
}
.close {
    position: fixed;
    right: 24px;
    top: 24px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent!important;
    border: none;
    border-radius:4px;
    cursor:pointer;
    visibility:hidden;
}
.close.active {
    visibility:visible;
}
.close:hover {
	background:hsla(0,0%,100%,0.16)!important;
}
.iziModalcontent .close {
    right: 12px;
    top: 12px;	
}
.iziModalcontent h3 {
	font-size: 2rem;
    font-weight: 700;
    letter-spacing: -.0125rem;
    line-height: 2.5rem;
    margin:0 0 24px;
}
.iziModalcontent {
    padding: 64px 48px 32px;
}
.close:after {
    content: '\2715';
    font-size: 21px;
    color: #fff;
    font-weight:900;
}
.modal_contentText {
    line-height: 150%;
}
.modal_contentLink {
    border-bottom:1px solid rgba(1, 102, 255, 0.5);
}
.modal_contentLink:hover {
    color:#0166ff;
}
.modal_contentLink:active {
    color:#0166ff;
    border-bottom-color:#f06617;
}
/*		::-webkit-scrollbar {width: 5px; background-color:#957117;}
    	::-webkit-scrollbar-thumb {background: #FFC125;}*/