body {
    overflow-x: hidden;
}
.welcome {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 1280px;
    position: relative;
    background-color: #141414;
    box-sizing: border-box;
}
.welcome * {
    box-sizing: border-box;
    color: #fff;
}
.welcome > section {
    width: 100%;
    position: relative;
}
.welcome-wrapper {
    width: 100%;
    padding: 0 13.884vw;
    margin: 0 auto;
    z-index: 10;
}
@media(min-width: 1600px) {
    .welcome-wrapper {
        padding: 0 222px;
    }
}

/* GLOBAL CLASSES */
.welcome-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .694vw;
    width: fit-content;
    min-width: 12.292vw;
    height: 3.889vw;
    font-size: 1.25vw;
    border-radius: 0.694vw;
    background: #fff;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    letter-spacing: .035vw;
    color: #000 !important;
    cursor: pointer;
    transition: background-color 0.3s;
}
@media(min-width: 1600px) {
    .welcome-link {
        padding: 0 11px;
        min-width: 196px;
        height: 62px;
        font-size: 20px;
        border-radius: 11px;
        letter-spacing: .5px;
    }
}
.welcome-link:hover {
    background-color: rgba(255, 255, 255, 0.9);
    transition: background-color 0.3s;
}


.welcome-headline {
    text-align: center;
    font-weight: 500;
    font-size: 3.333vw;
    line-height: 1.1;
    letter-spacing: -.035vw;
    color: #fff;
}
@media(min-width: 1600px) {
    .welcome-headline {
        font-size: 53px;
        letter-spacing: -.56px;
    }
}

.welcome-text {
    margin-top: 1.25vw;
    font-weight: 400;
    font-size: 1.667vw;
    line-height: 1.2;
    color: #fff;
}
@media(min-width: 1600px) {
    .welcome-text {
        margin-top: 20px;
        font-size: 26px;
    }
}
/* _____________ */


.welcome-channels {
    position: relative;
    margin-top: 13.889vw;
}
.welcome-channels::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 70%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 125%;
    background-image: url(//s7.vcdn.biz/static/160202481/gradient-min.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@media(min-width: 1600px) {
    .welcome-channels {
        margin-top: 222px;
    }
}
.welcome-channels * {
    position: relative;
    z-index: 2;
}

.welcome-channels-text, .welcome-channels-link {
    text-align: center;
}
.welcome-channels-link {
    margin-top: 2.361vw;
}
@media(min-width: 1600px) {
    .welcome-channels-link {
        margin-top: 37px;
    }
}
.welcome-channels-link a {
    font-weight: 500;
    font-size: 1.667vw;
    line-height: 120%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #22c3b1 !important;
}
@media(min-width: 1600px) {
    .welcome-channels-link a {
        font-size: 26.5px;
    }
}
.welcome-channels-link a:hover {
    color: #22c3b1 !important;
}
.welcome-channels-list.animated-list:not(.animated-list_reverse) {
    margin-top: 4vw;
}
@media(min-width: 1600px) {
    .welcome-channels-list.animated-list:not(.animated-list_reverse) {
        margin-top: 64px;
    }
}
.animated-list {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.animated-list div {
    display: -webkit-box;
    display: -webkit-flex;
    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 {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: flex;
}
.welcome-channels-list:not(.animated-list_reverse) {
    margin-bottom: 31.63px;
}
.welcome-channels-list img {
    height: 164px;
}
.welcome-channels-list img:not(first-child) {
    margin-left: 21.62px;
}
@-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%);
    }
}



/* WELCOME INDEX */
.welcome-index {
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: auto 110%;
}
/* @media(max-width: 1300px) {
    .welcome-index {
        min-height: 47vw;
        background-size: cover;
    }
} */

@media(min-width: 1600px) {
    .welcome-index {
        min-height: 861px;
    }
}

.welcome-index-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 8.611vw;
    padding-right: 0;
}
@media(min-width: 1600px) {
    .welcome-index-wrapper {
        margin-top: 137px;
    }
}

