body,
* {
    height: auto;
}

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

footer {
    width: 110%;
}

.sliderAppImagesContainer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.videoAppSrc {
    left: 0;
    top: 0;
    min-width: 55% !important;
    max-width: 55% !important;
    transform: translate(0, 0);
    z-index: 10 !important;
}

.sliderAppImagesContainer .iconApp {
    position: absolute !important;
    z-index: 1000;
    width: fit-content;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.sliderAppImagesContainer .iconApp img {
    max-width: 100px;
    width: 100%;
}

.controlIconNew {
    top: 10% !important;
    left: 14% !important;
}

.phoneIconNew {
    top: 9% !important;
    left: 79% !important;
}

.tvIconNew {
    top: 30% !important;
    left: 75% !important;
    z-index: 10 !important;
}

.clubIconNew {
    top: 35% !important;
    left: 7% !important;
    z-index: 10 !important;
}

.hogarIconNew {
    top: 74% !important;
    left: 75% !important;
}

.triangle1New {
    top: 60% !important;
    left: 15% !important;
}

.triangle2New {
    top: 65% !important;
    left: 10% !important;
}

.triangle3New {
    left: 69% !important;
    top: 45% !important;
}

.navbarNew {
    top: 77% !important;
    left: 0% !important;
}

.navbarNew img {
    max-width: 50% !important;
}

.controlIconNew img {
    transform: scale(0);
    opacity: 0;
    animation: scaleIcon 500ms 500ms forwards;
}

.phoneIconNew img {
    transform: scale(0);
    opacity: 0;
    animation: scaleIcon 500ms 1000ms forwards;
}

.tvIconNew img {
    transform: scale(0);
    opacity: 0;
    animation: scaleIcon 500ms 1500ms forwards;
}

.clubIconNew img {
    transform: scale(0);
    opacity: 0;
    animation: scaleIcon 500ms 2000ms forwards;
}

.hogarIconNew img {
    transform: scale(0);
    opacity: 0;
    animation: scaleIcon 500ms 2500ms forwards;
}

.carouselContainer .slick-prev {
    left: 0;
}

.carouselContainer .slick-next {
    right: 25px !important;
}

.carouselContainer .slick-prev::before {
    font-family: 'Material Icons';
    content: "arrow_back_ios";
    -webkit-font-feature-settings: 'liga';
    color: rgba(26, 118, 210, 1);
    font-size: 60px;
}

.carouselContainer .slick-next::before {
    font-family: 'Material Icons';
    content: "arrow_forward_ios";
    -webkit-font-feature-settings: 'liga';
    color: rgba(26, 118, 210, 1);
    font-size: 60px;
}

/*Animacion Iconos*/

@keyframes scaleIcon {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/*Animacion Iconos*/

/*Faqs*/

.appFaqsTitles {
    text-align: center !important;
    margin-bottom: 23px;
}

.appFaqsTitles h2 {
    font-weight: 700;
    color: rgba(59, 69, 89, 1);
}

.appFaqs .faqsContainer .card {
    box-shadow: 0 2px 36px 0 rgba(0, 0, 0, 0.07);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 1)
}

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

.appFaqs .faqsContainer .card .card-header h2 button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.appFaqs .faqsContainer .card .card-header h2 button::after {
    color: rgba(151, 151, 151, 1);
    top: 0;
}

.appFaqs .faqsContainer .card .card-header h2 button.collapsed::after {
    color: rgba(151, 151, 151, 1);
    top: 0;
}

/*Faqs*/

.scroller {
    height: auto;
    padding-bottom: 2rem;
}

.sliderAppPayments .backgroundSliderPaymentsContainer .backImageSecondAppSlider {
    left: 57vw;
    top: -25vh;
    width: 32vw;
}

/*Breakpoints*/

/*Minimals*/

/*Small devices (landscape phones, 576px and up)*/

@media (min-width:320px) and (max-width: 767px) {}

/*Medium devices (tablets, 768px and up)*/

@media (min-width:768px) and (max-width: 959px) {}

/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {}

/*Maximals*/

/* Small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px) {
    .sliderAppPayments .itemCarousel h1 {
        padding-left: 0;
    }

    .sliderAppPayments .itemCarousel p {
        padding-left: 0;
    }
}

@media (max-width: 767.98px) and (orientation: landscape) {}

/*Medium devices (tablets, less than 992px)*/

@media (max-width: 991.98px) {
    .mainSliderApp {
        padding-top: 160px;
    }

    .mainSliderApp .sliderAppContainer .sliderAppTexts h1 {
        font-size: 30px;
        margin-bottom: 0;
    }

    .mainSliderApp .sliderAppContainer .sliderAppTexts p {
        font-size: 24px;
    }

    .mainSliderApp .sliderAppContainer .sliderAppTexts p:first-child {
        font-size: 20px;
    }

    .mainSliderApp .sliderAppContainer .sliderAppsBadgesFirst {
        margin-top: 0;
    }

    .hexagonDiv {
        max-height: 53px;
    }

    .mainSliderApp .scrollArrowsContainer {
        margin-top: -1.5rem;
    }

    .sliderAppImagesContainer .iconApp img {
        max-width: 75px;
        width: 100%;
    }

    .scroller {
        margin-top: 100px;
    }

    .scroller .mainScrollerTitle h1 {
        font-size: 30px;
    }

    .scrollerTexts .textContainer h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .scrollerTexts .textContainer p {
        font-size: 18px;
        line-height: 22px;
    }

    .sliderAppPayments .itemCarousel h1 {
        font-size: 30px;
        line-height: 34px;
    }

    .sliderAppPayments .itemCarousel p {
        font-size: 18px;
        line-height: 24px;
    }

    .sliderAppPayments .backgroundSliderPaymentsContainer .backImageFirstAppSlider {
        left: 45vw;
        top: 34vh;
        width: 40vw;
    }

    .sliderAppPayments .backgroundSliderPaymentsContainer .backImageSecondAppSlider {
        left: 57vw;
        top: 18vh;
        width: 40vw;
    }

    .appImageDownload .appDownloadTitles h1 {
        font-size: 30px;
        line-height: 34px;
    }

    .appImageDownload .appDownloadTitles p {
        font-size: 18px;
        line-height: 24px;
    }
}

/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
    .sliderAppImagesContainer .iconApp img {
        max-width: 50px;
        width: 100%;
    }

    .mainSliderApp .scrollArrowsContainer {
        margin-top: 3.5rem;
    }

    .triangle3New {
        top: 54% !important;
    }

    .sliderAppPayments .backgroundSliderPaymentsContainer .backImageFirstAppSlider {
        left: 15vw;
        top: 33vh;
        width: 40vw;
    }

    .sliderAppPayments .backgroundSliderPaymentsContainer .backImageSecondAppSlider {
        left: 34vw;
        top: 22vh;
        width: 40vw;
    }

    .textAndImageContainer h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .textAndImageContainer p {
        font-size: 18px;
        line-height: 24px;
    }

    .mainSliderApp .sliderAppContainer .sliderAppTexts h1 {
        font-size: 24px;
    }

    .sliderAppPayments .itemCarousel h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .appImageDownload .appDownloadTitles h1 {
        font-size: 24px;
    }

    .firstAppCard h5,
    .secondAppCard h5 {
        font-size: 24px;
    }
}

