.megopack, .megopack *{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #fff;
}

.megopack{
    background: #000;
}

.megopack-btn{
    margin-top: min(2.08vw, 33.28px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(16.81vw, 268.96px);
    height: min(3.89vw, 62.24px);
    border-radius: min(0.69vw, 11.04px);
    background: #FFF;
    color: #000;
    font-size: min(1.25vw, 20px);
    font-weight: 500;
    line-height: 120%;
    transition: 300ms all;
}
.megopack-btn:hover{
    color: #000 !important;
    background-color: #c4c4c4;
}


/* Index */

.megopack-index{
    padding: min(8.06vw, 128.96px) 0 min(10.07vw, 161.12px);
}
.megopack-index-wrapper{
    width: min(88.89vw, 1422.24px);
    margin: 0 auto;
    display: flex;
    gap: min(5.76vw, 92.16px);
}
.megopack-index-content{
    width: min(39.38vw, 630.08px);
    flex-shrink: 0;
}
.megopack-index-logo{
    display: block;
    width: min(17.57vw, 281.12px);
    height: min(1.94vw,31.04px);
}
.megopack-index-nsm-logo{
    display: block;
    margin-top: min(1.92vw, 30.72px);
    width: min(26.32vw, 421.12px);
    height: min(3.54vw, 56.64px);
}
.megopack-index-heading{
    margin-top: min(1.11vw, 17.76px);
    font-size: min(3.89vw, 62.24px);
    font-weight: 500;
    line-height: normal;
}



.megopack-index-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: min(0.83vw, 13.28px);
    width: min(47.64vw, 762.24px);
    flex-shrink: 0;
    margin-top: max(-6.46vw, -103.36px);
}
.megopack-index-grid>div{
    overflow: hidden;
    border-radius: min(1.39vw,22.24px);
    background: #181818;
}

.megopack-hbo{
    grid-column: 1/4;
    grid-row: 1/3;
}
.megopack-sport{
    grid-column: 4/7;
    grid-row: 1/3;
}
.megopack-sport-animated{
    grid-column: 7/9;
    grid-row: 1/4;
}


.megopack-num-col{
    grid-column: 1/3;
    grid-row: 3/6;
}
.megopack-center-logo{
    grid-column: 3/7;
    grid-row: 3/6;
}
.megopack-setanta{
    grid-column: 7/9;
    grid-row: 4/6;
}

.megopack-pause{
    grid-column: 1/3;
    grid-row: 6/8;
}
.megopack-netflix-film{
    grid-column: 3/6;
    grid-row: 6/8;
}
.megopack-premiere{
    grid-column: 6/9;
    grid-row: 6/8;
}


