html,
body{
    height: 100%;
}

.bg-mega{
    background: #4f65ea;
}

.creative-lp .view {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.creative-lp .navbar {
    font-weight: 400;
    background-color: #26262a !important;
    transition: 0.3s;
}

.creative-lp .navbar .logo{
    width: 120px;
    transition: 0.3s;
}

@media (max-width: 991px) {
    .creative-lp .navbar {
        background: -webkit-linear-gradient(50deg, #b72eaf, #4f65ea);
        background: -o-linear-gradient(50deg, #b72eaf, #4f65ea);
        background: linear-gradient(40deg, #b72eaf, #4f65ea); }
    .navbar .dropdown-menu {
        position: initial!important;
        margin-top: 0;
    }
    .navbar .dropdown-menu {
        background-color: initial;
        border: 0;
    }
    .navbar .dropdown-menu a {
        color: #ffffff;
        font-weight: bold;
    }
    .navbar-collapse{
        overflow-y: hidden !important;
    }
}
@media (max-width: 740px) {
    .creative-lp .dark-grey-text {
        margin-top: 40px;
    }
}

.creative-lp .page-footer {
    background-color: #6d7275;
}
.creative-lp .page-footer .top-footer-color {
    background: linear-gradient(40deg, #b72eaf, #4f65ea);
}

.creative-lp .btn-white {
    color: #b72eaf !important;
}

.creative-lp .btn.pink-gradient {
    background: -webkit-linear-gradient(50deg, #b72eaf, #4f65ea);
    background: -o-linear-gradient(50deg, #b72eaf, #4f65ea);
    background: linear-gradient(40deg, #b72eaf, #4f65ea);
}

.creative-lp .rgba-gradient .mask {
    background: -webkit-linear-gradient(50deg, rgba(183, 46, 175, 0.71), rgba(79, 101, 234, 0.8));
    background: -o-linear-gradient(50deg, rgba(183, 46, 175, 0.71), rgba(79, 101, 234, 0.8));
    background: linear-gradient(50deg, rgba(183, 46, 175, 0.71), rgba(79, 101, 234, 0.8));
}

.creative-lp .font-small {
    font-size: 0.85rem;
    line-height: 1.7rem;
}

.creative-lp .orange-text {
    color: #b72eaf !important;
}

.creative-lp .fa-2x {
    font-size: 2em;
    margin-bottom: 0.7rem;
}

.creative-lp p {
    font-size: 0.9rem;
}

.creative-lp .light-grey-background {
    background-color: #f4f4fa !important;
}

.creative-lp h6 {
    line-height: 1.7rem;
}

.creative-lp .header-title {
    color: #ffffff !important;
}

.creative-lp .title {
    color: #4f65ea !important;
}

.creative-lp .spacing {
    letter-spacing: 1px;
}

.pink.accent-2 {
    background-color: #b72eaf!important;
}

.pricing-card .price .number:before {
    content: "€";
    position: absolute;
    font-size: 1.88rem;
    margin-left: -1.2rem;
    margin-top: .7rem;
}

.pricing-card .price .number:after {
    content: "";
    position: absolute;
    font-size: 1.88rem;
    margin-top: 3rem;
}

#header_page{
    background:url(../img/bg_tvshow.jpg) no-repeat center top;
    text-align:center;
    background-position:center center;
    min-height:200px;
    width:100%;
    background-size:cover;
    display: inline-block;
    margin-bottom:30px;
}
#header_page_c{
    background:url(../img/home23.jpg) no-repeat center top;
    text-align:center;
    background-position:center center;
    min-height:200px;
    width:100%;
    background-size:cover;
    display: inline-block;
    margin-bottom:30px;
}

#header_page .header-text{
    margin-top:110px;
    width:100%;
    text-align: center;
    text-transform: uppercase;
    font-size:3em;
}
@media (max-width: 1320px) {
    #header_page .header-text{
        font-size:2em;
    }
}

#header_page .header-layout-overlay{
    position:absolute;
    z-index:5;
    left:0;
    background: linear-gradient(50deg, rgba(183, 46, 175, 0.71), rgba(79, 101, 234, 0.8));
    min-height:200px;
    width:100%;
}

#header_page h1{
    color:white;
    font-size:70px;
    font-weight:300;
    letter-spacing:3px;
    position:relative;
    z-index:6;
}

.btn-cart{
    width:26px !important;
    height:26px !important;
}

.btn.cart-minus{
    padding: 0 !important;
    padding-top: 4px !important;
    padding-left: 1px !important;
}

.btn.cart-plus{
    padding: 0 !important;
    padding-top: 2px !important;
}

input.quantity{
    display:none;
}

.cart-label{
    margin-top:30px;
}

.modal-open .navbar-expand-lg {
    *padding-right: 16px !important;
}

.qty{
    width:26px !important;
}


.sep {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sepText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.sepText::before,
.sepText::after {
    content: '';
    flex: 1;
    width: 1px;
    background: #d4d4da;
    /* matches font color */
    margin: .25em;
}
.sepTextContent{
    width:70px;
    height:70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.macmag{display:none;}
.mactv{display:none;}
.m3u{display:none;}

.total{
    display:none;
}

.payment-frame{
    min-height:700px;
    overflow:hidden;
}

#order_form label.error{
    margin-top:27px !important;
    color:red;
}

#order_form input.error{
    border-bottom: 1px solid red;
}


.channels-name{
    float:left;
    display:block;
    max-width:300px;
}

.channels-name li.uk-active{
    background:#35b0fe;
}

.channels-name li.uk-active a{
    color:#fff;
}

.channels-list{
    overflow-x: auto;
}

.channels-list ul{
    margin-top:20px;
    padding-bottom:20px;
}

.channels-list li{
    list-style: none;
}

.sprite {
    background-image: url(../img/countries.png);
    background-repeat: no-repeat;
    float: left;
    width: 20px;
    height: 20px;
    display: block;
    margin-right:7px;
}
.A1{
    background-position: -155px -185px;
}
.afg,
.Afghanistan {
    background-position: -5px -5px
}
.af,
.Africa {
    background-position: -35px -5px
}
.al,
.Albania {
    background-position: -65px -5px
}
.ar,
.Arabia {
    background-position: -95px -5px
}
.Austria {
    background-position: -125px -5px
}
.be,
.Belgium {
    background-position: -155px -5px
}
.br,
.Brazil {
    background-position: -5px -35px
}
.bg,
.Bulgaria {
    background-position: -35px -35px
}
.ch,
.China {
    background-position: -65px -35px
}
.cz,
.Czech {
    background-position: -95px -35px
}
.da,
.Denmark {
    background-position: -125px -35px
}
.et,
.Estonia {
    background-position: -155px -35px
}
.yu,
.Ex-Yugoslavia {
    background-position: -5px -65px
}
.fl,
.Finland {
    background-position: -35px -65px
}
.fr,
.France {
    background-position: -65px -65px
}
.de,
.Germany {
    background-position: -95px -65px
}
.gr,
.Greece {
    background-position: -125px -65px
}
.hu,
.Hungary {
    background-position: -155px -65px
}
.in,
.India {
    background-position: -5px -95px
}
.id,
.Indonesia {
    background-position: -35px -95px
}
.ir,
.Iran {
    background-position: -65px -95px
}
.is,
.Israel {
    background-position: -95px -95px
}
.it,
.Italia {
    background-position: -125px -95px
}
.jp,
.Japan {
    background-position: -155px -95px
}
.ko,
.Korea {
    background-position: -5px -125px
}
.ku,
.Kurdistan {
    background-position: -35px -125px
}
.lt,
.Latin {
    background-position: -65px -125px
}
.md,
.Macedonia {
    background-position: -95px -125px
}
.ma,
.Malaysia {
    background-position: -125px -125px
}
.Malta {
    background-position: -155px -125px
}
.nl,
.Netherland {
    background-position: -5px -155px
}
.no,
.Norway {
    background-position: -35px -155px
}
.pk,
.Pakistan {
    background-position: -65px -155px
}
.pl,
.Poland {
    background-position: -95px -155px
}
.pt,
.Portugal {
    background-position: -125px -155px
}
.ro,
.Romania {
    background-position: -155px -155px
}
.ru,
.Russian {
    background-position: -185px -5px
}
.es,
.Spain {
    background-position: -185px -35px
}
.sw,
.Sweden {
    background-position: -185px -65px
}
.ch,
.Switzerland {
    background-position: -185px -95px
}
.tl,
.Thailand {
    background-position: -185px -125px
}
.tr,
.Turkey {
    background-position: -185px -155px
}
.uk,
.Kingdom {
    background-position: -5px -185px
}
.us,
.States {
    background-position: -35px -185px
}
.xxx,
.Adult {
    background-position: -65px -185px
}
.au,
.Australia {
    background-position: -95px -185px;
}
.vi,
.Viet {
    background-position: -125px -185px;
}
.ca,
.Canadian {
    background-position: -5px -215px
}
.lu,
.Luxembourg {
    background-position: -35px -215px
}
.sport,
.Sport {
    background-position: -185px -185px
}
.ag,
.algeria {
    background-position: -65px -215px
}

.tn,
.tunisia {
    background-position: -125px -215px
}

.kr,
.kurdistan {
    background-position: -95px -215px
}

.ma,
.marocco {
    background-position: -155px -215px
}

.ad,
.abu-dhabi {
    background-position: -185px -215px
}
.hr,
.croatia {
    background-position: -5px -245px
}


.modal-body .list-group-item {
    padding: 3px .75rem;
}

body.modal-open {
    /*
    height: 100vh;
    overflow-y: hidden;
    margin-right: 15px;
    */
}

.promo-link{
    font-size: 18px;
    bottom:0;
    margin-top:9px;
}