.tb-kino *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    color: #FFF;
}
.tb-kino{
    background: #000;
}

.uasub-btn{
    width: min(17.5vw, 280px);
    height: min(3.89vw, 62.24px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: min(0.69vw, 11.04px);
    background: #FFF;
    color: #000 !important;
    font-size: min(1.25vw, 20px);
    font-weight: 500;
    line-height: 120%;
    transition: 300ms all;
}

.uasub-btn:hover{
    background-color: #c4c4c4;
}




/* Index */

.uasub-index{
    padding: min(4.58vw, 73.28px) 0 min(9.58vw, 153.28px);
    position: relative;
    height: min(49.79vw, 796.64px);
}

.uasub-container{
    display: flex;
    justify-content: start;
    gap: min(6.39vw,102.24px);
    width: min(72.22vw,1155.52px);
    margin: 0 auto;
}

.uasub-index-content{
    position: relative;
    z-index: 9;
    max-width: min(30.42vw,486.72px);
    width: 100%;
    flex-shrink: 0;
}

.uasub-index-bg1{
    position: absolute;
    top: -51px;
    left: 0;
    width: 100%;
    height: auto;
}



.uasub-index-heading{
    font-size: min(4.44vw, 71.04px);
    font-weight: 500;
    line-height: 120%; 
    letter-spacing: max(-0.02vw, -0.32px);
}
.uasub-index-descr{
    margin-top: min(0.56vw, 8.96px);
    opacity: 0.8;
    font-size: min(1.94vw, 31.04px);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: min(0.01vw, 0.16px);
}
.uasub-index-nums{
	display: flex;
    gap: min(2.5vw, 40px);
    margin-top: min(1.67vw, 26.72px);
}
.uasub-index-num{
    display: flex;
    flex-direction: column;
}
.uasub-index-num span{
    display: block;
}
.uasub-index-num span:first-child{
    font-size: min(1.67vw, 26.72px);
    font-weight: 600;
    line-height: 120%;
    letter-spacing: min(0.03vw, 0.48px);
}
.uasub-index-num span:nth-child(2){
    font-size: min(1.25vw, 20px);
    font-weight: 450;
    line-height: 120%;
    letter-spacing: min(0.03vw, 0.48px);
}
.uasub-index-btn {
    margin-top: min(2.5vw, 40px);
}

.uasub-index-ligal{
    margin-top: min(1.32vw, 21.12px);
    opacity: 0.8;
    font-size: min(0.69vw, 11.04px);
    font-weight: 400;
    line-height: 120%;
    letter-spacing: min(0.03vw, 0.48px);
}

.uasub-index-images{
    position: relative;
    margin-top: max(-7.01vw,-112.16px);
    margin-right: max(-5.556vw,-88.896px)
}
.uasub-index-images:after{
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: min(20vw,320px);
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 64.99%);
    border-radius: min(1.39vw, 22.24px)
}

.uasub-index-image{
    position: relative;
    display: flex;
}
.uasub-index-image video, .uasub-index-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: min(1.39vw, 22.24px);
    overflow: hidden;
}
.uasub-index-image_sm,
.uasub-index-image_lg,
.uasub-index-image_md{
    overflow: hidden;
    border-radius: min(1.39vw, 22.24px);
}
.uasub-index-image_sm{
    width: min(11.39vw, 182.24px);
    height: min(11.39vw, 182.24px);
}
.uasub-index-image_lg{
    width: min(23.54vw, 376.64px);
    height: min(11.39vw, 182.24px);
}

.uasub-index-image_sm:after, .uasub-index-image_lg:after, .uasub-index-image_md:after{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:top left/cover no-repeat url('//s5.vcdn.biz/static/215190661/sm-card-border.png');
}

.uasub-index-image_lg:after{
    background:top left/contain no-repeat url('//s9.vcdn.biz/static/215190701/lg-card-bg.png');
}

