.megopack, .megopack *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    color: #FFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga' off, 'clig' off;
}
.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 {
    background-color: #c4c4c4;
}


/* Index */

.megopack-index{
    padding: min(12.153vw, 194.4px) 0 min(1.389vw, 22.2px);
    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(69.128vw, 1106px);
    height: min(45.938vw, 735px);
    top: max(-9.444vw, -151.1px);
    right: max(-8.194vw, -131.1px);
}
.megopack-index-logos{
    display: block;
    width: min(68.4vw, 1094.4px);
    height: auto;
}
.megopack-index-headline{
    margin-top: min(4.931vw, 78.9px);
    font-size: min(3.889vw, 62.2px);
    font-weight: 500;
    line-height: 120%;
}
.megopack-index-headline img {
	width: min(3.502vw, 56px);
	height: min(3.537vw, 56.6px);
    margin-left: min(0.347vw, 5.6px);
	transform: translateY(9%)
}
.megopack-index-btn{
    margin-top: min(4.44vw, 71.04px);
}
.megopack-index-ligal{
    margin-top: min(1.389vw, 22.2px);
    font-size: min(0.972vw, 15.6px);
    font-weight: 450;
    line-height: 105%;
	opacity: .5;
}
.megopack-index-headline, .megopack-index-btn, .megopack-index-ligal{
    margin-left: max(-0.69vw, -11.04px);
}


/* Subs */
.megopack-subscriptions {
	padding: min(6.944vw, 111.1px) 0 min(4.167vw, 66.7px);
}
.megopack-subscriptions-wrapper {
	width: min(88.889vw, 1422.2px);
	display: grid;
	grid-template-columns: 1fr 1.93939394fr;
	gap: min(0.625vw, 10px);
	margin: 0 auto;
}
.megopack-subscription-item, .megopack-subscription-offer {
	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: min(1.11vw, 17.8px) 0;
}
.megopack-logo img {
	height: min(3.058vw, 48.9px);
}
.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.319vw, 21.1px);
	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);
}
.megopack-subscription-offer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: min(1.597vw, 25.6px);
	padding-bottom: min(1.597vw, 25.6px);
	grid-column: 1 / span 2;
}
.megopack-offer-descr-label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	height: min(2.083vw, 33.3px);
	background: linear-gradient(84deg, #22C3B1 3.95%, #5E9A9A 26.93%, #AB5471 49.91%, #C83153 72.89%, #F03 95.87%);
	color: #FFF;
	font-size: min(1.518vw, 24.3px);
	font-weight: 600;
	line-height: 110%;
	border-radius: min(0.504vw, 8.1px);
	padding: 0 min(0.833vw, 13.3px);
}
.megopack-offer-descr-title {
	color: #FFF;
	font-size: min(1.667vw, 26.7px);
	font-weight: 450;
	line-height: 120%;
	letter-spacing: min(0.031vw, 0.5px);
	margin-top: min(0.764vw, 12.2px);
}
.megopack-offer-price {
	display: flex;
	align-items: center;
	column-gap: min(0.347vw, 5.6px);
}
.megopack-offer-price_old {
	padding-left: min(0.556vw, 8.9px);
}
.megopack-offer-price-text {
	color: #FFF;
	text-align: right;
	font-size: min(1.389vw, 22.2px);
	font-weight: 450;
	line-height: 110%;
	padding-right: min(0.347vw, 5.6px);
	padding-bottom: min(0.208vw, 3.3px);
}
.megopack-offer-price-val {
	color: #FFF;
	font-size: min(3.611vw, 57.8px);
	font-weight: 500;
	line-height: 110%;
}
.megopack-offer-price-curr {
	display: flex;
	flex-direction: column;
	row-gap: min(0.208vw, 3.3px);
	padding-bottom: min(0.347vw, 5.6px);
}
.megopack-offer-price-curr span {
	color: #FFF;
	font-size: min(1.389vw, 22.2px);
	font-weight: 450;
	line-height: 90%;
}
.megopack-offer-price-curr div {
	width: min(2.569vw, 41.1px);
	height: min(0.07vw, 1.1px);
	background-color: #FFF;
}
.megopack-offer-price_old .megopack-offer-price-curr div {
	width: min(1.714vw, 27.4px);
	height: min(0.067vw, 1.1px);
	background-color: #FFF6F6;
}
.megopack-offer-price-next {
	font-size: min(1.389vw, 22.2px);
	font-weight: 450;
	line-height: 120%;
	padding-left: min(0.347vw, 5.6px);
	padding-bottom: min(0.347vw, 5.6px);
	opacity: .4;
}
.megopack-offer-btn {
	width: min(13.889vw, 222.2px);
	height: min(4.167vw, 66.7px);
	margin-left: min(0.694vw, 11.1px);
}


/* Bundle logos */
.megopack-bundle-logos{
    padding: min(5.903vw, 94.4px) 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(10.42vw, 167.44px);
}
.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(11.11vw, 177.72px);
    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(20.833vw, 333.3px);
    border-radius: min(56.81vw, 908.96px);
    opacity: 0.6;
    background: #22C3B1;
    filter: blur(min(9.028vw, 144.4px));
}
.megopack-megogo:after{
    content: '';
    position: absolute;
    top: min(19.79vw, 316.64px);
    right: 26.5%;
    transform: translateX(50%);
    width: min(55vw, 880px);
    height: min(20.833vw, 333.3px);
    border-radius: min(55vw, 880px);
    opacity: 0.6;
    background: #0E97E9;
    filter: blur(min(9.028vw, 144.4px));
}
.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{
	margin-top: min(4.861vw, 77.8px);
    padding-bottom: min(4.861vw, 77.8px);
    position: relative;
}
.megopack-sport-wrapper{
    padding: min(7.361vw, 117.8px) 0 min(17.708vw, 283.3px);
    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-logo {
	display: block;
	width: min(36.736vw, 587.8px);
	margin-top: min(1.806vw, 28.9px);
}
.megopack-sport-img{
    position: absolute;
    top: 0;
    right: 0;
    width: min(100vw,1600px);
    height: auto;
    user-select: none;
    pointer-events: none;
    z-index: 0;
}
.megopack-sport-gradient{
    position: absolute;
    top: min(9.444vw, 151.1px);
    right: min(1.458vw, 23.3px);
    width: min(56.944vw, 911.1px);
    height: min(20.486vw, 327.8px);
    border-radius: min(45.35vw, 725.6px);
    opacity: 0.7;
    background: #016787;
    filter: blur(min(9.766vw, 156.3px));
}
.megopack-sport-peoples{
    position: absolute;
    width: min(58.264vw, 932.2px);
    height: auto;
    top: min(1.736vw, 27.8px);
    right: max(-0.694vw, -11.1px);
}


/* Collection */
.megopack-collection{
    height: min(56.25vw, 900px);
    margin-bottom: min(11.11vw, 177.76px);
}
.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(11.11vw, 1177.76px);
}
.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);
}