@media (max-width: 1200px) {}

/* Samsung Galaxy S5 ----------- */

@media screen and (max-width: 360px) and (max-height: 640px) and (-webkit-min-device-pixel-ratio: 3) {}

@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}

@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}

/* Galaxy S10 ----------- */

@media only screen and (min-device-height: 412px) and (min-device-width: 869px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3.5) {}

@media only screen and (min-device-height: 412px) and (min-device-width: 869px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3.5) {}

/* iPhone 4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: landscape) {}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {}

/*Pixel 2*/

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) {}

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) and (orientation: portrait) {}

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) and (orientation: landscape) {}

/*Pixel 2XL*/

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) {}

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) and (orientation: portrait) {}

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) and (orientation: landscape) {}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* iPhone 6, 7, 8 ----------- */

/* Portrait and Landscape */

@media only screen and (min-width: 375px) and (max-height: 667px) and (-webkit-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}

/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* ----------- iPhone 11 ----------- */

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {}

/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {}

/* Landscape */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {}

/* ----------- iPad Air----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* Landscape */

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* Landscape */

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

/* ----------- Ana Movil" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 412px) and (max-device-width: 877px) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Portrait */

@media only screen and (min-device-width: 412px) and (max-device-width: 877px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Landscape */

@media only screen and (min-device-width: 412px) and (max-device-width: 877px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* ----------- Ana Movil 2 ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 393px) and (max-device-width: 851px) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Portrait */

@media only screen and (min-device-width: 393px) and (max-device-width: 851px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Landscape */

@media only screen and (min-device-width: 393px) and (max-device-width: 851px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Landscape */

@media only screen and (min-device-width: 360px) and (max-device-width: 612px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {}

/* ----------- Non-Retina Screens ----------- */

@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1701px) and (max-width: 2560px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1280px) and (max-height: 950px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1280px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1) {}

/*Ana*/

@media screen and (max-width: 1440px) and (max-height: 900px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 720px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 950px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1920px) and (max-height: 1080px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1366px) and (max-height: 768px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1400px) and (max-height: 720px) and (-webkit-min-device-pixel-ratio: 1) {}

/*Ipod*/

@media screen and (max-width: 320px) and (max-height: 568px) and (-webkit-min-device-pixel-ratio: 1) {}

/*Breakpoints*/