.welcome{
    background-color: #000000;
}
.welcome *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    color: #FFF;
}

.welcome-container{
    max-width: min(88.89vw, 1422.24px);
    margin: 0 auto;
}

.welcome-btn{
    width: min(17.5vw, 280px);
    height: min(3.125vw,50px);
    border-radius: min(0.694vw, 11.104px);
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: min(1.111vw, 17.776px);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: min(0.035vw,0.56px);
    margin-top: min(3.333vw, 53.328px);
    transition: 300ms all;
}

.welcome-btn:hover, .welcome-sub-btn:hover{
    color: #000 !important;
    background-color: #c4c4c4;
}




/* Index */

.welcome-index{
    padding: min(6.18vw, 98.88px) 0 min(3.333vw, 53.328px);
    height: min(49.65vw,794.4px);
    position: relative;
    overflow: hidden;
}
.welcome-index .welcome-container{
    display: flex;
    justify-content: space-between;
    gap: min(8.472vw,135.552px);
    height: 100%;
    position: relative;
    z-index: 10;
}

.welcome-index:after{
    content:'';
    position: absolute;
    bottom: max(-0.139vw,-2.224px);
    left: 0;
    width: 100%;
    height: min(12.15vw,194.4px);
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 64.99%);
    z-index: 10;
    pointer-events: none;
}
.welcome-index-bg1{
    position: absolute;
    top: max(-3.13vw,-50.08px);
    left: min(3.82vw,61.12px);
    width: min(66.92vw,1070.72px);
    height: min(21.75vw,348px);
    transform: rotate(155.917deg);
    border-radius: min(66.917vw,1070.672px);
    opacity: 0.75;
    background: #22A6C3;
    filter: blur(min(11.105vw,177.68px));
}

.welcome-index-bg2{
    position: absolute;
    top: min(8.387vw,134.192px);
    left: calc(50% - min(65.347vw,1045.552px));
    width: min(66.523vw,1064.368px);
    height: min(21.038vw,336.608px);
    transform: rotate(34.18deg);
    border-radius: min(66.523vw,1064.368px);
    opacity: 0.75;
    background: linear-gradient(231deg, rgba(34, 195, 177, 0.81) 27.41%, #5640E0 61.14%);
    filter: blur(min(15.69vw,251.04px));
}

.welcome-index-heading{
    font-size: min(3.889vw, 62.224px);
    font-weight: 500;
    line-height: 120%;
    letter-spacing: min(-0.022vw, -0.352px);
}
.welcome-description{
    margin-top: min(0.556vw,8.896px);
    opacity: 0.8;
    font-size: min(1.944vw, 31.104px);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: min(0.01vw, 0.16px);
}
.welcome-index-nums{
    margin-top: min(3.333vw, 53.328px);
    display: flex;
    gap: min(3.33vw, 53.28px);
}
.welcome-index-num{
    display: flex;
    flex-direction: column;
}
.welcome-index-num span{
    display: block;
}
.welcome-index-num span:first-child{
    color: #85F2E6;
    font-size: min(1.389vw, 22.224px);
    font-weight: 500;
    line-height: 100%;
}
.welcome-index-num span:nth-child(2){
    display: block;
    margin-top: min(0.764vw, 12.224px);
    font-size: min(1.25vw, 20px);
    font-weight: 400;
    line-height: 133.333%;
}
.welcome-index-ligal{
    margin-top: min(1.667vw, 26.672px);
    opacity: 0.8;
    font-size: min(0.833vw,13.328px);
    font-weight: 500;
    line-height: 140%;
}



.welcome-index-images{
    margin-top: max(-6.67vw,-106.72px);
    margin-right: max(-2.78vw,-44.48px);
}

.welcome-index-image{
    position: relative;
    display: flex;
}
.welcome-index-image video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: min(1.667vw, 26.672px);
    overflow: hidden;
}
.welcome-index-image_sm,
.welcome-index-image_lg,
.welcome-index-image_md{
    border-radius: min(1.667vw, 26.672px);
    overflow: hidden;
}
.welcome-index-image_sm{
    width:min(9.722vw,155.552px);
    height: min(11.667vw,186.672px)
}
.welcome-index-image_lg{
    width: min(20vw,320px);
    height: min(11.667vw,186.672px)
}
.welcome-index-image_md{
    width: min(9.722vw,155.552px);
    height: min(15.486vw,247.776px);
}
.welcome-index-image_sm:after, .welcome-index-image_lg:after, .welcome-index-image_md:after{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:top left/cover no-repeat url('//s6.vcdn.biz/static/211266851/border1.png');
}

.welcome-index-image_lg:after{
    background:top left/contain no-repeat url('//s3.vcdn.biz/static/211267271/border2.png');
}

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

