.loading_screen,
.blocking_screen {
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    z-index: 10000;
}

.loading_screen .holder,
.blocking_screen .holder {
    width: 60%;
    height: 212px;
    position: absolute;
    max-width: 300px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    /* display: none; */
}


.blocking_screen .holder {
    display: block;
}

.loading_screen .logos,
.blocking_screen .logos {
    width: 100%;
    height: 212px;
    position: absolute;
}

.loading_screen .logo,
.blocking_screen .logo {
    background: url(../img/loading_logo1.png) no-repeat;
    background-position: 50%;
    background-size: contain;
}

.loading_screen .logo2,
.blocking_screen .logo2 {
    background: url(../img/loading_logo2.png) no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 0;
    animation: pulse_custom 3s infinite;
}

.loading_screen .text,
.blocking_screen .text {
    position: absolute;
    color: #fff;
    top: 70%;
    width: 100%;
    text-align: center;
    font-size: 22px;
}

.loading_screen .custom_text,
.blocking_screen .custom_text {
    font-size: 16px;
}

@keyframes pulse_custom {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}