@import url(https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Concert+One&display=swap);

.payinfobutton {
    min-height: 70px
}

#vi2 {
    font-weight: 600
}

.ticketss img {
    width: 300px
}

.ticketss {
    max-width: 100%;
    text-align: center
}

.chat {
    border-radius: 0 0 7px 7px;
    margin: 0 auto
}

.chatheader {
    align-items: center;
    background: #fff;
    border-top: 1px solid #e2e2e2;
    display: flex;
    margin-top: 20px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-top: 10px;
    position: relative;
    z-index: 8
}

.vbronline {
    padding-left: 4px
}

.chatheader span {
    color: #000;
    font-family: roboto;
    font-size: 16px;
    font-weight: 400;
    text-align: left
}

.p33 {
    border-radius: 86px;
    height: auto;
    margin: 0 auto;
    width: 90%
}

.charcontent {
    -ms-overflow-style: none;
    background: #e7f5ff;
    border-top: 1px solid #e2e2e2;
    box-shadow: 0 -65px #fff;
    height: 500px;
    overflow-x: auto;
    overflow-y: auto;
    padding: 15px 10px;
    position: relative;
    scrollbar-width: none;
    z-index: 1
}

.chatvbrname #vi2,
.jegkergd #vi {
    display: none
}

.addmsgchatvbr {
    border-bottom: 1px solid #e2e2e2;
    border-radius: 5px;
    border-top: 1px solid #e2e2e2;
    display: flex;
    padding: 15px 0 16px;
    position: relative;
    z-index: 2
}

.clup {
    margin-left: 5px;
    width: 35px
}

.chatlogo {
    cursor: pointer;
    height: 35px;
    margin: 0 5px;
    opacity: 1;
    padding-right: 8px;
    width: auto
}

.inptvbr {
    -webkit-appearance: none;
    border: 1px solid #ddd;
    font-size: 18px;
    margin-top: 10px;
    outline: none;
    padding: 10px 10px 10px 18px;
    width: 100%
}

.addmsgchatvbr {
    background: #fff;
    padding-left: 25px
}

.messagetxt {
    background-color: #fff;
    border-radius: 0 8px 8px 8px;
    color: #000;
    font-family: Golos Text;
    font-size: 15px;
    margin-left: 10px;
    margin-top: 18px;
    max-width: 370px;
    min-width: 60%;
    padding: 10px 20px
}

.avavbr {
    border-radius: 60px;
    border-radius: 50px;
    float: left;
    margin-left: 25px;
    margin-right: 20px;
    margin-top: 10px;
    width: 40px
}

.djhg img {
    margin-top: 15px;
    max-width: 60%
}

.underline {
    font-style: italic;
    margin-bottom: 10px;
    margin-top: 10px;
    text-decoration: underline
}

.chatvbrname {
    color: #a1a3a1;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 35px
}

.modalbutton:active,
.modalbutton:focus {
    background: green;
    border: none;
    outline: none
}

.no {
    overflow: hidden
}

input:focus,
select:focus,
textarea:focus {
    outline: none
}

.jhefjerfk {
    flex-grow: 1
}

.chatimg {
    cursor: pointer;
    margin: 0 10px;
    opacity: .8;
    width: 40px
}

.chatimg2 {
    height: 40px;
    margin-left: 26px;
    margin-right: 40px;
    margin-top: 42px;
    width: 40px
}

.chaticons {
    margin-top: 10px
}

.inptvbr {
    border-radius: 10px
}

.addmsgchatvbr {
    ;
    margin-bottom: 40px
}

.ballloto p {
    padding-top: 15px
}

.textigm {
    color: gray;
    margin-left: -15px;
    margin-top: 15px
}

.footerapp {
    margin-top: 40px
}

.texp {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.texp img {
    margin-left: 10px;
    width: 20px
}

.app2 {
    height: 32px;
    margin-right: 10px;
    width: 100px
}

.fthr {
    background: #c4c4c4;
    height: 1px;
    margin: 28px auto 0;
    width: 100%
}

.app1 {
    width: 70px
}

.appflex {
    display: flex
}

.footerapp button {
    background: #fff;
    border: 0;
    border-radius: 32px;
    box-shadow: 0 0 8px #d7d6d6;
    color: #000;
    display: block;
    font-family: roboto;
    font-size: 17px;
    margin: 20px auto 0;
    padding: 10px;
    width: 291px
}

.appflex p {
    color: gray;
    font-family: Golos Text, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-left: 20px;
    text-align: left
}

.sstt {
    color: #a3a3a3;
    font-weight: 400
}

.svgg {
    height: 16px;
    position: absolute;
    right: -19px;
    top: 3px;
    width: 16px
}

.oklogo,
.tellogo,
.ttlogo,
.vklogo {
    margin-left: 10px;
    margin-top: 20px;
    width: 50px
}

.footersection {
    margin: 20px auto 0;
    max-width: 500px
}

.payinfoo2 input {
    display: block;
    font-size: 23px;
    margin: 20px auto 0;
    max-width: 750px;
    padding: 8px;
    width: 90%
}

.message2 {
    background: #fff;
    border-radius: 10px;
    padding: 3px
}

.vip2 {
    margin-top: 10px
}

.manup {
    margin-top: 20px
}

.manup img {
    width: 100px
}

.viplatainfo2 {
    color: #8b1414;
    font-weight: 500;
    padding-right: 20px
}

.payinfoo2 p,
.viplatainfo2 {
    padding-left: 20px;
    text-align: left
}

.payinfoo2 p {
    margin-top: 10px
}

.viplatainfo {
    background: #fff;
    border-radius: 6px;
    font-family: roboto;
    font-size: 23px;
    margin: 0 auto;
    max-width: 95%;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-top: 21px;
    text-align: left
}

.glavzagalov {
    color: #d74242;
    font-size: 25px;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px
}

.viplatachoose {
    display: flex
}

.hqcontnent {
    background: #d3e0ff;
    margin-top: -9px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px
}

.info22s {
    color: #666;
    font-style: italic;
    margin-top: 20px
}

.viplatachoose {
    margin-top: 10px
}

.stolb {
    background: #fff;
    border: 1px solid #b6ccff;
    border-radius: 14px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%
}

.stolbhead {
    color: #4a2bb1;
    font-weight: 600;
    padding-top: 10px;
    text-decoration: underline
}

.viplata {
    background: #d3e0ff;
    border-radius: 12px;
    padding: 10px 5px 5px
}

.stolbbodytext2 {
    color: green;
    font-weight: 500
}

.stolbbodytext1 {
    color: green;
    color: #1a499f;
    font-weight: 700
}

.stolbbodytext3 {
    font-style: italic;
    font-weight: 500
}

.textup1,
.textup2 {
    font-weight: 500
}

.uptext0 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px
}

