﻿:root {
    --color_banorte_red: #E40B2C;
    --color_gris: #596670;
    --color-primary: #042D6F;
    --color-secondary: #2FC5A9;
    --size: 120;
    --coefficient: 1px;
    --timeline: 2.6s;
    --delay: 0.65s;
    --rotation-y: -24;
    --rotation-x: 28;
    --color-one: #E40B2C;
    --color-two: #e52c48;
    --color-three: #b40d27;
}
@font-face {
    font-family: 'Ghotam';
    src: url('font/gothambookregular.otf') format('opentype');
}

@font-face {
    font-family: 'GothaProBol';
    src: url('font/GothaProBol.otf') format('opentype');
}

@font-face {
    font-family: 'GothamMedium';
    src: url('font/ufonts.com_gotham-medium.ttf') format('opentype');
}

@font-face {
    font-family: 'PoppinsBold';
    src: url('FontWee/Poppins-Bold.ttf') format('opentype');
}

@font-face {
    font-family: 'PoppinsSemiBold';
    src: url('FontWee/Poppins-SemiBold.ttf') format('opentype');
}

@font-face {
    font-family: 'PoppinMedium';
    src: url('FontWee/Poppins-Medium.ttf') format('opentype');
}

@font-face {
    font-family: 'Poppins';
    src: url('FontWee/Poppins-Regular.ttf') format('opentype');
}


@font-face {
    font-family: 'PoppinLight';
    src: url('FontWee/Poppins-Light.ttf') format('opentype');
}

@font-face {
    font-family: 'Gotham';
    src: url('font/gothambookregular.otf') format('opentype');
}


.FontPoppinsBold {
    font-family: 'PoppinsBold';
}

.FontPoppinsSemiBold {
    font-family: 'PoppinsSemiBold';
    font-weight: normal;
}

.FontPoppinMedium {
    font-family: 'PoppinMedium';
}

.FontPoppinsRegular {
    font-family: 'Poppins';
}

.FontPoppinLight {
    font-family: 'PoppinLight';
}


body,
html {
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-family: 'Poppins';
    overflow: auto;
    overflow: initial;
}

.--color-red {
    color: var(--color_banorte_red)
}

.--TextUnderline {
    text-decoration: underline;
}

.--TextExpired {
    transform: translate(10px, -122px);
}

.--CursoPointer {
    cursor: pointer;
}

.--has-error {
    border: 2px solid red !important;
}

.--borderInfo {
    border-radius: 4px;
    border: 1px solid rgba(50, 62, 72, 0.45);
    background: #FFF;
    padding: 8px;
}

[disabled] {
    background-color: rgba(50, 62, 72, 0.29) !important;
}

[disabled], .disabled {
    cursor: not-allowed !important;
}

.displayAbsolute {
    display: none !important;
}


th {
    background-color: var(--color_gris) !important;
    color: white;
    font-weight: bold;
}

td:first-child, tr:first-child {
    border-left: 1px solid rgba(50, 62, 72, 0.45);
}

.--btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 1.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.--btn-primary {
    color: white;
    height: 38px;
    background-color: var(--color_banorte_red)
}

.IMGinicioBanorte {
    object-fit: cover;
    width: 100%;
    height: 100vh;
}