.welcome-index-images-row1,.welcome-index-images-row2,.welcome-index-images-row3{
    display: flex;
    gap: min(0.556vw,8.896px);
    margin-bottom: min(0.556vw,8.896px);
}
.welcome-index-images-row3{
    margin-bottom: 0;
}
.welcome-index-images-row3 .welcome-index-images-col{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: min(0.556vw,8.896px);
    height: fit-content;
}

.welcome-index-images-row3 .welcome-index-images-col:nth-child(1) .welcome-index-image:nth-child(1){
    grid-column: 1/3;
}
.welcome-index-images-row3 .welcome-index-images-col:nth-child(2) .welcome-index-image:nth-child(3){
    grid-column: 1/3;
}


/* Subscribe */

.welcome-subscribe{
    padding: min(6.94vw,111.04px) 0 min(6.94vw, 111.04px);
    position: relative;
    overflow-x: clip;
}

.welcome-subscribe .welcome-container{
    position: relative;
    z-index: 1;
}

.welcome-subscribe:after{
    content: '';
    position: absolute;
    top: min(12.57vw, 201.12px);
    left: calc(50% - min(61.04vw, 976.64px));
    width: min(64.84vw, 1037.44px);
    height: min(34.72vw, 555.52px);
    transform: rotate(-155.774deg) translateX(-50%);
    border-radius: min(64.84vw, 1037.44px);
    background: linear-gradient(243deg, rgba(20, 204, 255, 0.20) 22.03%, rgba(125, 64, 224, 0.20) 78.04%);
    filter: blur(min(11.11vw, 177.76px));
    z-index: 0;
}
.welcome-subscribe:before{
    content: '';
    position: absolute;
    top: max(-6.81vw, -108.96px);
    left: calc(50% - min(116.6vw, 1865.6px));
    width: min(92.25vw, 1476px);
    height: min(49.39vw, 790.24px);
    transform: rotate(-155.774deg) translateX(-50%);
    border-radius: min(92.25vw, 1476px);
    background: linear-gradient(243deg, rgba(64, 152, 224, 0.14) 33.23%, rgba(34, 195, 177, 0.11) 89.24%);
    filter: blur(min(11.1vw, 177.6px));
    z-index: 0;
}

.welcome-sub-bg{
    position: absolute;
    top: min(46.46vw, 743.36px);
    left: calc(50% + min(20.56vw, 328.96px));
    width: min(95.55vw, 1528.8px);
    height: min(51.16vw, 818.56px);
    transform: rotate(23.699deg) translateX(-50%);
    border-radius: min(95.55vw, 1528.8px);
    background: linear-gradient(243deg, rgba(64, 96, 224, 0.11) 22.03%, rgba(86, 64, 224, 0.14) 54.95%);
    filter: blur(min(11.1vw, 177.6px));
    z-index: 0;
}

.welcome-heading-md{
    font-size: min(3.333vw, 53.328px);
    font-weight: 500;
    line-height: 110%;
    letter-spacing: min(-0.035vw, -0.56px);
    text-align: center;
}
.welcome-descr-md{
    text-align: center;
    margin-top: min(1.389vw, 22.224px);
    font-size: min(1.667vw, 26.672px);
    font-weight: 450;
    line-height: 120%;
}


