body,
* {
    height: auto;
}

html,
body {
    overflow-x: hidden !important;
}

footer {
    width: 110% !important;
}

/*Fitness*/
.fitnessBack {
    background: url(../../img/nuevos/fitness/backFitness.jpg) top center no-repeat !important;
    background-size: cover !important;
    background-color: rgba(22, 22, 27, 1) !important;
    background-position: 0px -50px !important;
}

.fitnessColorBack {
    background: rgb(22, 22, 27);
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 1) 23%, rgba(5, 30, 53, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 1) 23%, rgba(5, 30, 53, 1) 100%);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 1) 23%, rgba(5, 30, 53, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16161b', endColorstr='#051e35', GradientType=0);
}

/*Fitness*/
/*back Qello*/
.qelloColorBack {
    background: rgb(22, 22, 27);
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(2, 43, 84, 1) 75%);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(2, 43, 84, 1) 75%);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 1) 0%, rgba(2, 43, 84, 1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16161b', endColorstr='#022b54', GradientType=0);
}

.qelloBack {
    background: url(../img/nuevos/qello/inicio-app.png) top center no-repeat !important;
    background-size: cover !important;
    background-color: rgba(22, 22, 27, 1) !important;
    background-position: 0px -50px !important;
}

/*back Qello*/
/*back classica*/
.classicaBack {
    background: url(../img/nuevos/stingrayClassica/inicio-app.png) top center no-repeat !important;
    background-size: cover !important;
    background-color: rgba(22, 22, 27, 1) !important;
    background-position: 0px -50px !important;
}

.classicaColorBack {
    background: rgb(22, 22, 27);
    background: -moz-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(60, 12, 12, 1) 75%);
    background: -webkit-linear-gradient(top, rgba(22, 22, 27, 1) 0%, rgba(60, 12, 12, 1) 75%);
    background: linear-gradient(to bottom, rgba(22, 22, 27, 1) 0%, rgba(60, 12, 12, 1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16161b', endColorstr='#3c0c0c', GradientType=0);
}

/*back classica*/
/*fix after faqs apps*/
.appsMainContainer .appsCardsContainer .card .card-title {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 39px;
    margin-bottom: 17px;
    height: 7rem;
    justify-content: center;
    /*text-transform: uppercase;*/
}

.appFaqs .faqsContainer .card {
    margin-bottom: 16px;
    background: rgba(224, 224, 224, 0.5);
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.appFaqs .faqsContainer .card .card-header {
    border: none;
    background: rgba(224, 224, 224, 0);
}

.appFaqs .faqsContainer .card .card-header h2 button {
    color: rgba(59, 69, 89, 1);
    font-weight: 600;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
}

.appFaqs .faqsContainer .card .card-header h2 button.collapsed::after {
    font-family: "totalplayicons";
    content: "\e802" !important;
    color: rgba(25, 136, 255, 1);
    transform: rotate(90deg);
    font-size: 0.75rem;
    margin-left: auto;
}

.appFaqs .faqsContainer .card .card-header h2 button::after {
    content: "\e80b";
    font-family: "totalplayicons";
    color: rgba(25, 136, 255, 1);
    font-size: 0.75rem;
    transform: rotate(180deg);
    margin-left: auto;
}

.appFaqs .faqsContainer .card .card-header h2 button:hover,
.appFaqs .faqsContainer .card .card-header h2 button.collapsed:hover,
.appFaqs .faqsContainer .card .card-header h2 button:focus {
    text-decoration: none;
}

.termsAndConditions {
    padding-top: 48px;
    padding-bottom: 48px;
    background: rgba(245, 245, 245, 1);
}

.otherAppsRow {
    background: rgba(245, 245, 245, 1);
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}

footer {
    background: rgba(246, 246, 246, 1);
    height: auto;
    font-size: 0.875rem;
    padding-top: 7rem;
    padding-bottom: 2rem;
    overflow-x: hidden !important;
    margin-top: 0;
}

/*fix after faqs apps*/

/*Nuevo Row Alexa*/

.alexaRow {
    background: rgba(34, 36, 48, 1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 113px;
    overflow: visible;
    margin-top: 31px;
    margin-bottom: 0;
}

.alexaRow .card-body {
    text-align: left;
    display: flex;
    padding-top: 0;
}

.alexaRow .card-body a {
    text-align: center;
    display: block;
}
.alexaRow .card-body h5{
    font-weight: 700;
}

.alexaRow img {
    display: flex;
    height: 136px;
    position: relative;
    top: -31px;
}

/*Nuevo Row Alexa*/

/*
    COMBODS
*/
.app_combods .subs,
.app_disneyplus .subs,
.app_starplus .subs{
    width: 245px;
    background: linear-gradient(to right, #01BCD4 0%, #1A76D2 100%);
    box-shadow: 0 16px 32px 0 rgba(0,0,0,0.5);
    color: #F5F5F5;
}
.app_foxsports  .foxSports{
        background: #17151d;
        background: -moz-linear-gradient(top,#17151d 0,#554d44 100%);
        background: -webkit-linear-gradient(top,#17151d,#554d44);
        background: linear-gradient(180deg,#17151d 0,#554d44);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#17151d",endColorstr="#554d44",GradientType=0);
    }