/* =========
    Loading
   ========= */


.bgloading {
    width: 100%;
    height: 100% !important;
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 10000 !important;
}

#dLoadingContent {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

    #dLoadingContent i {
        color: rgba(255,255,255,0.8) !important;
        font-size: 90px;
    }

.bubblingG {
    text-align: center;
    width: 155px;
    height: 97px;
}

.bubblingG span {
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    margin: 48px auto;
    background: #000000;
    -moz-border-radius: 97px;
    -moz-animation: bubblingG 1.3s infinite alternate;
    -webkit-border-radius: 97px;
    -webkit-animation: bubblingG 1.3s infinite alternate;
    -ms-border-radius: 97px;
    -ms-animation: bubblingG 1.3s infinite alternate;
    -o-border-radius: 97px;
    -o-animation: bubblingG 1.3s infinite alternate;
    border-radius: 97px;
    animation: bubblingG 1.3s infinite alternate;
}

#bubblingG_1 {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}

#bubblingG_2 {
    -moz-animation-delay: 0.39s;
    -webkit-animation-delay: 0.39s;
    -ms-animation-delay: 0.39s;
    -o-animation-delay: 0.39s;
    animation-delay: 0.39s;
}

#bubblingG_3 {
    -moz-animation-delay: 0.78s;
    -webkit-animation-delay: 0.78s;
    -ms-animation-delay: 0.78s;
    -o-animation-delay: 0.78s;
    animation-delay: 0.78s;
}

@-moz-keyframes bubblingG {
    0% {
        width: 19px;
        height: 19px;
        background-color: #000000;
        -moz-transform: translateY(0);
    }

    100% {
        width: 47px;
        height: 47px;
        background-color: #FFFFFF;
        -moz-transform: translateY(-41px);
    }
}

@-webkit-keyframes bubblingG {
    0% {
        width: 19px;
        height: 19px;
        background-color: #000000;
        -webkit-transform: translateY(0);
    }

    100% {
        width: 47px;
        height: 47px;
        background-color: #FFFFFF;
        -webkit-transform: translateY(-41px);
    }
}

@-ms-keyframes bubblingG {
    0% {
        width: 19px;
        height: 19px;
        background-color: #000000;
        -ms-transform: translateY(0);
    }

    100% {
        width: 47px;
        height: 47px;
        background-color: #FFFFFF;
        -ms-transform: translateY(-41px);
    }
}

@-o-keyframes bubblingG {
    0% {
        width: 19px;
        height: 19px;
        background-color: #000000;
        -o-transform: translateY(0);
    }

    100% {
        width: 47px;
        height: 47px;
        background-color: #FFFFFF;
        -o-transform: translateY(-41px);
    }
}

@keyframes bubblingG {
    0% {
        width: 19px;
        height: 19px;
        background-color: #000000;
        transform: translateY(0);
    }

    100% {
        width: 47px;
        height: 47px;
        background-color: #FFFFFF;
        transform: translateY(-41px);
    }
}