.welcome-index-headline.welcome-headline {
    text-align: left;
    font-size: 4.444vw;
}
@media(min-width: 1600px) {
    .welcome-index-headline.welcome-headline {
        font-size: 71px;
    }
}

.welcome-index-text {
    margin-top: 1.25vw;
}
@media(min-width: 1600px) {
    .welcome-index-text {
        margin-top: 20px;
    }
}


.welcome-index-text {
    margin-top: 1.111vw;
    line-height: 130%;
}
.welcome-text p{
    color: rgba(255, 255, 255, 0.80);
    margin: 0;
}

.welcome-text p:not(:last-child){
    margin-bottom: 0.903vw;
}

.welcome-index-text span{
    color: #FFF;
    font-size: 1.944vw;
    font-weight: 600;
}

@media(min-width: 1600px) {
    .welcome-index-text {
        margin-top: 17.776px;
    }
    .welcome-index-text span{
        font-size: 31.104px;
    }
    .welcome-index-text p:not(:last-child){
        margin-bottom: 14.448px;
    }
}

.welcome-index-link {
    margin-top: 3.958vw;
    min-width: 17.5vw;
}
@media(min-width: 1600px) {
    .welcome-index-link {
        margin-top: 57px;
        min-width: 280px;
    }
}
.welcome-index-ligal{
    margin-top: min(1.11vw, 17.76px);
    opacity: 0.7;
    color: #FFF;
    font-size: min(0.83vw, 13.28px);
    font-weight: 450;
    line-height: 140%;
}


.welcome-sub-info {
    margin-top: 0;
}
.welcome-sub-info-headline {
    text-align: center;
}
.welcome-sub-info-content {
    margin-top: 2.778vw;
    display: flex;
    justify-content: space-between;
}
@media(min-width: 1600px) {
    .welcome-sub-info-content {
        margin-top: 44.4px;
    }
}
.welcome-sub-info-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 0 23.125vw;
    padding: 4.444vw 0;
    border-radius: 2.222vw;
}
@media(min-width: 1600px) {
    .welcome-sub-info-item {
        flex: 0 0 370px;
        padding: 71px 0;
        border-radius: 35px;
    }
}
.welcome-sub-info-title, .welcome-sub-info-description {
    line-height: 120%;
    text-align: center;
    letter-spacing: .035vw;
    color: #FFF;
}
@media(min-width: 1600px) {
    .welcome-sub-info-title, .welcome-sub-info-description {
        letter-spacing: .56px;
    }
}
.welcome-sub-info-title {
    font-weight: 600;
    font-size: 1.944vw;
}
@media(min-width: 1600px) {
    .welcome-sub-info-title {
        font-size: 31px;
    }
}
.welcome-sub-info-description {
    font-weight: 400;
    font-size: 1.25vw;
    margin-top: .694vw;
}
@media(min-width: 1600px) {
    .welcome-sub-info-description {
        font-size: 20px;
        margin-top: 11px;
    }
}
.welcome-sub-info-link {
    margin: 2.778vw auto 0;
    min-width: 17.5vw;
}
@media(min-width: 1600px) {
    .welcome-sub-info-link {
        margin-top: 44.4px;
        min-width: 280px;
    }
}



.welcome-screens {
    width: 100%;
    margin-top: 13.889vw;
}
@media (min-width:1600px) { 
    .welcome-screens {
        margin-top: 222px;
    }  
}
.welcome-screens-wrapper {
    display: flex;
    justify-content: start;
    align-items: center;
	padding-left: 55vw;
	padding-right: 0;
    padding-top: 10vw;
    padding-bottom: 11vw;
}
@media (min-width:1600px) { 
    .welcome-screens-wrapper {
		padding-left: 880px;
        padding-top: 160px;
        padding-bottom: 176px;
    }
}
.welcome-screens-content {
    position: relative;
    width: fit-content;
}
.welcome-screens-content * {
    position: relative;
    z-index: 3;
}
.welcome-screens::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /* transform: translateY(-8%); */
    top: 0;
    left: 0;
    background: left center / contain no-repeat url('//s4.vcdn.biz/static/230831931/az-films-img.png');
}
.welcome-screens-headline {
    text-align: left;
}
.welcome-screens-text {
    margin-top: 2.083vw;
}
@media (min-width:1600px) { 
    .welcome-screens-text {
        margin-top: 33px;
    }
}
.welcome-screens-devices {
    width: 25vw;
    margin-top: 3.125vw;
}
@media (min-width:1600px) { 
    .welcome-screens-devices {
        width: 400px;
        margin-top: 50px;
    }
}