/* maximal Subs */
.maximal-subs-wrapper {
	display: flex;
	justify-content: center;
	column-gap: min(1.389vw,22.224px);
	margin-top: min(4.444vw, 71.104px);
}
.maximal-subs-item {
	position: relative;
	width: min(28.75vw, 460px);
	border-radius: min(0.694vw, 11.1px);
	background: linear-gradient(300deg, rgba(20, 20, 20, 0.00) 27.82%, #141414 117.06%), linear-gradient(180deg, rgba(0, 15, 13, 0.00) -41.14%, #343434 -10.58%, #000 129.53%), rgba(0, 0, 0, 0.20);
	padding: min(2.917vw, 46.672px) 0 min(2.917vw, 46.672px) min(1.667vw, 26.672px);
	box-shadow: min(0vw, 0px) min(0.278vw, 4.4px) min(0.278vw, 4.4px) min(0vw, 0px) rgba(0, 0, 0, 0.25);
	overflow: hidden;
    background-color:  #1A1A1A;;
}
.maximal-subs-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: left / auto 100% no-repeat url('//s4.vcdn.biz/static/212826891/kz-card-bg.svg');
}
.maximal-subs-item * {
	position: relative;
	z-index: 3;
}
.maximal-subs-item-name {
	font-size: min(1.944vw, 31.1px);
	font-weight: 500;
	line-height: 120%;
}
.maximal-subs-item-num {
	display: flex;
	column-gap: min(1.875vw, 30px);
}
.maximal-subs-item-num div {
	display: flex;
	flex-direction: column;
	row-gap: min(0.069vw, 1.1px);
	margin-top: min(1.528vw, 24.448px);
}
.maximal-subs-item-num div span:first-child {
	font-size: min(1.667vw, 26.7px);
	font-weight: 500;
	line-height: 110%;
	letter-spacing: max(-0.031vw, -0.5px);
}
.maximal-subs-item-num div span:last-child {
	font-size: min(1.111vw, 17.8px);
	font-weight: 450;
	line-height: 110%;
}
.maximal-subs-item-text {
	font-size: min(1.25vw, 20px);
	font-weight: 450;
	line-height: 120%;
	opacity: 0.7;
	margin-top: min(1.389vw, 22.224px);
    letter-spacing: min(0.012vw,0.192px);
}
.maximal-subs-item-logo {
	height: min(5.56vw, 88.96px);
	width: min(18.75vw, 300px);
	object-fit: contain;
	object-position: left top;
	margin-top: min(3.472vw, 55.552px);
}
.maximal-subs-item-price {
	font-size: min(2.373vw, 38px);
	font-weight: 500;
	line-height: 120%;
	margin-top: min(2.046vw, 32.7px);
}
.maximal-subs-offer {
	margin-top: min(2.778vw, 44.4px);
}
.maximal-subs-offer-price {
	text-align: center;
	font-size: min(2.222vw, 35.6px);
	font-weight: 500;
	line-height: 110%;
	letter-spacing: min(0.067vw, 1.1px);
}
.maximal-subs-offer-price span {
	color: #fff;
	text-decoration: line-through;
	text-decoration-thickness: min(0.104vw, 1.7px);
	text-underline-offset: min(2.083vw, 33.328px);
	opacity: .5;
}
.maximal-subs-offer-title {
	text-align: center;
	font-size: min(2.639vw, 42.2px);
	font-weight: 500;
	line-height: 120%;
	letter-spacing: min(0.035vw, 0.6px);
	margin-top: min(1.389vw, 22.2px);
}
.maximal-subs-offer-btn {
	width: min(17.5vw, 280px);
	margin: min(3.472vw, 55.6px) auto 0;
}


.welcome-sub-btn{
    width: min(16.806vw, 268.896px);
    height: min(3.125vw, 50px);
    border-radius: min(0.694vw, 11.104px);
    background: #FFF;
    color: #000;
    font-size: min(1.111vw, 17.776px);
    font-weight: 500;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 300ms all;
    margin-top: min(3.75vw, 60px);
}

.welcome-sub-price{
    display: flex;
    gap: min(0.438vw, 7.008px);
    margin-top: min(0.694vw, 11.104px);
}

.welcome-sub-price-new{
    font-size: min(4.44vw, 71.04px);
    font-weight: 500;
    line-height: 110%;
    display: flex;
    gap: min(0.208vw, 3.328px);
    align-items: flex-end;
}

.welcome-sub-price-new span{
    font-size: min(1.25vw, 20px);
    font-weight: 450;
    line-height: normal;
    letter-spacing: min(0.033vw, 0.528px);
    margin-bottom: min(0.139vw, 2.224px);
}

