@import url('../../../css2-10');
.container-micro {
    background: url('../vertical/img/bg.jpg')!important;
    background-position: center !important;
    /* background-size: cover !important; */
}

.jackpot-title {
    font-size: 80px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 10px #ffeb3b;
}
.jackpot-title-number {
    font-size: 7vh;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    position: absolute;
    margin-top: 12vh;
    text-shadow: 2px 2px 10px #000;
}
.grand-title {
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: absolute;
    text-shadow: 2px 2px 10px #ffeb3b;
}
.grand-title-number {
    margin-top: 5vh;
    font-size: 2vh;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: absolute;
    margin-left: -2vw;
    text-shadow: 2px 2px 10px #ffeb3b;
}
.img-grand {
    margin-top: 0vh;
    width: 23vh;
    display: block;
    margin: auto;
}
.major-title {
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: absolute;
    text-shadow: 2px 2px 10px #ffeb3b;
}
.major-title-number {
    margin-top: 5vh;
    font-size: 2vh;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: absolute;
    margin-left: -2vw;
    text-shadow: 2px 2px 10px #ffeb3b;
}
.img-major {
    margin-top: 0vh;
    width: 23vh;
    display: block;
    margin: auto;
}
.balance-title-number {
    margin-top: 2vh;
    font-size: 2vh;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: absolute;
    margin-left: -1vw;
    text-shadow: 2px 2px 10px #ffeb3b;
}
#myModal .modal-dialog, #myModal.modal {
    max-width: 100% !important;
    margin: 5px;
    border-radius: 10px;
    max-height: 40vh;
    bottom: 35%;
    position: sticky;
}
.modal-backdrop.show {
    opacity: 0 !important;
}
.balance-bottom {
    background: rgba(103,58,183,0.45);
    min-height: 75px;
    margin-top: 10px;
    border-radius: 60px;
    text-align: center;
    line-height: 75px;
    bottom: 0;
    position: fixed;
}
.img-title-one {
    width: 100%;
    margin: auto;
}
.img-title-two {
    width:100%;
    margin: auto;
    display: block;
    position: absolute;
    margin-top: 50%;
    z-index: 1000;
}
.walletBalance {
    /* font-family: 'Saira Condensed', sans-serif; */
    /* font-size: 45px; */
}
.btn-cashout {
    background: linear-gradient(to bottom, rgba(238,255,0,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(255,183,0,1) 100%);
    font-weight: 700 !important;
    font-size: 1.8rem !important;
    text-transform: uppercase;
}
.btn-withdraw {
    background: linear-gradient(to bottom, rgba(238,255,0,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(255,183,0,1) 100%);
    font-weight: 700 !important;
    font-size: 3.0rem !important;
    min-height: 60px;
    text-transform: uppercase;
}
.btn-history-bottom {
    background: url('../vertical/img/history-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    min-height: 9vw;
    text-transform: uppercase;
    color: white !important;
    padding-left: 54px !important;
}
.btn-withdraw-bottom {
    background: url('../vertical/img/money-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    min-height: 9vw;
    text-transform: uppercase;
    color: white !important;
    padding-left: 54px !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 7rem !important;
    height: 7rem !important;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
.carousel-control-next, .carousel-control-prev {
    top: 40% !important;
    opacity: 1 !important;
}
.prev-grey {
    display: none !important;
}
.next-grey {
    display: none !important;
}
.carousel-control-prev:hover > .prev-default, .carousel-control-next:hover > .next-default  {
    display:none !important;
}
.carousel-control-prev:hover > .prev-grey, .carousel-control-next:hover > .next-grey  {
    display:inline-block !important;
}
.carousel-control-next {
    top: 40% !important;
    opacity: 1 !important;
}
.title-item {
    color: #fff;
    font-weight: 700;
    font-size: 1em;
    line-height: 35px;
    height: 11vh;
    background: linear-gradient(to bottom, rgba(39,46,82,1) 0%, rgba(30,45,120,1) 44%, rgba(18,21,36,1) 100%);
    box-shadow: 2px 2px 2px -1px #000;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-top: 5px;
    text-align: center;
    display: inline-grid;
    border-radius: 0px 15px 0px 15px !important;
}
.title-item:hover {
    color: #fff;
    font-weight: 700;
    line-height: 35px;
    background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(39,46,82,1) 100%);
    box-shadow: 2px 2px 2px -1px #000;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
    display: inline-grid;
    border-radius: 0px 15px 0px 15px !important;
}
.title-item img {
    width: 100%;
    margin: auto;
    cursor: pointer
}
.card-01 {
    height: 12vh;
    cursor: pointer;
    width: 80%;
    margin: auto auto 10px;
    background: #101010;
    border: 3px solid #ffc107;
    box-shadow: 5px 5px 7px 0px #121524;
    border-radius: 5px;
    transition-delay: 0.1s;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.card-01:hover {
    background: #101010;
    transform: scale(1.03) !important;
}
.card-01-casino {
    height: 61vh;
    cursor: pointer;
    width: 70%;
    margin-top: 25% !important;
    margin: auto auto 10px;
    background: #101010;
    border: 3px solid #ff0;
    box-shadow: 5px 5px 7px 0px #121524;
    border-radius: 5px;
    transition-delay: 0.1s;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.card-01-casino:hover {
    background: #101010;
    transform: scale(1.03) !important;
}
.top-micro {
    background: transparent;
}
.img-top {
    height: 100px;
}
.img-01 {
    width: 50%;
    height: 50%;
    border-radius: 10px;
}
.img-02 {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.title-img {
    position: absolute;
    left: 21%;
    top: -5px;
    border-radius: 10px;
    box-shadow: 2px 2px 2px 2px #000
}
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #000;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
    height: 15%;
    top: 50%;
    background: #ff0;
}
.pm-1 {
    background: url('../vertical/img/games/pm-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.pm-2 {
    background: url('../vertical/img/games/pm-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}

.pm-3 {
    background: url('../vertical/img/games/pm-3.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.pm-4 {
    background: url('../vertical/img/games/pm-4.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.pm-1:hover, .pm-2:hover, .pm-3:hover, .pm-4:hover {
    background: url('../vertical/img/games/pm.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.vb-1 {
    background: url('../vertical/img/games/vb-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.vb-1:hover {
    background: url('../vertical/img/games/vb.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.rp-1 {
    background: url('../vertical/img/games/rp-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.rp-2 {
    background: url('../vertical/img/games/rp-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.rp-3 {
    background: url('../vertical/img/games/rp-3.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.rp-4 {
    background: url('../vertical/img/games/rp-4.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}

.rp-1:hover, .rp-2:hover, .rp-3:hover, .rp-4:hover {
    background: url('../vertical/img/games/rp.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.pts-1 {
    background: url('../vertical/img/games/pts-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.pts-2 {
    background: url('../vertical/img/games/pts-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.pts-3 {
    background: url('../vertical/img/games/pts-3.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.pts-4 {
    background: url('../vertical/img/games/pts-4.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.pts-5 {
    background: url('../vertical/img/games/pts-5.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.pts-6 {
    background: url('../vertical/img/games/pts-6.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}

.pts-1:hover, .pts-2:hover, .pts-3:hover, .pts-4:hover, .pts-5:hover, .pts-6:hover {
    background: url('../vertical/img/games/pts.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}

.rr-1 {
    background: url('../vertical/img/games/rr-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.rr-2 {
    background: url('../vertical/img/games/rr-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.rr-3 {
    background: url('../vertical/img/games/rr-3.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.rr-4 {
    background: url('../vertical/img/games/rr-4.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}

.rr-1:hover, .rr-2:hover, .rr-3:hover, .rr-4:hover {
    background: url('../vertical/img/games/rr.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}

.boo-1 {
    background: url('../vertical/img/games/boo-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.boo-2 {
    background: url('../vertical/img/games/boo-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.boo-3 {
    background: url('../vertical/img/games/boo-3.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.boo-4 {
    background: url('../vertical/img/games/boo-4.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.boo-5 {
    background: url('../vertical/img/games/boo-5.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.boo-6 {
    background: url('../vertical/img/games/boo-6.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.boo-7 {
    background: url('../vertical/img/games/boo-7.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.boo-8 {
    background: url('../vertical/img/games/boo-8.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.boo-9 {
    background: url('/assets/template/vertical/img/games/boo-9.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.boo-1:hover, .boo-2:hover, .boo-3:hover, .boo-4:hover, .boo-5:hover, .boo-6:hover, .boo-7:hover, .boo-8:hover, .boo-9:hover {
    background: url('../vertical/img/games/boo.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}

.ka-1 {
    background: url('../vertical/img/games/ka-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ka-2 {
    background: url('../vertical/img/games/ka-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ka-3 {
    background: url('../vertical/img/games/ka-3.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ka-4 {
    background: url('../vertical/img/games/ka-4.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ka-1:hover, .ka-2:hover, .ka-3:hover, .ka-4:hover {
    background: url('../vertical/img/games/ka.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}

.egt-1 {
    background: url('../vertical/img/games/egt-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.egt-2 {
    background: url('../vertical/img/games/egt-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.egt-1:hover, .egt-2:hover{
    background: url('../vertical/img/games/egt.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}

.ap-1 {
    background: url('../vertical/img/games/ap-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ap-2 {
    background: url('../vertical/img/games/ap-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ap-3 {
    background: url('../vertical/img/games/ap-3.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ap-4 {
    background: url('../vertical/img/games/ap-4.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ap-1:hover, .ap-2:hover, .ap-3:hover, .ap-4:hover{
    background: url('../vertical/img/games/ap.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}

.gt-1 {
    background: url('../vertical/img/games/gt-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.gt-2 {
    background: url('../vertical/img/games/gt-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.gt-3 {
    background: url('../vertical/img/games/gt-3.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.gt-4 {
    background: url('../vertical/img/games/gt-4.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.gt-5 {
    background: url('../vertical/img/games/gt-5.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.gt-6 {
    background: url('../vertical/img/games/gt-6.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.gt-1:hover, .gt-2:hover, .gt-3:hover, .gt-4:hover, .gt-5:hover, .gt-6:hover{
    background: url('../vertical/img/games/gt.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}


.ca-1 {
    background: url('/assets/template/vertical/img/casino/ruletasbc.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ca-2 {
    background: url('/assets/template/vertical/img/casino/vivogaming.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ca-3 {
    background: url('/assets/template/vertical/img/casino/pragmaticplay-casino.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ka-1:hover, .ka-2:hover, .ka-3:hover, .ka-4:hover {
    cursor: pointer;
}

.tg-1 {
    background: url('../vertical/img/games/tg-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.tg-2 {
    background: url('../vertical/img/games/tg-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.tg-3 {
    background: url('../vertical/img/games/tg-3.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.tg-1:hover, .tg-2:hover, .tg-3:hover, .pm-4:hover {
    background: url('../vertical/img/games/tg.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.nv-1 {
    background: url('../vertical/img/games/nv-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.nv-2 {
    background: url('../vertical/img/games/nv-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.nv-1:hover, .nv-2:hover {
    background: url('../vertical/img/games/nv.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.am-1 {
    background: url('../vertical/img/games/am-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.am-1:hover {
    background: url('../vertical/img/games/am.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.o-1 {
    background: url('../vertical/img/games/o-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.o-2 {
    background: url('../vertical/img/games/o-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.o-1:hover, .o-2:hover {
    background: url('../vertical/img/games/ot.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ct-1 {
    background: url('../vertical/img/games/ct-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ct-2 {
    background: url('../vertical/img/games/ct-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.ct-1:hover, .ct-2:hover {
    background: url('../vertical/img/games/ct.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.vb-1 {
    background: url('../vertical/img/games/vb-1.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.vb-2 {
    background: url('../vertical/img/games/vb-2.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.vb-3 {
    background: url('../vertical/img/games/vb-3.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
.vb-1:hover, .vb-2:hover, .vb-3:hover {
    background: url('../vertical/img/games/vb.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}
@media screen and (min-width: 1920px) and (orientation: landscape) {
    .btn-cashout {
        background: linear-gradient(to bottom, rgba(238,255,0,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(255,183,0,1) 100%);
        font-weight: 700 !important;
        font-size: 2rem !important;
    }
    .btn-withdraw {
        background: linear-gradient(to bottom, rgba(238,255,0,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(255,183,0,1) 100%);
        font-weight: 700 !important;
        font-size: 2rem !important;

    }
    .title-item {
        color: #fff;
        font-weight: 700;
        line-height: 35px;
        background: linear-gradient(to bottom, rgba(39,46,82,1) 0%, rgba(30,45,120,1) 44%, rgba(18,21,36,1) 100%);
        box-shadow: 2px 2px 2px -1px #000;
        text-transform: uppercase;
        margin-bottom: 10px;
        padding-top: 5px;
        text-align: center;
        display: inline-grid;
        border-radius: 0px 15px 0px 15px !important;
    }
    .title-item img {
        height: auto;
        width: 100%;
        margin: auto;
        cursor: pointer
    }
 }
 
.casino_p {
    position: relative;
    z-index: 10;
}
.casino_p img {
    max-width: 90vw;
    height: 25vh;
    margin: auto;
    display: block;
}
.lights {
    display: block;
    position: absolute;
    top: 12vw;
    left: 7vw;
    z-index: 12;
    mix-blend-mode: screen;
}

.bgshine {
    width: 11vw;
    height: 12vw;
    left: 44vw;
    top: 12vw;
    position: absolute;
    mix-blend-mode: screen;
    z-index: 0;
    transform: rotate(10deg);
}


.lbshine {
    left: -1.62vw;
    top: -0.18vw;
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center center;
    width: 6vw;
    height: 6vw;
    animation: casinolights steps(1);
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    background-image: url('../lobby/casinov2/img/lightbulbshine.png');
}

.ls1 {
    animation-delay: 0.2s
}

.ls2 {
    animation-delay: 0.4s
}

.ls3 {
    animation-delay: 0.6s
}

.ls4 {
    animation-delay: 0.8s
}

.ls5 {
    animation-delay: 1s
}

.ls6 {
    animation-delay: 1.2s
}

.ls7 {
    animation-delay: 1.4s
}

.ls8 {
    animation-delay: 1.6s
}

.ls9 {
    animation-delay: 1.8s
}

.ls10 {
    animation-delay: 2s
}

.ls11 {
    animation-delay: 2.2s
}

.ls12 {
    animation-delay: 2.4s
}

.ls13 {
    animation-delay: 2.6s
}

.ls14 {
    animation-delay: 2.8s
}

.background {
    width: 100%;
    height: 100%;
}


/*

animation Stage

*/

@keyframes envivofloat {
    from {
        transform: translate(0, 0.1vw);
        -webkit-transform: translate(0, 0.1vw);
        -moz-transform: translate(0, 0.1vw);
        -ms-transform: translate(0, 0.1vw);
        -o-transform: translate(0, 0.1vw);
    }
    to {
        transform: translate(0, -0.1vw);
        -webkit-transform: translate(0, -0.1vw);
        -moz-transform: translate(0, -0.1vw);
        -ms-transform: translate(0, -0.1vw);
        -o-transform: translate(0, -0.1vw);
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes casinolights {
    0% {
        left: 0vw;
        top: -0.9vw;
    }
    2% {
        left: -0.2vw;
        top: -0.9vw;
    }
    4% {
        left: 0.65vw;
        top: -0.9vw;
    }
    6% {
        left: 1.6vw;
        top: -0.9vw;
    }
    8% {
        left: 2.4vw;
        top: -0.9vw;
    }
    10% {
        left: 3.35vw;
        top: -0.9vw;
    }
    12% {
        left: 4.3vw;
        top: -0.9vw;
    }
    14% {
        left: 5.18vw;
        top: -0.9vw;
    }
    16% {
        left: 6.1vw;
        top: -0.9vw;
    }
    18% {
        left: 7vw;
        top: -0.9vw;
    }
    20% {
        left: 7.9vw;
        top: -0.9vw;
    }
    22% {
        left: 8.75vw;
        top: -0.9vw;
    }
    24% {
        left: 9.65vw;
        top: -0.9vw;
    }
    26% {
        left: 10.54vw;
        top: -0.9vw;
    }
    28% {
        left: 11.46vw;
        top: -0.9vw;
    }
    30% {
        left: 12.37vw;
        top: -0.9vw;
    }
    32% {
        left: 13.26vw;
        top: -0.9vw;
    }
    34% {
        left: 14.23vw;
        top: -0.9vw;
    }
    36% {
        left: 15.1vw;
        top: -0.9vw;
    }
    38% {
        left: 15.6vw;
        top: -0.15vw;
    }
    40% {
        left: 15.52vw;
        top: 0.58vw;
    }
    42% {
        left: 15.4vw;
        top: 1.4vw;
    }
    44% {
        left: 15.25vw;
        top: 2.17vw;
    }
    46% {
        left: 15.13vw;
        top: 2.95vw;
    }
    48% {
        left: 15vw;
        top: 3.75vw;
    }
    50% {
        left: 12.65vw;
        top: 17.31vw;
    }
    50% {
        left: 14.65vw;
        top: 17.31vw;
    }
    52% {
        left: 13.77vw;
        top: 17.31vw;
    }
    52% {
        left: 13.77vw;
        top: 17.31vw;
    }
    52% {
        left: 13.77vw;
        top: 17.31vw;
    }
    52% {
        left: 13.77vw;
        top: 17.31vw;
    }
    52% {
        left: 13.77vw;
        top: 17.31vw;
    }
    52% {
        left: 13.77vw;
        top: 17.31vw;
    }
    52% {
        left: 13.77vw;
        top: 17.31vw;
    }
    54% {
        left: 12.96vw;
        top: 17.31vw;
    }
    56% {
        left: 12.1vw;
        top: 17.31vw;
    }
    58% {
        left: 11.24vw;
        top: 17.31vw;
    }
    60% {
        left: 10.39vw;
        top: 17.31vw;
    }
    62% {
        left: 9.52vw;
        top: 17.31vw;
    }
    64% {
        left: 8.65vw;
        top: 17.31vw;
    }
    66% {
        left: 7.85vw;
        top: 17.31vw;
    }
    68% {
        left: 6.98vw;
        top: 17.31vw;
    }
    70% {
        left: 6.1vw;
        top: 17.31vw;
    }
    72% {
        left: 5.23vw;
        top: 17.31vw;
    }
    74% {
        left: 4.35vw;
        top: 17.31vw;
    }
    76% {
        left: 3.54vw;
        top: 17.31vw;
    }
    78% {
        left: 2.50vw;
        top: 17.31vw;
    }
    80% {
        left: 1.84vw;
        top: 4.36vw;
    }
    82% {
        left: 0.94vw;
        top: 4.46vw;
    }
    84% {
        left: 0.15vw;
        top: 4.58vw;
    }
    86% {
        left: -0.71vw;
        top: 4.52vw;
    }
    88% {
        left: -1.1vw;
        top: 3.76vw;
    }
    90% {
        left: -1.23vw;
        top: 2.93vw;
    }
    92% {
        left: -1.28vw;
        top: 2.18vw;
    }
    94% {
        left: -1.45vw;
        top: 1.35vw;
    }
    96% {
        left: -1.52vw;
        top: 0.58vw;
    }
    98% {
        left: -1.62vw;
        top: -0.18vw;
    }
    /* last one */
    100% {
        left: -1.2vw;
        top: -0.9vw;
    }
}