.welcome-films {
    width: 100%;
    margin-top: 13.889vw;
}
@media (min-width:1600px) { 
    .welcome-films {
        margin-top: 222px;
    }  
}
.welcome-films-wrapper {
    padding-top: 10vw;
    padding-bottom: 11vw;
}
@media (min-width:1600px) { 
    .welcome-films-wrapper {
        padding-top: 160px;
        padding-bottom: 176px;
    }
}
.welcome-films-content {
    position: relative;
    width: fit-content;
}
.welcome-films-content * {
    position: relative;
    z-index: 3;
}
.welcome-films::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 94%;
    top: 6%;
    right: 0;
    background: right center / contain no-repeat url('//s8.vcdn.biz/static/230831971/az-films-img.webp');
}
.welcome-films-headline {
    text-align: left;
}
.welcome-films-text {
    margin-top: 2.083vw;
}
@media (min-width:1600px) { 
    .welcome-films-text {
        margin-top: 33px;
    }
}
.welcome-films-link {
    min-width: 17.5vw;
    margin-top: 2.778vw
}
@media (min-width:1600px) { 
    .welcome-films-link {
        min-width: 280px;
        margin-top: 44.4px
    }
}

.welcome-cartoons {
    width: 100%;
    margin-top: 13.889vw;
}
@media (min-width:1600px) { 
    .welcome-cartoons {
        margin-top: 222px;
    }  
}
.welcome-cartoons-wrapper {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: 55vw;
	padding-right: 0;
    padding-top: 10.556vw;
    padding-bottom: 12.778vw;
}
@media (min-width:1600px) { 
    .welcome-cartoons-wrapper {
        padding-left: 880px;
        padding-top: 168px;
        padding-bottom: 204px;
    }
}
.welcome-cartoons-content {
    position: relative;
    width: fit-content;
}
.welcome-cartoons-content * {
    position: relative;
    z-index: 3;
}
.welcome-cartoons::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /* transform: translateY(-8%); */
    top: 0;
    left: 0;
    background: left center / contain no-repeat url('//s2.vcdn.biz/static/230832001/az-cartoons-img.png');
}
.welcome-cartoons-headline {
    text-align: left;
}
.welcome-cartoons-text {
    margin-top: 2.083vw;
}
@media (min-width:1600px) { 
    .welcome-cartoons-text {
        margin-top: 33px;
    }
}
.welcome-cartoons-logo {
    width: 24.514vw;
    margin-top: 3.125vw;
}
@media (min-width:1600px) { 
    .welcome-cartoons-logo {
        width: 392px;
        margin-top: 50px;
    }
}