.megopack-hbo{
    padding-top: min(1.94vw, 31.04px);
    padding-bottom: min(0.56vw, 8.96px);
    position: relative;
}
.megopack-hbo:before{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: min(3.75vw, 60px);
    height: 100%;
    background: linear-gradient(90deg, #181818 0%, rgba(24, 24, 24, 0.00) 100%);
    z-index: 1;
    pointer-events: none;
    user-select: none;
}
.megopack-hbo:after{
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    width: min(3.75vw, 60px);
    height: 100%;
    background: linear-gradient(-90deg, #181818 0%, rgba(24, 24, 24, 0.00) 100%);
    z-index: 1;
    pointer-events: none;
    user-select: none;
}
.megopack-hbo-logo{
    display: block;
    width: min(9.44vw, 150.24px);
    height: min(1.51vw, 24.16px);
    margin: 0 auto;
    user-select: none;
}
.megopack-hbo-animated{
    display: flex;
    gap: min(0.56vw, 8.96px);
    margin-top: min(1.55vw, 24.8px);
}
.megopack-hbo-animated-img{
    display: flex;    
    animation: anim-running-string 60s linear infinite;
    width: max-content;
    height: min(5.49vw, 87.84px);
}

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


.megopack-sport, .megopack-premiere{
    display: flex;
    justify-content: center;
    align-items: center;
}
.megopack-sport-text, .megopack-premiere-text{
    text-align: center;
    font-size: min(2.5vw, 40px);
    font-weight: 500;
    line-height: 100%;
}
.megopack-sport-text{
    background: linear-gradient(180deg, #FFD006 0%, #FF6E06 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.megopack-premiere-text{
    background: linear-gradient(180deg, #E40914 0%, #E40956 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.megopack-sport-animated{
    display: flex;
    justify-content: center;
    gap: min(0.28vw, 4.48px);
    height: min(17.01vw, 272.16px);
    position: relative;
}
.megopack-sport-animated:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: min(3.75vw, 60px);
    background: linear-gradient(180deg, #181818 0%, rgba(24, 24, 24, 0.00) 100%);
    z-index: 1;
    pointer-events: none;
    user-select: none;
}
.megopack-sport-animated:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: min(3.75vw, 60px);
    background: linear-gradient(0deg, #181818 0%, rgba(24, 24, 24, 0.00) 100%);
    z-index: 1;
    pointer-events: none;
    user-select: none;
}
.megopack-sport-col1, .megopack-sport-col2{
    display: flex;
    flex-direction: column;
    gap:min(0.56vw, 8.96px);
}
.megopack-sport-animated-img{
    width: min(5.21vw, 83.36px);
    height: max-content;
    animation: anim-running-string-vertical 60s linear infinite;
}

.megopack-sport-col2 .megopack-sport-animated-img{
    animation-direction: reverse;
}
@keyframes anim-running-string-vertical {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.megopack-num-col{
    display: flex;
    align-items: center;
    justify-content: center;
}
.megopack-nums{
    display: flex;
    flex-direction: column;
    gap: min(1.39vw, 22.24px);
}
.megopack-num{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.megopack-num span:first-child{
    display: block;
    text-align: center;
    font-size: min(2.5vw, 40px);
    font-weight: 600;
    line-height: normal;
    background: linear-gradient(180deg, #22C3B1 0%, #2285C3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.megopack-num span:nth-child(2){
    display: block;
    text-align: center;
    font-size: min(1.11vw, 17.76px);
    font-weight: 450;
    line-height: normal;
    margin-top: max(-0.28vw, -4.48px);
}
.megopack-center-logo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.megopack-center-logo-img{
    width: min(18.89vw, 302.24px);
    height: min(3.33vw, 53.28px);
}
.megopack-setanta{
    display: block;
    position: relative;
    height: min(11.04vw, 176.64px);
}
.megopack-setanta-sport, .megopack-netflix-film-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.megopack-pause, .megopack-netflix-film{
    height: min(11.04vw, 176.64px);
    position: relative;
}
.megopack-pause{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.megopack-pause-icon{
    display: block;
    margin: 0 auto;
    width: min(6.22vw, 99.52px);
    height: min(3.54vw, 56.64px);
}
.megopack-pause-text{
    text-align: center;
    margin-top: min(1.01vw, 16.16px);
    font-size: min(1.11vw, 17.76px);
    font-weight: 450;
    line-height: normal;
}



/* Details */
.megopack-details{
    padding: 0 0 min(4.17vw, 66.72px);
    position: relative;
}
.megopack-heading{
    text-align: center;
    font-size: min(3.33vw, 53.28px);
    font-weight: 500;
    line-height: 110%;
}
.megopack-nsm-wrap{
    margin: min(3.33vw, 53.28px) auto 0 auto;
    width: min(78.89vw, 1262.24px);
    position: relative;
    border-radius: min(1.39vw, 22.24px);
    background: #181818;
    display: flex;
    justify-content: space-between;
    gap: min(1.39vw, 22.24px);
}
.megopack-nsm-label{
    width: min(17.71vw, 283.36px);
    height: min(15.94vw, 255.04px);
    display: block;
    position: absolute;
    top: max(-8.89vw, -142.24px);
    right: max(-5.35vw, -85.6px);
}
.megopack-nsm-col{
    width: min(22.43vw, 358.88px);
}
.megopack-nsm-plus{
    display: flex;
    padding-top: min(11.25vw, 180px);
}
.megopack-nsm-plus-img{
    display: block;
    width: min(3.06vw, 48.96px);
    height: min(3.06vw, 48.96px);
}
.megopack-nsm-megogo{
    padding: min(3.82vw, 61.12px) min(1.67vw, 26.72px) min(3.75vw, 60px) min(4.44vw, 71.04px);
}
.megopack-nsm-setanta{
    padding:min(5.35vw, 85.6px) min(1.67vw, 26.72px) min(3.54vw, 56.64px) min(1.67vw, 26.72px); 
}
.megopack-nsm-netflix{
    padding: min(5.56vw, 88.96px) min(4.17vw, 66.72px) min(3.54vw, 56.64px) min(1.39vw, 22.24px);
}
.megogo-logo{
    display: block;
    width: min(7.85vw, 125.6px);
    height: min(5.67vw, 90.72px);
    margin: 0 auto;
}
.setanta-logo{
    display: block;
    width: min(12.36vw, 197.76px);
    height: min(3.89vw, 62.24px);
    margin: 0 auto;  
}
.netflix-logo{
    display: block;
    width: min(12.71vw, 203.36px);
    height: min(3.41vw, 54.56px);
    margin: 0 auto;
}
.megopack-nsm-heading{
    text-align: center;
    margin-top: min(1.62vw, 25.92px);
    font-size: min(1.81vw,28.96px);
    font-weight: 450;
    line-height: 100%;
    letter-spacing: min(0.03vw, 0.48px);
}
.megopack-nsm-setanta .megopack-nsm-heading, 
.megopack-nsm-netflix .megopack-nsm-heading{
    margin-top: min(2.08vw, 33.28px);
}
.megopack-nsm-megogo .megopack-nsm-heading,
.megopack-nsm-megogo .megopack-nsm-price{
    color: #22C3B1;
}
.megopack-nsm-setanta .megopack-nsm-heading,
.megopack-nsm-setanta .megopack-nsm-price{
    color: #FFD006;
}
.megopack-nsm-netflix .megopack-nsm-heading,
.megopack-nsm-netflix .megopack-nsm-price{
    color: #E40914;
}
.megopack-nsm-subheading{
    text-align: center;
    margin-top: min(0.21vw, 3.36px);
    font-size: min(1.25vw, 20px);
    font-weight: 450;
    line-height: 140%;
}
.megopack-nsm-descr{
    text-align: center;
    margin-top: min(1.67vw, 26.72px);
    font-size:  min(1.25vw, 20px);
    font-weight: 450;
    line-height: 120%;
    min-height: min(4.58vw, 73.28px);
}
.megopack-nsm-netflix .megopack-nsm-descr{
    margin-top: min(1.94vw, 31.04px);
} 
.megopack-nsm-price{
    text-align: center;
    margin-top: min(1.53vw, 24.48px);
    font-size: min(1.81vw, 28.96px);
    font-weight: 450;
    line-height: 100%;
    letter-spacing: min(0.03vw, 0.48px);
}
.megopack-bottom{
    margin: min(2.5vw, 40px) auto 0 auto;
    width: min(78.89vw, 1262.24px);
}
.megopack-bottom{
    display: flex;
    gap: min(3.33vw, 53.28px);
}
.megopack-cost{
    width: min(45.56vw, 728.96px);
    border-radius: min(1.39vw, 22.24px);
    background: #181818;
    padding: min(1.11vw, 17.76px) min(3.26vw, 52.16px) min(2.47vw, 39.52px) min(3.68vw, 58.88px);
    display: flex;
}
.megopack-cost-separate-full{
    display: flex;
    margin-top: min(1.11vw, 17.76px);
    margin-left: min(0.56vw, 8.96px);
    gap: min(0.42vw, 6.72px);
}
.megopack-cost-separate-price{
    color: #FFF;
    font-size: min(4.37vw, 69.92px);
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.megopack-cost-separate-currency{
    display: flex;
    flex-direction: column;
    margin-top: min(0.63vw, 10.08px);
}
.megopack-cost-separate-currency span{
    display: block;
    font-size: min(1.53vw, 24.48px);
    font-weight: 450;
    line-height: 120%;
}
.megopack-cost-separate-text{
    margin-top: min(0.28vw, 4.48px);
    font-size:  min(1.53vw, 24.48px);
    font-weight: 450;
    line-height: 105%;
    margin-left: min(0.63vw, 10.08px);
    margin-top: max(-0.76vw, -12.16px);
}
.megopack-separator {
    margin-left: min(5.5vw, 88px);
    display: flex;
    margin-top: min(1.18vw, 18.88px);
}
.megopack-separator svg{
    width: min(0.21vw, 3.36px);
    height: min(8.61vw, 137.76px);
}
.megopack-cost-bundle{
    padding-left: min(2.71vw, 43.36px);
}
.megopack-cost-bundle-img{
    display: block;
    width: min(18.63vw, 298.08px);
    height: min(9.77vw, 156.32px)
}

.megopack-details-action-text{
    margin-top: min(0.83vw, 13.28px);
    font-size: min(1.94vw, 31.04px);
    font-weight: 450;
    line-height: 120%;
    letter-spacing: min(0.03vw, 0.48px);
}

.megopack-details-actions .megopack-btn{
    margin-top: min(1.67vw, 26.72px)
}



/* Channels */


.megopack-channels {
    position: relative;
	padding-top: min(3.96vw, 63.36px);
    padding-bottom: min(4.17vw, 66.72px);
}
.megopack-channels:before{
    content: '';
    position: absolute;
    width: min(77.54vw, 1240.64px);
    height: min(44.21vw, 707.36px);
    transform: rotate(29.168deg) translateY(-50%);
    right: calc(50% - min(27.85vw, 445.6px));
    top: min(31.18vw, 498.88px);
    border-radius: min(77.54vw, 1240.64px);
    background: linear-gradient(70deg, rgba(34, 195, 177, 0.40) 7.6%, rgba(253, 209, 6, 0.40) 46.51%, rgba(216, 31, 38, 0.40) 85.42%);
    filter: blur(min(13.89vw, 222.24px));
    z-index: 0;
    pointer-events: none;
    user-select: none;
}
.megopack-channels * {
    position: relative;
    z-index: 10;
}
.megopack-channels-items{
    margin-top: min(3.33vw, 53.28px);
}
.animated-list {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.animated-list div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -moz-max-content;
    width: -webkit-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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: flex;
}
.megopack-channels-list:not(.nsm-channels .animated-list:last-child) {
    margin-bottom: min(1.39vw,22.24px);
}
.megopack-channels-list img {
    height: min(12.85vw, 205.6px);
    width: auto;
}
.megopack-channels-list img:not(:first-child) {
    margin-left: min(1.39vw,22.24px);
}
.megopack-channels .megopack-btn{
    margin: min(4.44vw, 71.04px) auto 0 auto;
}





/* FAQs */
.megopack-faq {
    padding-top: min(4.17vw, 66.72px);
}
.megopack-faq-wrapper {
	width: min(75.83vw, 1213.28px);
    margin: 0 auto;
}
.megopack-faq-headline {
	text-align: center;
}
.megopack-faq-content {
    margin-top: min(5.556vw, 88.9px);
}
.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: 120%;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    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 #333;
    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 .75s ease, filter .75s 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-ligal {
	margin-top: min(3.989vw, 63.8px);
	padding-bottom: min(8.33vw, 133.28px);
}
.megopack-ligal-wrapper {
	padding: 0 min(12.083vw, 193.3px);
	font-size: min(1.111vw, 16px);
	font-weight: 450;
	line-height: 120%;
	opacity: .8;
}