#pageloader-overlay {
    opacity: 0;
    top: 0px;
    left: 0px;
    position: fixed;
    /* background-color: rgba(1, 33, 105); */
    background-color: rgba(255, 255, 255, .9);
    height: 100%;
    width: 100%;
    z-index: 9998;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

#pageloader-overlay.visible {
    opacity: 1;
}

#pageloader-overlay.hidden {
    opacity: 0;
    height: 0px;
    width: 0px;
    z-index: -10000;
}

#pageloader-overlay .loader-wrapper-outer {
    background-color: transparent;
    z-index: 9999;
    margin: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: table;
    text-align: center;
    vertical-align: middle;
}

#pageloader-overlay .loader-wrapper-inner {
    display: table-cell;
    vertical-align: middle;
}


/*Escritorio*/
@media (min-width: 1199.98px) {
    .loader-responsive {
        width: 3%;
        top: 49%;
        left: 48.5%;
    }

}

/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation:portrait) {
    .loader-responsive {
        width: 5%;
        top: 49%;
        left: 47.5%;
    }
}

/*landscape*/
@media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation:landscape) {
    .loader-responsive {
        width: 4%;
        top: 49%;
        left: 48%;

    }
}

/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: 575.98px)and (orientation:portrait) {
    .loader-responsive {
        width: 10%;
        top: 49%;
        left: 45%;
    }
}

/*landscape*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation:landscape) {
    .loader-responsive {
        width: 5%;
        top: 48%;
        left: 47.5%;
    }
}