.kino-kz, .kino-kz *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    color: #fff;
}
.kino-kz{
    background-color: #000000;
    overflow-x: clip;
}

.kino-kz-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: min(3.75vw, 60px);
    width: min(18.61vw, 297.76px);
    height: min(3.89vw, 62.24px);
    border-radius: min(0.69vw, 11.04px);
    background: #FFF;
    color: #000 !important;
    font-size: min(1.25vw, 20px);
    font-weight: 500;
    line-height: 133.333%;
    transition: 300ms all;
}
.kino-kz-btn:hover{
    background-color: #c4c4c4;
}


/* Index */
.kino-kz-index{
    padding: min(19.86vw, 317.76px) 0 0;
    position: relative;
    overflow: hidden;
}
.kino-kz-index:before{
    content: "";
    position: absolute;
    top: max(-1.39vw, -22.24px);
    left: 0;
    display: block;
    width: 100%;
    height: min(23.96vw, 383.36px);
    background: linear-gradient(180deg, #000 -30.48%, rgba(0, 0, 0, 0.76) 7.2%, rgba(0, 0, 0, 0.00) 25.32%);
    z-index: 2;
}
.kino-kz-index:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: min(57.29vw, 916.64px);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 23.92%, rgba(0, 0, 0, 0.80) 36.75%, rgba(0, 0, 0, 0.90) 55.38%, rgba(0, 0, 0, 0.49) 69.82%), 
    linear-gradient(180deg, rgba(0, 0, 0, 0.00) 15.83%, rgba(0, 0, 0, 0.76) 48.47%, #000 88.36%);;
    z-index: 2;
}
.kino-color-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;
}
.animated-tiles{
    position: absolute;
    width: min(100vw, 1600px);
    margin: 0 auto;
    overflow: hidden;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    z-index: 1;
}
.animated-tiles * {
	user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
}
.animated-tiles div {
    display: flex;
	flex-direction: column;
    width: min(100vw, 1600px);
    -webkit-animation: anim-running-tiles 60s linear infinite;
    animation: anim-running-tiles 60s linear infinite;
    gap: min(0.83vw, 13.28px);
}
.animated-tiles img {
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	width: min(100vw, 1600px);
    height: auto;
}
.animated-tiles img:not(:first-child) {
    margin-top: min(0.83vw, 13.28px);
}
@-webkit-keyframes anim-running-tiles {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@keyframes anim-running-tiles {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.kino-kz-wrapper{
    width: min(73.4vw, 1174.4px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 3;
}
.kino-kz-index-heading{
    font-size: min(4.17vw, 66.72px);
    font-weight: 500;
    line-height: 120%;
}
.kino-kz-index-cards{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(1.63vw, 26.08px);
    margin-top: min(1.81vw, 28.96px);
}
.kino-kz-index-card{
    border-radius: min(1.26vw, 20.16px);
    border: min(0.13vw, 2.08px) solid #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: min(6.81vw, 108.96px);
    width: min(16.15vw, 258.4px);
}
.kino-kz-index-card span:nth-child(1){
    font-size: min(3.33vw, 53.28px);
    font-weight: 500;
    line-height: 120%;
}
.kino-kz-index-card span:nth-child(2){
    font-size: min(1.53vw, 24.48px);
    font-weight: 450;
    line-height: 120%;
    margin-top: max(-0.35vw, -5.6px);
}
.kino-kz-ligal{
    margin-top: min(2.08vw, 33.28px);
    font-size: min(0.97vw, 15.52px);
    font-weight: 450;
    line-height: 120%;
    opacity: 0.7;
}


/* Films */

.kino-kz-films{
    padding: min(9.72vw, 155.52px) 0;
}
.kino-kz-heading-h2{
    text-align: center;
    font-size: min(3.33vw, 53.28px);
    font-weight: 500;
    line-height: 120%;
}
.kino-kz-descr{
    text-align: center;
    margin-top: min(1.39vw, 22.24px);
    opacity: 0.8;
    font-size: min(1.53vw, 24.48px);
    font-weight: 450;
    line-height: 130%;
    letter-spacing: min(0.03vw, 0.48px);
}
.kino-kz-films-logos{
    display: block;
    width: min(57.43vw, 918.88px);
    height: auto;
    margin: min(2.78vw, 44.48px) auto 0;
}
.kino-kz-films-lists{
    margin-top: min(5.97vw, 95.52px);
}
.kino-kz-films-list.animated-list div {
    width: auto;
    gap: min(1.67vw, 26.72px);
}
.kino-kz-films-list.animated-list span{
    width: max-content;
    display: flex;
    justify-content: space-around;
    gap: min(1.67vw, 26.72px);
}
.kino-kz-films-list:not(.animated-list_reverse) {
    margin-bottom: min(1.67vw, 26.72px);
}
.kino-kz-films-list img {
    width: min(30.97vw, 495.52px);
    height: min(17.15vw, 274.4px);
    object-fit: cover;
    border-radius: min(0.83vw, 13.28px);
}
.kino-kz-films-list img:not(:first-child) {
    margin-left: min(1.67vw, 26.72px);
}
.animated-list {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden
}
.animated-list div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-animation: anim-running-string 60s linear infinite;
    animation: anim-running-string 60s linear infinite
}
.animated-list_reverse div {
    animation-direction: reverse
}
.animated-list img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: flex
}
@-webkit-keyframes anim-running-string {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes anim-running-string {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}


/* Sport */

.kino-kz-sport-wrapper{
    width: min(93.47vw, 1495.52px);
    height: min(39.38vw, 630.08px);
    margin: 0 auto;
    border-radius: min(1.39vw, 22.24px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 min(7.64vw, 122.24px);
}
.kino-kz-sport-content{
    flex-shrink: 0;
}
.kino-kz-sport-heading, .kino-kz-sport-descr{
    text-align: left;
}
.kino-kz-sport-heading{
    letter-spacing: min(0.02vw, 0.32px);
}
.kino-kz-sport-descr{
    font-size: min(1.67vw, 26.72px);
    line-height: 120%;
    letter-spacing: 0;
}
.kino-kz-sport-logos{
    display: block;
    width: min(37.57vw, 601.12px);
    margin-right: max(-1.18vw, -18.88px);
}


/* Channels */

.kino-kz-channels {
    padding: min(9.72vw, 155.52px) 0 0;
    position: relative;
}
.kino-kz-channels * {
    position: relative;
    z-index: 2
}
.kino-kz-channels::before {
    content: "";
    position: absolute;
	right: 0;
	bottom: min(2.431vw, 38.9px);
	left: 0;
	margin: 0 auto;
    width: min(40.422vw, 646.8px);
	height: min(20.031vw, 320.5px);
	transform: rotate(-0.699deg);
	border-radius: min(40.422vw, 646.8px);
	opacity: 0.8;
	background: linear-gradient(202deg, rgba(255, 102, 0, 0.90) 12.59%, rgba(34, 195, 177, 0.90) 91.02%);
	filter: blur(min(6.493vw, 103.9px));
}
.kino-kz-channels-descr{
    letter-spacing: min(0.01vw, 0.16px);
    font-size: min(1.67vw, 26.72px);
    line-height: 120%;
}
.kino-kz-channels-link {
    text-align: center;
    margin: min(2.78vw, 44.48px) 0 0;
}
.kino-kz-channels-link a {
    font-weight: 500;
    font-size: min(1.67vw, 26.72px);
    line-height: 120%;
    text-decoration-line: underline;
    color: #22c3b1 !important
}
.kino-kz-channels-link a:hover {
    color: #22c3b1 !important
}
.kino-kz-channels-lists{
    margin-top: min(5.83vw, 93.28px);
}
.kino-kz-channels-list >div{
    width: auto !important;
}
.animated-list_reverse div {
    animation-direction: reverse
}
.kino-kz-channels-list:not(.animated-list_reverse) {
    margin-bottom: min(1.53vw, 24.48px);
}
.kino-kz-channels-list img {
    height: min(11.39vw, 182.24px);
}
.kino-kz-channels-list img:not(:first-child) {
    margin-left: min(1.53vw, 24.48px);
}



/* Subscribers */

.kino-kz-subscribers{
    padding: min(11.67vw, 186.72px) 0 0;
}
.kino-kz-subscribers-wrapper{
    position: relative;
    height: min(34.17vw, 546.72px);
}
.kino-kz-subscribers-slider{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.kino-kz-subscribers-content{
    margin: 0 auto;
    padding: min(4.93vw, 78.88px) min(11.11vw, 177.76px) 0;
    position: relative;
    z-index: 2;
}

.kino-kz-subscribers-slider .swiper-slide{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position-y: top;
    background-position-x: center;
    background-repeat: no-repeat;
    transition-duration: 2s !important;
}
.swiper-slide-active {
    opacity: 1 !important;
}
  
.kino-kz-subscribers-headline, .kino-kz-subscribers-text{
    text-align: left;
}
.kino-kz-subscribers-headline{
    position: relative;
    z-index: 5;
    line-height: 109.979%;
    letter-spacing: max(-0.03vw, -0.48px);
}
.kino-kz-subscribers-text{
    margin-top: min(1.25vw, 20px);
    opacity: 1;
    line-height: 158%;
}
.kino-kz-discount-value{
    width: min(4.51vw, 72.16px);
    height: min(1.94vw, 31.04px);
    border-radius: min(0.35vw, 5.6px);
    background: #FC363B;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: min(1.11vw, 17.76px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: min(0.03vw, 0.48px);
    z-index: -1;
    margin-bottom: min(2.78vw, 44.48px);
}
.kino-kz-subscribers-btn{
    width: min(17.5vw, 280px);
    margin-top: min(2.78vw, 44.48px);
    opacity: 1;
}

.kino-kz-subscribers-prev,
.kino-kz-subscribers-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: min(1.39vw, 22.24px);
    z-index: 10;
    cursor: pointer;
    transition: 300ms all;
}
.kino-kz-subscribers-next{
    left: unset;
    right: min(1.39vw, 22.24px);
}
.kino-kz-subscribers-prev svg,
.kino-kz-subscribers-next svg{
    display: block;
    width: min(2.78vw, 44.48px);
    height: min(2.78vw, 44.48px);
}
.kino-kz-subscribers-prev:hover,
.kino-kz-subscribers-next:hover{
    opacity: 0.5;
}
.kino-kz-subscribers-pagination{
    bottom: 0;
    z-index: 10;
    position: absolute;
    display: flex;
    justify-content: center;
    gap: min(0.69vw, 11.04px);
    bottom: min(1.94vw, 31.04px) !important;
}
.kino-kz-subscribers-pagination .swiper-pagination-bullet{
    width: min(0.56vw, 8.96px);
    height: min(0.56vw, 8.96px);
    border-radius: 100%;
    background-color: #fff;
    opacity: 0.2;
    transition: 300ms all;
    margin: 0 !important;
}
.kino-kz-subscribers-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}


/* M-channels */
.kino-kz-mchannels {
    padding: min(11.6vw, 185.6px) 0 0;
}

.kino-kz-mchannels-content {
    width: min(95.42vw, 1526.72px);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: min(5.56vw, 88.96px);
}
.kino-kz-mchannels-info{
    width: min(41.667vw,666.672px);
}
.kino-kz-mchannels-headline {
    text-align: left;
    margin-top: max(-0.764vw, -12.224px);
}
.kino-kz-mchannels-text {
    text-align: left;
    margin-top: min(1.389vw,22px);
    font-size: min(1.67vw, 26.72px);
    line-height: 120%;
}
.kino-kz-mchannels-video video {
    width: min(37.222vw, 596px);
}




/* TV */
.kino-kz-tv {
    padding: min(7.29vw, 116.64px) 0 0 min(10.76vw, 172.16px);
}
.kino-kz-tv-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.kino-kz-tv-content .kino-kz-tv-column:first-child {
    flex: 1 1 100%;
	padding-top: min(3.82vw, 61.12px);
}
.kino-kz-tv-video {
    position: relative;
    width: min(53.96vw, 863.36px);
	margin-right: max(-9.24vw, -147.84px);
    z-index: 1
}
.kino-kz-tv-video video {
    position: absolute;
    width: 100%;
    z-index: 3
}
.kino-kz-tv-video::after {
    content: '';
    display: block;
    position: absolute;
    width: min(53.96vw, 863.36px);
    height: min(33.125vw, 530px);
    top: max(-0.4vw, -6.4px);
    left: 0;
    background: center/contain no-repeat url(//s5.vcdn.biz/static/172483231/tv-overlay.png);
    z-index: 30
}
.kino-kz-tv-headline {
    text-align: left;
}
.kino-kz-tv-text {
    margin-top: min(1.81vw, 28.96px);
	line-height: 118.182%;
    letter-spacing: max(-0.03vw, -0.48px);
    text-align: left
}
.kino-kz-tv-info {
    display: flex;
	column-gap: min(2.08vw, 33.28px);
    margin-top: min(1.25vw, 20px);
}
.kino-kz-tv-item-title {
    color: #85f2e6;
    font-size: min(1.944vw, 31.1px);
    font-weight: 500;
    line-height: 90%
}
.kino-kz-tv-item-title img {
    display: block;
    width: min(4.03vw, 64.48px);
    height: min(2.29vw, 36.64px);
}
.kino-kz-tv-item-subtitle {
    font-size: min(1.25vw, 20px);
    line-height: 133.333%; 
    margin-top: min(0.63vw, 10.08px);
    font-weight: 400;
}
.kino-kz-tv-info .kino-kz-tv-item:not(:last-child) .kino-kz-tv-item-title {
    padding: min(0.4vw, 6.4px) 0
}
.kino-kz-tv-info .kino-kz-tv-item:not(:last-child) .kino-kz-tv-item-subtitle {
    margin-top: min(0.35vw, 5.6px);
}




/* maximal Devices */

.kino-kz-devices {
	padding: min(18.06vw, 288.96px) 0 0;
}
.kino-kz-devices-content {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.kino-kz-devices-content * {
	position: relative;
	z-index: 5;
}
.kino-kz-devices-content::before {
	content: '';
    position: absolute;
    background: linear-gradient(180deg, #596FC5 0%, #9A0275 100%);
    top: min(5.49vw, 87.84px);
    left: 0;
    right: 0;
    margin: auto;
    width: min(39.58vw, 633.28px);
    height: min(20.21vw, 323.36px);
    border-radius: min(39.58vw, 633.28px);
    background: linear-gradient(180deg, #E35E31 -4.04%, #4D3883 107.54%), linear-gradient(180deg, #EB9A44 0%, #B02E34 100%);
    filter: blur(min(12.98vw, 207.68px));
    z-index: 1;
}
.kino-kz-devices-img {
    display: block;
    width: min(83.54vw, 1336.64px);
    height: auto;
    margin-left: min(3.75vw, 60px);
    margin-bottom: max(-1.53vw, -24.48px);
}
.kino-kz-devices .kino-kz-headline {
    margin-top: min(2.71vw, 43.36px);
}
.kino-kz-devices .kino-kz-text {
    font-size: min(1.67vw, 26.72px);
    letter-spacing: min(0.01vw, 0.16px);
    line-height: 120%;
}
.kino-kz-devices-icons {
    display: block;
    width: min(52.5vw, 840px);
    margin: min(2.78vw, 44.48px) auto 0
}



/* Discount */
.kino-kz-discount {
	background: center top / cover no-repeat url('//s6.vcdn.biz/static/209734691/dt-bg.svg');
	padding: min(7.222vw,115.552px) 0 min(5.21vw, 83.36px);
    margin: min(9.03vw, 144.48px) 0 0;
}
.kino-kz-discount-number {
    position: relative;
    text-align: center;
    font-size: min(20.46vw,327.36px);
    font-weight: 600;
    line-height: 110%;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.kino-kz-discount-num{
    display: flex;
    margin-bottom: min(0.625vw, 10px);
}
.kino-kz-discount-image{
    width: min(30.972vw,495.552px);
    height: min(17.778vw, 284.448px);
    margin-top: min(1.806vw, 28.896px);
    margin-left:min(8.542vw, 136.672px);
}
.kino-kz-discount-value-disc{
    color: #FFF;
    font-size: min(2.153vw, 34.448px);
    font-weight: 450;
    line-height: 131%;
    text-transform: uppercase;
    min-width: max-content;
    text-align: left;
    margin-top: min(12.5vw, 200px);
    transform: translateX(max(-9.236vw,-147.776px));
}
.kino-kz-discount-value-disc span{
    font-size: min(2.917vw, 46.672px);
    font-weight: 600;
    text-transform: none;
}
.kino-kz-discount-text {
	text-align: center;
	opacity: 1;
	margin-top: min(0.972vw,15.6px);
    font-size: min(1.67vw, 26.72px);
    line-height: 120%;
    letter-spacing: 0;
}
.kino-kz-discount-btn {
    margin: min(3.13vw, 50.08px) auto 0
}
.kino-kz-discount-ligal {
    opacity: 0.7;
    color: #FFF;
    text-align: center;
    font-size: min(0.97vw, 15.52px);
    font-weight: 450;
    line-height: 120%;
    letter-spacing: 0;
    margin-top: min(2.778vw, 44.448px);
}
.kino-kz-discount-link {
    display: block;
    color: #fff !important;
    text-align: center;
    font-size: min(1.111vw,17px);
    font-weight: 400;
    line-height: 175%;
    letter-spacing: min(.031vw,.5px);
    text-decoration-line: underline;
    margin: min(.625vw,10px) auto 0
}