.welcome-discount {
    margin-top: 13.889vw;
}
@media (min-width:1600px) { 
    .welcome-discount {
        margin-top: 222px;
    }
}
.welcome-discount__number {
	font-weight: 600;
	font-size: 17.153vw;
	line-height: 110%;
	text-align: center;
	letter-spacing: -.035vw;
	color: #22C3B1;
    background: linear-gradient(251.12deg, #22C3B1 -9.55%, #C1DB94 115.63%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
@media (min-width:1600px) { 
    .welcome-discount__number {
        font-size: 274.448px;
        letter-spacing: -.56px;
    }
}
.welcome-discount__btn {
    margin: 2.778vw auto 0;
    min-width: 17.5vw;
}
@media (min-width:1600px) { 
    .welcome-discount__btn {
        margin-top: 44.448px;
        min-width: 280px;
    }
}
.welcome-discount__remark {
	font-weight: 400;
	font-size: 1.667vw;
	line-height: 143%;
	text-align: center;
	letter-spacing: .017vw;
	color: #fff;
	
}
@media (min-width:1600px) { 
    .welcome-discount__remark {
        font-size: 26px;
        letter-spacing: .272px;
        
    }
}
.welcome-discount__remark a {
	color: #22C3B1 !important;
	text-decoration: underline;
}


.welcome-faq {
    margin-top: 13.889vw;
    padding-bottom: 10.833vw;
}
@media (min-width:1600px) { 
    .welcome-faq {
        margin-top: 222px;
        padding-bottom: 173px;
    }
}
.welcome-faq-content {
    margin-top: 3.368vw;
}
@media (min-width:1600px) { 
    .welcome-faq-content {
        margin-top: 53px;
    }
}
.welcome-faq-item {
    height: 4.861vw;
    transition: .5s;
    overflow: hidden;
}
@media (min-width:1600px) { 
    .welcome-faq-item {
        height: 77px;
    }
}
.welcome-faq-item:not(:first-child){
    margin-top: -3px;
}
.welcome-faq-item-question {
    position: relative;
    z-index: 1;
    height: 4.861vw;
    display: flex;
    align-items: center;
    padding: 0 2px;
    font-weight: 500;
    font-size: 1.667vw;
    line-height: 120%;
    border-top: 3px solid #666;
    border-bottom: 3px solid #666;
    cursor: pointer;
    transition: .3s;
}
@media (min-width:1600px) { 
    .welcome-faq-item-question {
        height: 77.5px;
        font-size: 26.5px;
    }
}
.welcome-faq-item.show .welcome-faq-item-question{
    z-index: 2;
    border-top: 3px solid #333;
    border-bottom: 3px solid #333;
}
.welcome-faq-item-question::after {
    content: '';
    position: absolute;
    width: 1.111vw;
    height: 1.111vw;
    top: 0;
    bottom: 0;
    right: 2px;
    margin: auto;
    background: center / contain url(//s7.vcdn.biz/static/168176571/plus.png);
    transition: .3s;
}
@media (min-width:1600px) { 
    .welcome-faq-item-question::after {
        width: 17.5px;
        height: 17.5px;
    }
}
.welcome-faq-item.show .welcome-faq-item-question::after{
    transform: rotate(45deg);
}
.welcome-faq-item-answer {
    padding: 1.111vw 1.667vw 2.222vw;
    font-weight: 400;
    font-size: 1.111vw;
    line-height: 140%;
    color: #DBDBDB;
}
@media (min-width:1600px) { 
    .welcome-faq-item-answer {
        padding: 17.5px 26.5px 35.5px;
        font-size: 17.5px;
    }
}

.welcome-sub-link{
    width: min(12.22vw, 195.52px) !important;
    height: min(2.5vw, 40px) !important;
    border-radius: min(0.35vw, 5.6px) !important;
    color: #000 !important;
    font-size: min(0.97vw, 15.52px) !important;
    font-weight: 500 !important;
    line-height: 114.286% !important;
    letter-spacing: min(0.03vw, 0.48px) !important;
}
.welcome-sub-ligal{
    width: max-content;
    text-align: center;
}
.welcome-sub-item.bestseller{
    position: relative;
}
.welcome-sub-item.bestseller:after{
    content:'';
    position: absolute;
    width: min(7.85vw, 125.6px);
    height: min(3.96vw, 63.36px);
    right: max(-0.21vw, -3.36px);
    top: max(-0.42vw, -6.72px);
    background: top left/contain no-repeat url(//s4.vcdn.biz/static/230830401/bestseller-label.webp);
    pointer-events: none;
    user-select: none;
}

.welcome-discount-ligal{
    width: min(66.53vw, 1064.48px);
    margin: min(2.22vw, 35.52px) auto 0;
    opacity: 0.7;
    text-align: center;
    color: #FFF;
    font-size: min(0.83vw, 13.28px);
    font-weight: 400;
    line-height: 166.667%;
    letter-spacing: min(0.02vw, 0.32px);
}