.ssrLoading {
    align-items: center;
    background: url(bg.png) 50% repeat #1a2028;
    display: none;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    width: 100%
}

.ssrLoading i {
    background: url(loadingtheme.gif) 50% no-repeat;
    background-size: contain;
    color: #fff;
    display: none;
    font-size: 18px;
    height: 140px;
    margin: 0 auto;
    overflow: hidden;
    width: 140px
}

.ssrLoading strong {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 18px;
    justify-content: center;
    padding-top: 20px
}

.ssrSlogan {
    font-style: normal
}

@keyframes dots-1 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }
}

@keyframes dots-2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes dots-3 {
    0% {
        opacity: 0
    }

    75% {
        opacity: 1
    }
}

@-webkit-keyframes dots-1 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }
}

@-webkit-keyframes dots-2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes dots-3 {
    0% {
        opacity: 0
    }

    75% {
        opacity: 1
    }
}

.ssrDots {
    padding-left: 5px
}

.ssrDots span {
    animation: dots-1 2s steps(1) infinite;
    -webkit-animation: dots-1 2s steps(1) infinite
}

.ssrDots span:first-child+span {
    animation-name: dots-2;
    -webkit-animation-name: dots-2
}

.ssrDots span:first-child+span+span {
    animation-name: dots-3;
    -webkit-animation-name: dots-3
}

.ssrLoadingowl {
    background: none;
    background-color: #121927
}

.ssrLoadingowl i {
    background: url(owl_y_v2.webp) 50% no-repeat;
    background-size: contain;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 186px;
    margin: -50px auto 0;
    overflow: hidden;
    width: 150px
}

.ssrLoadingowl strong {
    display: none
}

.ssrLoadingowl:before {
    content: "Owlgames";
    display: none;
    left: 30px
}

.ssrLoadingowl:after,
.ssrLoadingowl:before {
    bottom: 30px;
    color: #1ac106;
    display: none;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    position: fixed
}

.ssrLoadingowl:after {
    content: "Where gaming takes flight!";
    display: none;
    left: 60%;
    transform: translateX(-50%)
}

@media (max-width:1024px) {
    .ssrLoadingowl i {
        height: 186px;
        width: 150px
    }

    .ssrLoadingowl:before {
        bottom: 40px
    }

    .ssrLoadingowl:after,
    .ssrLoadingowl:before {
        font-size: 18px;
        left: 0;
        padding-left: 16px;
        text-align: left;
        transform: translateX(0);
        width: 100%
    }

    .ssrLoadingowl:after {
        bottom: 16px
    }
}

.ssrLoadingoogi {
    background: none;
    background-color: #171c22
}

.ssrLoadingoogi i {
    background: url(oogi.gif) 50% no-repeat;
    background-size: contain;
    display: none;
    height: 200px;
    transform: translateX(0);
    width: 200px
}

.ssrLoadingoogi strong {
    margin-top: -60px
}

.ssrLoadinginj {
    background: url(inj/bg.png) 50% no-repeat;
    display: none;
    background-size: cover
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.ssrLoadinginj i {
    animation: rotate 1.5s linear infinite;
    background: url(inj/logo-m.png) 50% no-repeat;
    display: none;
    background-size: contain;
    height: 120px;
    transform: translateX(0);
    width: 120px
}

.ssrLoadinglucky7 {
    background: none;
    background-color: #515352;
    background-size: 50%
}

.ssrLoadinglucky7 i {
    background: url(lucky7/loadingv2.gif) 50% no-repeat;
    background-size: contain;
    height: 200px;
    transform: translateX(0);
    width: 200px
}

.ssrLoadinglucky7 strong {
    display: none
}

.ssrLoadingsatoshi {
    background: none;
    background-color: #000;
    background-size: 50%
}

.ssrLoadingsatoshi i {
    background: url(satoshi/loading.gif) 50% no-repeat #000;
    background-size: contain;
    height: 120px;
    transform: translateX(0);
    width: 120px
}

.ssrLoadingterraapp {
    background: none;
    background-color: #181c21;
    background-size: 50%
}

.ssrLoadingterraapp i {
    background: url(terraapp/loading4.gif) 50% no-repeat #181c21;
    background-size: contain;
    height: 250px;
    transform: translateX(0);
    width: 200px
}

@media (max-width:1024px) {
    .ssrLoadingterraapp i {
        height: 150px;
        width: 100px
    }
}

.ssrLoadingmoonbet {
    background: none;
    background-color: #000;
    background-size: 50%
}

.ssrLoadingmoonbet i {
    background: url(moonbet/loading.gif) 50% no-repeat #000;
    background-size: contain;
    height: 120px;
    transform: translateX(0);
    width: 210px
}

.ssrLoadinghighballers {
    background: none;
    background-color: #181c24;
    background-size: 50%
}

.ssrLoadinghighballers i {
    background: url(highballers/loading.gif) 50% no-repeat #181c24;
    background-size: contain;
    height: 120px;
    transform: translateX(0);
    width: 210px
}

.ssrLoadingdogev2 {
    background: url(dogev2/bg.gif) 50% no-repeat #0b1015
}

.ssrLoadingdogev2 i,
.ssrLoadingdogev2 strong {
    display: none
}

@media (max-width:1024px) {
    .ssrLoadingdogev2 {
        background-size: 80%
    }
}

.ssrLoadingbetero {
    background: none;
    background-color: #000;
    background-size: 50%
}

.ssrLoadingbetero i {
    background: url(betero/loading.gif) 50% no-repeat;
    background-size: contain;
    height: 100px;
    transform: translateX(0);
    width: 100px
}

.ssrLoadingdinobet {
    background: none;
    background-color: #050720 !important;
    background-size: 50%
}

.ssrLoadingdinobet i {
    background: url(dinobet/loading.gif) 50% no-repeat #050720;
    background-size: contain;
    height: 160px;
    transform: translateX(0);
    width: 160px
}

.ssrLoadingbased {
    background: none;
    background-color: #000;
    background-size: 50%
}

.ssrLoadingbased i {
    background: url(based/loading.gif) 50% no-repeat;
    background-size: contain;
    height: 100px;
    transform: translateX(0);
    width: 100px
}

.ssrLoadingcrazybit {
    background: none;
    background-color: #000;
    background-size: 50%
}

.ssrLoadingcrazybit i {
    background: url(crazybit/crazybit.gif) 50% no-repeat;
    background-size: contain;
    height: 60px;
    transform: translateX(0);
    width: 222px
}

.ssrLoadingflokigaming {
    background: none;
    background-color: #282728;
    background-size: 50%
}

.ssrLoadingflokigaming i {
    background: url(flokigaming/flokigaming.gif) 50% no-repeat;
    background-size: contain;
    height: 180px;
    transform: translateX(0);
    width: 180px
}

.ssrLoadingg777 {
    background: none;
    background-color: #000;
    background-size: 50%
}

.ssrLoadingg777 i {
    background: url(g777/g777.gif) 50% no-repeat;
    background-size: contain;
    height: 200px;
    transform: translateX(0);
    width: 200px
}

.ssrLoadingbuzuka {
    background: none;
    background-color: #111923 !important
}

.ssrLoadingbuzuka i {
    background: url(buzuka/loading.gif) 50% no-repeat;
    background-size: contain;
    height: 140px;
    transform: translateX(0);
    width: 140px
}