/* Loading */
.loading {
    z-index: 9;

    width: 100%;
    height: auto;

    position: fixed;
}

.loading div {
    width: 100vw;

    height: 100vh;
    display: table-cell;
    vertical-align: middle;

    background-color: rgba(0, 0, 0, .5);

    font-size: 96px;
    text-align: center;
}

.loading p,
.loading i {
    color: #fff;
}

.loading p {
    margin: 0;

    padding-left: 3px;
    letter-spacing: 3px;

    font-size: 32px;
    font-weight: 100;
}
/* === End === --- --- --- Loading --- --- --- */



/* Touch */
.touch {
    z-index: 3;
    display: none;
    overflow: auto;
    position: fixed;
}

.touch > div {
    width: 100vw;
    height: 100vh;

    padding-left: 5vw;
    padding-right: 5vw;

    background-color: rgba(0, 0, 0, .85);
}

.touch bk {
    display: block;
    position: fixed;
    top: 32px;
    right: 32px;
}
.touch bk a .fa-stack-2x {
    color: #fff;
}
.touch bk a .fa-stack-1x {
    color: #000;
}

.touch iframe {
    width: 100%;
    height: 75vh;
    max-width: 500px; /* 767px; */

    border-radius: 15px;
}

@media (max-width: 767px) {
    .touch > div {
        padding-left: 16px;
        padding-right: 16px;

        background-color: rgba(25, 20, 16, .95);
    }

    .touch bk {
        top: 16px;
        right: 16px;
    }

    .touch iframe {
        border-radius: 10px;
    }
}
/* === End === --- --- --- Touch --- --- --- */