.uptext00 {
    font-size: 20px;
    font-weight: 500
}

.stolbbody {
    font-size: 18px;
    margin-top: 15px;
    padding-left: 7px;
    padding-right: 5px;
    text-align: left
}

.payinfoo {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px
}

.payinfobutton {
    background: #1e429b;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-family: Golos Text;
    font-size: 21px;
    margin-top: 10px;
    padding: 8px;
    width: 98%
}

.afterloading {
    margin: 10px auto 0;
    max-width: 800px;
    text-align: center
}

.afterloading,
.textup3 {
    font-family: Golos Text;
    font-size: 23px
}

.textup3 {
    color: green;
    font-weight: 600;
    padding-bottom: 5px;
    padding-top: 0
}

.textup4 {
    color: #1e429b;
    font-weight: 500
}

.viplata p {
    margin-bottom: 10px
}

.loadingup {
    color: #000;
    font-family: Golos Text;
    font-size: 23px;
    font-weight: 500;
    margin-top: 50px;
    text-align: center
}

.loadingup p {
    margin-top: 10px
}

.loadingup img {
    width: 180px
}

.header2 p {
    color: #1e429b;
    font-family: Golos Text, sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin-top: -26px
}

.header2 img {
    width: 200px
}

.header2 {
    margin: 0 auto;
    text-align: center
}

.bodyup {
    background: #fff;
    min-height: 100vh
}

.uchp {
    position: relative
}

.nowrap {
    white-space: nowrap
}

.wrapper {
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    position: relative
}

.wrapper p {
    margin: 10px auto 20px;
    max-width: 400px
}

.wrapper label {
    background: #c53;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 10px;
    padding: 0 10px
}

.content2 {
    position: relative
}

.close {
    height: 40px;
    position: absolute;
    right: -10px;
    top: -18px;
    width: 40px;
    z-index: 1126
}

.announce {
    color: #000;
    font-family: Roboto;
    font-size: 23px;
    font-weight: 500;
    margin-top: 60px
}

.inner button {
    background: #3463ba;
    border: 1px solid #3463ba;
    border-radius: 14px;
    box-shadow: 0 2px 3px #000;
    color: #fff;
    font-family: Golos Text;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 15px;
    width: 440px
}

.inner button,
.inputpay {
    margin-top: 20px;
    max-width: 100%;
    padding: 10px
}

.inputpay {
    border: 1px solid gray;
    border-radius: 11px;
    font-size: 23px;
    width: 500px
}

.modaltext4 {
    color: #153e89;
    font-weight: 500;
    margin-bottom: 25px
}

.checkboxed,
.modaltext4 {
    font-family: Golos Text;
    font-size: 23px;
    margin-top: 10px
}

.checkboxed {
    display: flex;
    justify-content: flex-start;
    margin-left: 107px
}

.modalzaglav {
    color: #153e89;
    font-family: Golos Text;
    font-size: 23px;
    font-weight: 500;
    padding-top: 10px
}

.modaltext3 {
    color: #35562c;
    font-family: Roboto;
    font-size: 21px;
    margin-top: 20px
}

.modaltext1 {
    font-family: Golos Text;
    font-size: 22px;
    font-weight: 400;
    margin-top: 20px
}

.modaltext2 {
    color: green;
    font-family: Golos Text;
    font-size: 30px;
    font-weight: 600;
    text-decoration: underline
}

.content2 {
    background: linear-gradient(45deg, #e6e9f0, #eef1f5)
}

.margin {
    font-family: Golos Text;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 20px;
    text-align: left
}

#modal2 input {
    border: 1px solid gray;
    border-radius: 11px;
    font-size: 18px;
    margin-top: 5px;
    max-width: 100%;
    padding: 10px;
    width: 500px
}

.inner {
    border-radius: 9px;
    text-align: center
}

.upwin {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    position: relative
}

.upwin img {
    margin-left: 10px;
    margin-top: 10px;
    width: 25px
}

.timechatvbr {
    color: #c2c2c2;
    font-family: monospace;
    font-size: 12px;
    text-align: right
}

.zonecontent {
    -webkit-animation: show .7s ease;
    animation: show .7s ease
}

.modal-window {
    -webkit-animation: show .3s ease;
    animation: show .3s ease;
    height: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500
}

.modal-window .trigger {
    display: block;
    margin-top: -30px;
    position: relative;
    top: 0
}