.uasub-index-image_md:after{
    background:top left/contain no-repeat url('//s2.vcdn.biz/static/211267531/border3.png')
}

.uasub-index-images-row{
    display: flex;
    gap: min(0.83vw,13.28px);
    margin-bottom: min(0.83vw,13.28px);
}
.uasub-index-images-row5{
    margin-bottom: 0;
}


/* Tabs */

.uasub-include{
    padding: min(4.51vw, 72.16px) 0 0;
    position: relative;
    z-index: 2;
}

.uasub-heading{
    text-align: center;
    font-size: min(3.33vw, 53.28px);
    font-weight: 500;
    line-height: 100%;
    letter-spacing: max(-0.07vw, -1.12px);
}
.uasub-descr{
    text-align: center;
    margin-top: min(1.39vw, 22.24px);
    opacity: 0.8;
    font-size: min(1.67vw, 26.72px);
    font-weight: 400;
    line-height: 120%;
}
.start-channels__link {
    margin-top: min(1.67vw, 26.72px);
    text-align: center;
}
.start-channels__link a {
    font-weight: 450;
    font-size: min(1.67vw, 26.72px);
    line-height: 120%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-underline-offset: min(0.21vw, 3.36px);
    color: #22c3b1 !important;
}
.start-channels__link a:hover {
    color: #22c3b1 !important;
}

