.megopack, .megopack *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    color: #FFF;
}
.megopack{
    background: #0f0f0f;
    overflow-x: hidden;
}
.megopack-headline{
    text-align: center;
    font-size: min(3.33vw, 53.28px);
    font-weight: 500;
    line-height: 110%;
}
.megopack-descr{
    margin-top: min(1.39vw, 21.48px);
    font-size: min(1.67vw, 25.92px);
    font-weight: 450;
    line-height: 120%;
}
.megopack-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(22.29vw, 356.64px);
    height: min(5vw, 80px);
    border-radius: min(0.69vw, 11.04px);
    background: #FFF;
    color: #000 !important;
    font-size: min(1.67vw, 26.72px);
    font-weight: 500;
    line-height: 100%;
    transition: 350ms all;
}
.megopack-btn:hover, .fixed-megopack-btn:hover {
    background-color: #c4c4c4 !important;
}

/* Fixed */

.fixed-block{
    position: fixed;
    top: 50px;
    left: 50%;
    width: min(100vw, 1600px);
    height: min(4.65vw, 74.4px);
    transform: translateY(-100%) translateX(-50%);
    display: flex;
    justify-content: center;
    padding: min(0.56vw, 8.96px) min(5.56vw, 88.96px);
    background: linear-gradient(84deg, rgba(34, 195, 177, 0.30) 3.95%, rgba(94, 154, 154, 0.30) 26.93%, rgba(171, 84, 113, 0.30) 49.91%, rgba(200, 49, 83, 0.30) 72.89%, rgba(255, 0, 51, 0.30) 95.87%), #0F0E0E;
    z-index: 100;
    transition: 300ms all;
    opacity: 0;
    pointer-events: none;
}
.fixed-block.show{
    transform: translateY(0) translateX(-50%);
    opacity: 1;
    pointer-events: all;
}
.fixed-block-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(88.89vw, 1422.24px)
}
.fixed-megopack-logo, .fixed-megopack-services{
    display: block;
    width: min(14.79vw, 236.64px);
    height: auto;
}
.fixed-megopack-services{
    width: min(32.29vw, 516.64px);
}
.fixed-megopack-btn{
    width:min(17.01vw, 272.16px);
    height: min(2.92vw, 46.72px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: min(0.69vw, 11.04px);
    background: #FFF;
    color: #000 !important;
    font-size: min(1.39vw, 22.24px);
    font-weight: 500;
    line-height: normal;
    transition: 300ms all;
}

/* Index */

.megopack-index{
    padding: min(5vw, 80px) 0 min(4.17vw, 66.72px);
    position: relative;
}
.megopack-index-wrapper{
    width: min(88.68vw, 1418.88px);
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.megopack-bg{
    position: absolute;
    z-index: 0;
    user-select: none;
    pointer-events: none;
    display: block;
    width: min(81.39vw, 1302.24px);
    height: min(53.99vw, 863.84px);
    top: max(-7.5vw, -120px);
    left: 67%;
    transform: translateX(-50%);
}
.megopack-index-logos{
    display: block;
    width: min(68.4vw, 1094.4px);
    height: auto;
}
.megopack-y-logo{
    display: flex;
    margin-top: min(3.13vw, 50.08px);
    width: min(89.23vw, 1427.68px);
    height: min(10.05vw, 160.8px);
}
.megopack-index-headline{
    margin-top: min(2.083vw, 33.3px);
    font-size: min(3.33vw, 53.28px);
    font-weight: 500;
    line-height: 110%;
}
.megopack-index-btn{
    margin-top: min(3.125vw, 50px);
}
.megopack-index-ligal{
    margin-top: min(0.56vw, 8.96px);
    font-size: min(0.76vw, 12.16px);
    font-weight: 450;
    line-height: 105%;
}
.megopack-index-headline, .megopack-index-btn, .megopack-index-ligal{
    margin-left: max(-0.69vw, -11.04px);
}


/* Subs */
.megopack-subscriptions {
	padding: min(5.9vw, 94.4px) 0 min(4.167vw, 66.7px);
}
.megopack-subscriptions-wrapper {
	width: min(88.889vw, 1422.2px);
	display: grid;
	grid-template-columns: 1fr 2.23907455fr;
	gap: min(0.63vw, 10.08px);
	margin: 0 auto;
}
.megopack-subscriptions .megopack-headline {
	text-align: left;
}
.megopack-offer {
    grid-column: 1 / 3;
    padding: min(1.46vw, 23.36px) min(3.33vw, 53.28px);
    border-radius: min(1.39vw, 22.24px);
    border: min(0.14vw, 2.24px) solid #FFF;
}
.megopack-offer-content {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 100%;
}
.megopack-offer-content-label {
	display: flex;
	justify-content: center;
	align-items: center;
	height: min(2.08vw, 33.28px);
	padding: 0 min(1.04vw, 16.64px);
	color: #FFF;
	border-radius: min(0.5vw, 8px);
    background: linear-gradient(84deg, #22C3B1 3.95%, #5E9A9A 26.93%, #AB5471 49.91%, #C83153 72.89%, #F03 95.87%), #CE4300;
    font-size: min(1.48vw, 23.68px);
    font-weight: 450;
    line-height: 110%;
    width: fit-content;
}
.megopack-offer-content-label strong {
	font-size: min(1.52vw, 24.32px);
	font-weight: 600;
}
.megopack-offer-content-l-text{
    margin-top: min(0.76vw, 12.16px);
    color: #FFF;
    font-size: min(1.67vw, 26.72px);
    font-weight: 450;
    line-height: 120%;
    letter-spacing: min(0.03vw, 0.48px);
}
.megopack-offer-content-r{
    display: flex;
    align-items: center;
}
.megopack-offer-btn{
    width: min(15.28vw, 244.48px);
    height: min(4.17vw, 66.72px);
    line-height: 107.143%;
    margin-left: min(4.1vw, 65.6px);
}
.megopack-offer-separate {
	display: flex;
	align-items: center;
	column-gap: min(0.872vw, 14px);
	padding-top: min(0.208vw, 3.3px);
}
.megopack-offer-separate-title {
    text-align: right;
    font-size: min(1.39vw, 22.24px);
    font-weight: 450;
    line-height: 100%;
}
.megopack-offer-separate .megopack-offer-separate-title{
    line-height: 90%;
}
.megopack-offer-separate-title span{
    font-size: min(1.25vw, 20px);
}
.megopack-offer-separate-block {
	display: flex;
	align-items: center;
	column-gap: min(0.367vw, 5.9px);
}
.megopack-offer-separator{
    height: min(0.07vw, 1.12px);
    width: 100%;
    background-color: #fff;
}
.megopack-offer-separate-price {
	position: relative;
    color: rgba(255, 255, 255, 0.40);
    font-size: min(4.17vw, 66.72px);
    font-weight: 500;
    line-height: 110%;
}
.megopack-offer-separate-price:after {
    content: '';
    position: absolute;
    left: 0;
    top: min(2.5vw, 40px);
    width: 100%;
    height: min(0.264vw, 4.2px);
    background-color: #6f6e6e;
}
.megopack-offer-separate-curr {
	display: flex;
	flex-direction: column;
	padding-bottom: min(0.208vw, 3.3px);
}
.megopack-offer-separate-curr div, .megopack-offer-bundle-curr div{
	color: #FFF;
	font-size: min(1.39vw, 22.24px);
	font-weight: 400;
	line-height: 110%;
}
.megopack-offer-bundle {
	display: flex;
	align-items: center;
	column-gap: min(0.69vw, 11.04px);
    margin-left: min(4.03vw, 64.48px);
}

.megopack-offer-bundle-title {
    text-align: right;
    font-size: min(1.39vw, 22.24px);
    font-weight: 450;
    line-height: 100%;
}
.megopack-offer-bundle-block {
	display: flex;
	align-items: center;
	column-gap: min(0.62vw, 9.9px);
}
.megopack-offer-bundle-price {
    font-size: min(4.17vw, 66.72px);
    font-weight: 500;
    line-height: 110%;
}
.megopack-offer-bundle-curr {
	display: flex;
	flex-direction: column;
}
.megopack-offer-separate-curr svg, .megopack-offer-bundle-curr svg {
	width: 100%;
}
.megopack-subscription-item {
	padding: min(2.917vw, 46.7px) min(3.472vw, 55.6px);
	border-radius: min(1.389vw, 22.2px);
	border: min(0.139vw, 2.2px) solid #FFF;
}
.megopack-subscription-item--big {
	display: flex;
	justify-content: space-between;
}
.megopack-logo{
    padding-left: min(0.56vw, 8.96px);
    padding-bottom: min(0.9vw, 14.4px);
}
.megopack-logo img {
    width: min(24.65vw, 394.4px);
	height: auto;
}
.megopack-activate {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: min(3.472vw, 55.6px);
}
.megopack-activate-text {
    font-size: min(1.39vw, 22.24px);
    font-weight: 450;
    line-height: 120%;
    letter-spacing: min(0.03vw, 0.48px);
}
.megopack-activate .megopack-btn {
	width: min(15.278vw, 244.4px);
	height: min(4.167vw, 66.7px);
}
.megopack-subscription-logo {
	display: block;
	min-height: min(3.681vw, 58.9px);
	object-fit: contain;
	object-position: center;
}
.megopack-subscription-subtitle {
	color: #22C3B1;
	font-size: min(1.806vw, 28.9px);
	font-weight: 500;
	line-height: 120%;
	margin-top: min(0.417vw, 6.7px);
}
.megopack-subscription-title {
	font-size: min(2.222vw, 35.6px);
	font-weight: 450;
	line-height: 100%;
	letter-spacing: min(0.031vw, 0.5px);
	margin-top: min(1.389vw, 22.2px);
}
.megopack-subscription-text {
	font-size: min(1.389vw, 22.2px);
	font-weight: 450;
	line-height: 120%;
	margin-top: min(1.528vw, 24.4px);
}

.megogo-item .megopack-subscription-logo{
    min-height: unset;
    margin-top: min(0.35vw, 5.6px);
    margin-bottom: max(-0.14vw, -2.24px);
}


/* Bundle logos */
.megopack-bundle-logos{
    padding: min(5.972vw, 95.6px) 0 min(2.01vw, 32.16px);
}
.bundle-logos-img{
    display: block;
    width: min(52.24vw, 832.32px);
    height: auto;
    margin: 0 auto;
}

/* Info */
.megopack-info{
    padding-top: min(2.71vw, 43.44px);
}
.megopack-info-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(88.19vw, 1411.04px);
    margin: 0 auto;
}
.megopack-info-wrapper_reverse{
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: min(2.99vw, 47.84px);
}
.megopack-info-content{
    width: min(38.06vw, 608.32px);
    min-width: max-content;
    flex-shrink: 0;
}
.megopack-info-content .megopack-headline{
    text-align: left;
    line-height: 120%;
}
.megopack-info-video{
    display: flex;
    width: min(43.89vw, 703.04px);
}
.megopack-info-video video, .megopack-info-video img{
    width: 100%;
    height: auto;
}
.megopack-info-offline, .megopack-info-background {
    padding-top: min(4.31vw, 69.12px);
}
.megopack-info-offline .megopack-info-video{
    width: min(40.49vw, 648.48px);
    margin-left:max(-0.35vw, -5.6px);
}
.megopack-info-background .megopack-info-wrapper{
    justify-content: flex-start;
    gap: min(3.19vw, 50.56px);
}

/* Youtube app */

.youtube-app{
    padding: min(10.07vw, 161.12px) 0 min(8.33vw, 133.28px);
}
.youtube-app-wrapper{
    width: min(88.19vw, 1411.04px);
    margin: 0 auto;
    border-radius: min(2.08vw, 33.28px);
    height: min(38.19vw, 611.04px);
    display: flex;
}
.youtube-app-content{
    width: min(43.75vw, 700px);
    padding: 0 0 0 min(4.24vw, 67.84px);
    align-self: center;
}
.youtube-app-video{
    width: min(44.44vw, 711.04px);
    height: 100%;
}
.youtube-app-video img{
    width: 100%;
    height: 100%;
    border-radius: 0 min(2.08vw, 33.28px) min(2.08vw, 33.28px) 0;
}
.youtube-app-logo{
    display: flex;
    width: min(10.42vw, 166.72px);
    height: auto;
}
.youtube-app .megopack-headline{
    text-align: left;
    margin-top: min(0.83vw, 13.28px);
    line-height: 120%;
    font-size: min(2.78vw, 44.64px);
}
.youtube-app .megopack-descr{
    line-height: 130%;
    font-size: min(1.39vw, 22.24px);
    margin-top: min(0.83vw, 13.28px);
}
.youtube-app .megopack-descr p:not(:last-child){
    margin-bottom: min(1.74vw, 27.84px);
}

/* Megogo */
.megopack-megogo {
    padding-bottom: min(8.54vw, 136.64px);
    position: relative;
    z-index: 1;
}
.megopack-megogo:before{
    content: '';
    position: absolute;
    top: min(19.79vw, 316.64px);
    left: 24.5%;
    transform: translateX(-50%);
    width: min(56.81vw, 908.96px);
    height: min(25vw, 400px);
    border-radius: min(56.81vw, 908.96px);
    opacity: 0.6;
    background: #48BFFF;
    filter: blur(150.51499938964844px);
}
.megopack-megogo:after{
    content: '';
    position: absolute;
    top: min(19.79vw, 316.64px);
    right: 26.5%;
    transform: translateX(50%);
    width: min(55vw, 880px);
    height: min(25vw, 400px);
    border-radius: min(55vw, 880px);
    opacity: 0.7;
    background: #B47E06;
    filter: blur(150.51499938964844px);
}
.megopack-megogo-logo{
    width: min(21.6vw, 345.6px);
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.megopack-megogo-cards{
    display: flex;
    justify-content: center;
    gap: min(1.81vw, 28.96px);
    margin-top: min(3.26vw, 52.16px);
    position: relative;
    z-index: 1;
}
.megopack-megogo-card{
    width: min(17.85vw, 285.6px);
    height: min(7.64vw, 122.24px);
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: min(0.56vw, 8.96px) min(1.11vw, 17.76px);
    border-radius: min(1.39vw, 22.24px);
    border: min(0.14vw, 2.24px) solid #FFF;
}
.megopack-megogo-card:first-child{
    padding-left: 0;
    padding-right: 0;
    width: min(17.22vw, 275.52px);
}
.megopack-megogo-card span:nth-child(1){
    font-size: min(4.17vw, 66.72px);
    font-weight: 500;
    line-height: 120%;
}
.megopack-megogo-card span:nth-child(2){
    margin-top: max(-0.9vw, -14.4px);
    font-size: min(1.81vw, 28.96px);
    font-weight: 450;
    line-height: 120%;
}
.megopack-megogo-content{
    position: relative;
    z-index: 1;
    margin-top: min(2.08vw, 33.28px);
    transform: translateX(max(-2.78vw, -44.48px));
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: min(104.82vw, 1677.12px);
    height: min(31.02vw, 496.32px);
}

/* Sport */
.megopack-sport{
    padding-bottom: min(8.33vw, 133.28px);
    position: relative;
}
.megopack-sport-wrapper{
    padding: min(13.4vw,214.4px) 0 min(7.36vw, 117.76px);
    width: min(90.28vw, 1444.48px);
    margin: 0 auto;
    position: relative;
}
.megopack-sport .megopack-headline{
    text-align: left;
}
.megopack-sport .megopack-descr{
    font-size: min(1.81vw, 28.96px);
    letter-spacing: min(0.03vw, 0.48px);
    opacity: 0.8;
    margin-top: min(1.94vw, 31.04px);
}
.megopack-sport-img{
    position: absolute;
    top: min(3.68vw, 58.88px);
    right: 0;
    width: min(100vw,1600px);
    height: auto;
    user-select: none;
    pointer-events: none;
    z-index: 0;
}
.megopack-sport-gradient{
    position: absolute;
    top: min(13.89vw, 222.24px);
    right: min(5.21vw, 83.36px);
    width: min(45.35vw, 725.6px);
    height: min(16.04vw, 256.64px);
    border-radius: min(45.35vw, 725.6px);
    opacity: 0.7;
    background: #E3223A;
    filter: blur(165.62973022460938px);
    z-index: 2;
}
.megopack-sport-peoples{
    position: absolute;
    width: min(47.99vw, 767.84px);
    height: auto;
    top: min(5.21vw, 83.36px);
    right: min(3.33vw, 53.28px);
    z-index: 3;
}


/* Collection */
.megopack-collection{
    height: min(56.25vw, 900px);
    margin-bottom: min(8.54vw, 136.64px);
    position: relative;
    z-index: 1;
}
.megopack-collection-wrapper{
    width: min(91.88vw, 1470.08px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.megopack-collection-row{
    margin-left: min(49.65vw, 794.4px);
    padding-top: min(9.24vw, 147.84px);
}
.megopack-collection-row .megopack-headline{
    text-align: left;
}
.megopack-collection-row .megopack-descr{
    font-size: min(1.81vw, 28.96px);
    letter-spacing: min(0.03vw, 0.48px);
    opacity: 0.8;
}
.megopack-collection-films{
    margin-top: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: min(0.97vw, 15.6px);
}
.megopack-collection-film{
    display: flex;
}
.megopack-collection-film img{
    width: 100%;
    height: min(19.93vw, 318.88px);
    border-radius: min(0.82vw, 13.2px);
}



/* FAQ */

.megopack-faq-wrapper {
	width: min(75.83vw, 1213.28px);
    margin: 0 auto;
}
.megopack-faq .megopack-headline{
    font-weight: 600;
}
.megopack-faq-content {
    margin-top: min(5.56vw,88.96px);
}
.megopack-faq-item {
	height: fit-content;
    transition: .5s;
    overflow: hidden;
}
.megopack-faq-item:not(:first-child){
    margin-top: -1px;
}
.megopack-faq-item-question {
    position: relative;
    z-index: 1;
    height: fit-content;
    display: flex;
    align-items: center;
    padding: 0 2px;
    font-weight: 500;
    font-size: min(1.944vw, 31.104px);
    line-height: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    transition: .3s;
	padding: min(1.806vw, 28.896px) min(5vw, 80px) min(1.806vw, 28.896px) 0;
}
.megopack-faq-item.show .megopack-faq-item-question{
    z-index: 2;
    border-top: 1px solid #fff;
    border-bottom: none;
}
.megopack-faq-item-question::after {
    content: '';
    position: absolute;
    width: min(1.667vw, 26.7px);
    height: min(1.667vw, 26.7px);
    top: 0;
    bottom: 0;
    right: 2px;
    margin: auto;
    background: center / contain url(//s4.vcdn.biz/static/204957201/arrow-icon.svg);
    transition: .3s;
}
.megopack-faq-item.show .megopack-faq-item-question::after{
    transform: rotate(180deg);
}
.megopack-faq-item-answer {
    padding: 0 min(10.486vw, 167.776px) 0 0;
    font-weight: 400;
    font-size: min(1.111vw, 17.8px);
    line-height: 140%;
    color: #DBDBDB;
	opacity: 0;
    filter: blur(5px);
    transition: opacity .6s ease, filter .6s ease; 
	height: 0;
}
.megopack-faq-item.show .megopack-faq-item-answer {
	opacity: 1;
    filter: blur(0);
	height: unset;
	padding-bottom: min(2.222vw, 35.6px);
}



/* Ligal */
.megopack-main-ligal {
    width: min(75.83vw, 1213.28px);
    margin: 0 auto;
	padding-top: min(3.06vw, 48.96px);
	padding-bottom: min(6.88vw, 110.08px);
}
.megopack-main-ligal-wrapper {
    font-size: min(1.11vw, 17.8px);
    font-weight: 450;
    line-height: 120%;
	opacity: .8;
}
.megopack-main-ligal-wrapper p:not(:last-child){
    margin-bottom: min(1.32vw, 21.12px);
}