.--CentradoItems {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.--CenterItemsHorizontal {
    text-align: center;
}

.--CenterItemsVertical {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.--PaddingR-7rem {
    padding-right: 7rem;
}

.--MarginL-12rem {
    margin-left: 12rem;
}

.--MarginL-16vw {
    margin-left: 16vw;
}

.--LabelNombreAfiliado {
    border: 1px solid rgba(50, 62, 72, 0.45);
    margin: 1rem;
    padding: 11px 147px;
    border-radius: 4px;
}

.--TokenInputMoldeado {
    width: 40px;
    height: 41px;
    font-size: 25px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.45);
    background: #FFF;
    display: inline-block;
}

.IconLogoBanorteInicio {
    z-index: 2;
    position: absolute;
    top: 25px;
    left: 25px;
}

.HeaderBanorteTexture {
    width: 100%;
    height: 60px;
}

.p-absolute{
    position: absolute
}

.BanorteSeguroLogoHeader {
    position: absolute;
    top: 15px;
    left: 15px;
}

.ContenedorDocumentos {
    margin: 25px 50px 0px;
}

.text-bold {
    font-weight: bold;
}

.text-underline {
    text-decoration: underline;
}
.modal-body .row {
    position: static;
}
.modal-dialog-native {
    -webkit-transform: translate(0, -50px) !important;
    -o-transform: translate(0, -50px) !important;
    transform: translate(0, -50px) !important;
    top: initial !important;
    margin: 0 auto !important;
    padding-top: initial !important;
}

.modal-body-native {
    background: transparent !important;
    overflow: initial !important;
    max-height: initial !important;
}

.modal-content .modal-header {
    padding: 26px 3.5rem 4px 3.5rem;
    border-bottom: 0;
    position: relative;
}

.modal-content .modal-body {
    padding: 26px 3.5rem 4px 3.5rem;
}

.modal-content .modal-header {
    padding: 26px 3.5rem 4px 3.5rem;
    border-bottom: 0;
    position: relative;
}

.modal-content .modal-body {
    padding: 26px 3.5rem 4px 3.5rem;
}

.modal-title.text-primary {
    color: black;
}

.modal-title {
    font-weight: 500;
}
.close{

}

.modal-header::before {
    content: "";
    position: absolute;
    bottom: 0;
    background: var(--color_banorte_red);
    width: calc(100% - 112px);
    height: 1px;
}

.modal-header .close {
    margin-top: 0;
    color: var(--color-primary);
    opacity: 1;
    position: absolute;
    top: .8rem;
    right: 3rem;
    background: none;
    border: none;
}
    .modal-header .close > span{
        font-size: 24px;
    }

    .modal-dialog.--general {
        color: #042D6F;
        width: 145rem;
        margin: 30rem auto;
    }

#modalWeeMedic_NoneEscSmall .modal-dialog.modal-dialog-centered {
    max-width: 850px;
}

.IconSubirArchivos::before {
    content: url(../Images/Icons/SubirArchivoIcono.svg)
}

.IconVerArchivos::before {
    content: url(../Images/Icons/DocumentosIcono.svg);
}

.fa-check:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px; 
    background-image: url(../Images/Icons/CheckIconGreen.png);
    background-size: cover;
}

.fa-UnDone:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px; 
    background-image: url(../Images/Icons/CheckIconRed.png);
    background-size: cover;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 1000px !important;
        margin: 1.75rem auto !important;
    }
}

#modalFacturas .modal-title {
    font-family: 'Poppins';
}

#modalFacturas .modal-header {
    border-bottom: none !important;
}


@media (min-width: 460px) {
    #modalFacturas .modal-dialog {
        width: 40%;
    }

    #modalFacturas {
        overflow-y: hidden !important;
    }
}
/*Animacion*/


.estepicursor {
    position: relative;
    animation: MovimientoVertical 1s ease-in-out infinite alternate, rodar 5s linear infinite;
    content: url(../Images/Animacion/ArbustoRodante.svg);
    z-index: 1;
}

.piso {
    position: absolute;
    content: url(../Images/Animacion/PisoAnimacion.png);
    margin-top: 29.1vh;
    width: 85vw;
    z-index: 2;
}

.CactusUno {
    position: absolute;
    content: url(../Images/Animacion/CactusAnimacion.png);
    z-index: 2;
    right: -7px;
    width: 8.2vw;
    top: 37.5vh;
}

.CactusDos {
    position: absolute;
    content: url(../Images/Animacion/CactusAnimacion.png);
    z-index: 2;
    left: -10px;
    width: 8.2vw;
    top: 38vh;
}

@keyframes MovimientoVertical {
    0% {
        margin-top: 16vh;
    }

    100% {
        margin-top: 10vh;
    }
}

@keyframes rodar {
    0% {
        transform: translateX(0%) rotate(0deg);
    }
    100% {
        transform: translateX(100vw) rotate(360deg);

    }

}
/*Fin animacion*/

/*Bootstrap*/

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 0.75rem !important;
}

.mt-4 {
    margin-top: 1rem !important;
}

