/* 
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    html {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }
} */

@font-face {
    font-family: droidsans;
    src: url(../fonts/droidsans.ttf);
}
@font-face {
    font-family: droidsans-bold;
    src: url(../fonts/droidsans-bold.ttf);
}

.deposit-modal .report-form .form-control{
    width: 250px;
}
.roulette-result-box-container{
    display: flex;
    flex-wrap: wrap;
}
.roulette-result-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 18%;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 5px;
    border-radius: 4px;
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
}
.roulette-result-box > span{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    padding: 0 5px;
}
.roulette-result-box > span:first-child{
    height: 24px;
    min-width: 70px;
}
.roulette-result-box > span:last-child{
    height: 40px;
    font-weight: bold;
    min-width: 70px;
}
@media only screen and (min-width: 320px) and (max-width: 1279px){
    .deposit-modal .report-form .form-control{
        width: 100%;
    }
}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}


.active-team{
    background-color: var(--bg-table-header);
}
.login-fixture {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    white-space: nowrap;
}

.svg-box{
    position: absolute;
    z-index: -1;
    animation-name: rotateSplash;
    animation-duration:0.5s;
    animation-iteration-count:1;
}

.bodymovinanim {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    position: fixed;
    background-color: var(--bg-body);
    z-index: 999999999;
}

.top-winner-list-box img {
    display: unset !important;
}

