html * {
    font-family: Lato, serif !important;
}

@media screen and (min-width: 1440px) {
    .pl-20 {
        padding-left: 20rem !important;
    }

    .pr-20 {
        padding-right: 20rem !important;
    }

    .pr-17 {
        padding-right: 17rem !important;
    }

    .pl-4em{
        padding-left: 4em !important;
    }
}

@media screen and (max-width: 1440px) {
    .pl-20 {
        padding-left: 4em !important;
    }

    .pr-20 {
        padding-right: 4em !important;
    }

    .pr-17 {
        padding-right: 4em !important;
    }

    .pll-2 {
        padding-left: 4em !important;
    }

    .pl-4em{
        padding-left: 0;
    }
}

.footer {
    background: radial-gradient(50% 50% at 50% 50%, #2C2C2C 0%, #141414 100%);
}

.bg-dark {
    background-color: rgb(34, 34, 34) !important;
}

.footer-text {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: bolder;
    font-size: 16px;
    line-height: 13px;
    color: #D1D0D1;
}


.blue-background-gradient {
    background: linear-gradient(51.79deg, #0E121B 0%, #1C2F44 100%);
}

.black-background {
    background:  black;
}


.rowwww {
    height: 100%;
    overflow: auto;
}


.btn-twitch:hover,
.btn-twitch:focus,
.btn-twitch:active,
.btn-twitch.active,
.open .dropdown-toggle.btn-twitch {
    color: #FFFFFF;
    background-color: #472e75;
    border-color: #2F1F4E;
}


.btn-twitch:active,
.btn-twitch.active,
.open .dropdown-toggle.btn-twitch {
    background-image: none;
}

.btn-twitch {
    color: white;
    background-color: #6441A5;
    border-color: #2F1F4E;
}

.btn-google:hover,
.btn-google:focus,
.btn-google:active,
.btn-google.active,
.open .dropdown-toggle.btn-google {
    color: #FFFFFF;
    background-color: #357AE8;
    border-color: #2B5CE6;
}

.btn-google:active,
.btn-google.active,
.open .dropdown-toggle.btn-google {
    background-image: none;
}

.btn-google {
    color: white;
    background-color: #4285F4;
    border-color: #357AE8;
}

.btn-pulsoid-generic:hover:disabled,
.btn-pulsoid-generic:focus:disabled {
    cursor: not-allowed;
    color: white;
}

.btn-pulsoid-generic:hover:not([disabled]),
.btn-pulsoid-generic:focus:not([disabled]) {
    background-color: transparent;
    border-color: rgb(17, 162, 177);
    color: white;
    cursor: pointer;
}


.btn-pulsoid-generic {
    border-color: rgb(17, 162, 177);
    background-color: transparent;
    color: rgb(17, 162, 177);
}

.btn-filled-pulsoid-generic {
    border-color: rgb(17, 162, 177);
    background-color: rgb(17, 162, 177);
    color: rgb(241, 242, 238) !important;
}

@media screen and (min-width: 1500px) {
    .pl-27 {
        padding-left: 27rem !important;
    }

    .pr-27 {
        padding-right: 27rem !important;
    }
}

@media screen and (max-width: 1500px) {
    .pl-27 {
        padding-left: 2em !important;
    }

    .pr-27 {
        padding-right: 2em !important;
    }
}

.strikethrough {
    position: relative;
}
.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;

    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    transform:rotate(-5deg);
}



.promo-lumia-gradient{
    background: -webkit-linear-gradient(0deg, #ff3598, #ff5436);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-weight: 900 !important;

}
.promo-lumia-pink{
    color:#ff3598;
}
.promo-lumia-orange{
    color:#ff5436;
}
.promo-lumia-text{

    font-family: Avenir, Mulish, serif !important;
    font-weight: 500;
}


.premium_required_offer_section:hover{
    border-color: #04bbaf !important;
    cursor: pointer;
}

.premium_required_offer_section_selected{
    border-color: #04bbaf !important;
    cursor: pointer;
}

.disabled_continue_button{
    display: none !important;
}