.mt-5 {
    margin-top: 1.25rem !important;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-7 {
    margin-top: 1.75rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mt-9 {
    margin-top: 2.25rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-11 {
    margin-top: 2.75rem;
}

.mt-12 {
    margin-top: 3rem;
}

.mt-14 {
    margin-top: 3.5rem;
}

.mt-16 {
    margin-top: 4rem;
}

.mt-20 {
    margin-top: 5rem;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 0.75rem !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.mb-5 {
    margin-bottom: 1.25rem !important;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-7 {
    margin-bottom: 1.75rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mb-9 {
    margin-bottom: 2.25rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

.mb-11 {
    margin-bottom: 2.75rem;
}

.mb-12 {
    margin-bottom: 3rem;
}

.mb-14 {
    margin-bottom: 3.5rem;
}

.mb-16 {
    margin-bottom: 4rem;
}

.mb-20 {
    margin-bottom: 5rem;
}


.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 0.75rem !important;
}

.ml-4 {
    margin-left: 1rem !important;
}

.ml-5 {
    margin-left: 1.25rem !important;
}

.ml-6 {
    margin-left: 1.5rem;
}

.ml-7 {
    margin-left: 1.75rem;
}

.ml-8 {
    margin-left: 2rem;
}

.ml-9 {
    margin-left: 2.25rem;
}

.ml-10 {
    margin-left: 2.5rem;
}

.ml-11 {
    margin-left: 2.75rem;
}

.ml-12 {
    margin-left: 3rem;
}

.ml-14 {
    margin-left: 3.5rem;
}

.ml-16 {
    margin-left: 4rem;
}

.ml-20 {
    margin-left: 5rem;
}


.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mr-3 {
    margin-right: 0.75rem !important;
}

.mr-4 {
    margin-right: 1rem !important;
}

.mr-5 {
    margin-right: 1.25rem !important;
}

.mr-6 {
    margin-right: 1.5rem;
}

.mr-7 {
    margin-right: 1.75rem;
}

.mr-8 {
    margin-right: 2rem;
}

.mr-9 {
    margin-right: 2.25rem;
}

.mr-10 {
    margin-right: 2.5rem;
}

.mr-11 {
    margin-right: 2.75rem;
}

.mr-12 {
    margin-right: 3rem;
}

.mr-14 {
    margin-right: 3.5rem;
}

.mr-15 {
    margin-right: 3.75rem;
}

.mr-16 {
    margin-right: 4rem;
}

.mr-17 {
    margin-right: 4.25rem
}

.mr-18 {
    margin-right: 4.5rem
}

.mr-19 {
    margin-right: 4.75rem
}

.mr-20 {
    margin-right: 5rem;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 0.75rem !important;
}

.pt-4 {
    padding-top: 1rem !important;
}

.pt-5 {
    padding-top: 1.25rem !important;
}

.pt-6 {
    padding-top: 1.5rem;
}

.pt-7 {
    padding-top: 1.75rem;
}

.pt-8 {
    padding-top: 2rem;
}

.pt-9 {
    padding-top: 2.25rem;
}

.pt-10 {
    padding-top: 2.5rem;
}

.pt-11 {
    padding-top: 2.75rem;
}

.pt-12 {
    padding-top: 3rem;
}

.pt-14 {
    padding-top: 3.5rem;
}

.pt-16 {
    padding-top: 4rem;
}

.pt-20 {
    padding-top: 5rem;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 0.75rem !important;
}

.pb-4 {
    padding-bottom: 1rem !important;
}

.pb-5 {
    padding-bottom: 1.25rem !important;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.pb-7 {
    padding-bottom: 1.75rem;
}

.pb-8 {
    padding-bottom: 2rem;
}

.pb-9 {
    padding-bottom: 2.25rem;
}

.pb-10 {
    padding-bottom: 2.5rem;
}

.pb-11 {
    padding-bottom: 2.75rem;
}

.pb-12 {
    padding-bottom: 3rem;
}

.pb-14 {
    padding-bottom: 3.5rem;
}

.pb-16 {
    padding-bottom: 4rem;
}

.pb-20 {
    padding-bottom: 5rem;
}


.pl-1 {
    padding-left: 0.25rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pl-3 {
    padding-left: 0.75rem !important;
}

.pl-4 {
    padding-left: 1rem !important;
}

.pl-5 {
    padding-left: 1.25rem !important;
}

.pl-6 {
    padding-left: 1.5rem;
}

.pl-7 {
    padding-left: 1.75rem;
}

.pl-8 {
    padding-left: 2rem;
}

.pl-9 {
    padding-left: 2.25rem;
}

.pl-10 {
    padding-left: 2.5rem;
}

.pl-11 {
    padding-left: 2.75rem;
}

.pl-12 {
    padding-left: 3rem;
}

.pl-14 {
    padding-left: 3.5rem;
}

.pl-16 {
    padding-left: 4rem;
}

.pl-17 {
    padding-left: 4.25rem
}

.pl-18 {
    padding-left: 4.5rem
}

.pl-19 {
    padding-left: 4.75rem
}

.pl-20 {
    padding-left: 5rem;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pr-3 {
    padding-right: 0.75rem !important;
}

.pr-4 {
    padding-right: 1rem !important;
}

.pr-5 {
    padding-right: 1.25rem !important;
}

.pr-6 {
    padding-right: 1.5rem;
}

.pr-7 {
    padding-right: 1.75rem;
}

.pr-8 {
    padding-right: 2rem;
}

.pr-9 {
    padding-right: 2.25rem;
}

.pr-10 {
    padding-right: 2.5rem;
}

.pr-11 {
    padding-right: 2.75rem;
}

.pr-12 {
    padding-right: 3rem;
}

.pr-14 {
    padding-right: 3.5rem;
}

.pr-16 {
    padding-right: 4rem;
}

.pr-17 {
    padding-right: 4.25rem
}

.pr-18 {
    padding-right: 4.5rem
}

.pr-19 {
    padding-right: 4.75rem
}

.pr-20 {
    padding-right: 5rem;
}

.amaran.error,
.amaran.warning,
.amaran.ok,
.amaran.blue {
    display: flex;
    transition: 0.3s ease-in-out;
    z-index: 1;
    padding: 0;
    width: 600px;
    align-items: center;
    justify-content: center;
    box-shadow: #00000030 0px 10px 9px -10px !important;
}

.amaran.warning,
.amaran.ok,
.amaran.blue,
.amaran.error {
    width: calc(100vw - 120px) !important;
    max-width: 450px !important;
}

.amaran.awesome.blue {
    background: white !important;
}

.amaran.awesome p {
    color: white;
    font-size: 1rem !important;
    font-weight: 500
}

.amaran.error:before {
    content: "";
    width: 5px;
    background-color: red;
    position: absolute;
    height: calc(100% + 0.5px);
    top: 0;
    left: 0;
}

.amaran.ok:before {
    content: "";
    width: 5px;
    background-color: var(--color-secondary);
    position: absolute;
    height: calc(100% + 0.5px);
    top: 0;
    left: 0;
}

i.fa.fa-exclamation-triangle {
    color: #f70d0d;
}

.icon-error {
    background-image: url(../Images/errorAlert.svg) !important;
    background: transparent;
    background-color: #e93c56 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 80% !important;
    margin-left: 8px;
}

.icon.icon-warning {
    background-image: url(../Images/icon--warning.svg) !important;
    background: transparent;
    background-color: white !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 80% !important;
    margin-left: 8px;
}

.icon.icon-ok {
    background-image: url(../Images/icon--ok.svg) !important;
    background: transparent;
    background-color: white !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 80% !important;
    margin-left: 8px;
}

.warning:before {
    content: "";
    width: 5px;
    background-color: #FF952B;
    position: absolute;
    height: calc(100% + 0.5px);
    top: 0;
    left: 0
}

.ok:before {
    content: "";
    width: 5px;
    background-color: var(--color-secondary);
    position: absolute;
    height: calc(100% + 0.5px);
    top: 0;
    left: 0
}

.icon-info {
    background-image: url(../Images/icon--info.svg) !important;
    background: transparent;
    background-color: white !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 80% !important;
    margin-left: 8px;
}

.amaran.blue:before {
    content: "";
    width: 5px;
    background-color: var(--color-primary);
    position: absolute;
    height: calc(100% + 0.5px);
    top: 0;
    left: 0
}

@media screen and (max-width:500px) {
    .amaran.ok p span {
        width: calc(100% - 50px);
        display: block;
    }
}


@media screen and (max-width:650px) {
    .amaran.ok {
        width: 360px;
    }

    .amaran.awesome p span {
        font-size: 15px;
    }

    .amaran.awesome .icon {
        top: 48%;
        left: 10px;
    }

    .amaran.awesome.error,
    .amaran.warning,
    .amaran.blue {
        width: 360px;
    }

        .amaran.awesome.error p > span,
        .amaran.blue p > span {
            margin-left: auto;
            display: flex;
            width: calc(100% - 80px);
        }

        .amaran.awesome.error .icon {
            width: 43px;
        }

        .amaran.warning p > span {
            margin-left: auto;
            display: flex;
            width: calc(100% - 80px);
        }

    .amaran.ok p span {
        display: block;
    }
}

.fontSize23{
    font-size: 23px;
}

.--floatR {
    float:right;
}

/*Cargador*/

*,
*:after,
*:before {
    box-sizing: border-box;
    transform-style: preserve-3d;
}

.scene {
    position: relative;
    transform: translate3d(0, 0, 100vmin) rotateX(calc(var(--rotation-y, 0) * 1deg)) rotateY(calc(var(--rotation-x, 0) * 1deg)) rotateX(0deg);
}


.ContenedorGeneral {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    background-color: #ffffff;
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
}

#CargadorProvisional {
    animation: scale var(--timeline) var(--delay) infinite linear;
}

@keyframes scale {
    0%, 10% {
        transform: scaleX(1) scaleY(1);
    }

    35%, 100% {
        transform: scaleX(0.5) scaleY(0.5);
    }
}

.shadow {
    width: calc(var(--size) * var(--coefficient));
    position: absolute;
    bottom: 0;
    aspect-ratio: 1;
    transform-origin: 50% 50%;
    background: hsl(210 80% 50% / 0.2);
    transform: rotateX(90deg) translate3d(0, 0, calc((var(--size) * (var(--coefficient) * -0.5)) - 1px)) scale(0.96);
    animation: squish-squosh var(--timeline) var(--delay) infinite, fade var(--timeline) var(--delay) infinite;
    background: black;
}

.loader {
    --depth: var(--size);
    --color: var(--color-one, #8338EC);
    width: calc(var(--depth) * var(--coefficient));
    aspect-ratio: 1;
    transform-origin: 50% 50%;
    animation: squish-squosh var(--timeline) var(--delay) infinite;
}

.spinner {
    animation: spin var(--timeline) var(--delay) infinite;
}

.jumper {
    animation: jump var(--timeline) var(--delay) infinite;
}

@keyframes squish-squosh {
    0%, 50%, 60% {
        scale: 1 1 1;
    }

    10%, 35% {
        scale: 1.2 0.8 1.2;
    }

    25% {
        scale: 0.8 1.2 0.8;
    }

    70% {
        scale: 1 1 2;
    }

    80% {
        scale: 2 1 2;
    }

    90%, 100% {
        scale: 2 2 2;
    }
}


@keyframes fade {
    0%, 10%, 40%, 50%, 60%, 100% {
        opacity: 1;
    }

    25% {
        opacity: 0.5;
    }
}

@keyframes spin {
    0%, 10% {
        rotate: 0deg;
    }

    30%, 100% {
        rotate: -360deg;
    }
}

@keyframes jump {
    0%, 10%, 35%, 50% {
        translate: 0 0;
    }

    25% {
        translate: 0 -150%;
    }
}

.cuboid {
    width: 100%;
    height: 100%;
    position: relative;
}

.cuboid__side {
    background: var(--color);
    position: absolute;
}

    .cuboid__side:nth-of-type(1) {
        --b: 1.1;
        height: calc(var(--depth, 20) * var(--coefficient));
        width: 100%;
        top: 0;
        transform: translate(0, -50%) rotateX(90deg);
    }

    .cuboid__side:nth-of-type(2) {
        --b: 0.9;
        --color: var(--color-three, #FF006E);
        height: 100%;
        width: calc(var(--depth, 20) * var(--coefficient));
        top: 50%;
        right: 0;
        transform: translate(50%, -50%) rotateY(90deg);
    }

    .cuboid__side:nth-of-type(3) {
        --b: 1;
        width: 100%;
        height: calc(var(--depth, 20) * var(--coefficient));
        bottom: 0;
        transform: translate(0%, 50%) rotateX(90deg);
    }

    .cuboid__side:nth-of-type(4) {
        --b: 1;
        --color: var(--color-three, #FF006E);
        height: 100%;
        width: calc(var(--depth, 20) * var(--coefficient));
        left: 0;
        top: 50%;
        transform: translate(-50%, -50%) rotateY(90deg);
    }

    .cuboid__side:nth-of-type(5) {
        --b: 1;
        --color: var(--color-two, #3A86EF);
        height: 100%;
        width: 100%;
        transform: translate3d(0, 0, calc(var(--depth, 20) * (var(--coefficient) * 0.5)));
        top: 0;
        left: 0;
    }

    .cuboid__side:nth-of-type(6) {
        --b: 1.2;
        height: 100%;
        width: 100%;
        transform: translate3d(0, 0, calc(var(--depth, 20) * (var(--coefficient) * -0.5))) rotateY(180deg);
        top: 0;
        left: 0;
    }
.MostrarCargador {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.OcultarCargador {
    display: none !important;
}

.ContenedorTextoCargador {
    position: absolute;
    top: 76%;
}

#TextoCargador {
    font-size: 30px;
}

.btn-bouncingOne {
    position: absolute;
    top: -21%;
    right: -7%;
    font-size: 38px;
    animation: bounce 2.2s infinite alternate;
}

.btn-bouncingTwo {
    position: absolute;
    top: -21%;
    right: -19%;
    font-size: 38px;
    animation: bounce 2.21s infinite alternate;
}

.btn-bouncingThree {
    position: absolute;
    top: -21%;
    right: -30%;
    font-size: 38px;
    animation: bounce 2.22s infinite alternate;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-15px);
    }
}