.welcome-sub-price-column{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.welcome-sub-price-currency{
    font-size: min(1.111vw, 17.776px);
    font-weight: 600;
    line-height: normal;
    letter-spacing: min(0.04vw, 0.64px);
}

.welcome-sub-price-old{
    font-size: min(1.11vw,17.76px);
    font-weight: 450;
    line-height: 100%;
    letter-spacing: min(0.04vw, 0.64px);
    opacity: 0.5;
}

.welcome-sub-try{
    text-align: center;
    font-size: min(1.111vw, 17.776px);
    font-weight: 450;
    line-height: normal;
    letter-spacing: min(0.031vw, 0.496px);
    opacity: 0.7;
    margin-top: min(0.625vw,10px);
    max-width: min(16.875vw,270px);
    display: none;
}

.welcome-sub-more{
    display: block;
    margin-top: min(0.347vw, 5.552px);
    color: #FFF;
    font-size: min(1.111vw,17.776px);
    font-weight: 500;
    line-height: 120%;
    text-decoration: underline;
    opacity: 0.8;
    text-underline-offset: min(0.278vw, 4.448px);
    width: min(16.875vw, 270px);
    text-align: center;
}

.welcome-sub-more:hover, .welcome-subscribe-link:hover{
    color: #FFF !important;
}

.welcome-subscribe-link{
    display: flex;
    justify-content: center;
    margin-top: min(1.667vw,26.672px);
    font-size: min(1.25vw,20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: min(0.031vw, 0.496px);
    text-decoration: underline;
    text-underline-offset: min(0.139vw,2.224px);
}


.maximal-subs-item:nth-child(2) .maximal-subs-item-logo{
    width: min(22.083vw,353.328px);
    height: min(6.944vw,111.104px);
    margin-top: min(2.361vw,37.776px)
}
.maximal-subs-item:nth-child(2)  .welcome-sub-btn{
    margin-top: min(1.944vw,31.104px);
}

.maximal-subs-item:nth-child(1) .maximal-subs-item-logo{
	height: min(5.56vw, 88.96px);
	width: min(18.75vw, 300px);
    margin-top: min(1.944vw,31.104px);
}
.maximal-subs-item:nth-child(1) .welcome-sub-btn{
    margin-top: min(3.82vw,61.12px);
}

.maximal-subs-item.promo{
    background: linear-gradient(180deg, rgba(25, 0, 59, 0.00) 0%, rgba(25, 0, 59, 0.80) 100%), linear-gradient(86deg, rgba(5, 171, 154, 0.75) 26.24%, rgba(5, 171, 154, 0.00) 94.27%), linear-gradient(180deg, rgba(0, 15, 13, 0.00) -27.92%, #47028C -3.7%, #6110B2 107.36%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, #111 0%, #111 100%), linear-gradient(297deg, rgba(20, 20, 20, 0.00) 24.47%, #141414 97.34%), linear-gradient(180deg, rgba(0, 15, 13, 0.00) -27.92%, #343434 -3.7%, #000 107.36%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #111;
}
.maximal-subs-item.promo:before{
    background-image: url('//s6.vcdn.biz/static/212866871/promo-bg.svg');
}


/* maximal Subs - anim tiles */
.maximal-subs-item:hover .animated-tiles div {
	animation-play-state: running;
}
.animated-tiles.paused div {
	animation-play-state: paused;
}
.animated-tiles {
	position: absolute;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
	top: 0;
	right: max(-1.875vw, -30px);
	z-index: 1;
}
.animated-tiles * {
	user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
}
.animated-tiles div {
    display: flex;
	flex-direction: column;
    width: max-content;
    -webkit-animation: anim-running-tiles 60s linear infinite;
    animation: anim-running-tiles 60s linear infinite;
    gap: min(0.222vw,3.552px);
}
.animated-tiles img {
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	width: min(18.056vw, 288.9px);
    object-fit: cover;
}
.animated-tiles img:not(:first-child) {
    margin-top: min(0.208vw, 3.3px);
}
@-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%)
    }
}




/* maximal Discount */


.welcome-dt {
	background: center top / cover no-repeat url('//s6.vcdn.biz/static/209734691/dt-bg.svg');
	padding: 0 0 min(5vw,80px);
    position: relative;
    z-index: 10;
}

.welcome-dt-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;
    margin-top: 0;
}

.welcome-dt-num{
    display: flex;
    margin-bottom: min(0.625vw, 10px);
}

.maximal-text {
    text-align: center;
    font-size: min(1.667vw, 26.6px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: min(.010vw, .16px);
}

.maximal-discount-text {
    text-align: center;
    opacity: 1;
    margin-top: min(0.972vw, 15.6px);
}

.maximal-headline {
    text-align: center;
    font-size: min(3.333vw, 53.328px);
    font-weight: 500;
}

.welcome-dt-image{
    width: min(30.972vw,495.552px);
    height: min(17.778vw, 284.448px);
    margin-top: min(1.389vw, 22.224px);
    margin-left:min(8.542vw, 136.672px);
}

.maximal-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: min(18.75vw, 300px);
    height: min(3.889vw, 62.2px);
    font-size: min(1.25vw, 20px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: min(0.694vw, 11.1px);
    background: #fff;
    color: #000 !important;
    -webkit-transition: .3s;
    transition: .3s;
    font-weight: 500;
}

.welcome-dt-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));
}




.welcome-dt-value-disc span{
    font-size: min(2.917vw, 46.672px);
    font-weight: 600;
    text-transform: none;
}



.welcome-dt-text {
	text-align: center;
	opacity: 1;
	margin-top: min(1.6vw,25.6px);
}

.welcome-dt-btn {
    margin: min(2.778vw,44px) auto 0
}


.welcome-dt-ligal {
    opacity: 0.7;
    color: #FFF;
    text-align: center;
    font-size: min(0.833vw, 13.328px);
    font-weight: 450;
    line-height: 166.667%;
    letter-spacing: min(0.017vw, 0.272px);
    margin-top: min(2.778vw, 44.448px);
}