.fixure-box>a>div:first-child{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

@keyframes rotateSplash {
    0%{
    transform:scale(0.3);
  }
  100%{
    transform:scale(1.0);
  }
}

.dragable-tv iframe {
    height: 273px;
    width: 480px;
}
.dragable-tv .tvButton{
    z-index: 10;
}

@media only screen and (min-width: 320px) and (max-width: 360px){
    .video-tv {
        height: 185px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 1024px){
    .video-tv {
        height: 207px;
    }
}


.fixure-box {
    height: 46px;
}


/* .vraceto17 .vodds-box .casino-bl-box-item{
    height: 8vh;
} */

@media only screen and (min-width: 320px) and (max-width: 1279px){
    
    /* VIRTUAL CASINO CUSTOM START */   
    .virtual-casino-place-bet .place-bet-box-container{
        max-width: 100%;
    } 

    .vteen-mobile .flip-card, 
    .vdt6-mobile .flip-card,
    .vdt20-mobile .flip-card,
    .vlucky7-mobile .flip-card,
    .vbaccarat-mobile .flip-card,
    .vaaa-mobile .flip-card,
    .vraceto17-mobile .flip-card,
    .vtrio-mobile .flip-card,
    .vbt-mobile .flip-card {
        background-color: transparent;
        width: 10%;
        height: 15%;
        perspective: 1000px;
        position: absolute;
        opacity: 1;
    }
    .vteen-mobile .cards-block .flip-card, 
    .vdt6-mobile .cards-block .flip-card,
    .vdt20-mobile .cards-block .flip-card,
    .vlucky7-mobile .cards-block .flip-card,
    .vbaccarat-mobile .cards-block .flip-card,
    .vaaa-mobile .cards-block .flip-card,
    .vraceto17-mobile .cards-block .flip-card,
    .vtrio-mobile .cards-block .flip-card,
    .vbt-mobile .cards-block .flip-card {
        bottom: 52.1%;
        transform-origin: right;
        left: 84.7%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 0;
    }
    .vteen-mobile .cards-showing-block .flip-card, 
    .vdt6-mobile .cards-showing-block .flip-card,
    .vdt20-mobile .cards-showing-block .flip-card,
    .vlucky7-mobile .cards-showing-block .flip-card,
    .vbaccarat-mobile .cards-showing-block .flip-card,
    .vaaa-mobile .cards-showing-block .flip-card,
    .vraceto17-mobile .cards-showing-block .flip-card,
    .vtrio-mobile .cards-showing-block .flip-card,
    .vbt-mobile .cards-showing-block .flip-card {
        opacity: 0;
    }
    
    .vteen-mobile .flip-card.show, 
    .vdt6-mobile .flip-card.show,
    .vdt20-mobile .flip-card.show,
    .vlucky7-mobile .flip-card.show,
    .vbaccarat-mobile .flip-card.show,
    .vaaa-mobile .flip-card.show,
    .vraceto17-mobile .flip-card.show,
    .vtrio-mobile .flip-card.show,
    .vbt-mobile .flip-card.show {
        bottom: 68%;
    }
    
    .vteen-mobile .cards-showing-block .flip-card.show, 
    .vdt6-mobile .cards-showing-block .flip-card.show,
    .vdt20-mobile .cards-showing-block .flip-card.show,
    .vlucky7-mobile .cards-showing-block .flip-card.show,
    .vbaccarat-mobile .cards-showing-block .flip-card.show,
    .vaaa-mobile .cards-showing-block .flip-card.show,
    .vraceto17-mobile .cards-showing-block .flip-card.show,
    .vtrio-mobile .cards-showing-block .flip-card.show,
    .vbt-mobile .cards-showing-block .flip-card.show {
        opacity: 1;
        transition: opacity 0s linear .3s;
    }


    .vbt-mobile .cards-block .flip-card:nth-child(1).show.carda {
        animation-name: vbt-flip-carda;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vbt-mobile .cards-block .flip-card:nth-child(1).show.cardb {
        animation-name: vbt-flip-cardb;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vbt-mobile .cards-block .flip-card:nth-child(1).show.cardc {
        animation-name: vbt-flip-cardc;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vbt-mobile .cards-block .flip-card:nth-child(1).show.cardd {
        animation-name: vbt-flip-cardd;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vbt-mobile .cards-block .flip-card:nth-child(1).show.carde {
        animation-name: vbt-flip-carde;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vbt-mobile .cards-block .flip-card:nth-child(1).show.cardf {
        animation-name: vbt-flip-cardf;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }

    .vtrio-mobile .cards-block .flip-card:nth-child(1).show {
        animation-name: vtrio-flip-card1;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vtrio-mobile .cards-block .flip-card:nth-child(2).show {
        animation-name: vtrio-flip-card2;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vtrio-mobile .cards-block .flip-card:nth-child(3).show {
        animation-name: vtrio-flip-card3;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }

    .vraceto17-mobile .cards-block .flip-card:nth-child(1).show {
        animation-name: vrace17-flip-card1;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vraceto17-mobile .cards-block .flip-card:nth-child(2).show {
        animation-name: vrace17-flip-card2;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vraceto17-mobile .cards-block .flip-card:nth-child(3).show {
        animation-name: vrace17-flip-card3;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vraceto17-mobile .cards-block .flip-card:nth-child(4).show {
        animation-name: vrace17-flip-card4;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vraceto17-mobile .cards-block .flip-card:nth-child(5).show {
        animation-name: vrace17-flip-card5;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    
    
    .vaaa-mobile .cards-block .flip-card:nth-child(1).show.low {
        animation-name: vaaa-flip-card1;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vaaa-mobile .cards-block .flip-card:nth-child(1).show.tie {
        animation-name: vaaa-flip-tie1;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vaaa-mobile .cards-block .flip-card:nth-child(1).show.high {
        animation-name: vaaa-flip-card2;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }

    .vbaccarat-mobile .cards-block .flip-card:nth-child(1).show {
        animation-name: vbaccarat-flip-card1;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vbaccarat-mobile .cards-block .flip-card:nth-child(2).show {
        animation-name: vbaccarat-flip-card2;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vbaccarat-mobile .cards-block .flip-card:nth-child(3).show {
        animation-name: vbaccarat-flip-card3;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vbaccarat-mobile .cards-block .flip-card:nth-child(4).show {
        animation-name: vbaccarat-flip-card4;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vbaccarat-mobile .cards-block .flip-card:nth-child(5).show {
        animation-name: vbaccarat-flip-card5;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vbaccarat-mobile .cards-block .flip-card:nth-child(6).show {
        animation-name: vbaccarat-flip-card6;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }

    
    .vlucky7-mobile .cards-block .flip-card:nth-child(1).show.low {
        animation-name: vlucky7-flip-card1;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vlucky7-mobile .cards-block .flip-card:nth-child(1).show.tie {
        animation-name: vlucky7-flip-tie1;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vlucky7-mobile .cards-block .flip-card:nth-child(1).show.high {
        animation-name: vlucky7-flip-card2;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    
    .vteen-mobile .cards-block .flip-card:nth-child(1).show {
        animation-name: flip-card1;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vteen-mobile .cards-block .flip-card:nth-child(2).show {
        animation-name: flip-card2;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 3;
    }
    
    .vteen-mobile .cards-block .flip-card:nth-child(3).show {
        animation-name: flip-card3;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 5;
    }
    
    .vteen-mobile .cards-block .flip-card:nth-child(6).show {
        animation-name: flip-card6;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 2;
    }
    
    .vteen-mobile .cards-block .flip-card:nth-child(5).show {
        
        animation-name: flip-card5;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 4;
    }
    
    .vteen-mobile .cards-block .flip-card:nth-child(4).show {
        animation-name: flip-card4;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 6;
    }

    .vdt6-mobile .cards-block .flip-card:nth-child(1).show, 
    .vdt20-mobile .cards-block .flip-card:nth-child(1).show {
        animation-name: vdt6-flip-card1;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 1;
    }
    .vdt6-mobile .cards-block .flip-card:nth-child(2).show, 
    .vdt20-mobile .cards-block .flip-card:nth-child(2).show {
        animation-name: vdt6-flip-card2;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 3;
    }
    
    /* 2 block show*/
    
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.carda {
        z-index: 1;
        animation-name: vbt-flip-carda1;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.carda .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardb {
        z-index: 1;
        animation-name: vbt-flip-cardb1;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardb .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardc {
        z-index: 1;
        animation-name: vbt-flip-cardc1;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardc .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardd {
        z-index: 1;
        animation-name: vbt-flip-cardd1;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardd .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.carde {
        z-index: 1;
        animation-name: vbt-flip-carde1;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.carde .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardf {
        z-index: 1;
        animation-name: vbt-flip-cardf1;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardf .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }

    .vtrio-mobile .cards-showing-block .flip-card:nth-child(1).show {
        z-index: 1;
        animation-name: vtrio-flip-card21;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(1).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(2).show {
        z-index: 1;
        animation-name: vtrio-flip-card22;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(2).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(3).show {
        z-index: 1;
        animation-name: vtrio-flip-card23;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(3).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }

    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(1).show {
        z-index: 1;
        animation-name: vrace17-flip-card21;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(1).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(2).show {
        z-index: 1;
        animation-name: vrace17-flip-card22;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(2).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(3).show {
        z-index: 1;
        animation-name: vrace17-flip-card23;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(3).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(4).show {
        z-index: 1;
        animation-name: vrace17-flip-card24;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(4).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(5).show {
        z-index: 1;
        animation-name: vrace17-flip-card25;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(5).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    
    
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).show.low {
        z-index: 1;
        animation-name: vaaa-flip-card21;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).show.low .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).show.tie {
        z-index: 1;
        animation-name: vaaa-flip-tie2;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).show.tie .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).show.high {
        z-index: 1;
        animation-name: vaaa-flip-card22;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).show.high .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }


    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(1).show {
        z-index: 1;
        animation-name: vbaccarat-flip-card21;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(1).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(2).show {
        z-index: 1;
        animation-name: vbaccarat-flip-card22;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(2).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(3).show {
        z-index: 1;
        animation-name: vbaccarat-flip-card23;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(3).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(4).show {
        z-index: 1;
        animation-name: vbaccarat-flip-card24;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(4).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(5).show {
        z-index: 1;
        animation-name: vbaccarat-flip-card25;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(5).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(6).show {
        z-index: 1;
        animation-name: vbaccarat-flip-card26;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(6).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }

    
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).show.low {
        z-index: 1;
        animation-name: vlucky7-flip-card21;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).show.low .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).show.tie {
        z-index: 1;
        animation-name: vlucky7-flip-tie2;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).show.tie .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).show.high {
        z-index: 1;
        animation-name: vlucky7-flip-card22;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).show.high .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }

    .vteen-mobile .cards-showing-block .flip-card:nth-child(1).show {
        z-index: 1;
        animation-name: flip-card21;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(1).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(2).show {
        animation-name: flip-card22;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 3;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(2).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(3).show {
        animation-name: flip-card23;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 5;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(3).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(6).show {
        animation-name: flip-card26;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 2;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(6).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(5).show {
        
        animation-name: flip-card25;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 4;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(5).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(4).show {
        animation-name: flip-card24;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 6;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(4).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }

    .vdt6-mobile .cards-showing-block .flip-card:nth-child(1).show, 
    .vdt20-mobile .cards-showing-block .flip-card:nth-child(1).show {
        z-index: 1;
        animation-name: vdt6-flip-card21;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vdt6-mobile .cards-showing-block .flip-card:nth-child(1).show .flip-card-inner,
    .vdt20-mobile .cards-showing-block .flip-card:nth-child(1).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }
    .vdt6-mobile .cards-showing-block .flip-card:nth-child(2).show, 
    .vdt20-mobile .cards-showing-block .flip-card:nth-child(2).show {
        animation-name: vdt6-flip-card22;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        z-index: 3;
    }
    .vdt6-mobile .cards-showing-block .flip-card:nth-child(2).show .flip-card-inner,
    .vdt20-mobile .cards-showing-block .flip-card:nth-child(2).show .flip-card-inner {
        animation-name: flip-card;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
    }

    
    /* 1 block hide start*/
    
    .vbt-mobile .cards-block .flip-card:nth-child(1).end.carda {
        animation-name: vbt-go-to-left-carda, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vbt-mobile .cards-block .flip-card:nth-child(1).end.cardb {
        animation-name: vbt-go-to-left-cardb, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vbt-mobile .cards-block .flip-card:nth-child(1).end.cardc {
        animation-name: vbt-go-to-left-cardc, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vbt-mobile .cards-block .flip-card:nth-child(1).end.cardd {
        animation-name: vbt-go-to-left-cardd, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vbt-mobile .cards-block .flip-card:nth-child(1).end.carde {
        animation-name: vbt-go-to-left-carde, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vbt-mobile .cards-block .flip-card:nth-child(1).end.cardf {
        animation-name: vbt-go-to-left-cardf, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
   
    .vtrio-mobile .cards-block .flip-card:nth-child(1).end {
        animation-name: vtrio-go-to-left-decks11, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vtrio-mobile .cards-block .flip-card:nth-child(2).end {
        animation-name: vtrio-go-to-left-decks12, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vtrio-mobile .cards-block .flip-card:nth-child(3).end {
        animation-name: vtrio-go-to-left-decks13, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    
    .vraceto17-mobile .cards-block .flip-card:nth-child(1).end {
        animation-name: vrace17-go-to-left-decks11, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vraceto17-mobile .cards-block .flip-card:nth-child(2).end {
        animation-name: vrace17-go-to-left-decks12, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vraceto17-mobile .cards-block .flip-card:nth-child(3).end {
        animation-name: vrace17-go-to-left-decks13, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vraceto17-mobile .cards-block .flip-card:nth-child(4).end {
        animation-name: vrace17-go-to-left-decks14, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vraceto17-mobile .cards-block .flip-card:nth-child(5).end {
        animation-name: vrace17-go-to-left-decks15, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }

    
    .vaaa-mobile .cards-block .flip-card:nth-child(1).end.low {
        animation-name: vaaa-go-to-left-decks11, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vaaa-mobile .cards-block .flip-card:nth-child(1).end.tie {
        animation-name: vaaa-go-to-left-tie1, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vaaa-mobile .cards-block .flip-card:nth-child(1).end.high {
        animation-name: vaaa-go-to-left-decks12, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }


    .vbaccarat-mobile .cards-block .flip-card:nth-child(1).end {
        animation-name: vbaccarat-go-to-left-decks11, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vbaccarat-mobile .cards-block .flip-card:nth-child(2).end {
        animation-name: vbaccarat-go-to-left-decks12, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vbaccarat-mobile .cards-block .flip-card:nth-child(3).end {
        animation-name: vbaccarat-go-to-left-decks13, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vbaccarat-mobile .cards-block .flip-card:nth-child(4).end {
        animation-name: vbaccarat-go-to-left-decks14, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vbaccarat-mobile .cards-block .flip-card:nth-child(5).end {
        animation-name: vbaccarat-go-to-left-decks15, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vbaccarat-mobile .cards-block .flip-card:nth-child(6).end {
        animation-name: vbaccarat-go-to-left-decks16, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }

    
    .vlucky7-mobile .cards-block .flip-card:nth-child(1).end.low {
        animation-name: vlucky7-go-to-left-decks11, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vlucky7-mobile .cards-block .flip-card:nth-child(1).end.tie {
        animation-name: vlucky7-go-to-left-tie1, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vlucky7-mobile .cards-block .flip-card:nth-child(1).end.high {
        animation-name: vlucky7-go-to-left-decks12, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    
    .vteen-mobile .cards-block .flip-card:nth-child(1).end {
        animation-name: go-to-left-decks11, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vteen-mobile .cards-block .flip-card:nth-child(2).end {
        animation-name: go-to-left-decks12, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 3;
    }
    .vteen-mobile .cards-block .flip-card:nth-child(3).end {
        animation-name: go-to-left-decks13, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 5;
    }
    .vteen-mobile .cards-block .flip-card:nth-child(6).end {
        animation-name: go-to-left-decks16, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 2;
    }
    .vteen-mobile .cards-block .flip-card:nth-child(5).end {
        
        animation-name: go-to-left-decks15, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 4;
    }
    .vteen-mobile .cards-block .flip-card:nth-child(4).end {
        animation-name: go-to-left-decks14, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 6;
    }

    .vdt6-mobile .cards-block .flip-card:nth-child(1).end, 
    .vdt20-mobile .cards-block .flip-card:nth-child(1).end {
        animation-name: vdt6-go-to-left-decks11, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 1;
    }
    .vdt6-mobile .cards-block .flip-card:nth-child(2).end, 
    .vdt20-mobile .cards-block .flip-card:nth-child(2).end {
        animation-name: vdt6-go-to-left-decks12, close-opacity-anumation-2;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 3;
    }
    /* 1 block hide end */
    
    
    /* 2 block hide*/
    
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.carda {
        z-index: 1;
        animation-name: vbt-go-to-left-carda1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 11.5%;
        bottom: 75%;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.carda .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.cardb {
        z-index: 1;
        animation-name: vbt-go-to-left-cardb1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 25%;
        bottom: 75%;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.cardb .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.cardc {
        z-index: 1;
        animation-name: vbt-go-to-left-cardc1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 38.5%;
        bottom: 75%;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.cardc .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.cardd {
        z-index: 1;
        animation-name: vbt-go-to-left-cardd1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 51.5%;
        bottom: 75%;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.cardd .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.carde {
        z-index: 1;
        animation-name: vbt-go-to-left-carde1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 65%;
        bottom: 75%;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.carde .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.cardf {
        z-index: 1;
        animation-name: vbt-go-to-left-cardf1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 78%;
        bottom: 75%;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).end.cardf .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(1).end {
        z-index: 1;
        animation-name: vtrio-go-to-left-decks1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 30%;
        bottom: 99%;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(1).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(2).end {
        z-index: 1;
        animation-name: vtrio-go-to-left-decks2, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 45%;
        bottom: 99%;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(2).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(3).end {
        z-index: 1;
        animation-name: vtrio-go-to-left-decks3, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 60%;
        bottom: 99%;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(3).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }

    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(1).end {
        z-index: 1;
        animation-name: vrace17-go-to-left-decks1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 21%;
        bottom: 90%;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(1).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(2).end {
        z-index: 1;
        animation-name: vrace17-go-to-left-decks2, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 33%;
        bottom: 90%;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(2).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(3).end {
        z-index: 1;
        animation-name: vrace17-go-to-left-decks3, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 45%;
        bottom: 90%;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(3).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(4).end {
        z-index: 1;
        animation-name: vrace17-go-to-left-decks4, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 57%;
        bottom: 90%;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(4).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(5).end {
        z-index: 1;
        animation-name: vrace17-go-to-left-decks5, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 69%;
        bottom: 90%;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(5).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }

    
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).end.low {
        z-index: 1;
        animation-name: vaaa-go-to-left-decks1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 22%;
        bottom: 86%;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).end.low .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).end.tie {
        z-index: 1;
        animation-name: vaaa-go-to-left-tie2, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 45%;
        bottom: 86%;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).end.tie .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).end.high {
        z-index: 1;
        animation-name: vaaa-go-to-left-decks2, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 68%;
        bottom: 86%;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).end.high .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }


    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(1).end {
        z-index: 1;
        animation-name: vbaccarat-go-to-left-decks1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 12%;
        bottom: 86%;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(1).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(2).end {
        z-index: 1;
        animation-name: vbaccarat-go-to-left-decks2, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 25%;
        bottom: 86%;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(2).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(3).end {
        z-index: 1;
        animation-name: vbaccarat-go-to-left-decks3, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 36%;
        bottom: 86%;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(3).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(4).end {
        z-index: 1;
        animation-name: vbaccarat-go-to-left-decks4, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 52%;
        bottom: 86%;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(4).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(5).end {
        z-index: 1;
        animation-name: vbaccarat-go-to-left-decks5, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 63%;
        bottom: 86%;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(5).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(6).end {
        z-index: 1;
        animation-name: vbaccarat-go-to-left-decks6, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 76%;
        bottom: 86%;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(6).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }

    
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).end.low {
        z-index: 1;
        animation-name: vlucky7-go-to-left-decks1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 22%;
        bottom: 86%;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).end.low .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).end.tie {
        z-index: 1;
        animation-name: vlucky7-go-to-left-tie2, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 45%;
        bottom: 86%;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).end.tie .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).end.high {
        z-index: 1;
        animation-name: vlucky7-go-to-left-decks2, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 68%;
        bottom: 86%;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).end.high .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }


    .vteen-mobile .cards-showing-block .flip-card:nth-child(1).end {
        z-index: 1;
        animation-name: go-to-left-decks1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 5%;
        bottom: 86%;
    }
    
    .vteen-mobile .cards-showing-block .flip-card:nth-child(1).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    
    .vteen-mobile .cards-showing-block .flip-card:nth-child(2).end {
        animation-name: go-to-left-decks2, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 3;
        left: 19%;
        bottom: 86%;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(2).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    
    
    .vteen-mobile .cards-showing-block .flip-card:nth-child(3).end {
        animation-name: go-to-left-decks3, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s,  0s;
        z-index: 5;
        left: 33%;
        bottom: 86%;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(3).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    
    .vteen-mobile .cards-showing-block .flip-card:nth-child(6).end {
        animation-name: go-to-left-decks6, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 2;
        left: 83%;
        bottom: 86%;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(6).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    
    .vteen-mobile .cards-showing-block .flip-card:nth-child(5).end {
        
        animation-name: go-to-left-decks5, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 4;
        left: 69%;
        bottom: 86%;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(5).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    
    .vteen-mobile .cards-showing-block .flip-card:nth-child(4).end {
        animation-name: go-to-left-decks4, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 6;
        left: 55%;
        bottom: 86%;
    }
    .vteen-mobile .cards-showing-block .flip-card:nth-child(4).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }

    .vdt6-mobile .cards-showing-block .flip-card:nth-child(1).end, 
    .vdt20-mobile .cards-showing-block .flip-card:nth-child(1).end {
        z-index: 1;
        animation-name: vdt6-go-to-left-decks1, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-timing-function: linear;
        animation-delay: 1s, 0s;
        animation-fill-mode: forwards;
        left: 18%;
        bottom: 86%;
    }
    .vdt6-mobile .cards-showing-block .flip-card:nth-child(1).end .flip-card-inner,
    .vdt20-mobile .cards-showing-block .flip-card:nth-child(1).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    .vdt6-mobile .cards-showing-block .flip-card:nth-child(2).end, 
    .vdt20-mobile .cards-showing-block .flip-card:nth-child(2).end {
        animation-name: vdt6-go-to-left-decks2, close-opacity-anumation-1;
        animation-duration: 1s, 1.5s;
        animation-fill-mode: forwards;
        animation-delay: 1s, 0s;
        z-index: 3;
        left: 72%;
        bottom: 86%;
    }
    .vdt6-mobile .cards-showing-block .flip-card:nth-child(2).end .flip-card-inner,
    .vdt20-mobile .cards-showing-block .flip-card:nth-child(2).end .flip-card-inner {
        animation-name: flip-card-close;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }


    
    .vteen-mobile .flip-card-inner, 
    .vdt6-mobile .flip-card-inner,
    .vdt20-mobile .flip-card-inner,
    .vlucky7-mobile .flip-card-inner,
    .vbaccarat-mobile .flip-card-inner,
    .vaaa-mobile .flip-card-inner,
    .vraceto17-mobile .flip-card-inner,
    .vtrio-mobile .flip-card-inner,
    .vbt-mobile .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 2s;
        transform-style: preserve-3d;
    }
    
    
    .vteen-mobile .left-card-deck{
        width: 6vh;
        position: absolute;
        left: -10%;
        top: 6%;
    }

    .vdt6-mobile .left-card-deck, 
    .vdt20-mobile .left-card-deck, 
    .vlucky7-mobile .left-card-deck, 
    .vbaccarat-mobile .left-card-deck, 
    .vaaa-mobile .left-card-deck,
    .vraceto17-mobile .left-card-deck,
    .vtrio-mobile .left-card-deck,
    .vbt-mobile .left-card-deck {
        width: 6vh;
        position: absolute;
        left: 1%;
        top: 6%;
    }
    
    .vteen-mobile .right-card-deck-mask, .vteen-mobile .right-card-deck,
    .vdt6-mobile .right-card-deck-mask, .vdt6-mobile .right-card-deck,
    .vdt20-mobile .right-card-deck-mask, .vdt20-mobile .right-card-deck,
    .vlucky7-mobile .right-card-deck-mask, .vlucky7-mobile .right-card-deck,
    .vbaccarat-mobile .right-card-deck-mask, .vbaccarat-mobile .right-card-deck,
    .vaaa-mobile .right-card-deck-mask, .vaaa-mobile .right-card-deck,
    .vraceto17-mobile .right-card-deck-mask, .vraceto17-mobile .right-card-deck,
    .vtrio-mobile .right-card-deck-mask, .vtrio-mobile .right-card-deck,
    .vbt-mobile .right-card-deck-mask, .vbt-mobile .right-card-deck {
        position: absolute;
    }
    
    .vteen-mobile .right-card-deck, 
    .vdt6-mobile .right-card-deck,
    .vdt20-mobile .right-card-deck,
    .vlucky7-mobile .right-card-deck,
    .vbaccarat-mobile .right-card-deck,
    .vaaa-mobile .right-card-deck,
    .vraceto17-mobile .right-card-deck,
    .vtrio-mobile .right-card-deck,
    .vbt-mobile .right-card-deck {
        width: 19.094142%;
        right: -13.6%;
        top: 12.445607%;
    }
    .vteen-mobile .right-card-box-back {
        width: 9vh;
        position: absolute;
        right: -10%;
        top: 3%;
    }
    .vdt6-mobile .right-card-box-back, 
    .vdt20-mobile .right-card-box-back, 
    .vlucky7-mobile .right-card-box-back, 
    .vbaccarat-mobile .right-card-box-back, 
    .vaaa-mobile .right-card-box-back,
    .vraceto17-mobile .right-card-box-back,
    .vtrio-mobile .right-card-box-back,
    .vbt-mobile .right-card-box-back {
        width: 9vh;
        position: absolute;
        right: 1%;
        top: 3%;
    }
    .vteen-mobile .right-card-box-middle, 
    .vdt6-mobile .right-card-box-middle,
    .vdt20-mobile .right-card-box-middle,
    .vlucky7-mobile .right-card-box-middle,
    .vbaccarat-mobile .right-card-box-middle,
    .vaaa-mobile .right-card-box-middle,
    .vraceto17-mobile .right-card-box-middle,
    .vtrio-mobile .right-card-box-middle,
    .vbt-mobile .right-card-box-middle {
        width: 5vh;
        position: absolute;
        right: -10.6%;
        top: 21.445607%;
        transition: right .5s, top .5s;
    }
    
    .vteen-mobile .right-card-box-front{
        width: 5vh;
        position: absolute;
        right: -10%;
        top: 5.5%;
    }

    .vdt6-mobile .right-card-box-front, 
    .vdt20-mobile .right-card-box-front, 
    .vlucky7-mobile .right-card-box-front, 
    .vbaccarat-mobile .right-card-box-front, 
    .vaaa-mobile .right-card-box-front,
    .vraceto17-mobile .right-card-box-front,
    .vtrio-mobile .right-card-box-front,
    .vbt-mobile .right-card-box-front {
        width: 5vh;
        position: absolute;
        right: 1%;
        top: 5.5%;
    }
    
    .vteen-mobile .right-card-deck-mask, 
    .vdt6-mobile .right-card-deck-mask,
    .vdt20-mobile .right-card-deck-mask,
    .vlucky7-mobile .right-card-deck-mask,
    .vbaccarat-mobile .right-card-deck-mask,
    .vaaa-mobile .right-card-deck-mask,
    .vraceto17-mobile .right-card-deck-mask,
    .vtrio-mobile .right-card-deck-mask,
    .vbt-mobile .right-card-deck-mask {
        position: absolute;
        right: -6.5%;
        top: 30%;
        width: 11.3%;
    }
    
    .vteen-mobile .empty-card-in-deck-left, 
    .vdt6-mobile .empty-card-in-deck-left {
        left: -4.8%;
        bottom: 50%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }

    .vdt20-mobile .empty-card-in-deck-left, 
    .vlucky7-mobile .empty-card-in-deck-left,
    .vbaccarat-mobile .empty-card-in-deck-left,
    .vaaa-mobile .empty-card-in-deck-left,
    .vraceto17-mobile .empty-card-in-deck-left,
    .vtrio-mobile .empty-card-in-deck-left,
    .vbt-mobile .empty-card-in-deck-left {
        left: 4%;
        top: 12%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    
    .vteen-mobile .empty-card-in-deck-left.finish-deck, 
    .vdt6-mobile .empty-card-in-deck-left.finish-deck,
    .vdt20-mobile .empty-card-in-deck-left.finish-deck,
    .vlucky7-mobile .empty-card-in-deck-left.finish-deck,
    .vbaccarat-mobile .empty-card-in-deck-left.finish-deck,
    .vaaa-mobile .empty-card-in-deck-left.finish-deck,
    .vraceto17-mobile .empty-card-in-deck-left.finish-deck,
    .vtrio-mobile .empty-card-in-deck-left.finish-deck,
    .vbt-mobile .empty-card-in-deck-left.finish-deck {
        animation-name: remove-old-deck-animation;
        animation-duration: 4s;
        animation-delay: 1s;
        animation-fill-mode: forwards;
    }
    
    .vteen-mobile .empty-card-in-deck-right, 
    .vdt6-mobile .empty-card-in-deck-right,
    .vdt20-mobile .empty-card-in-deck-right,
    .vlucky7-mobile .empty-card-in-deck-right,
    .vbaccarat-mobile .empty-card-in-deck-right,
    .vaaa-mobile .empty-card-in-deck-right,
    .vraceto17-mobile .empty-card-in-deck-right,
    .vtrio-mobile .empty-card-in-deck-right,
    .vbt-mobile .empty-card-in-deck-right {
        right: -1.982%;
        top: 9.915%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-66deg) rotateY(-30deg) skewX(3deg) scale(1);
    }
    
    .vteen-mobile .empty-card-in-deck-right.finish-deck, 
    .vdt6-mobile .empty-card-in-deck-right.finish-deck {
        animation-name: add-new-deck-animation;
        animation-duration: 1.7s;
        animation-delay: 1s;
        animation-fill-mode: forwards;
    }

    .vdt20-mobile .empty-card-in-deck-right.finish-deck, 
    .vbaccarat-mobile .empty-card-in-deck-right.finish-deck,
    .vlucky7-mobile .empty-card-in-deck-right.finish-deck {
        animation-name: vdt6-add-new-deck-animation;
        animation-duration: 1.7s;
        animation-delay: 1s;
        animation-fill-mode: forwards;
    }

    .vaaa-mobile .empty-card-in-deck-right.finish-deck,
    .vraceto17-mobile .empty-card-in-deck-right.finish-deck,
    .vtrio-mobile .empty-card-in-deck-right.finish-deck,
    .vbt-mobile .empty-card-in-deck-right.finish-deck {
        animation-name: vaaa-add-new-deck-animation;
        animation-duration: 1.7s;
        animation-delay: 1s;
        animation-fill-mode: forwards;
    }
    
    .vteen-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
    .vdt6-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
    .vdt20-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
    .vlucky7-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
    .vbaccarat-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
    .vaaa-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
    .vraceto17-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
    .vtrio-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
    .vbt-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n) {
        animation-name: shuffle-deck-animation-left;
        animation-duration: 0.7s;
        animation-delay: 1s;
        animation-fill-mode: forwards;
    }
    
    .vteen-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
    .vdt6-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
    .vdt20-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
    .vlucky7-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
    .vbaccarat-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
    .vaaa-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
    .vraceto17-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
    .vtrio-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
    .vbt-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(7n) {
        animation-name: shuffle-deck-animation-left;
        animation-duration: 0.7s;
        animation-delay: 1.1s;
        animation-fill-mode: forwards;
    }
    
    .vteen-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
    .vdt6-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
    .vdt20-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
    .vlucky7-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
    .vbaccarat-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
    .vaaa-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
    .vraceto17-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
    .vtrio-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
    .vbt-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(11n) {
        animation-name: shuffle-deck-animation-left;
        animation-duration: 0.7s;
        animation-delay: 1.2s;
    }
    
    .vteen-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
    .vdt6-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
    .vdt20-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
    .vlucky7-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
    .vbaccarat-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
    .vaaa-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
    .vraceto17-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
    .vtrio-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
    .vbt-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1) {
        animation-name: shuffle-deck-animation-right;
        animation-duration: 0.7s;
        animation-delay: 1s;
        animation-fill-mode: forwards;
    }
    
    .vteen-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
    .vdt6-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
    .vdt20-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
    .vlucky7-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
    .vbaccarat-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
    .vaaa-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
    .vraceto17-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
    .vtrio-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
    .vbt-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(3n) {
        animation-name: shuffle-deck-animation-right;
        animation-duration: 0.7s;
        animation-delay: 1.1s;
        animation-fill-mode: forwards;
    }
    
    .vteen-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
    .vdt6-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
    .vdt20-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
    .vlucky7-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
    .vbaccarat-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
    .vaaa-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
    .vraceto17-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
    .vtrio-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
    .vbt-mobile .empty-card-in-deck-right.finish-deck > div:nth-child(5n) {
        animation-name: shuffle-deck-animation-right;
        animation-duration: 0.7s;
        animation-delay: 1.2s;
        animation-fill-mode: forwards;
    }
    
    .vteen-mobile .empty-card-in-deck-right, .vteen-mobile .empty-card-in-deck-left,
    .vdt6-mobile .empty-card-in-deck-right, .vdt6-mobile .empty-card-in-deck-left,
    .vdt20-mobile .empty-card-in-deck-right, .vdt20-mobile .empty-card-in-deck-left,
    .vlucky7-mobile .empty-card-in-deck-right, .vlucky7-mobile .empty-card-in-deck-left,
    .vbaccarat-mobile .empty-card-in-deck-right, .vbaccarat-mobile .empty-card-in-deck-left,
    .vaaa-mobile .empty-card-in-deck-right, .vaaa-mobile .empty-card-in-deck-left,
    .vraceto17-mobile .empty-card-in-deck-right, .vraceto17-mobile .empty-card-in-deck-left,
    .vtrio-mobile .empty-card-in-deck-right, .vtrio-mobile .empty-card-in-deck-left,
    .vbt-mobile .empty-card-in-deck-right, .vbt-mobile .empty-card-in-deck-left {
        position: absolute;
        width: 4vh;
        height: 4vh;
    }
    
    
    /*2 block disable animation right -> center*/
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.carda.disable-animation {
        left: 11.5%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardb.disable-animation {
        left: 25%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardc.disable-animation {
        left: 38.5%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardd.disable-animation {
        left: 51.5%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.carde.disable-animation {
        left: 65%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vbt-mobile .cards-showing-block .flip-card:nth-child(1).show.cardf.disable-animation {
        left: 78%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }

    .vtrio-mobile .cards-showing-block .flip-card:nth-child(1).show.disable-animation {
        left: 30%;
        bottom: 99%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(2).show.disable-animation {
        left: 45%;
        bottom: 99%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vtrio-mobile .cards-showing-block .flip-card:nth-child(3).show.disable-animation {
        left: 60%;
        bottom: 99%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }

    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(1).show.disable-animation {
        left: 21%;
        bottom: 90%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(2).show.disable-animation {
        left: 33%;
        bottom: 90%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(3).show.disable-animation {
        left: 45%;
        bottom: 90%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(4).show.disable-animation {
        left: 57%;
        bottom: 90%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vraceto17-mobile .cards-showing-block .flip-card:nth-child(5).show.disable-animation {
        left: 69%;
        bottom: 90%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }

    
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).show.low.disable-animation {
        left: 22%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).show.tie.disable-animation {
        left: 45%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vaaa-mobile .cards-showing-block .flip-card:nth-child(1).show.high.disable-animation {
        left: 68%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }


    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(1).show.disable-animation {
        left: 12%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(2).show.disable-animation {
        left: 25%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(3).show.disable-animation {
        left: 36%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(4).show.disable-animation {
        left: 52%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(5).show.disable-animation {
        left: 63%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vbaccarat-mobile .cards-showing-block .flip-card:nth-child(6).show.disable-animation {
        left: 76%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }

    
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).show.low.disable-animation {
        left: 22%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).show.tie.disable-animation {
        left: 45%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vlucky7-mobile .cards-showing-block .flip-card:nth-child(1).show.high.disable-animation {
        left: 68%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }

    .vdt6-mobile .cards-showing-block .flip-card:nth-child(1).show.disable-animation, 
    .vdt20-mobile .cards-showing-block .flip-card:nth-child(1).show.disable-animation {
        left: 18%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    .vdt6-mobile .cards-showing-block .flip-card:nth-child(2).show.disable-animation, 
    .vdt20-mobile .cards-showing-block .flip-card:nth-child(2).show.disable-animation {
        left: 72%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }

    .vteen-mobile .cards-showing-block .flip-card:nth-child(1).show.disable-animation {
        left: 5%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    
    .vteen-mobile .cards-showing-block .flip-card:nth-child(2).show.disable-animation {
        left: 19%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    
    .vteen-mobile .cards-showing-block .flip-card:nth-child(3).show.disable-animation {
        left: 33%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    
    .vteen-mobile .cards-showing-block .flip-card:nth-child(6).show.disable-animation {
        left: 83%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    
    .vteen-mobile .cards-showing-block .flip-card:nth-child(5).show.disable-animation {
        left: 69%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    
    .vteen-mobile .cards-showing-block .flip-card:nth-child(4).show.disable-animation {
        left: 55%;
        bottom: 86%;
        transform: perspective(900px) rotateX(23deg);
        animation: unset !important;
    }
    
    
    
    
    
    
    
    /*2 block disable animation flip card*/
    .vteen-mobile .disable-animation.show .flip-card-inner, 
    .vdt6-mobile .disable-animation.show .flip-card-inner,
    .vdt20-mobile .disable-animation.show .flip-card-inner,
    .vlucky7-mobile .disable-animation.show .flip-card-inner,
    .vbaccarat-mobile .disable-animation.show .flip-card-inner,
    .vaaa-mobile .disable-animation.show .flip-card-inner,
    .vraceto17-mobile .disable-animation.show .flip-card-inner,
    .vtrio-mobile .disable-animation.show .flip-card-inner,
    .vbt-mobile .disable-animation.show .flip-card-inner {
        animation: unset !important;
        transform: rotateY(180deg) scaleY(1) skew(0deg, 0deg) !important;
        transform-origin: center !important;
        transition: unset;
    }
    
    /* 1 block right -> center*/
    @keyframes  flip-card1 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 5%;
            bottom: 86%;
            opacity: 0;
        }
    }


    @keyframes  vbt-flip-carda {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 11.5%;
            bottom: 75%;
            opacity: 0;
        }
    }
    @keyframes  vbt-flip-cardb {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 25%;
            bottom: 75%;
            opacity: 0;
        }
    }
    @keyframes  vbt-flip-cardc {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 38.5%;
            bottom: 75%;
            opacity: 0;
        }
    }
    @keyframes  vbt-flip-cardd {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 51.5%;
            bottom: 75%;
            opacity: 0;
        }
    }
    @keyframes  vbt-flip-carde {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 65%;
            bottom: 75%;
            opacity: 0;
        }
    }
    @keyframes  vbt-flip-cardf {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 78%;
            bottom: 75%;
            opacity: 0;
        }
    }

    @keyframes  vtrio-flip-card1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 30%;
            bottom: 99%;
            opacity: 0;
        }
    }
    @keyframes  vtrio-flip-card2 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 45%;
            bottom: 99%;
            opacity: 0;
        }
    }
    @keyframes  vtrio-flip-card3 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 60%;
            bottom: 99%;
            opacity: 0;
        }
    }

    @keyframes  vrace17-flip-card1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 21%;
            bottom: 90%;
            opacity: 0;
        }
    }
    @keyframes  vrace17-flip-card2 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 33%;
            bottom: 90%;
            opacity: 0;
        }
    }
    @keyframes  vrace17-flip-card3 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 45%;
            bottom: 90%;
            opacity: 0;
        }
    }
    @keyframes  vrace17-flip-card4 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 57%;
            bottom: 90%;
            opacity: 0;
        }
    }
    @keyframes  vrace17-flip-card5 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 69%;
            bottom: 90%;
            opacity: 0;
        }
    }


    @keyframes  vaaa-flip-card1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 22%;
            bottom: 86%;
            opacity: 0;
        }
    }

    @keyframes  vaaa-flip-tie1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 45%;
            bottom: 86%;
            opacity: 0;
        }
    }

    @keyframes  vaaa-flip-card2 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 68%;
            bottom: 86%;
            opacity: 0;
        }
    }
    

    @keyframes  vbaccarat-flip-card1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 12%;
            bottom: 86%;
            opacity: 0;
        }
    }
    @keyframes  vbaccarat-flip-card2 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 25%;
            bottom: 86%;
            opacity: 0;
        }
    }
    @keyframes  vbaccarat-flip-card3 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 36%;
            bottom: 86%;
            opacity: 0;
        }
    }
    @keyframes  vbaccarat-flip-card4 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 52%;
            bottom: 86%;
            opacity: 0;
        }
    }
    @keyframes  vbaccarat-flip-card5 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 63%;
            bottom: 86%;
            opacity: 0;
        }
    }
    @keyframes  vbaccarat-flip-card6 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 76%;
            bottom: 86%;
            opacity: 0;
        }
    }

    
    @keyframes  vlucky7-flip-card1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 22%;
            bottom: 86%;
            opacity: 0;
        }
    }

    @keyframes  vlucky7-flip-tie1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 45%;
            bottom: 86%;
            opacity: 0;
        }
    }

    @keyframes  vlucky7-flip-card2 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 68%;
            bottom: 86%;
            opacity: 0;
        }
    }


    @keyframes  vdt6-flip-card1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 18%;
            bottom: 86%;
            opacity: 0;
        }
    }
    
    @keyframes  flip-card2 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 19%;
            bottom: 86%;
            opacity: 0;
        }
    }

    @keyframes  vdt6-flip-card2 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 72%;
            bottom: 86%;
            opacity: 0;
        }
    }
    
    @keyframes  flip-card3 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 33%;
            bottom: 86%;
            opacity: 0;
        }
    }
    
    @keyframes  flip-card4 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 55%;
            bottom: 86%;
            opacity: 0;
        }
    }
    
    @keyframes  flip-card5 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 69%;
            bottom: 86%;
            opacity: 0;
        }
    }
    
    @keyframes  flip-card6 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
            opacity: 1;
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        30% {
            opacity: 1;
        }
        31%{
            opacity: 0;
        }
        40%  {
            transform: perspective(900px) rotateX(78deg);
        }
        50%  {
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        }
        100%  {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
            opacity: 0;
        }
    }
    
    
    /* 2 block right -> center*/
    @keyframes  flip-card21 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 5%;
            bottom: 86%;
        }
    }


    @keyframes  vbt-flip-carda1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 75%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 11.5%;
            bottom: 75%;
        }
    }
    @keyframes  vbt-flip-cardb1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 75%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 25%;
            bottom: 75%;
        }
    }
    @keyframes  vbt-flip-cardc1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 75%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 38.5%;
            bottom: 75%;
        }
    }
    @keyframes  vbt-flip-cardd1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 75%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 51.5%;
            bottom: 75%;
        }
    }
    @keyframes  vbt-flip-carde1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 75%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 65%;
            bottom: 75%;
        }
    }
    @keyframes  vbt-flip-cardf1 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 75%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 78%;
            bottom: 75%;
        }
    }

    @keyframes  vtrio-flip-card21 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 30%;
            bottom: 99%;
        }
    }
    @keyframes  vtrio-flip-card22 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 45%;
            bottom: 99%;
        }
    }
    @keyframes  vtrio-flip-card23 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 60%;
            bottom: 99%;
        }
    }

    @keyframes  vrace17-flip-card21 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 21%;
            bottom: 90%;
        }
    }
    @keyframes  vrace17-flip-card22 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 33%;
            bottom: 90%;
        }
    }
    @keyframes  vrace17-flip-card23 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 45%;
            bottom: 90%;
        }
    }
    @keyframes  vrace17-flip-card24 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 57%;
            bottom: 90%;
        }
    }
    @keyframes  vrace17-flip-card25 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 69%;
            bottom: 90%;
        }
    }


    @keyframes  vaaa-flip-card21 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 22%;
            bottom: 86%;
        }
    }

    @keyframes  vaaa-flip-tie2 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 45%;
            bottom: 86%;
        }
    }

    @keyframes  vaaa-flip-card22 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 68%;
            bottom: 86%;
        }
    }


    @keyframes  vbaccarat-flip-card21 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 12%;
            bottom: 86%;
            transform: rotate(-90deg);
        }
    }
    @keyframes  vbaccarat-flip-card22 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 25%;
            bottom: 86%;
        }
    }
    @keyframes  vbaccarat-flip-card23 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 36%;
            bottom: 86%;
        }
    }
    @keyframes  vbaccarat-flip-card24 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 52%;
            bottom: 86%;
        }
    }
    @keyframes  vbaccarat-flip-card25 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 63%;
            bottom: 86%;
        }
    }
    @keyframes  vbaccarat-flip-card26 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 76%;
            bottom: 86%;
            transform: rotate(90deg);
        }
    }


    @keyframes  vlucky7-flip-card21 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 22%;
            bottom: 86%;
        }
    }

    @keyframes  vlucky7-flip-tie2 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 45%;
            bottom: 86%;
        }
    }

    @keyframes  vlucky7-flip-card22 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 68%;
            bottom: 86%;
        }
    }


    @keyframes  vdt6-flip-card21 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 18%;
            bottom: 86%;
        }
    }
    
    @keyframes  flip-card22 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 19%;
            bottom: 86%;
        }
    }

    @keyframes  vdt6-flip-card22 {
        0% {
            left: 74.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 73%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 72%;
            bottom: 86%;
        }
    }
    
    @keyframes  flip-card23 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 33%;
            bottom: 86%;
        }
    }
    
    @keyframes  flip-card24 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 55%;
            bottom: 86%;
        }
    }
    
    @keyframes  flip-card25 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 69%;
            bottom: 86%;
        }
    }
    
    @keyframes  flip-card26 {
        0% {
            left: 84.7%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
        5% {
            left: 83%;
            bottom: 86%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        50% {
            transform: perspective(900px) rotateX(23deg);
        }
        100%  {
            left: 83%;
            bottom: 86%;
        }
    }
    
    
    
    @keyframes  flip-card {
        0%   {
            transform: rotateY(0deg) translateX(0px) scaleY(1) skew(0deg, 0deg);
            transform-origin: right;
        }
        50%  {
            transform: rotateY(90deg) translateX(0px) scaleY(1.2) skew(0deg, 40deg);
            transform-origin: right;
        }
        100%  {
            transform: rotateY(180deg) scaleY(1) skew(0deg, 0deg);
            transform-origin: center;
        }
    }
    
    
    
    /* 1 block center -> left start*/
    @keyframes  vbt-go-to-left-carda {
        0% {
            left: 11.5%;
            bottom: 75%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vbt-go-to-left-cardb {
        0% {
            left: 25%;
            bottom: 75%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vbt-go-to-left-cardc {
        0% {
            left: 38.5%;
            bottom: 75%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vbt-go-to-left-cardd {
        0% {
            left: 51.5%;
            bottom: 75%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vbt-go-to-left-carde {
        0% {
            left: 65%;
            bottom: 75%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vbt-go-to-left-cardf {
        0% {
            left: 78%;
            bottom: 75%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }

    @keyframes  vtrio-go-to-left-decks11 {
        0% {
            left: 30%;
            bottom: 99%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vtrio-go-to-left-decks12 {
        0% {
            left: 45%;
            bottom: 99%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vtrio-go-to-left-decks13 {
        0% {
            left: 60%;
            bottom: 99%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }

    @keyframes  vrace17-go-to-left-decks11 {
        0% {
            left: 21%;
            bottom: 90%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vrace17-go-to-left-decks12 {
        0% {
            left: 33%;
            bottom: 90%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vrace17-go-to-left-decks13 {
        0% {
            left: 45%;
            bottom: 90%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vrace17-go-to-left-decks14 {
        0% {
            left: 57%;
            bottom: 90%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vrace17-go-to-left-decks15 {
        0% {
            left: 69%;
            bottom: 90%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }

    
    @keyframes  vaaa-go-to-left-decks11 {
        0% {
            left: 22%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vaaa-go-to-left-tie1 {
        0% {
            left: 45%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vaaa-go-to-left-decks12 {
        0% {
            left: 68%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }


    @keyframes  vbaccarat-go-to-left-decks11 {
        0% {
            left: 12%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vbaccarat-go-to-left-decks12 {
        0% {
            left: 25%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vbaccarat-go-to-left-decks13 {
        0% {
            left: 36%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vbaccarat-go-to-left-decks14 {
        0% {
            left: 52%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vbaccarat-go-to-left-decks15 {
        0% {
            left: 63%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vbaccarat-go-to-left-decks16 {
        0% {
            left: 76%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }

    
    @keyframes  vlucky7-go-to-left-decks11 {
        0% {
            left: 22%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vlucky7-go-to-left-tie1 {
        0% {
            left: 45%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vlucky7-go-to-left-decks12 {
        0% {
            left: 68%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }


    @keyframes  vdt6-go-to-left-decks11 {
        0% {
            left: 18%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 84%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  vdt6-go-to-left-decks12 {
        0% {
            left: 72%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -2%;
            bottom: 84%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    
    @keyframes  go-to-left-decks11 {
        0% {
            left: 5%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  go-to-left-decks12 {
        0% {
            left: 19%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  go-to-left-decks13 {
        0% {
            left: 33%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  go-to-left-decks14 {
        0% {
            left: 55%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  go-to-left-decks15 {
        0% {
            left: 69%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    @keyframes  go-to-left-decks16 {
        0% {
            left: 83%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
        }
        85%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
        }
    }
    /* 1 block center -> left end*/
    
    
    
    /* 2 block center -> left */
    @keyframes  vbt-go-to-left-carda1 {
        0% {
            left: 11.5%;
            bottom: 75%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vbt-go-to-left-cardb1 {
        0% {
            left: 25%;
            bottom: 75%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vbt-go-to-left-cardc1 {
        0% {
            left: 38.5%;
            bottom: 75%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vbt-go-to-left-cardd1 {
        0% {
            left: 51.5%;
            bottom: 75%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vbt-go-to-left-carde1 {
        0% {
            left: 65%;
            bottom: 75%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vbt-go-to-left-cardf1 {
        0% {
            left: 78%;
            bottom: 75%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    
    @keyframes  vtrio-go-to-left-decks1 {
        0% {
            left: 30%;
            bottom: 99%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vtrio-go-to-left-decks2 {
        0% {
            left: 45%;
            bottom: 99%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vtrio-go-to-left-decks3 {
        0% {
            left: 60%;
            bottom: 99%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }

    @keyframes  vrace17-go-to-left-decks1 {
        0% {
            left: 21%;
            bottom: 90%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vrace17-go-to-left-decks2 {
        0% {
            left: 33%;
            bottom: 90%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vrace17-go-to-left-decks3 {
        0% {
            left: 45%;
            bottom: 90%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vrace17-go-to-left-decks4 {
        0% {
            left: 57%;
            bottom: 90%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vrace17-go-to-left-decks5 {
        0% {
            left: 69%;
            bottom: 90%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 78%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }

    
    @keyframes  vaaa-go-to-left-decks1 {
        0% {
            left: 22%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vaaa-go-to-left-tie2 {
        0% {
            left: 45%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vaaa-go-to-left-decks2 {
        0% {
            left: 68%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }


    @keyframes  vbaccarat-go-to-left-decks1 {
        0% {
            left: 12%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vbaccarat-go-to-left-decks2 {
        0% {
            left: 25%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vbaccarat-go-to-left-decks3 {
        0% {
            left: 36%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vbaccarat-go-to-left-decks4 {
        0% {
            left: 52%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vbaccarat-go-to-left-decks5 {
        0% {
            left: 63%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vbaccarat-go-to-left-decks6 {
        0% {
            left: 76%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }

    
    @keyframes  vlucky7-go-to-left-decks1 {
        0% {
            left: 22%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vlucky7-go-to-left-tie2 {
        0% {
            left: 45%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vlucky7-go-to-left-decks2 {
        0% {
            left: 68%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }


    @keyframes  vdt6-go-to-left-decks1 {
        0% {
            left: 18%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 84%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  vdt6-go-to-left-decks2 {
        0% {
            left: 72%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -1%;
            bottom: 83%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -2%;
            bottom: 84%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    
    @keyframes  go-to-left-decks1 {
        0% {
            left: 5%;
            bottom: 86%;
            transition: opacity 0s;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  go-to-left-decks2 {
        0% {
            left: 19%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  go-to-left-decks3 {
        0% {
             left: 33%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    } 
    @keyframes  go-to-left-decks4 {
        0% {
            left: 55%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  go-to-left-decks5 {
        0% {
            left: 69%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    @keyframes  go-to-left-decks6 {
        0% {
            left: 83%;
            bottom: 86%;
        }
        50%  {
            transform: perspective(900px) rotateX(23deg);
            transition: opacity 0s;
        }
        95%  {
            left: -12%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
        }
        100%  {
            left: -13%;
            bottom: 80%;
            transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        }
    }
    
    
    
    
    @keyframes flip-card-close {
        0%   {
            transform: rotateY(180deg) scaleY(1) skew(0deg, 0deg);
            transform-origin: center;
        }
        50%  {
            transform: rotateY(90deg) translateX(0px) scaleY(1.2) skew(0deg, 40deg);
            transform-origin: right;
        }
        100%  {
            transform: rotateY(0deg) translateX(0px) scaleY(1) skew(0deg, 0deg);
            transform-origin: right;
        }
    }
    
    @keyframes close-opacity-anumation-1 {
        0%   {
           opacity: 1;
        }
        95%  {
            opacity: 1;
        }
        100%  {
            opacity: 0;
        }
    }
    
    @keyframes close-opacity-anumation-2 {
        0%   {
            opacity: 0;
        }
        95%  {
            opacity: 0;
        }
        100%  {
            opacity: 1;
        }
    }
    
    @keyframes show-opacity-anumation-2 {
        0%   {
            opacity: 1;
        }
        46% {
            opacity: 1;
        }
        50%  {
            opacity: 0;
        }
        100%  {
            opacity: 0;
        }
    }
    
    @keyframes remove-old-deck-animation {
        0%   {
            opacity: 1;
            bottom: 50%;
        }
        100%  {
            opacity: 0;
            bottom: 100%;
        }
    }
    
    @keyframes add-new-deck-animation {
        0%   {
            opacity: 0;
            top: -16%;
        }
        20%   {
            opacity: 1;
            top: 0%;
        }
        50%   {
            opacity: 1;
            top: 0%;
        }
        100%  {
            opacity: 1;
            top: 10%;
        }
    }

    @keyframes vdt6-add-new-deck-animation {
        0%   {
            opacity: 0;
            top: -16%;
        }
        20%   {
            opacity: 1;
            top: 0%;
        }
        50%   {
            opacity: 1;
            top: 0%;
        }
        100%  {
            opacity: 1;
            top: 1%;
        }
    }

    @keyframes vaaa-add-new-deck-animation {
        0%   {
            opacity: 0;
            top: -16%;
        }
        20%   {
            opacity: 1;
            top: 0%;
        }
        50%   {
            opacity: 1;
            top: 0%;
        }
        100%  {
            opacity: 1;
            top: 8%;
        }
    }
    
    @keyframes shuffle-deck-animation-left {
        0%   {
            left:50%
        }
        15%   {
            left:0%
        }
        30%   {
            left:50%
        }
        45%   {
            left:0%
        }
        60%   {
            left:50%
        }
        75%   {
            left:0%
        }
        90%   {
            left:50%
        }
        100%  {
            left: 0%
        }
    }
    
    @keyframes shuffle-deck-animation-right {
        0%   {
            left: -50%
        }
        15%   {
            left: -0%
        }
        30%   {
            left: -50%
        }
        45%   {
            left: -0%
        }
        60%   {
            left: -50%
        }
        75%   {
            left: -0%
        }
        90%   {
            left: -50%
        }
        100%  {
            left: - 0%
        }
    }
    
    .vteen-mobile .decks-block, .vteen-mobile .decks-mask-block, .vteen-mobile .cards-showing-block,
    .vdt6-mobile .decks-block, .vdt6-mobile .decks-mask-block, .vdt6-mobile .cards-showing-block,
    .vdt20-mobile .decks-block, .vdt20-mobile .decks-mask-block, .vdt20-mobile .cards-showing-block,
    .vlucky7-mobile .decks-block, .vlucky7-mobile .decks-mask-block, .vlucky7-mobile .cards-showing-block,
    .vbaccarat-mobile .decks-block, .vbaccarat-mobile .decks-mask-block, .vbaccarat-mobile .cards-showing-block,
    .vaaa-mobile .decks-block, .vaaa-mobile .decks-mask-block, .vaaa-mobile .cards-showing-block,
    .vraceto17-mobile .decks-block, .vraceto17-mobile .decks-mask-block, .vraceto17-mobile .cards-showing-block,
    .vtrio-mobile .decks-block, .vtrio-mobile .decks-mask-block, .vtrio-mobile .cards-showing-block,
    .vbt-mobile .decks-block, .vbt-mobile .decks-mask-block, .vbt-mobile .cards-showing-block {
        transform: translateX(-50%) !important;
        height: 100%;
        position: absolute !important;
        left: 50%;
        top: 5px;
        pointer-events: none;
    }
    .vteen-mobile .decks-mask-block, 
    .vdt6-mobile .decks-mask-block,
    .vdt20-mobile .decks-mask-block,
    .vlucky7-mobile .decks-mask-block,
    .vbaccarat-mobile .decks-mask-block,
    .vaaa-mobile .decks-mask-block,
    .vraceto17-mobile .decks-mask-block,
    .vtrio-mobile .decks-mask-block,
    .vbt-mobile .decks-mask-block {
        z-index: 10;
    }
    .vteen-mobile .cards-showing-block, 
    .vdt6-mobile .cards-showing-block,
    .vdt20-mobile .cards-showing-block,
    .vlucky7-mobile .cards-showing-block,
    .vbaccarat-mobile .cards-showing-block,
    .vaaa-mobile .cards-showing-block,
    .vraceto17-mobile .cards-showing-block,
    .vtrio-mobile .cards-showing-block,
    .vbt-mobile .cards-showing-block {
        transform: perspective(900px) rotateX(20deg) scale(1) !important;
        left: 0;
    }
    
    @media (orientation: landscape) {
        .vteen-mobile .table-actions, .vteen-mobile .decks-block, .vteen-mobile .decks-mask-block, .vteen-mobile .cards-showing-block{
            width: 97vh;
        }
    }
    @media (orientation: portrait) {
        .vteen-mobile .table-actions, .vteen-mobile .decks-block, .vteen-mobile .decks-mask-block, .vteen-mobile .cards-showing-block {
            width: 80vw;
        }
    }



    /* VIRTUAL CASINO CUSTOM END */
}

@media only screen and (min-width: 320px) and (max-width: 767px){
    .fixure-box {
        height: 40px;
    }
    .table.kbc-soda-table{
        table-layout: fixed;
    }
    .kbc-soda-table .casino-result .bet-nation
    {
        width: 200px;
    }
    .roulette-result-box
    {
        width: 32%;
        justify-content: center;
    }
    .roulette-result-box > span:first-child{
        border-bottom: 0;
    }
}

.home-casiono-icons.d-none-mobile
{
    /* padding-top: 30px;
    padding-bottom: 30px; */
}
.home-casiono-icons.d-none-mobile .home-casino-icon-item {
    margin-bottom: 0px;
    padding-top: 0px;
}

.home-casiono-icons.d-none-mobile .slick-arrow{
    position: absolute;
}
.home-casiono-icons.d-none-mobile .slick-prev{
    background-color: #00000080;
    top: 0px;
    transform: unset;
    /* transform: rotate(90deg); */
    left: 0;
    right: unset;
    width: 100%;
    height: 30px;
    z-index: 100;
}
.home-casiono-icons.d-none-mobile .slick-prev::before,.home-casiono-icons.d-none-mobile .slick-next::before{
    /* transform: rotate(90deg); */
    display: inline-block;
}
.home-casiono-icons.d-none-mobile .slick-next{
    background-color: #00000080;
    bottom: 0;
    left: 0;
    right: unset;
    top: unset;
    transform: unset;
    width: 100%;
    height: 30px;
    /* transform: rotate(90deg); */
    z-index: 100;
}


@media only screen and (min-width:320px) and (max-width: 767px)
{
    .home-casiono-icons .home-casino-icon-item
    {
        padding-top: 20px;
        padding-right: 10px;
    }
    .new-laucnh-icon {
        top: 9px;
        right: 0px;
    }
}



.user-dropdown{
    padding-top: unset;
}
.upcoming-fixure a{
    color: var(--text-sidebar);
}

@media only screen and (min-width: 320px) and (max-width: 1280px){
    .user-dropdown{
        padding-top: 15px;
    }
    .color-box-container{
        position: unset;
    }
    .carousel-indicators{
        margin-bottom: 0px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1280px){
    .news-bar{
        height: 46px;
    }
    .news-bar .news-title::after{
        content: "";
    position: absolute;
    width: 46px;
    height: 46px;
    border-top: 23px solid transparent;
    border-left: 23px solid var(--btn-primary);
    border-bottom: 23px solid transparent;
    right: -46px;
    top: 0;
    }
}

.slick-prev::before
{
    content:"\f077" !important;
}
.slick-next::before
{
    content:"\f078" !important;
}
.slick-prev::before, .slick-next::before
{
    font-family: "Font Awesome 5 Free" !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.animated-header .mob{
    color: var(--text-body);
    position: absolute;
    top: 34px;
    z-index: 99;
    left: 50%;
    line-height: 1;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
    font-weight: bold;
    font-size: 16px;
}

.animated-header .web{
    position: absolute;
    z-index: 99;
    right: 15%;
    transform: translateX(-50%);
    top: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

/* .trap .splide__slide img{
    width: 30px;
} */

/* .trap .owl-carousel {
    transform: rotate(90deg);
    width:25px;
    margin-top: 15px;
}

.trap .item {
    transform: rotate(-90deg);
}

.trap .owl-carousel .owl-stage-outer {
    overflow:unset; 
}

.trap .owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: calc(50% - 33px);
}

.trap div.owl-carousel .owl-nav .owl-prev,
div.owl-carousel .owl-nav .owl-next {
    font-size: 36px;
    top: unset;
    bottom: 15px;
} */


.v-slider .fas{
    /* margin-bottom: 5px;  */
    cursor: pointer; 
    color: var(--text-fancy); 
    font-size: 16px;
}

.teen1oneday .casino-nation-name{
    background-image: none !important;
    background-color: #23292E;
}

#floater {
    position: absolute;
    top: 20vh;
    right: 0;
    width: 50px;
    height: auto;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 10001;
    border-radius: 3px 0 0 3px;
    padding: 0px;
    box-shadow: rgb(255 255 255 / 98%) -5px 0px 10px -5px;
    /* background-color: #41a6d9; */
    /* color: white; */
    text-align: center;
    box-sizing: border-box;
}

#floater img {
    width: 50px;
    height: 50px;
}
.dt-tooltip
{
    opacity: 1 !important;
}
.dt-tooltip .tooltip-inner
{
    display: flex;
    flex-wrap: wrap;
    width: 150px;
    padding: 0;
    justify-content: space-between;
}
.dt-tooltip .tooltip-inner .tp-dragon
{
    background-color: #ef0518!important;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    width: 50%;
}
.dt-tooltip .tooltip-inner .tp-tiger
{
    background-color: #00a200!important;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    width: 50%;
}