.abosoluto-historias{
    position: fixed; 
    top: 0px; 
    bottom: 0px; 
    right: 0px; 
    left: 0px; 
    z-index: 3 !important;
    background-color: rgba(82, 80, 80, 0.756);
}

.esconder-historias{
    display: none;
}


.mt-cursr-pntr{
    cursor: pointer !important; 
    position: absolute;
    top: .5rem !important; 
    left: 2rem !important; 
}


.contenedor-slider{
    position: relative;
    top: 0px !important; 
    left: 0px !important; 
    height: 75%;
    width: 95% !important; 
}
.myslider-total{
    position: relative !important;
    top: 0px !important; 
    left: 0px !important;
    height: 100% !important; 
}
.in-myslider-total{
    position: relative !important;
    top: 0px !important; 
    left: 0px !important;
    /* height: 100%; */ 
}
.img-inslider{
    position: relative !important; 
    top: 0px !important;  
    left: 0px !important; 
    height: 100% !important;  
}

.flecha-hacia-atras {
    margin-left: 0;
    margin-top: 100%;
    color: #0166AA;
    background-color: #FFFFFF;
    border-radius: 60px;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    transform: rotate(-90deg);
}

.flecha-adelante{
    margin-left: 80%;
    margin-top: 100%;
    color: #0166AA;
    background-color: #FFFFFF;
    border-radius: 60px;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    transform: rotate(90deg);
}
.cuadrado-completo{
    background-color: red;
    width: 100%;
    height: 100%;
}

.cuadrado-completo{
    width: 100%;
    height: 100%;
    background-color: rgba(54, 53, 53, 0.756);
}
.btn-azul-cruz {
    color: #0166AA;
    background-color: #FFFFFF;
    border-radius: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 9px;
    padding-right: 10px;
}
.window-respnsive {
    color: #0166AA;
    background-color: #FFFFFF;
    border-radius: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 9px;
    padding-right: 10px;
}

@media (min-width:350px) {
    .flecha-hacia-atras {
        margin-left: 0;
        margin-top: 60%;
    }
    .flecha-adelante{
        margin-left: 80%;
        margin-top: 60%;
    }
}
@media (min-width:992px) {
    .menu-derecho-h {
        margin-left:69% !important;
    }
}
@media (min-width:430px) {
    .window-respnsive {
        margin-left: 2rem;
    }
}
@media (min-width:464px) {
    .window-respnsive {
        margin-left: 3.5rem;
    }
}
@media (min-width:490px) {
    .window-respnsive {
        margin-left: 4.5rem;
    }
}
@media (min-width:510px) {
    .window-respnsive {
        margin-left: 5rem;
    }
}
@media (min-width:520px) {
    .window-respnsive {
        margin-left: 7rem;
    }
}
@media (min-width:560px) {
    .window-respnsive {
        margin-left: 9rem;
    }
    .flecha-hacia-atras {
        margin-left: 2%;
        margin-top: 50%;
    }
    .flecha-adelante{
        margin-left: 85%;
        margin-top: 50%;
    }
}
@media (min-width:605px) {
    .window-respnsive {
        margin-left: 12rem;
    }
}
@media (min-width:660px) {
    .window-respnsive {
        margin-left: 16rem;
    }
}
@media (min-width:740px) {
    .window-respnsive {
        margin-left: 20rem;
    }
}
@media (min-width:805px) {
    .window-respnsive {
        margin-left: 25rem;
    }
    .flecha-hacia-atras {
        margin-left: 2%;
        margin-top: 40%;
    }
    .flecha-adelante{
        margin-left: 85%;
        margin-top: 40%;
    }
}
@media (min-width:925px) {
    .window-respnsive {
        margin-left: 30rem;
    }
    .flecha-hacia-atras {
        margin-left: 2%;
        margin-top: 20%;
    }
    .flecha-adelante{
        margin-left: 90%;
        margin-top: 20%;
    }
    .window-respnsive {
        color: #0166AA;
        background-color: #FFFFFF;
        border-radius: 50px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 1px;
        padding-right: 10px;
    }
}
@media (min-width:992px) {
    .window-respnsive {
        margin-left: 1rem;
        margin-top: 1rem;
    }
}
@media (min-width:1150px) {
    .window-respnsive {
        margin-left: 3rem;
        margin-top: 1rem;
    }
    .flecha-hacia-atras {
        margin-left: 2%;
        margin-top: 30%;
    }
    .flecha-adelante{
        margin-left: 90%;
        margin-top: 30%;
    }
}
@media (min-width:1200px) {
    .window-respnsive {
        margin-left: 6rem;
        margin-top: 1rem;
    }
    .flecha-hacia-atras {
        margin-left: 2%;
        margin-top: 20%;
        margin-bottom: 20%;
    }
    .flecha-adelante{
        margin-left: 90%;
        margin-top: 20%;
        margin-bottom: 20%;
    }
}
@media (min-width:1300px) {
    .window-respnsive {
        margin-left: 9rem;
        margin-top: 2rem;
    }
    .flecha-hacia-atras {
        margin-left: 2%;
        margin-top: 15%;
        margin-bottom: 30%;
    }
    .flecha-adelante{
        margin-left: 90%;
        margin-top: 15%;
        margin-bottom: 30%;
    }
}
@media (min-width:1400px) {
    .window-respnsive {
        margin-left: 12rem;
        margin-top: 3rem;
    }
}
@media (min-width:1500px) {
    .window-respnsive {
        margin-left: 15rem;
        margin-top: 4rem;
    }
}
@media (min-width:1700px) {
    .window-respnsive {
        margin-left: 20rem;
        margin-top: 5rem;
    }
}