@font-face {
    font-family: 'RUBSN';
    src: url(../fonts/RUBSN.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url(../fonts/Gilroy-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url(../fonts/Gilroy-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url(../fonts/Gilroy-SemiBold.woff) format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url(../fonts/Gilroy-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Circe';
    src: url(../fonts/Circe-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
}
.rub {
    font-family:'RUBSN';
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0;
    font-family:'Gilroy', Arial, sans-serif;
    color:#000;
}
h1 {
    font-size:96px;
   /* font-family: 'Unbounded', sans-serif; */
    margin: 0;
}
h2 {
    font-size:48px;
    /* font-family: 'Unbounded', sans-serif; */
    margin: 0;
}
h3 {
    font-size:36px;
font-size:34px;
    /* font-family: 'Unbounded', sans-serif; */
    margin: 0;
    font-weight: 500;
}
h4 {
    font-size:20px;
}
p {
    line-height: 150%;
}
a {
    text-decoration:none;
    color:inherit;
}
a,div {
    box-sizing:border-box;
}
.section_channels {
    max-width: 1032px;
    overflow-x:clip;   
    margin: 0 auto;
    padding-bottom: 5%;
}
.container {
    max-width: 1032px;
    margin: 0 auto;
}
.container_main {
    max-width: 1920px;
    margin: 0 auto;
    overflow:hidden;
    padding-bottom: 100px;
}
.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
}
ul {
    list-style:none;
    padding-left: 0;
}
button {
    border:none;
}
.btn {
    border-radius:22px;
    font-size:18px;
    font-weight:400;
    background:#3ab8e2;
    color:#fff;
    padding: 13px 60px;
    display: inline-block;
    width: auto;
    text-align: center;
    filter: drop-shadow(0px 14px 35px rgba(0, 0, 0, 0.33));
}
.btn:hover {
    background:#008cba;
}
.btn:active {
    background:#008cba;
}
.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 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:#008cba;
    display: block;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -.0125rem;
    line-height: 2.5rem;
    width: 100%;
    margin: 0;
}
.genres_count {
    font-weight: 400 !important;
    color: #161616;
    margin: 0;
    font-size: 1rem !important;;
}
.genres_count span {
    font-weight: 400;
}
.modal_channels {
    max-width: 1434px;
    padding: 80px 64px;
    margin:0 auto 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;
}
.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: #00374a;
    font-weight:900;
}
.modal_contentText {
    line-height: 150%;
}
.modal_contentLink {
    border-bottom:1px solid #00374a;
}
.modal_contentLink:hover {
    color:#00374a;
}
.modal_contentLink:active {
    color:#00374a;
    border-bottom-color:#f06617;
}
.control {
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 24px;
    padding: 14px 20px 14px;
    background: hsla(194.84deg, 100%, 36.47%,0.1);
    outline: none;
    border-bottom: 2px solid hsla(194.84deg, 100%, 36.47%);
    border-radius: 5px;
    position: relative;
}
.control.active {
    border-bottom-color:#00374a;
}
.control label {
    position: absolute;
    cursor:text;
pointer-events:none;
z-index:-1;
}
.control input {
position:relative;
z-index:1;
}
.control.active label {
    position:static;
    margin-bottom: 5px;
}
.control:hover, .control:focus, .control.active {
    background: hsla(194.84deg, 100%, 36.47%,0.25);
}
.control p {
    padding: 0;
    margin: 0;
    color:#616161;
    transition:all 300ms ease-out;
}
.control.active p {
    font-size:12px;
    transition:all 300ms ease-out;
}
.control_tarif {
    visibility: hidden;
    position: absolute;
}
.btn_form {
    width: 100%;
}
.btn:disabled {
    filter: brightness(0.5);
    opacity:.8;
    pointer-events:none;
}
input {
    background:transparent;
    border:none;
    outline:none!important;
    color:#616161;
/*  visibility:hidden;*/
}
::placeholder {
  color: #616161;
  opacity: 1; /* Firefox */
}

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

::-ms-input-placeholder { 
  color: #616161;
}
.control.active input{
    visibility:visible;
}
.control input {
    width: 100%;
}
header {
padding:3% 0 2%;
}
.header_logo {
    width: 200px;
    height: 50px;
    background: url(../img/logo.svg) no-repeat center top / contain;
    display:block
}
.header_logo2 {
    width: 200px;
    height: 50px;
    background: url(../img/logo1.svg) no-repeat center top / contain;
    display:none;
filter:invert(1);
}

.slider {
    max-width:1032px;
    margin:0 auto 6%;
    position: relative;
}
.slide {
    width:100%;
    background:url(../img/b-1.jpg) no-repeat center top / cover;
    border-radius:24px;
    color:#fff;
height:100%;
    position: relative;
    box-shadow:158px 155px 89px rgba(0, 0, 0, 0.03), 89px 87px 75px rgba(0, 0, 0, 0.1), 40px 39px 55px rgba(0, 0, 0, 0.17), 10px 10px 30px rgba(0, 0, 0, 0.2);
}
.slide_contentWrapper {
position:relative;
padding-bottom: 56.5%;
height:0;
}
.slide_content {
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
width:100%;
height:100%;
padding: 5% 1% 6% 10%;
}
.slide_imgLink {
border-radius:24px;
    width:100%;
    padding-bottom: 56.5%;

    display: block;
}
.slide_imgLink1 {
background: url(https://www.salesupster.ru/img_iptv/banner2/banner_1920.jpg) no-repeat center / cover;
}
.slide_imgLink2 {
background: url(https://www.salesupster.ru/img_iptv/banner1/banner_1920.jpg) no-repeat center / cover;
}
.slide_imgLink3 {
background: url(https://www.salesupster.ru/img_iptv/banner3/banner_1920.jpg) no-repeat center / cover;
}
.slide_imgLink4 {
background: url(https://www.salesupster.ru/img_iptv/banner4/banner_1920.jpg) no-repeat center / cover;
}
.slide_imgLink5 {
background: url(https://www.salesupster.ru/img_iptv/banner5/banner_1920.jpg) no-repeat center / cover;
}
.slide_imgLink9 {
background: url(../img/slide-sm.jpg) no-repeat left center / contain;
}
.slide_bImg {
padding:0!important;
    background: black;
}
.slide_b1 {
    background:url(../img/b-2/b.jpg) no-repeat right bottom / cover;
    color:#2d2d2d;  
    padding:6% 1% 10% 7%;
    overflow:hidden;
}
.slide_tv {
    background: url(../img/b-2/tv.png) no-repeat 130% 50% / 110%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index:5;
}
.slide_imgOuter {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 49%;
}
.slide_imgOuter .img {
    position: absolute;
    width:29%;
    background: url(../img/b-2/petals.png) no-repeat left center / 100%;
    top: 0;
    bottom: 0;
    z-index:10;
}
.slide_b1 h2, .slide_b1 p, .slide_b1 li {
    font-family: 'Gilroy', sans-serif;
    font-weight:600;
    font-size:24px;
}
.slide_content_b1 {
    width: fit-content;
    max-width:50%;
    position: relative;
}
.slide_content_b1 > * {
    position: relative;
    z-index: 10;
}
.slide_content_b1:before {
    content:'';
    position: absolute;
    top:-20%;
    left:-8%;
    right:-8%;
    bottom:-10%;
    background: rgba(255, 255, 255, .5) url(../img/b-2/b.jpg) no-repeat 35% 43% / 291%;
    border-radius: 0 0 40px 40px;
    filter: blur(5px);
    z-index:1;
}
.slide_content_b1:after {
    content:'';
    position: absolute;
    top:-20%;
    left:-8%;
    right:-8%;
    bottom:-10%;
    background: rgba(255, 255, 255, .5);
    border-radius: 0 0 40px 40px;
    z-index: 2;
    opacity: .7;
}
.slide_b1 h2 {
    font-weight:700;
    font-size: 46px;
    line-height: 100%;
    margin-bottom: 6%;
}
.slide_b1 p {
    line-height: 120%;
}
.slide_btn_b1 {
    background:#3ab8e2;
    border:1px solid #ffffff;
    text-transform:uppercase;
    font-family:'Circe', sans-serif;
    letter-spacing: 0.06em;
    padding: 15px 0;
    width: 100%;
}
.slide_btn_b1:hover {
    background:#fff;
    color:#008cba;
}
.list {
    list-style: disc inside;
}
/*.slide {
    padding:2% 1% 3% 10%;
}
.slide h1 {
    font-size:78px;
}
.slide h2 {
    font-size:36px;
}*/
.slider_main .owl-stage {
    display: flex;
}
.slide_img {
    padding: 0 0 42% !important;
}
.slide_img1 {
    background:url(https://www.salesupster.ru/img_iptv/banner4/banner_1920.jpg) no-repeat center / cover;    
}
.slide_img2 {
    background:url(https://www.salesupster.ru/img_iptv/banner2/banner_1920.jpg) no-repeat center / cover;    
}
.slide_img a {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width: 100%;
    height: 100%;
}
.slide_logo {
    width: 248px;
    height: 42px;
    background: url(../img/logo1.svg) no-repeat center / 110%;
    margin-bottom: 20px;
}
.slide_text p {
    max-width:430px;
    margin-bottom: 35px;
}
.slider_main.owl-carousel .owl-stage-outer {
    overflow:visible;
}
.slider_main .owl-item:not(.active) {
    filter: brightness(0.5);
}
.slider_main .owl-item:not(.active) .slide_content{
    opacity: 0;
}
section {
    padding:2% 0;
}
.section_subtitle {
    text-align: center;
    line-height: 200%;
}
.section_title {
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5%;
    white-space:nowrap;
}
.section_title:before, .section_title:after {
    content:'';
    height: 1px;
    width: 12%;
    background:#616161;
    display: block;
}
.section_title:before {
    margin-right: 16px;
}
.section_title:after {
    margin-left: 16px;
}
.section_item.flex_row {
    width: 46%;
    position: relative;
    margin-bottom: 8%;
}
.section_item.flex_row p {
    font-size:14px;
}
.section_item.flex_row p strong {
 /*   font-family: 'Unbounded'; */
}
.section_logo {
    background-color:#008cba;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:40%;
}
.logo_face {
    background-image:url(../img/face.svg);
}
.logo_play {
    background-image:url(../img/play.svg);
}
.logo_film {
    background-image:url(../img/film.svg);
}
.logo_wallet {
    background-image:url(../img/wallet.svg);
}
.logo_web {
    background-image:url(../img/web.svg);
}
.logo_wifi {
    background-image:url(../img/wifi.svg);
}
.logo_match {
    background-image:url(../img/match.png);
    background-size:90%;
}
.logo_m {
    background-image:url(../img/match1.png);
    background-size:75%;
}
.logo_night {
    background-image:url(../img/night.png);
    background-size:cover;
    background-position:right top;
}
.logo_kids {
    background-image:url(../img/kids.png);
    background-size:cover;
}
.logo_cinema {
    background-image:url(../img/cinema.png);
    background-size:cover;
}
.logo_fun {
    background-image:url(../img/fun.png);
    background-size:cover;
}
.logo_amedia {
    background-image:url(../img/amediateka.svg);
    background-size:50%;
}
.logo_start {
    background-image:url(../img/start.svg);
    background-size:75%;
}
.logo_premier {
    background-image:url(../img/premier.svg);
    background-size:75%;
}
.logo_startpremier {
    background-image:url(../img/startpremier.png);
    background-size:75%;
}
.logo_nk {
    background-image:url(../img/nk.png);
    background-size:75%;
}
.logo_serials {
    background-image:url(../img/serials.png);
    background-size:contain;
background-position:right bottom;
}
.logo_world {
    background-image:url(../img/world.png);
    background-size:65%;
background-position:center -115%;
}
.logo_np {
    background-image:url(../img/np.png);
    background-size:cover;
}
.logo_splus {
    background-image:url(../img/sm-logo.png);
    background-size:85%;
}
.logo_wink {
    background-image:url(../img/wink.svg);
    background-size:85%;
}
.logo_kino1tv {
    background-image:url(../img/kino1tv.svg);
    background-size:85%;
}
.flex_row >.section_logo {
    border-radius:24px;
    left:-3vw;
    top:-2vw; 
    min-width: 6.5vw;
    height: 6.5vw;
    position: absolute;
    box-shadow: 30px 32px 17px rgba(0, 0, 0, 0.01), 17px 18px 15px rgba(0, 0, 0, 0.05), 7px 8px 11px rgba(0, 0, 0, 0.09), 2px 2px 6px rgba(0, 0, 0, 0.1);
}
.flex_row > .section_text {
    border-radius:10px;
    background:#fff;
    padding: 10px 40px 10px 4vw;
    width: calc(100% - 1vw);
    margin-left: auto;
    min-height:122px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.section_item.flex_column {
    width: 100%;
    box-shadow: 33px 125px 52px rgba(0, 0, 0, 0.01), 19px 70px 44px rgba(0, 0, 0, 0.05), 8px 31px 32px rgba(0, 0, 0, 0.09), 2px 8px 18px rgba(0, 0, 0, 0.1);
    border-radius:24px;
    text-align: center;
    margin-bottom: 8%;
    background:#fff;
}
.flex_column > .section_logo {
    border-radius:10px;
    width: 80%;
    padding-bottom: 80%;
    position: relative;
    top: -7%;
}
.flex_column > .section_text { 
    padding: 0 40px 30px;
    display: flex;
    flex-direction:column;
    height: 100%;
}
.section_btn.margin_a {
    margin-top:auto;
}
.section_box {
    margin-top: 10%;
}
.section_box.grid {
    display: grid;
    grid-template-columns: repeat(3, 30%);
    grid-column-gap: 12px;
    grid-row-gap: 35px;
    justify-items: center;
    justify-content: space-evenly;  
}
.menu {
    width: 100%;
    background:#fff;
    border-radius:10px;
    margin: 0;
    padding: 10px 20px;
    font-size:20px;
    text-align: center;
    box-sizing:border-box;
}
.menu li {
    width: auto;
    border: 1px solid #008cba;
    border-radius:5px;
    font-weight:500;
    color:#008cba;
    min-width:180px;
    margin: 0 10px;
}
.menu li:last-of-type {
 /*   width:34%; */
}
.menu a {
    width: 100%;
    padding:13px 0;
    display: block;
}
.menu li.active {
    color:#fff;
    background:#008cba;
}
.flex_row.price {
    margin: 0;
    color:#232627;
   /* font-family:'Unbounded'; */
    font-weight:700;
    line-height: 100%;
}
.flex_row > .price_num {
    font-size:30px;
    margin-right: 5px;
}
.flex_row > .price_text {
    font-size:10px;
    line-height: 100%;
}
.flex_row > .price_text span:first-of-type {
    border-bottom:1px solid #00374a;
    padding-bottom: 2px;
}
.section_item h4 {
    color:#000;
    margin: 15px 0 10px;
    text-transform:uppercase;
}
.channels_link {
    font-size:14px;
    text-decoration:underline;
    display: block;
    margin-top: auto;
}
.section_btn {
    margin-top: 19px;
}
.channels_item {
    background:#008cba;
    color:#fff;
    border-radius:24px;
    text-align: center;
    padding:66px 20px;
    width: 320px;
    transform:scale(1);
    transition:transform 300ms ease-out;
}
.channels_btn {
    color:#fff;
    margin-top: 40px;
    border:1px solid #fff;
}
.channels_subtitle {
    font-size:15px;
    font-weight:300;
}
.channels_tag {
    margin-bottom: 22px;
}
.flex_column.price {
    font-weight:700;
    line-height: normal;
  /*  font-family:'Unbounded';  */
}
.flex_column > .price_num {
    font-size:96px;
}
.flex_column > .price_text {
    font-size:36px;
}
.slider_packs .owl-item {
    filter:blur(0);
    transition:filter 300ms ease-out;
}
.slider_packs .owl-item:not(.center) {
    filter: blur(2.65px);
    transition:filter 300ms ease-out;
    pointer-events:none;
}
 .channels_tag {
    font-size:24px;
}
 .channels_subtitle {
    font-size:10px;
}
.flex_column > .price_num {
    font-size:66px;
    line-height: 100%;
}
.flex_column > .price_text {
    font-size:24px;
}
.channels_item p, .channels_item .channels_link {
    font-size:9px;
}
.channels_btn {
    padding:9px 29px;
    font-size:11px;
}
.channels_subtitle {
    margin:5% auto;
    line-height: 200%;
}
.owl-item.center .channels_btn {
    font-size: 14px;
    padding: 7px 28px;
}
.owl-item.center .channels_item{
    padding:40px 20px;
    transform:scale(1.5);
    transition:transform 300ms ease-out;
    box-shadow: 0px 278px 111px rgba(0, 0, 0, 0.01), 0px 156px 94px rgba(0, 0, 0, 0.05), 0px 70px 70px rgba(0, 0, 0, 0.09), 0px 17px 38px rgba(0, 0, 0, 0.1);
}
.slider_packs .owl-stage {
    display: flex;
    align-items: center;
}
.slider_packs.owl-carousel .owl-stage-outer {
    overflow:visible;
}
.channels_row {
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon_check {
    min-width: 14px;
    height: 14px;
    background: #fff url(../img/check.svg) no-repeat center / contain;
    margin-right: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
}
.icon_speed {
    width: 14px;
    height: 14px;
    background:url('../img/speed.svg') no-repeat center / contain;
    margin-right: 5px;
}
.owl-nav {
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index:100;
    top:50%;
    transform:translateY(-50%);
}
.slider_main .owl-nav { 
    width: 120%;
    left: -10%;
}
.slider_packs .owl-nav {
    width: 450px;
    margin:0 auto;
}
.owl-prev, .owl-next {
    background:url('../img/arrow.svg') no-repeat center / contain  !important;
    width: 24px;
    height: 42px;
}
.owl-prev.disabled, .owl-next.disabled {
    background:none!important;
    opacity:0;
}
.owl-prev {
    transform:rotate(180deg);
}
.slider_box:not(.active) {
    visibility:hidden;
    height: 0;
    opacity:0;
    margin: 0;
}
.slider_box {
    margin:8% 0 8%;
    transition:opacity 500ms ease-out;
}
.slider_packs {
    margin: 0;
}
.bg_fruits {
    background: #00374a url('../img/fruits.png') no-repeat center bottom / cover;
}
.bg_pizza {
    background: #00374a url('../img/pizza.png') no-repeat center bottom / cover;
}
    .slider_packs .owl-item.center {
        z-index:5;
    }
    .slider_nocenter {
        width: 500px;
        margin:0 auto;
    }
    .sps {
        font-size: 22px;
        text-align: center;
    }
footer {
    text-align: center;
    padding:0 20px;
    font-size:18px;
}
footer a {
    text-decoration:underline;
    font-weight:500;
}
.footer_mail {
    margin-top: 20px;
    display: inline-block;
}
.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%,0%,0.16);
}
.footer_social:active {
    background-color:hsla(0,0%,0%,0.22);
}
.footer_social img {
    height: 24px;
    margin: 4px;
}
.checkbox_default {
    display: none;
}
.checkbox_default+label {
    min-width: 16px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    display: block;
        background: #f9f9f9;
    margin: 0 5px 0 0;
    position: relative;
    border: 1px solid #000000;
}
.checkbox_default:checked+label:before {
    content: '\2714';
    color: #343434;
    font-size: 20px;
    position: relative;
    top: -7px;
}
.checkbox_outer {
margin-bottom:20px;
}
.checkbox_outer p {
    color: #000000;
    margin:0;
    font-size:14px;
}
.checkbox_outer a {
    text-decoration:underline;
    font-size:14px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #008cba;
    background: #008cba;
}

.ui-selectmenu-text, .ui-menu-item {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}
.ui-selectmenu-text {
    text-align: left;
}
.ui-state-disabled {
    opacity: .6;
}
.ui-selectmenu-open {
    display: block;
    background: #00374a;
    border-radius: 0 0 5px 5px;
    border-top: 0;
}
.ui-button {
    background: rgba(0,0,0,.2);
    border-radius: 5px;
    width: 350px !important;
    max-width:100%;
    box-sizing: border-box;
    padding: .5em .5em;
    margin-top: 5px;
/*  transform: scale(.67);*/
}
.ui-selectmenu-button-open {
     border-radius: 5px 5px 0 0;
}
.ui-selectmenu-open.active {
/*  transform: scale(1.08);*/
    margin-left: 6px;
    margin-top: 3px;
}
.ui-menu-item:hover {
    background:#008cba;
} 
.ui-selectmenu-icon.ui-icon {
    background: url(../img/arrow-d.svg) no-repeat center / contain;
    width: 10px;
    height: 16px;
    display: block;
    filter: brightness(0) invert(1);
    transform: rotate(0deg);
    transition: transform 300ms ease-in-out;
}
.ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon{
    transform: rotate(180deg);
    transition: transform 300ms ease-in-out;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0;
}
.ui-menu .ui-menu-item-wrapper {
    padding: 5px 1em 5px .4em;
}
.ui-selectmenu-button.ui-button {
    position: relative;
    z-index: 300;
    margin-bottom: 10px;
    margin-top: 0px;
}
.ui-widget {
background:transparent!important;
}
.slide_btn {
background:#3ab8e2;
}
.slide_btn:hover, .slide_btn:active {
background:#008cba;
}
.select[name="vod"] {
background:#00374a;
color:#fff;
outline:none;
border:none;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.hit {
background:#00374a;
position:relative;
}
.hit_text {  
  position: absolute;
    font-size: 10.5px;
    background: #007cc3;
    padding: 4px 6px 5px;
    border-radius: 3px 3px 3px 0;
    left: -6px;
    top: 17px;
    font-family:'Days One', sans-serif;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .1));
}
.hit_text:after {
    content: '';
        border: 3.5px solid transparent;
    border-top: 3.5px solid #045e92;
    position: absolute;
    left: 0;
    top: 99%;
    border-right: 3.5px solid #045e92;
    z-index: -1;
}
/*calc*/
.calc_outer {
    color: #fff;
    margin: 0 auto;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    min-width: fit-content;
    width: 60px;
    padding: 0 3px;
    height: 22px;
    cursor: default;
    margin: 0 -25px auto !important;
    text-align: center;
    line-height: 22px;
    color: #818181;
    font-weight: 700;
    font-size: 12px;
    transition: all 150ms linear;
    cursor: pointer;
    outline: none !important;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ededed;
border:none;
}
.ui-slider-handle label {
cursor:pointer!important;
}
/*.form_totalLeft {
    margin-right:10px;
}*/
.form_totalRight .btn {
    display: block;
    text-align: center;
}
.ui-slider-horizontal .ui-slider-handle {
    transition: all 300ms linear;
}
.ui-slider-range-min {
    background: #cfcccc;
    transition: all 300ms linear;
}
.price-calc {
    font-weight: 400;
    display: inline-block;
    color: #000;
}
.great {
    margin: 0 0 15px -60px;
    padding: 3px 12px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 500;
    border-radius: 5px;
    display: inline-block;
    -moz-box-shadow: 0px 0px 7px 0 #0d0d0d;
    -webkit-box-shadow: 0px 0px 7px 0 #0d0d0d;
    box-shadow: 0px 0px 7px 0 #0d0d0d;
    background: #ff0044;
}
.slider_row p {
    margin: 0;
}
.price-slider {
    margin-bottom: 20px;
}
.form-group.total {
margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #858585;
}
.slider_row .price_calc.lead {
margin-right: 4px;
}
.slider_row .price_calc.lead, .count_router .price_calc.lead {
    font-weight: 700;
    font-size: 20px;
}
.form_totalLeft span:last-of-type {
    margin: 5px 0 10px;
    font-weight: 700;
    display: inline-block;
    text-align:right;
}
.form_totalLeft .link {
    font-size: 16px;
    display: inline;
    text-align: left;
    color: #000;
    border-bottom: 1px dashed rgba(0,0,0,0.9);
}
.cinema {
    font-weight:700;
    text-align:right;
margin: 10px 0 0;
}
.cinema p {
    text-align:left;
color:#fff;
}
.calc_outer h4  {
margin:20px 0 5px;
}
.calc_outer .selectize-input{
    padding:10px 15px;
}
.calc_info {
    position: relative;
    margin-top: 30px;
}
.label {
    margin: 0 0 5px;
    font-size:14px;
}
p.label_text {
    margin: 0;
    font-size:14px;
}
.label_text.active {
    font-weight:700;
}
.calc_service input {
    display: none;
}
.calc_service h4 {
    margin:2px 0;
}
.services_title {
    margin:8px 0;
    position: relative;
}
.services_title:after {
    content:'';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
}
.services_title.active:after {
    margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #333333 transparent;
}
.calc_service {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.calc_service input+label {
    min-width: 16px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    display: block;
        background: #f9f9f9;
    margin: 0 5px 0 0;
    position: relative;
    border: 1px solid #000000;
}
.calc_service input:checked+label:before {
    content: '\2714';
    color: #ff0044;
    font-size: 24px;
    position: relative;
    top: -10px;
}
.services {
    display: none;
}
.services_title {
    cursor:pointer;
}
@media all and (max-width: 380px) {
    .calc_outer {
        width: 300px;
        font-size: 14px;
    }
    .form_total {
        flex-wrap: wrap;
        text-align: center;
    }
    .form_total>div {
        width: 100%;
    }
    .form_totalLeft {
        margin-right:auto;
    }
    .price_calc {
        white-space:nowrap;
    }
    .form-group {
        align-items: baseline;
    }
.form_totalLeft .link {
    display: inline-block;
    margin-bottom: 20px
}
.great {
    margin: 0 0 15px -30px;
}
}
.calc_outer ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);
}
.calc_outer ::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 2px;
}
.calc_outer ::-webkit-scrollbar {
    overflow: visible;
    height: 7px;
    width: 7px
}


.calc_outer ::-webkit-scrollbar-thumb:active {
    background-color: rgba(0,0,0,.4)
}

.calc_outer ::-webkit-scrollbar-button {
    height: 0;
    width: 0
}
.calc_outer select{
    width: 100%;
    padding: 5px;
}
.switch{
    position: relative;
    display: inline-block;
    width: 44px;
    min-width: 44px;
    height: 24px;
margin:0 10px;
}
.switch input{
    display: none;
}
.switch_round {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: unset;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #EDEDED;
    border-radius: 34px;
}
.switch_round:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 0;
    top: 0;
    margin: auto;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 4px 4px #00000040;
border-radius: 50%;
}
input:checked+.switch_round {
    background-color: #008cba;
    border-color: #008cba;
}
input:checked+.switch_round:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translate(19px);
    background-color: #fff;
}
.calc_box {
position:relative;
padding-bottom:30px;
}
.calc_switchMain {
    padding: 20px 10px;
    border: 1px solid #858585;
}
.calc_switch.active {
border-color: #3ab8e2;
box-shadow: 0 0 0 1px #3ab8e2;
}
.router_menu {
margin: 20px 0;
border-bottom: 1px solid #858585;
}
.router_box {
margin-bottom: 20px;
border-bottom: 1px solid #858585;
    padding-bottom: 20px;
}
.count_router {
font-weight:700;
margin-top:20px;
}
.router_box p, .count_router p {
margin:0;
}
.router_box .router_price {
margin-left:5px;
}
.router_item {
width: 100px;
    padding: 10px;
    text-align: center;
    font-size: 18px;
	cursor:pointer;
    border-bottom: 2px solid transparent;
	position:relative;
    display: flex;
    align-items: center;
}
.router_item:before {
content:'';
min-width:16px;
width:16px;
height:16px;
border:1px solid #858585;
border-radius:2px;
display:block;
background: #fff;
    margin-right: 5px;
    line-height: 9px;
}
.router_item.active:before {
content:'\2713';

color: #4284cf;
font-size: 25px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
}
.router_item.active {
font-weight:700;
border-bottom-color:#858585;
}
.slider_scale {
    width: 100%;
    position: absolute;
    margin-top: 25px;
    top: -6px;
}
.slider_scaleItem {
    position: absolute;
cursor:pointer;
}
.slider_points {
position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
height:100%;

}
.slider_point {
    position: absolute;
    top: 10%;
    height: 70%;
    width: 1px;
background:#fff;
opacity:0.5;
cursor:pointer;
}
.slider_point:last-of-type, .slider_point:first-of-type {
visibility:hidden;
}
/*.slider_point:before {
    content: "|";
    color: #fff;
    font-size: 10px;
    opacity: .7;
}
.slider_point:first-of-type:before, .slider_point:last-of-type:before {
visibility:hidden;
}*/
.slider_scaleItem span {
margin-left:0;
    transform: translateX(-50%);
color:#fff;
display:block;
    margin-top: 10px;
}
.section_channels {
display:none;
}
#slider2 .slider_scaleItem:last-of-type span{
width:110px;
}
#slider2 .slider_scaleItem:nth-last-of-type(2) span{
width:110px;
}
.section_calc {
background:#00374a;
    color: #fff;
}
.ui-selectmenu-button.ui-button {
border:1px solid #ededed;
}
.ui-slider-horizontal {
    height: 16px;
    border-radius: 90px;
    background-color: #828181!important;
    border: none!important;
}
span.price_calc {
margin-left:10px;
}
.calc_title {
margin:0 0 10px;
    font-weight: 700;
font-size:40px;
    color: transparent;
-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right, #3ab8e2, #fff);
visibility:hidden;
}
.ui-slider-range {
border-radius:19px;
background:linear-gradient(100.55deg,#3ab8e2 15.7%,#3277c5,#5190d9 113.85%);
}
.price_calc {
margin:0;
}
#chhref {
display:flex;
    align-items: baseline;
text-decoration: none;
}
#chhref[data-count="0"] {
pointer-events:none;
}
#chhref  .price_calc.lead {
margin:0;
}
#chhref  span.price_calc {
margin-left:5px;
}
.calc_switch {
margin:10px 0;
}
.switch_text {
margin:0;
}
.switch_text {
opacity:.5;
}
.switch_text.active {
opacity:1;
}
.ui-slider-handle:after {
    content: "||";
    position: absolute;
    left: 39%;
    top: -1%;
    opacity: .3;
display:none;
}
.logo_vodBox {
display:flex;
flex-wrap:wrap;
}
.logo_vodBox img {
max-width:none
    margin: 10px 0 0;
min-height:18px;
}
.logo_vodBox img:not(:last-of-type) {
margin-right:5px;
}
.calc_text p {
margin:0;
}
.calc_text > p:last-of-type {
color:#858585;
}
@media all and (max-width:1230px) {
.calc_title {
font-size:25px;
}
.form-group.total {
margin:20px auto 0;
}
.calc_outer, .form-group.total {
width:80%;
    align-items: flex-end;
}
.slider_scaleItem span {
font-size:14px;
}
}
@media all and (max-width:776px) {
.calc_outer, .form-group.total {
width:90%;
}
.calcparams_channels {
    width: 70%;
}
.slider_channels {
    justify-content: flex-start;
}
.cinema {
text-align:left;
}
}
@media all and (max-width:600px) {
    #slider2 .scaleItem:last-of-type span {
        width: auto;
        text-align: right;
        transform: translateX(-100%);
    }
.slider_scaleItem span {
        max-width: 100px;
}
.switch_text {
font-size:12px;
}
.switch_text:first-of-type{
text-align:right;
}
    .calcparams_channels {
        width: 100%;
    }
.form-group {
flex-wrap:wrap;
}
.form_total {
width:100%;
}
    .form_totalRight {
        margin-top: 20px;
    }
}
@media all and (max-width:400px) {
.slider_scaleItem span {
font-size:12px;
}
.ui-slider-horizontal {
height:11px;
}
.ui-slider-handle:after {
left:35%;
}
.calcparams_channels {
        width: 100%;
}
    .calc_title {
        font-size: 20px;
    }
    .logo_vodBox img {
        margin-top:10px;
    }
    .ui-slider .ui-slider-handle {
        width: 18px;
        height: 18px;
        line-height: 18px;
        margin: 0 -5px auto !important;
	color:transparent;
    }
.slider_point {
    top: 25%;
    height: 60%;
}
}
.box_vod.active label{
pointer-events:none;
}
.box_vod {
display:none;
}
.box_vod h4 {
margin:25px 0 5px;
}
#desc {
display:none;
}
#chhref span:first-of-type {
margin-right:5px;
}