.modal-window .outer {
    display: block;
    height: 100%;
    left: 0;
    max-height: 100%;
    min-height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.modal-window .trigger:checked+.outer {
    display: block
}

.modal-window .box {
    box-sizing: border-box;
    padding: 0 10px
}

.modal-window .box,
.modal-window .overlay {
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.modal-window .overlay {
    background: rgba(0, 0, 0, .65);
    opacity: 1;
    right: 0;
    z-index: 10
}

.methods {
    display: block;
    margin: 15px auto 0;
    padding-bottom: 20px;
    width: 320px
}

.content2 {
    border-radius: 9px
}

.modal-window .inner {
    background: #fff;
    box-shadow: 0 2px 15px -2px rgba(0, 0, 0, .6);
    margin: 40px auto;
    max-width: 700px;
    opacity: 1;
    position: relative;
    width: 100%;
    z-index: 20
}

.close {
    cursor: pointer
}

.modal-window.close {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 26px;
    line-height: 30px;
    margin: 5px 5px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.ballline1 {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.fd {
    color: green;
    font-family: Golos Text;
    font-size: 42px
}

.animsumm {
    padding-top: 35px
}

.ballline2 {
    display: flex;
    justify-content: center;
    margin-top: 55px
}

.mainzone {
    position: relative;
    z-index: 2
}

.headcontent {
    position: relative;
    z-index: 1
}

.ballloto {
    background-color: hsla(41, 83%, 67%, .549);
    border: 1px solid #de930a;
    border-radius: 100%;
    box-shadow: inset -8px -8px 0 0 #ffcc5b;
    font-family: ProximaNova-Semibold, sans-serif;
    font-size: 1.2em;
    height: 50px;
    line-height: .8em;
    margin-left: 11px;
    margin-right: 11px;
    text-align: center;
    width: 50px
}

.ballgame {
    -webkit-animation: ball 2.5s infinite;
    animation: ball 2.5s infinite
}

html {
    scroll-behavior: smooth
}

.okk {
    -webkit-animation: show 2s ease;
    animation: show 2s ease;
    height: 30px;
    margin-left: 25px;
    width: 30px
}

.blink2 {
    -webkit-animation: blinker 1.5s infinite;
    animation: blinker 1.5s infinite
}

.redblink {
    -webkit-animation: redd 1s ease;
    animation: redd 1s ease
}

.wrap {
    bottom: 173px;
    margin-left: 50px;
    position: absolute;
    width: 100px
}

.ball2 {
    margin-left: 125px
}

.ball3 {
    margin-left: 200px
}

.ball4 {
    margin-left: 275px
}

.ball5 {
    margin-left: 350px
}

.ball6,
.ball7 {
    bottom: 95px
}

.ball7 {
    margin-left: 125px
}

.ball8 {
    bottom: 95px;
    margin-left: 200px
}

.ball9 {
    bottom: 95px;
    margin-left: 275px
}

.ball10 {
    bottom: 95px;
    margin-left: 350px
}

.wininfogif {
    padding-top: 35px;
    width: 65px
}

.ticketwininfo {
    color: #562b04;
    font-family: Golos Text;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    width: 100%
}

.uchp {
    color: gray;
    font-size: 18px;
    font-weight: 500
}

.lotteryzone {
    margin-top: 35px
}

.lotterygame {
    color: #562b04;
    font-family: Golos Text;
    font-size: 19px;
    font-weight: 500;
    text-align: center
}

.tirazh {
    color: gray;
    font-size: 18px;
    font-weight: 500
}

.wifi {
    align-items: center;
    color: #000;
    display: flex;
    font-family: Golos Text;
    font-size: 16px;
    justify-content: center;
    margin-top: 35px;
    padding-left: 20px
}

.wifi p {
    padding-left: 10px
}

.wininfo {
    display: flex;
    margin-top: 25px;
    padding-left: 35px
}

.green {
    left: 50%
}

.blue {
    left: 75%
}

.wifi img {
    width: 20px
}

.ticketwin img {
    width: 270px
}

.lotterygif img {
    width: 200px
}

.lotterygif {
    margin-top: 40px;
    padding-left: 30px
}

.lotteryzone {
    display: flex
}

.lotterygame {
    position: relative;
    width: 100%
}

.peop img {
    width: 30px
}

.uchp img {
    height: 15px;
    position: absolute;
    right: -19px;
    top: 4px;
    width: 15px
}

.peop {
    align-items: center;
    display: flex;
    font-family: Golos Text;
    font-size: 16px;
    margin-top: 25px;
    padding-right: 5px
}

.peop p {
    padding-left: 10px
}

.streamtopinfo {
    display: flex;
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 25px
}

.red .ball,
.red .shadow {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.green .ball,
.green .shadow {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.blue .ball,
.blue .shadow {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.jac {
    color: green;
    display: block;
    font-family: Golos Text;
    font-size: 31px;
    padding-bottom: 5px;
    padding-top: 0
}

.fade {
    -webkit-animation: show 2s ease;
    animation: show 2s ease
}

.fade2 {
    -webkit-animation: show 1s ease;
    animation: show 1s ease
}

.fade3 {
    -webkit-animation: show 8s ease;
    animation: show 8s ease
}

.streamconnect {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.loadstream {
    font-size: 23px;
    font-weight: 500
}

.streamconnect img {
    margin-left: 20px;
    width: 30px
}

button {
    cursor: pointer
}

.blue {
    -webkit-animation: fadeIn;
    animation: fadeIn;
    -webkit-animation: blinker 1.5s infinite;
    animation: blinker 1.5s infinite;
    color: #2051a8;
    font-weight: 500
}

.blue,
.green1 {
    font-size: 22px
}

.green1 {
    color: green;
    font-family: Golos Text;
    font-weight: 600
}

body {
    margin: 0
}

#root,
body,
html {
    height: 100%
}

h1,
h2,
h3,
p {
    margin: 0;
    padding: 0
}

.ticketplace {
    text-align: center
}

.ticketplace img {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 320px
}

.h {
    background: linear-gradient(85deg, #d9ceab, #ff7379);
    border-radius: 50px;
    height: 2px;
    margin: 7px auto 0;
    width: 95%
}

.podtext {
    color: #000;
    font-family: Roboto;
    font-size: 12px;
    letter-spacing: 2px
}

.glavwin {
    color: #1c951f;
    font-size: 55px;
    letter-spacing: 1px;
    margin-top: 15px
}

.glavwin,
.totalwin {
    font-family: Golos Text;
    text-align: center
}

.totalwin {
    color: #093309;
    font-size: 25px;
    font-weight: 500;
    margin-top: 5px
}

.combo {
    color: #0f17b1;
    font-family: Golos Text;
    font-size: 23px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

.buttonplace button {
    background: #ff8e60;
    border: none;
    border-radius: 18px;
    box-shadow: 0 4px 0 #6a2d13;
    color: #fff;
    display: block;
    font-family: Golos Text;
    font-size: 20px;
    font-weight: 700;
    margin: 40px auto 0;
    max-width: 90%;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 500px
}

.nextpagetext {
    font-size: 22px;
    font-weight: 500;
    margin-top: 30px;
    text-align: center
}

.cf {
    margin-top: -3px;
    width: 45px;
    width: 30px
}

.cfright {
    margin-left: 10px
}

.cfleft {
    margin-right: 10px
}

.hellotext {
    align-items: center;
    color: #b31219;
    display: flex;
    font-family: roboto;
    font-size: 35px;
    font-weight: 600;
    justify-content: center;
    margin-top: 15px;
    text-align: center
}

* {
    box-sizing: border-box
}

.content {
    background: linear-gradient(180deg, #ffe082, #ff996e)
}

.phead1 {
    color: #060626
}

.phead2 {
    color: #ed1b24;
    position: relative
}

.header img {
    width: 50px
}

.topp {
    align-items: center;
    display: flex;
    justify-content: center
}

.bchnk {
    margin-left: 8px;
    margin-top: -2px
}

.header {
    font-family: Merriweather, serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    padding-top: 20px;
    text-align: center
}

.mainzone {
    background: #fff;
    border-radius: 55px 55px 0 0;
    font-family: Roboto;
    margin: -90px auto 0;
    max-width: 100%;
    min-height: 95vh;
    padding: 5px 5px 23px;
    width: 750px
}

.header {
    height: 200px
}

.podbutton {
    color: gray;
    margin-top: 10px;
    text-align: center
}

.textpodmain3 {
    font-style: italic;
    text-decoration: underline
}

.circle img {
    width: 25px
}

.win {
    color: #0b660b;
    font-weight: 500
}

.button1,
.win {
    font-family: Roboto
}

.button1 {
    background: linear-gradient(180deg, #ffe082, #ff996e);
    border: none;
    border-radius: 10px;
    box-shadow: 0 3px 4px #c1602d;
    display: block;
    font-size: 23px;
    margin: 25px auto 0;
    padding: 14px;
    width: 90%
}

.topblock {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500
}

.textpodmain {
    color: #2d0102;
    font-family: roboto;
    font-size: 23px;
    font-weight: 400;
    margin-top: 25px;
    padding-left: 21px;
    padding-right: 10px;
    text-align: center
}

.wn {
    font-weight: 500
}

.circle {
    align-items: center;
    background: #fff;
    border-radius: 30px;
    display: flex;
    height: 50px;
    justify-content: center;
    margin: 5px;
    min-width: 50px
}

.left {
    text-align: left
}

.textpodmain2 {
    color: #b31219;
    font-weight: 400;
    margin-top: 30px
}

.doublearrow {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    margin-top: 25px;
    text-align: center
}

.info {
    background: #e4e4e4;
    display: flex
}

.textpodmain2 {
    font-size: 23pxs
}

.infoblock button {
    background: #d7d7d7;
    border: 1px solid #adadad;
    border-radius: 5px;
    font-family: Roboto;
    font-size: 19px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%
}

.topblock {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px
}

.infoblock {
    background: #ededed;
    border-radius: 5px
}

h1 {
    font-size: 1em;
    margin-bottom: 20px;
    margin-top: 20px
}

.modal-btn,
h1 {
    text-align: center
}

.modal-btn {
    background-color: var(--green);
    border-radius: 0 0 .25rem .25rem;
    color: #fff;
    display: block;
    font-size: .75rem;
    font-weight: 600;
    margin: 0 -2rem -2rem;
    padding: 1rem 2rem;
    text-decoration: none;
    text-transform: uppercase
}

@-webkit-keyframes confettiRain {
    0% {
        margin-left: -200px;
        margin-top: -100vh;
        opacity: 1
    }

    to {
        margin-left: 200px;
        margin-top: 100vh;
        opacity: 1
    }
}

@keyframes confettiRain {
    0% {
        margin-left: -200px;
        margin-top: -100vh;
        opacity: 1
    }

    to {
        margin-left: 200px;
        margin-top: 100vh;
        opacity: 1
    }
}

.confetti {
    -webkit-animation: confettiRain 5s infinite;
    animation: confettiRain 5s infinite;
    height: 1.5rem;
    opacity: 0;
    position: absolute;
    transition: .5s ease;
    width: 1rem
}

#confetti-wrapper {
    overflow: hidden !important
}

.ticketp1 {
    color: #562b04;
    font-family: Golos Text, sans-serif;
    font-size: 23px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center
}

.ticketinfo {
    border-bottom: dotted;
    border-width: 0;
    color: gray;
    display: flex;
    font-size: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px
}

.ticketabout {
    margin-top: 50px
}

.infoicon {
    height: 25px;
    width: 25px
}

.ticketwarn {
    display: flex;
    margin-top: 35px;
    padding-left: 50px;
    padding-right: 50px
}

.ticketwarn p {
    color: #000;
    font-family: Golos Text;
    padding-left: 35px
}

.regicon {
    height: 35px;
    margin-left: -33px;
    width: 35px
}

.register {
    align-items: flex-end;
    display: flex;
    font-size: 21px;
    font-weight: 500;
    justify-content: space-evenly;
    margin-top: 47px
}

.jckhr {
    max-width: 70%
}

.podtext2 {
    font-family: Golos Text, sans-serif;
    font-size: 16px
}

.summ {
    color: #ed1b24;
    font-family: Roboto;
    font-weight: 800
}

.ticketinfo2 {
    align-items: center;
    border-bottom: dotted;
    border-width: 0;
    color: gray;
    display: flex;
    font-size: 23px;
    justify-content: flex-start;
    margin-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px
}

.load {
    height: 30px;
    margin-left: 25px;
    width: 30px
}

.sslp {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center
}

.sslp img {
    height: 35px;
    padding-left: 10px;
    width: auto
}

.https {
    margin-top: 20px;
    text-align: center
}

.hr {
    background: gray;
    height: 1px;
    margin: 30px auto 0;
    width: 75%
}

.register2 {
    align-items: center;
    display: flex;
    font-size: 21px;
    font-weight: 400;
    justify-content: space-evenly;
    margin-top: 47px
}

.jckhr {
    background: #000;
    height: 1px;
    margin: 2px auto 3px;
    width: 300px
}

.blink {
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-name: blinker;
    -webkit-animation-name: blinker
}

.loadingdiv {
    margin: 25px auto 0;
    text-align: center
}

.loadingdiv img {
    width: 70px
}

.regicon3 {
    width: 40px
}

.gifpalce {
    margin-top: 40px;
    text-align: center
}

.gifpalce img {
    max-width: 90%;
    width: 450px
}

.streamicon {
    margin-left: 6px;
    padding-top: 4px;
    width: 10px
}

.badconect {
    align-items: center;
    display: flex;
    font-size: 22px;
    justify-content: center;
    margin-top: 10px
}

.badconect img {
    height: 25px;
    margin-left: 10px;
    width: 25px
}

.tryinfo {
    align-items: center;
    display: flex;
    font-size: 23px;
    justify-content: center
}

.tryinfo img {
    margin-right: 10px;
    width: 30px
}

.gifpalce img {
    border: 8px solid;
    border-radius: 24px;
    box-shadow: 0 3px 11px #000
}

.streamdiv {
    align-items: center;
    display: flex
}

.infostream {
    margin-top: 30px;
    text-align: center
}

.connectinfo {
    color: #5f5f5f;
    display: flex;
    font-family: Golos Text;
    font-size: 22px;
    font-weight: 500;
    justify-content: space-between;
    margin-top: 50px;
    padding-left: 50px;
    padding-right: 50px
}

.nameonline {
    margin-top: 10px
}

.jckmin {
    margin-top: -110px
}

.message {
    background: #fff;
    background: linear-gradient(90deg, #eee 35%, #e6e6e6);
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    box-shadow: 1px 1px 5px #959191;
    padding: 10px 5px 8px 13px
}

.operator {
    text-align: center
}

.message {
    margin-bottom: 18px
}

.btchat {
    DISPLAY: block;
    background: #ff8e60;
    border: none;
    border-radius: 18px;
    box-shadow: 0 4px 0 #6a2d13;
    color: #fff;
    display: block;
    font-family: Golos Text;
    font-size: 20px;
    font-weight: 700;
    margin: 40px auto 0;
    max-width: 90%;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 500px
}

.checkboxed p {
    padding-left: 5px
}

.cards img,
.wallets img {
    padding-top: 10px;
    width: 150px
}

.wallets {
    border: 1px solid gray;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 50%
}

.summing {
    font-size: 23px;
    font-weight: 500;
    margin-top: 20px;
    text-align: center
}

.choosename {
    color: #2051a8;
    font-family: Golos Text;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px
}

.loader {
    margin-top: 50px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center
}

.loader img {
    margin-bottom: 20px;
    width: 150px
}

.peopleochered {
    font-family: Roboto;
    font-size: 20px;
    font-style: italic;
    margin-top: 10px
}

.chooseme {
    background: #2051a8;
    border: none;
    border-radius: 20px;
    box-shadow: 0 2px 2px #000;
    color: #fff;
    font-family: Golos Text;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 12px;
    width: 90%
}

.info1 {
    color: #2533c6;
    font-family: Roboto;
    font-size: 18px;
    margin-bottom: 5px
}

.info3 {
    font-weight: 500
}

.info2,
.info3 {
    font-size: 18px
}

.cards {
    border: 1px solid gray;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 50%
}

.text32 {
    font-family: Golos Text;
    font-size: 23px;
    font-weight: 400
}

.info22 {
    color: #ff3535;
    font-size: 20px;
    font-weight: 800
}

.chooseoffice {
    align-items: center;
    border: 1px solid #6b0f0f;
    display: flex;
    margin-top: 20px;
    padding: 10px 5px;
    width: 100%
}

.officetext {
    padding-left: 20px
}

.choosetext {
    margin-top: 5px
}

.hidee {
    -webkit-animation: hidee 1s ease;
    animation: hidee 1s ease
}

.choose {
    display: flex;
    justify-content: space-around;
    margin-top: 10px
}

.office img {
    width: 120px
}

.width {
    width: 90%
}

.office {
    width: 120px
}

.trueinfo {
    font-family: Golos Text;
    font-size: 27px;
    margin-bottom: 25px
}

.trueinfo span {
    color: #be3232;
    font-weight: 600;
    white-space: nowrap
}

.operator img {
    border: 3px solid #562b04;
    border-radius: 50%;
    height: 205px;
    width: 205px
}

.online {
    background: #099009;
    border-radius: 15px;
    color: #fff;
    font-family: Golos Text;
    margin: 5px auto 0;
    padding: 1px;
    width: 100px
}

.nadpis1 {
    color: #686868;
    font-family: roboto;
    font-size: 23px;
    margin-bottom: 35px;
    text-align: center
}

.cards {
    margin-left: 5px;
    margin-right: 5px
}

.operator {
    margin-top: 0
}

.type {
    align-items: baseline;
    display: flex
}

.type img {
    margin-left: 10px;
    width: 20px
}

.loadplace {
    margin-top: 20px;
    text-align: center
}

.loadplace img {
    width: 120px
}

.operatorchat {
    margin-top: 0;
    padding-right: 5px
}

.chattext {
    display: flex
}

.messagetime {
    color: gray;
    font-size: 15px;
    padding-right: 5px;
    text-align: right
}

.operatorchat {
    border-radius: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 40px
}

.status1 {
    -webkit-animation: show 2s infinite;
    animation: show 2s infinite;
    color: green;
    font-weight: 500
}

.operator {
    width: 40%
}

.message {
    color: #242424;
    font-family: Roboto;
    font-size: 18px;
    position: relative
}

.chat {
    padding-right: 15px;
    width: 60%
}

.choose2 {
    margin-top: 5px
}

.hide {
    display: none
}

.operatorchat {
    padding-bottom: 30px
}

@media (max-width:665px) {
    .operatorchat {
        padding-top: 20px
    }

    #modal2 input {
        font-size: 3vw;
        margin-top: 5px
    }

    .operatorchat {
        margin-left: 5px;
        margin-right: 5px
    }

    .chattext {
        align-items: flex-start;
        display: flex;
        flex-direction: column
    }

    .announce {
        margin-top: 30px;
        max-width: 90%
    }

    .appflex p {
        color: gray;
        font-family: Golos Text, sans-serif;
        font-size: 14px;
        font-weight: 600;
        padding-left: 20px;
        padding-right: 30px;
        text-align: left
    }

    .jac {
        padding-top: 0
    }

    .inner button {
        border-radius: 9px;
        font-size: 4vw
    }

    .inputpay {
        font-size: 4vw
    }

    .modaltext4 {
        font-size: 5vw
    }

    .checkboxed {
        font-size: 4.6vw;
        margin-left: 10px
    }

    .modaltext4 {
        margin-bottom: 20px
    }

    .modalzaglav {
        font-size: 5vw
    }

    .content2 {
        padding-left: 10px;
        padding-right: 10px
    }

    .close {
        height: 7vw;
        width: 7vw
    }

    .modaltext1 {
        font-size: 3.8vw;
        text-align: left
    }

    .modaltext2 {
        font-size: 6.5vw
    }

    .modaltext3 {
        font-size: 5vw
    }

    .uchp img {
        margin-left: 5px;
        position: static;
        right: 0
    }

    .uchp {
        align-items: center;
        display: flex
    }

    .animsumm {
        padding-top: 15px
    }

    .no {
        text-align: center
    }

    .peop img {
        height: 3vw;
        width: 3vw
    }

    .tirazh,
    .uchp {
        font-size: 3.5vw
    }

    .streamtopinfo {
        padding-left: 10px;
        padding-right: 10px
    }

    .loader img {
        width: 120px
    }

    .peop p {
        padding-left: 5px
    }

    .badconect {
        font-size: 4vw
    }

    .tryinfo {
        font-size: 5.5vw
    }

    .trueinfo span {
        font-size: 6vw
    }

    .trueinfo {
        font-size: 5.5vw
    }

    .trueinfo br {
        content: "";
        display: block;
        margin-top: 10px
    }

    .connectinfo {
        margin-top: 30px
    }

    .load,
    .okk {
        height: 6vw;
        margin-left: 10px;
        width: 6vw
    }

    .jckmin {
        margin-top: -100px
    }

    .totalwin {
        font-size: 4.5vw;
        margin-top: 10px
    }

    .glavwin {
        font-size: 10vw
    }

    .combo,
    .nextpagetext {
        font-size: 5vw
    }

    .ticketabout {
        margin-top: 35px
    }

    .ticketplace img {
        margin-bottom: 10px;
        margin-top: 20px;
        width: 320px
    }

    .nextpagetext {
        margin-top: 25px;
        padding-left: 3px;
        padding-right: 3px
    }

    .buttonplace button {
        font-size: 4.2vw;
        margin-top: 25px
    }

    .mainzone {
        border-radius: 25px 25px 0 0
    }

    .header {
        background: linear-gradient(180deg, #ffe082, #ff996e)
    }

    .connectinfo {
        font-size: 3.5vw;
        padding-left: 15px;
        padding-right: 15px
    }

    .streamicon {
        height: 7px;
        margin-left: 5px;
        padding-top: 0;
        width: 7px
    }

    .ticketwarn p {
        padding-left: 20px
    }

    .register {
        font-size: 3.2vw
    }

    .regicon {
        height: 4.5vw;
        width: 4.5vw
    }

    .ticketp1 {
        font-size: 5vw
    }

    .ticketinfo {
        font-size: 3.5vw
    }

    .ticketwarn {
        font-size: 3vw
    }

    .ticketinfo,
    .ticketwarn {
        padding-left: 25px;
        padding-right: 25px
    }

    .header {
        font-size: 4.5vw
    }

    .podtext {
        font-size: 2.5vw
    }

    .https {
        font-size: 3.5vw;
        padding-left: 15px;
        padding-right: 15px
    }

    .sslp {
        font-size: 4vw
    }

    .sslp img {
        height: 6.5vw;
        padding-left: 5px
    }

    .register {
        align-items: flex-end;
        display: flex;
        font-weight: 500;
        justify-content: space-between;
        margin-top: 47px;
        padding-right: 10px
    }

    .register,
    .ticketinfo2 {
        padding-left: 10px
    }

    .ticketinfo2 {
        font-size: 4vw
    }

    .office img {
        width: 20vw
    }

    .register2 {
        align-items: center;
        display: flex;
        font-size: 21px;
        font-weight: 500;
        justify-content: center;
        margin-top: 47px
    }

    .choosename,
    .green1 {
        font-size: 4vw
    }

    .info1,
    .info2 {
        font-size: 3.5vw
    }

    .info3 {
        font-size: 3.8vw
    }

    .chooseme {
        box-shadow: none;
        font-size: 3vw
    }

    .cards img,
    .wallets img {
        width: 30vw
    }

    .register2 {
        font-size: 3.5vw;
        padding-left: 15px
    }

    .regicon3 {
        height: 7vw;
        margin-right: 30px;
        width: 7vw
    }

    .ticketinfo2 {
        margin-bottom: 25px
    }

    .choose .hr {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .jckmin2 {
        font-size: 6vw
    }

    .podtext {
        font-size: 3vw
    }
}

@media (max-width:706px) {
    .regicon3 {
        font-size: 3.5vw
    }
}

@media (max-width:495px) {
    .jckmin {
        margin-top: -115px
    }
}

@media (max-width:700px) {
    .operatorchat {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        padding-right: 5px
    }

    .message {
        text-align: left
    }

    .chat {
        margin-top: 20px;
        text-align: center
    }

    .chat,
    .operator {
        width: 100%
    }

    .operator img {
        height: 40vw;
        width: 40vw
    }

    .chat {
        padding-right: 0
    }

    .message {
        font-size: 4vw
    }

    .messagetime {
        font-size: 3vw
    }

    .operatorchat {
        margin-top: 5px
    }

    .btchat {
        font-size: 3.9vw;
        margin-top: 10px
    }

    .choose {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin-top: 10px
    }

    .cards {
        margin-bottom: 8px;
        margin-left: 0;
        margin-right: 0
    }

    .cards,
    .wallets {
        width: 100%
    }

    .summing {
        font-size: 4.5vw
    }

    .ticketp22 {
        font-size: 3.9vw
    }

    .loadstream {
        font-size: 4.5vw
    }
}

@media (max-width:625px) {
    .margin {
        padding-left: 5px
    }

    .blue {
        font-size: 3.3vw
    }

    .inner .blue,
    .modal-window {
        font-size: 3.5vw
    }

    .ballloto {
        height: 70px;
        width: 70px
    }

    .lotteryzone {
        display: flex;
        flex-direction: column;
        margin-top: 10px
    }

    .lotterygif {
        margin-top: 40px;
        padding-left: 0;
        text-align: center
    }

    .lotterygif img {
        width: 250px
    }

    .lotterygame {
        padding-top: 20px
    }

    .ticketwininfo {
        font-size: 4vw
    }

    .lotterygame {
        height: 300px;
        width: 100%
    }

    .wininfo {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 10px;
        padding-left: 0;
        text-align: center
    }

    .ticketwin {
        margin-top: 25px
    }

    .wifi {
        align-items: center;
        color: #000;
        display: flex;
        font-family: Golos Text;
        font-size: 16px;
        justify-content: center;
        margin: 20px auto 0;
        padding-left: 0;
        text-align: center;
        width: 75%
    }

    .ticketwin img {
        width: 80vw
    }
}

@media (max-width:525px) {
    .wifi {
        font-size: 3.5vw;
        text-align: center
    }

    .ballline1 {
        margin-top: 5px
    }

    .ballline2 {
        margin-top: 25px
    }

    .lotterygif img {
        width: 45vw
    }

    .lotterygif {
        margin-top: 25px
    }

    .ballloto {
        height: 13vw;
        margin-left: 8px;
        margin-right: 8px;
        width: 13vw
    }

    .wifi {
        margin-top: 35px
    }

    .lotterygame {
        height: auto
    }

    .peop {
        margin-top: 12px
    }

    .mh {
        display: none
    }
}

@media (max-width:798px) {
    .viplatachoose {
        flex-direction: column
    }

    .stolb {
        background: #fff;
        border: 1px solid #b6ccff;
        border-radius: 14px;
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .payinfobutton {
        max-width: 80%;
        padding: 15px
    }

    .stolbbody {
        padding-left: 20px
    }
}

@-webkit-keyframes ball {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        opacity: .5;
        -webkit-transform: translateY(-20px) rotate(620deg);
        transform: translateY(-20px) rotate(620deg)
    }

    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ball {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        opacity: .5;
        -webkit-transform: translateY(-20px) rotate(620deg);
        transform: translateY(-20px) rotate(620deg)
    }

    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes shadow {
    0% {
        opacity: .2;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        opacity: .05;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
}

@keyframes shadow {
    0% {
        opacity: .2;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        opacity: .05;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        display: none;
        opacity: 0
    }
}

@keyframes hidee {
    0% {
        opacity: 1
    }

    to {
        display: none;
        opacity: 0
    }
}

@media (max-width:480px) {
    .podtext2 {
        font-size: 3.5vw
    }
}

@keyframes blinker {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes redblink {
    0% {
        color: #fff
    }

    to {
        color: #b31e1e
    }
}

@keyframes redblink {
    0% {
        color: #fff
    }

    to {
        color: #b31e1e
    }
}

body {
    background-color: #555
}

.ball {
    margin-left: -300px;
    position: relative
}

.green3 {
    color: green;
    font-weight: 600
}

.ball:before {
    -webkit-animation: bounce-shadow .3s cubic-bezier(.7, 0, 1, 1) infinite alternate;
    animation: bounce-shadow .3s cubic-bezier(.7, 0, 1, 1) infinite alternate;
    background-color: hsla(15, 2%, 55%, .3);
    -webkit-filter: blur(1px);
    height: 10px;
    margin: 35px 0 0 -19px;
    width: 60px
}

.ball:after,
.ball:before {
    border-radius: 50%;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%
}

.ball:after {
    -webkit-animation: bounce .3s cubic-bezier(.7, 0, 1, 1) infinite alternate;
    animation: bounce .3s cubic-bezier(.7, 0, 1, 1) infinite alternate;
    background-color: #fd7131;
    background: linear-gradient(180deg, #ffdd81, #ff6363);
    height: 50px;
    margin-left: -15px;
    width: 50px
}

.winshadow {
    box-shadow: inset -8px -8px 0 0 #ffcc5b, 0 0 14px 0 #1927d6
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(-100px) scaleX(1) scaleY(1);
        transform: translateY(-100px) scaleX(1) scaleY(1)
    }

    90% {
        -webkit-transform: translateY(-12px) scaleX(1) scaleY(1);
        transform: translateY(-12px) scaleX(1) scaleY(1)
    }

    to {
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(.6);
        transform: translateY(0) scaleX(1.1) scaleY(.6)
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(-100px) scaleX(1) scaleY(1);
        transform: translateY(-100px) scaleX(1) scaleY(1)
    }

    90% {
        -webkit-transform: translateY(-12px) scaleX(1) scaleY(1);
        transform: translateY(-12px) scaleX(1) scaleY(1)
    }

    to {
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(.6);
        transform: translateY(0) scaleX(1.1) scaleY(.6)
    }
}

@-webkit-keyframes bounce-shadow {
    0% {
        opacity: .3;
        -webkit-transform: scaleX(.5) scaleY(.5);
        transform: scaleX(.5) scaleY(.5)
    }

    90% {
        opacity: 1;
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }

    to {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }
}

@keyframes bounce-shadow {
    0% {
        opacity: .3;
        -webkit-transform: scaleX(.5) scaleY(.5);
        transform: scaleX(.5) scaleY(.5)
    }

    90% {
        opacity: 1;
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }

    to {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }
}

@media (max-width:665px) {
    .glavzagalov {
        font-size: 4.5vw;
        font-weight: 500;
        margin-bottom: 40px
    }

    .payinfoo2 button,
    .viplata .glavzagalov {
        margin-bottom: 20px
    }

    .payinfoo2 button {
        margin-top: 10px
    }

    .viplatainfo {
        font-size: 4vw;
        margin: 0 auto;
        max-width: 95%;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-top: 8px
    }

    .header2 {
        padding-left: 10px;
        padding-right: 10px
    }

    .header2 p {
        font-size: 3.5vw
    }

    .header2 img {
        width: 40vw
    }

    .textup3 {
        font-size: 4.3vw
    }

    .afterloading,
    .uptext0,
    .uptext00 {
        font-size: 4vw
    }

    .stolbbody {
        font-size: 4.2vw
    }

    .stolbhead {
        font-size: 5vw
    }

    .payinfoo {
        padding-left: 5px;
        padding-right: 5px
    }

    .payinfobutton {
        font-size: 4vw;
        margin-top: 20px;
        max-width: 100%
    }

    .loadingup img {
        width: 30vw
    }

    .loadingup p {
        font-size: 4vw;
        padding-left: 10px;
        padding-right: 10px
    }
}

.pyro>.after,
.pyro>.before {
    -webkit-animation: bang 1s ease-out infinite backwards, gravity 1s ease-in infinite backwards, position 5s linear infinite backwards;
    animation: bang 1s ease-out infinite backwards, gravity 1s ease-in infinite backwards, position 5s linear infinite backwards;
    border-radius: 50%;
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
    height: 5px;
    position: absolute;
    width: 5px
}

.pyro>.after {
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s
}

@-webkit-keyframes bang {
    to {
        box-shadow: -23px -225.6666666667px #95ff00, -81px -230.6666666667px #ff0095, -212px 59.3333333333px #0f1, 32px -311.6666666667px #f0a, -95px -240.6666666667px #00ff62, 11px -132.6666666667px #0fd, 156px -302.6666666667px #8400ff, -166px -21.6666666667px #ff6a00, 95px 37.3333333333px #ff7300, 166px -57.6666666667px #ffc400, 146px -208.6666666667px #ffbf00, -20px -174.6666666667px #f2ff00, -94px -17.6666666667px #c4ff00, 149px 8.3333333333px #00eaff, -184px -119.6666666667px #ffb700, -249px -367.6666666667px #ffb700, 124px 36.3333333333px #4800ff, -70px -236.6666666667px #ff0015, -129px -185.6666666667px #ffa600, 212px -344.6666666667px #30f, 57px -293.6666666667px #5eff00, -214px -61.6666666667px #fbff00, 25px -129.6666666667px #ff0026, 44px -333.6666666667px #4f0, 248px -246.6666666667px #0051ff, 110px -156.6666666667px #4d00ff, 130px -197.6666666667px #00ffa6, 125px -108.6666666667px #08f, 120px -316.6666666667px #9500ff, 39px 29.3333333333px #f07, -234px -84.6666666667px lime, -40px 38.3333333333px #ff0004, -212px -173.6666666667px #5900ff, 185px -29.6666666667px #1eff00, 214px -238.6666666667px #fff200, -124px -353.6666666667px #04ff00, 47px -259.6666666667px #f20, 217px -91.6666666667px #4000ff, -131px -44.6666666667px #0f1, -168px -167.6666666667px #ffd500, 110px -173.6666666667px #ff001e, 244px -47.6666666667px #bf00ff, -195px -140.6666666667px #00ffd5, 197px -296.6666666667px #ffea00, 47px -272.6666666667px #2f00ff, 145px 23.3333333333px #f08, 96px -100.6666666667px #ff005e, -210px -324.6666666667px #00ff7b, -138px 23.3333333333px #f80, -9px 21.3333333333px #ff002b, 145px -372.6666666667px #37ff00
    }
}

@keyframes bang {
    to {
        box-shadow: -23px -225.6666666667px #95ff00, -81px -230.6666666667px #ff0095, -212px 59.3333333333px #0f1, 32px -311.6666666667px #f0a, -95px -240.6666666667px #00ff62, 11px -132.6666666667px #0fd, 156px -302.6666666667px #8400ff, -166px -21.6666666667px #ff6a00, 95px 37.3333333333px #ff7300, 166px -57.6666666667px #ffc400, 146px -208.6666666667px #ffbf00, -20px -174.6666666667px #f2ff00, -94px -17.6666666667px #c4ff00, 149px 8.3333333333px #00eaff, -184px -119.6666666667px #ffb700, -249px -367.6666666667px #ffb700, 124px 36.3333333333px #4800ff, -70px -236.6666666667px #ff0015, -129px -185.6666666667px #ffa600, 212px -344.6666666667px #30f, 57px -293.6666666667px #5eff00, -214px -61.6666666667px #fbff00, 25px -129.6666666667px #ff0026, 44px -333.6666666667px #4f0, 248px -246.6666666667px #0051ff, 110px -156.6666666667px #4d00ff, 130px -197.6666666667px #00ffa6, 125px -108.6666666667px #08f, 120px -316.6666666667px #9500ff, 39px 29.3333333333px #f07, -234px -84.6666666667px lime, -40px 38.3333333333px #ff0004, -212px -173.6666666667px #5900ff, 185px -29.6666666667px #1eff00, 214px -238.6666666667px #fff200, -124px -353.6666666667px #04ff00, 47px -259.6666666667px #f20, 217px -91.6666666667px #4000ff, -131px -44.6666666667px #0f1, -168px -167.6666666667px #ffd500, 110px -173.6666666667px #ff001e, 244px -47.6666666667px #bf00ff, -195px -140.6666666667px #00ffd5, 197px -296.6666666667px #ffea00, 47px -272.6666666667px #2f00ff, 145px 23.3333333333px #f08, 96px -100.6666666667px #ff005e, -210px -324.6666666667px #00ff7b, -138px 23.3333333333px #f80, -9px 21.3333333333px #ff002b, 145px -372.6666666667px #37ff00
    }
}

@-webkit-keyframes gravity {
    to {
        opacity: 0;
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px)
    }
}

@keyframes gravity {
    to {
        opacity: 0;
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px)
    }
}

@-webkit-keyframes position {

    0%,
    19.9% {
        margin-left: 40%;
        margin-top: 10%
    }

    20%,
    39.9% {
        margin-left: 30%;
        margin-top: 40%
    }

    40%,
    59.9% {
        margin-left: 70%;
        margin-top: 20%
    }

    60%,
    79.9% {
        margin-left: 20%;
        margin-top: 30%
    }

    80%,
    99.9% {
        margin-left: 80%;
        margin-top: 30%
    }
}

@keyframes position {

    0%,
    19.9% {
        margin-left: 40%;
        margin-top: 10%
    }

    20%,
    39.9% {
        margin-left: 30%;
        margin-top: 40%
    }

    40%,
    59.9% {
        margin-left: 70%;
        margin-top: 20%
    }

    60%,
    79.9% {
        margin-left: 20%;
        margin-top: 30%
    }

    80%,
    99.9% {
        margin-left: 80%;
        margin-top: 30%
    }
}

.pyro {
    display: none;
    height: 100px;
    left: 100px;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: 0
}

@media (max-width:525px) {
    .pyro {
        display: inline-block
    }
}

.red {
    color: red
}

.black {
    color: #000
}

.avast {
    color: #131039;
    font-family: Golos Text;
    font-size: 18px;
    font-weight: 700;
    position: relative
}

.texttt4 p {
    color: silver;
    font-size: 12px;
    margin-top: 5px
}

.hide2 {
    opacity: 0
}

.charcontent::-webkit-scrollbar {
    width: 5px
}

.charcontent::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px
}

.charcontent::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 100px
}

@media (max-width:625px) {
    .footerapp {
        padding-left: 10px;
        padding-right: 10px
    }

    .app1 {
        height: 17vw;
        width: 17vw
    }

    .footerapp button {
        background: #fff;
        border: 0;
        border-radius: 32px;
        box-shadow: 0 0 8px #ededed;
        color: #000;
        display: block;
        font-family: roboto;
        font-size: 4vw;
        font-size: 17px;
        margin: 20px auto 0;
        padding: 10px;
        width: 291px
    }

    .viplata {
        border-radius: 0
    }

    .appflex p {
        font-size: 3.5vw
    }

    .avast {
        font-size: 4vw
    }

    .app2 {
        height: 5vw;
        width: 20vw
    }

    .clup {
        opacity: .3;
        width: 6vw
    }

    .chatimg2 {
        height: 7vw;
        margin-top: 50px;
        opacity: .7;
        width: 7vw
    }

    .inptvbr::-webkit-input-placeholder {
        font-family: Golos Text;
        font-size: 3.5vw
    }

    .inptvbr::placeholder {
        font-family: Golos Text;
        font-size: 3.5vw
    }

    .chatlogo {
        height: 7.5vw;
        width: 14vw
    }

    .chatheader span,
    .messagetxt {
        font-size: 3vw
    }

    .charcontent {
        height: 35vh
    }

    .messagetxt {
        margin-top: 8px
    }

    .avavbr {
        margin-right: 8px
    }

    .chatvbrname {
        padding-top: 10px
    }

    .timechatvbr {
        padding-top: 17px
    }
}

.oklogo,
.tellogo,
.ttlogo,
.vklogo {
    cursor: pointer;
    outline: none
}

.oklogo:active,
.tellogo:active,
.ttlogo:active,
.vklogo:active {
    -webkit-animation: show 3s ease;
    animation: show 3s ease;
    outline: none
}

.blink2 {
    -webkit-animation: blink 1s infinite;
    animation: blink 1s infinite;
    outline: none
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent
}

.register2 {
    margin-bottom: 60px
}

.widthsec {
    margin: 60px auto 0;
    max-width: 850px
}

.payinfoo2 input {
    padding: 5px
}

.vbronline {
    padding-left: 0
}

.podskazka {
    color: gray;
    font-size: 18px;
    font-weight: 400;
    padding-left: 25px;
    padding-right: 10px;
    text-align: left
}

.helpdiv {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.helpdiv img {
    margin-left: 20px;
    margin-right: -16px;
    width: 30px
}

@media (max-width:625px) {
    .ticketss img {
        width: 60vw
    }

    .ticketwarn {
        margin-top: 25px
    }

    .podskazka {
        font-size: 3vw
    }

    .helpdiv img {
        margin-right: -13px;
        width: 6vw
    }

    .payinfoo2 input::-webkit-input-placeholder {
        font-size: 3.5vw
    }

    .payinfoo2 input::placeholder {
        font-size: 3.5vw
    }

    .lotterygame {
        min-height: 150px
    }
}

.sender .messagetxt {
    background: #37d9a024
}

.img {
    max-height: auto
}