.uasub-include-wrapper{
    margin-top: min(6.389vw, 102.224px);
}
.include-tabcontent-container{
    max-width: min(72.083vw,1153.328px);
    margin: 0 auto;
}
.include-tabs{
    display: flex;
    gap: min(1.111vw, 17.776px);
}
.include-tab{
    height: min(3.056vw, 48.896px);
    padding: 0 min(1.25vw, 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: min(0.694vw, 11.104px);
    border: 2px solid #FFF;
    opacity: 0.5;
    background-color: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(min(10.417vw, 166.672px));
    font-size: min(1.389vw, 22.224px);
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    cursor: pointer;
    transition: 300ms all;
    z-index: 10;
}
.include-tab:hover, .include-tab.active {
    background-color: #22C3B1;
    border-color: #22C3B1;
    color: #333;
    opacity: 1;
    backdrop-filter:none;
}
.include-content{
    display: flex;
    flex-direction: column;    
}

.include-content .include-tabcontent-container{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.include-tabcontent{
    padding: min(9.72vw,155.52px) 0 min(1.81vw, 28.96px);
    margin-top: max(-7.01vw,-112.16px);
    height: min(47.01vw,752.16px);
    z-index: 1;
}
.include-tabcontent.show{
    display: block;
    animation: show 800ms linear;
}
.include-tabcontent.hide{
    display: none;
    filter:brightness(0.5);
}

@keyframes show {
    0%{
        filter:brightness(0.5);
    }
    100%{
        filter:brightness(1);
    }
}


.include-tabcontent-heading{
    font-size: min(3.333vw,53.328px);
    font-weight: 500;
    line-height: 120%;
}
.include-tabcontent-text{
    margin-top: min(0.833vw, 13.328px);
    font-size: min(1.389vw, 22.224px);
    font-weight: 450;
    line-height: 120%;
}
.uasub-include .uasub-btn{
    font-size: min(1.25vw, 20px);
    margin-top: min(1.667vw, 26.672px);
}

.include-tab-items{
    margin-top: auto;
    display: flex;
    gap: min(0.9vw, 14.4px);
}

.include-tab-item{
    width: min(9.51vw, 152.16px);
    height: min(13.19vw, 211.04px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: min(0.83vw, 13.28px);
    background: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(12.192912101745605px);
    overflow: hidden;
}


.uasub-tv-item:nth-child(1) img{
    width: min(9.51vw, 152.16px);
    height: min(9.51vw, 152.16px);
}
.uasub-tv-item:nth-child(2) img{
    width: min(7.92vw, 126.72px);
    height: min(7.85vw, 125.6px);
}
.uasub-tv-item:nth-child(3) img{
    width: min(7.85vw, 125.6px);
    height: min(7.92vw, 126.72px);
}
.uasub-tv-item:nth-child(4) img{
    width: min(8.82vw, 141.12px);
    height: min(8.82vw, 141.12px);
}
.uasub-tv-item:nth-child(5) img{
    width: min(9.58vw, 153.28px);
    height: min(9.58vw, 153.28px);
}
.uasub-tv-item:nth-child(6) img{
    width: min(8.47vw, 135.52px);
    height: min(8.47vw, 135.52px);
}
.uasub-tv-item:nth-child(7) img{
    width: min(8.89vw, 142.24px);
    height: min(8.89vw, 142.24px);
}


.uasub-tv-item1:nth-child(1) img,
.uasub-tv-item1:nth-child(2) img{
    width: min(8.06vw, 128.96px);
    height: min(8.06vw, 128.96px);
}
.uasub-tv-item1:nth-child(3) img{
    width: min(9.51vw, 152.16px);
    height: min(9.51vw, 152.16px);
}
.uasub-tv-item1:nth-child(4) img{
    width: min(8.61vw, 137.76px);
    height: min(8.61vw, 137.76px);
}
.uasub-tv-item1:nth-child(5) img{
    width: min(7.71vw, 7.71vw);
    height: min(1.53vw, 24.48px);
}
.uasub-tv-item1:nth-child(6) img{
    width: min(7.85vw, 125.6px);
    height: min(7.85vw, 125.6px);
}
.uasub-tv-item1:nth-child(7) img{
    width: min(7.5vw, 120px);
    height: min(7.5vw, 120px);
}


.uasub-tv-item2:nth-child(1) img{
    width: min(8.13vw, 130.08px);
    height: min(8.13vw, 130.08px);
}
.uasub-tv-item2:nth-child(2) img{
    width: min(8.19vw, 131.04px);
    height: min(8.19vw, 131.04px);
}
.uasub-tv-item2:nth-child(3) img{
    width: min(8.96vw, 143.36px);
    height: min(8.96vw, 143.36px);
}
.uasub-tv-item2:nth-child(4) img{
    width: min(8.33vw, 133.28px);
    height: min(8.33vw, 133.28px);
}
.uasub-tv-item2:nth-child(5) img{
    width: min(9.51vw, 152.16px);
    height: min(9.51vw, 152.16px);
}
.uasub-tv-item2:nth-child(6) img{
    width: min(9.1vw, 145.6px);
    height: min(9.1vw, 145.6px);
}
.uasub-tv-item2:nth-child(7) img{
    width: min(9.03vw, 144.48px);
    height: min(9.03vw, 144.48px);
}



.uasub-tv-item3:nth-child(1) img{
    width: min(8.68vw, 138.88px);
    height: min(8.68vw, 138.88px);
}
.uasub-tv-item3:nth-child(2) img{
    width: min(9.03vw, 144.48px);
    height: min(9.03vw, 144.48px);
}
.uasub-tv-item3:nth-child(3) img{
    width: min(8.4vw, 134.4px);
    height: min(8.4vw, 134.4px);
}
.uasub-tv-item3:nth-child(4) img{
    width: min(8.19vw, 131.04px);
    height: min(8.19vw, 131.04px);
}
.uasub-tv-item3:nth-child(5) img{
    width: min(9.51vw, 152.16px);
    height: min(9.51vw, 152.16px);
}
.uasub-tv-item3:nth-child(6) img{
    width: min(9.1vw, 145.6px);
    height: min(9.1vw, 145.6px);
}
.uasub-tv-item3:nth-child(7) img{
    width: min(9.03vw, 144.48px);
    height: min(9.03vw, 144.48px);
}



.uasub-tv-item4:nth-child(1) img{
    width: min(8.68vw, 138.88px);
    height: min(8.68vw, 138.88px);
}
.uasub-tv-item4:nth-child(2) img, 
.uasub-tv-item4:nth-child(7) img{
    width: min(9.03vw, 144.48px);
    height: min(9.03vw, 144.48px);
}
.uasub-tv-item4:nth-child(3) img{
    width: min(8.4vw, 134.4px);
    height: min(8.4vw, 134.4px);
}
.uasub-tv-item4:nth-child(4) img{
    width: min(9.44vw, 151.04px);
    height: min(9.44vw, 151.04px);
}
.uasub-tv-item4:nth-child(5) img{
    width: min(9.51vw, 152.16px);
    height: min(9.51vw, 152.16px);
}
.uasub-tv-item4:nth-child(6) img{
    width: min(9.1vw, 145.6px);
    height: min(9.1vw, 145.6px);
}

.uasub-tv-item5:nth-child(1) img{
    width: min(8.68vw, 138.88px);
    height: min(8.68vw, 138.88px);
}
.uasub-tv-item5:nth-child(2) img, 
.uasub-tv-item5:nth-child(6) img, 
.uasub-tv-item5:nth-child(7) img{
    width: min(9.03vw, 144.48px);
    height: min(9.03vw, 144.48px);
}
.uasub-tv-item5:nth-child(3) img,
.uasub-tv-item5:nth-child(5) img{
    width: min(8.4vw, 134.4px);
    height: min(8.4vw, 134.4px);
}
.uasub-tv-item5:nth-child(4) img{
    width: min(9.44vw, 151.04px);
    height: min(9.44vw, 151.04px);
}

.uasub-tv-item5:nth-child(6) img{
    width: min(9.1vw, 145.6px);
    height: min(9.1vw, 145.6px);
}


/* Films */

.uasub-films{
    margin-top: min(4.44vw, 71.04px);
    padding: min(4.44vw, 71.04px) 0;
}
.uasub-films-container{
    width: min(72.22vw, 1155.52px);
    margin: 0 auto;
}
.uasub-films-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: min(1.39vw, 22.24px);
    margin-top: min(2.5vw, 40px);
}

.uasub-films .uasub-descr{
    letter-spacing: min(0.03vw,0.48px);
}

.uasub-film{
    display: flex;
}
.uasub-film img{
    display: block;
    width: min(23.13vw, 370.08px);
    height: min(12.85vw, 205.6px);
    border-radius:min(0.83vw, 13.28px);
}

.uasub-films-btn{
    margin: min(3.26vw, 52.16px) auto 0 auto
}


/* Audio */

.uasub-audio {
    padding-top: min(4.86vw, 77.76px);
    overflow-x: clip;
}

.uasub-audio .uasub-heading{
    letter-spacing: 0;
} 
.uasub-audio .uasub-descr{
    margin-top: min(1.94vw, 31.04px);
}   

.swiper.audioSwiper {
    margin: min(12.99vw, 207.84px) auto min(22.36vw, 357.76px);
    overflow: visible;
    height: 38.7%;
    max-height: 310px
}

.audioSwiper::before {
    content: '';
    background-image: url('//s4.vcdn.biz/static/162402861/audio-iphone.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    transform: translateY(-18%);
    width: 100%;
    height: min(50vw, 800px);
}

.audioSwiper .swiper-slide {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .75s;
    transform: translateX(-15%);
    opacity: 0;
}

.audioSwiper .swiper-slide p {
    color: #989898;
    text-align: center;
    font-size: min(0.97vw, 15.6px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing:max(-0.01vw, -0.16px);
    transition: .75s;
    margin-top:min(1.32vw, 21.12px);
}

.audioSwiper .swiper-slide.swiper-slide-active {
    padding: min(0.99vw, 15.84px);
    transform: translateX(0)
}

.audioSwiper .swiper-slide.swiper-slide-active p {
    color: #fff;
    font-size: min(1.29vw, 20.64px);
    line-height: normal;
    letter-spacing: max(-0.01vw, -0.16px);
}

.audioSwiper .swiper-slide.swiper-slide-next,.audioSwiper .swiper-slide.swiper-slide-next~.swiper-slide {
    transform: translateX(15%)
}

.audioSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    aspect-ratio: 1/1;
}


@media (max-width: 980px) {
    .audioSwiper .swiper-slide.swiper-slide-active {
        padding: 2%
    }
}



/* Devices */

.uasub-devices{
    position: relative;
    z-index: 1;
	padding-top: min(6.6vw, 105.6px);
	padding-bottom: min(5vw, 80px);
    overflow-x: clip;
}
.uasub-devices * {
	position: relative;
	z-index: 2;
}
.uasub-devices .uasub-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.uasub-devices .uasub-heading{
    letter-spacing: max(-0.03vw, -0.48px);
    margin-top: max(-1.25vw, -20px);
}
.uasub-devices-descr{
    letter-spacing: min(0.01vw, 0.16px);
    opacity: 1;
    line-height: 140%;
}
.uasub-devices-types{
    display: block;
    width: min(44.58vw,713.28px);
    height: min(2.08vw, 33.28px);
    margin: min(2.5vw, 40px) auto 0;
}
.uasub-devices-img{
    display: block;
    width: min(70.76vw, 1132.16px);
    height: min(36.42vw,582.72px);
	margin: 0 auto;
}

.uasub-devices:before{
    content:'';
    z-index: 1;
    position: absolute;
    top: min(30.31vw, 484.96px);
    left: -24%;
    width: min(80.94vw, 1295.04px);
    height: min(39.21vw, 627.36px);
    transform: rotate(145.855deg) translateX(-50%);
    border-radius: min(80.94vw, 1295.04px);
    background: linear-gradient(248deg, rgba(255, 199, 0, 0.40) 33.21%, rgba(0, 87, 183, 0.40) 46.22%);
    filter: blur(min(10.42vw, 166.72px));
}

.uasub-devices:after{
    content:'';
    z-index: 1;
    position: absolute;
    top: min(5.14vw, 82.24px);
    left: 32%;
	width: min(81.82vw, 1305.12px);
    height: 185px;
    transform: rotate(-34.676deg) translateX(-50%);
    border-radius: min(81.82vw, 1305.12px);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.35) 100%);
    filter: blur(min(6.94vw, 111.04px));
}


/* Discount */
.uasub-discount {
	background: top center / cover no-repeat url('//s7.vcdn.biz/static/215683071/uasub-dt-bg.svg');
    position: relative;
    z-index: 2;
}
.uasub-discount-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: min(5.903vw, 94.4px) 0 min(5vw, 80px);
}
.uasub-discount-wrapper * {
	text-align: center;
}
.uasub-discount-num {
	font-size: min(17.183vw, 274.9px);
	font-weight: 600;
	line-height: 110%;
	letter-spacing: max(-0.028vw, -0.4px);
}
.uasub-discount-headline{
    letter-spacing: 0;
    line-height: 120%;
    margin-top: max(-0.49vw, -7.84px);
}
.uasub-discount-descr{
    opacity: 1;
    margin-top: min(0.97vw, 15.52px);
}
.uasub-discount-btn {
	width: min(17.43vw, 278.88px);
	margin-top: min(1.39vw,22.24px);
}
.uasub-discount-ligal {
	font-size: min(0.83vw, 13.28px);
	font-weight: 400;
	line-height: 166.667%;
	letter-spacing: min(0.02vw, 0.32px);
	opacity: .7;
	margin-top: min(2.778vw, 44.4px);
}
.uasub-discount-text {
	font-size: min(1.667vw, 26.7px);
	font-weight: 450;
	line-height: 120%;
	margin-top: min(3.403vw, 54.448px);
}
.uasub-discount-img {
	display: block;
	width: min(43.098vw, 689.6px);
	margin-top: min(1.389vw, 22.2px);
}
.uasub-discount-try-ligal {
	margin-top: min(3.715vw, 59.4px);
}