.vteen .flip-card {
    background-color: transparent;
    width: 6.407641%;
    height: 17.184658%;
    perspective: 1000px;
    position: absolute;
    opacity: 1;
}
 
.vdt6 .flip-card, 
.vdt20 .flip-card,
.vlucky7 .flip-card,
.vbaccarat .flip-card,
.vaaa .flip-card,
.vraceto17 .flip-card,
.vtrio .flip-card,
.vmuflis .flip-card,
.vbt .flip-card {
    background-color: transparent;
    width: 4.407641%;
    height: 17.184658%;
    perspective: 1000px;
    position: absolute;
    opacity: 1;
}
.vteen .cards-block .flip-card, 
.vdt6 .cards-block .flip-card,
.vdt20 .cards-block .flip-card,
.vlucky7 .cards-block .flip-card,
.vbaccarat .cards-block .flip-card,
.vaaa .cards-block .flip-card,
.vraceto17 .cards-block .flip-card,
.vtrio .cards-block .flip-card,
.vbt .cards-block .flip-card {
    bottom: 52.1%;
    transform-origin: right;
    left: 94.7%;
    transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    opacity: 0;
}
.vteen .cards-showing-block .flip-card, 
.vdt6 .cards-showing-block .flip-card,
.vdt20 .cards-showing-block .flip-card,
.vlucky7 .cards-showing-block .flip-card,
.vbaccarat .cards-showing-block .flip-card,
.vaaa .cards-showing-block .flip-card,
.vraceto17 .cards-showing-block .flip-card,
.vtrio .cards-showing-block .flip-card,
.vbt .cards-showing-block .flip-card {
    opacity: 0;
}

.vteen .flip-card.show, 
.vdt6 .flip-card.show,
.vdt20 .flip-card.show,
.vlucky7 .flip-card.show,
.vbaccarat .flip-card.show,
.vaaa .flip-card.show,
.vraceto17 .flip-card.show,
.vtrio .flip-card.show,
.vbt .flip-card.show {
    bottom: 68%;
}

.vteen .cards-showing-block .flip-card.show, 
.vdt6 .cards-showing-block .flip-card.show,
.vdt20 .cards-showing-block .flip-card.show,
.vlucky7 .cards-showing-block .flip-card.show,
.vbaccarat .cards-showing-block .flip-card.show,
.vaaa .cards-showing-block .flip-card.show,
.vraceto17 .cards-showing-block .flip-card.show,
.vtrio .cards-showing-block .flip-card.show,
.vbt .cards-showing-block .flip-card.show {
    opacity: 1;
    transition: opacity 0s linear .3s;
}


.vbt .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 .cards-block .flip-card:nth-child(1).show.cardb {
    animation-name: vbt-flip-cardb;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
.vbt .cards-block .flip-card:nth-child(1).show.cardc {
    animation-name: vbt-flip-cardc;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
.vbt .cards-block .flip-card:nth-child(1).show.cardd {
    animation-name: vbt-flip-cardd;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
.vbt .cards-block .flip-card:nth-child(1).show.carde {
    animation-name: vbt-flip-carde;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
.vbt .cards-block .flip-card:nth-child(1).show.cardf {
    animation-name: vbt-flip-cardf;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}


.vtrio .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 .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 .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 .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 .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 .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 .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 .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 .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 .cards-block .flip-card:nth-child(1).show.tie {
    animation-name: vaaa-flip-tie1;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
.vaaa .cards-block .flip-card:nth-child(1).show.high {
    animation-name: vaaa-flip-card2;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}


.vbaccarat .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 .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 .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 .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 .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 .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 .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 .cards-block .flip-card:nth-child(1).show.tie {
    animation-name: vlucky7-flip-tie1;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
.vlucky7 .cards-block .flip-card:nth-child(1).show.high {
    animation-name: vlucky7-flip-card2;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}

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

/* DT6 AND DT20 FLIP (1) START */
.vdt6 .cards-block .flip-card:nth-child(1).show, 
.vdt20 .cards-block .flip-card:nth-child(1).show {
    animation-name: vdt20-flip-card1;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}
.vdt6 .cards-block .flip-card:nth-child(2).show, 
.vdt20 .cards-block .flip-card:nth-child(2).show {
    animation-name: vdt20-flip-card2;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
/* DT6 AND DT20 FLIP (1) END */


/* 2 block show*/
/* TEEN FLIP (2) START */
.vteen .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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;
}
/* TEEN FLIP (2) START */

.vbt .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .cards-showing-block .flip-card:nth-child(1).show.tie {
    animation-name: vaaa-flip-tie2;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
.vaaa .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 .cards-showing-block .flip-card:nth-child(1).show.high {
    animation-name: vaaa-flip-card22;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
.vaaa .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .cards-showing-block .flip-card:nth-child(1).show.tie {
    animation-name: vlucky7-flip-tie2;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
.vlucky7 .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 .cards-showing-block .flip-card:nth-child(1).show.high {
    animation-name: vlucky7-flip-card22;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
.vlucky7 .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;
}

/* DT6 FLIP (2) START */
.vdt6 .cards-showing-block .flip-card:nth-child(1).show, 
.vdt20 .cards-showing-block .flip-card:nth-child(1).show {
    z-index: 1;
    animation-name: vdt20-flip-card21;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}
.vdt6 .cards-showing-block .flip-card:nth-child(1).show .flip-card-inner,
.vdt20 .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 .cards-showing-block .flip-card:nth-child(2).show, 
.vdt20 .cards-showing-block .flip-card:nth-child(2).show {
    animation-name: vdt20-flip-card22;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 3;
}
.vdt6 .cards-showing-block .flip-card:nth-child(2).show .flip-card-inner,
.vdt20 .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;
}
/* DT6 FLIP (2) END */

/* ======= 1 block hide start ======= */
/* TEEN GO TO LEFT (1) START */
.vteen .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 .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 .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 .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 .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 .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;
}
/* TEEN GO TO LEFT (1) END */
.vbt .cards-block .flip-card:nth-child(1).end.carda {
    animation-name: vbt-go-to-left-carda1, close-opacity-anumation-2;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 1;
}
.vbt .cards-block .flip-card:nth-child(1).end.cardb {
    animation-name: vbt-go-to-left-cardb1, close-opacity-anumation-2;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 1;
}
.vbt .cards-block .flip-card:nth-child(1).end.cardc {
    animation-name: vbt-go-to-left-cardc1, close-opacity-anumation-2;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 1;
}
.vbt .cards-block .flip-card:nth-child(1).end.cardd {
    animation-name: vbt-go-to-left-cardd1, close-opacity-anumation-2;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 1;
}
.vbt .cards-block .flip-card:nth-child(1).end.carde {
    animation-name: vbt-go-to-left-carde1, close-opacity-anumation-2;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 1;
}
.vbt .cards-block .flip-card:nth-child(1).end.cardf {
    animation-name: vbt-go-to-left-cardf1, close-opacity-anumation-2;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 1;
}


.vtrio .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 .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 .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 .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 .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 .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 .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 .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 .cards-block .flip-card:nth-child(1).end.low {
    animation-name: vaaa-go-to-left-decks11, close-opacity-anumation-2;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 1;
}
.vaaa .cards-block .flip-card:nth-child(1).end.tie {
    animation-name: vaaa-go-to-left-tie1, close-opacity-anumation-2;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 3;
}
.vaaa .cards-block .flip-card:nth-child(1).end.high {
    animation-name: vaaa-go-to-left-decks12, close-opacity-anumation-2;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 3;
}


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


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

/* DT6 GO TO LEFT (1) START */
.vdt6 .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 .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;
}
/* DT6 GO TO LEFT (1) END */

/* DT20 GO TO LEFT (1) START */
.vdt20 .cards-block .flip-card:nth-child(1).end {
    animation-name: vdt20-go-to-left-decks11, close-opacity-anumation-2;
    animation-duration: 1s, 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 1;
}
.vdt20 .cards-block .flip-card:nth-child(2).end {
    animation-name: vdt20-go-to-left-decks12, close-opacity-anumation-2;
    animation-duration: 1s, 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 3;
}
/* DT20 GO TO LEFT (1) END */
/* ===== 1 block hide end ===== */


/* ===== 2 block hide ===== */
/* TEEN GO TO LEFT (2) START */
.vteen .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: 15.8%;
    bottom: 78%;
}
.vteen .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 .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: 26.56%;
    bottom: 78%;
}
.vteen .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 .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: 37.4%;
    bottom: 78%;
}
.vteen .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 .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: 80%;
    bottom: 78%;
}
.vteen .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 .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.1%;
    bottom: 78%;
}
.vteen .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 .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: 58.2%;
    bottom: 78%;
}
.vteen .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;
}
/* TEEN GO TO LEFT (2) END */

.vbt .cards-showing-block .flip-card:nth-child(1).end.carda {
    z-index: 1;
    animation-name: vbt-go-to-left-carda, close-opacity-anumation-1;
    animation-duration: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 14.5%;
    bottom: 73%;
}
.vbt .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 .cards-showing-block .flip-card:nth-child(1).end.cardb {
    z-index: 1;
    animation-name: vbt-go-to-left-cardb, close-opacity-anumation-1;
    animation-duration: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 28%;
    bottom: 73%;
}
.vbt .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 .cards-showing-block .flip-card:nth-child(1).end.cardc {
    z-index: 1;
    animation-name: vbt-go-to-left-cardc, close-opacity-anumation-1;
    animation-duration: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 41%;
    bottom: 73%;
}
.vbt .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 .cards-showing-block .flip-card:nth-child(1).end.cardd {
    z-index: 1;
    animation-name: vbt-go-to-left-cardd, close-opacity-anumation-1;
    animation-duration: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 54.5%;
    bottom: 73%;
}
.vbt .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 .cards-showing-block .flip-card:nth-child(1).end.carde {
    z-index: 1;
    animation-name: vbt-go-to-left-carde, close-opacity-anumation-1;
    animation-duration: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 67.5%;
    bottom: 73%;
}
.vbt .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 .cards-showing-block .flip-card:nth-child(1).end.cardf {
    z-index: 1;
    animation-name: vbt-go-to-left-cardf, close-opacity-anumation-1;
    animation-duration: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 81%;
    bottom: 73%;
}
.vbt .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 .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: 38%;
    bottom: 85%;
}
.vtrio .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 .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: 48%;
    bottom: 85%;
}
.vtrio .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 .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: 58%;
    bottom: 85%;
}
.vtrio .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 .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: 32%;
    bottom: 85%;
}
.vraceto17 .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 .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: 40%;
    bottom: 85%;
}
.vraceto17 .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 .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: 48%;
    bottom: 85%;
}
.vraceto17 .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 .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: 56%;
    bottom: 85%;
}
.vraceto17 .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 .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: 64%;
    bottom: 85%;
}
.vraceto17 .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 .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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 64%;
    bottom: 112%;
}
.vaaa .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 .cards-showing-block .flip-card:nth-child(1).end.high {
    animation-name: vaaa-go-to-left-decks2, close-opacity-anumation-1;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 3;
    left: 75%;
    bottom: 73%;
}
.vaaa .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;
}
.vaaa .cards-showing-block .flip-card:nth-child(1).end.tie {
    animation-name: vaaa-go-to-left-tie2, close-opacity-anumation-1;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 3;
    left: 48%;
    bottom: 73%;
}
.vaaa .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;
}


.vbaccarat .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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 20%;
    bottom: 78%;
}
.vbaccarat .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 .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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 28%;
    bottom: 78%;
}
.vbaccarat .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 .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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 34%;
    bottom: 78%;
}
.vbaccarat .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 .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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 62%;
    bottom: 78%;
}
.vbaccarat .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 .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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 68%;
    bottom: 78%;
}
.vbaccarat .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 .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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 76%;
    bottom: 78%;
}
.vbaccarat .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 .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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 20.5%;
    bottom: 77%;
}
.vlucky7 .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 .cards-showing-block .flip-card:nth-child(1).end.high {
    animation-name: vlucky7-go-to-left-decks2, close-opacity-anumation-1;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 3;
    left: 75%;
    bottom: 77%;
}
.vlucky7 .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;
}
.vlucky7 .cards-showing-block .flip-card:nth-child(1).end.tie {
    animation-name: vlucky7-go-to-left-tie2, close-opacity-anumation-1;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 3;
    left: 48%;
    bottom: 77%;
}
.vlucky7 .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;
}

/* DT20 GO TO LEFT (2) START */
.vdt20 .cards-showing-block .flip-card:nth-child(1).end {
    z-index: 1;
    animation-name: vdt20-go-to-left-decks1, close-opacity-anumation-1;
    animation-duration: 1s, 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards;
    left: 20.5%;
    bottom: 78%;
}
.vdt20 .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;
}
.vdt20 .cards-showing-block .flip-card:nth-child(2).end {
    animation-name: vdt20-go-to-left-decks2, close-opacity-anumation-1;
    animation-duration: 1s, 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 3;
    left: 75%;
    bottom: 78%;
}
.vdt20 .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;
}
/* DT20 GO TO LEFT (2) END */

/* TEEN GO TO LEFT (2) START */
.vdt6 .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: 20.5%;
    bottom: 78%;
}
.vdt6 .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 .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: 75%;
    bottom: 78%;
}
.vdt6 .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;
}
/* TEEN GO TO LEFT (2) END */


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

.vteen .right-card-deck-mask, .vteen .right-card-deck, 
.vdt6 .right-card-deck-mask, .vdt6 .right-card-deck,
.vdt20 .right-card-deck-mask, .vdt20 .right-card-deck,
.vlucky7 .right-card-deck-mask, .vlucky7 .right-card-deck,
.vbaccarat .right-card-deck-mask, .vbaccarat .right-card-deck,
.vaaa .right-card-deck-mask, .vaaa .right-card-deck,
.vraceto17 .right-card-deck-mask, .vraceto17 .right-card-deck,
.vtrio .right-card-deck-mask, .vtrio .right-card-deck,
.vbt .right-card-deck-mask, .vbt .right-card-deck {
    position: absolute;
}

.vteen .right-card-deck, 
.vdt6 .right-card-deck,
.vdt20 .right-card-deck,
.vlucky7 .right-card-deck,
.vbaccarat .right-card-deck,
.vaaa .right-card-deck,
.vraceto17 .right-card-deck,
.vtrio .right-card-deck,
.vbt .right-card-deck {
    width: 19.094142%;
    right: -13.6%;
    top: 12.445607%;
}
.vteen .right-card-box-back{
    width: 18vh;
    position: absolute;
    right: -13.6%;
    top: 12.445607%;
}
.vdt6 .right-card-box-back, 
.vdt20 .right-card-box-back, 
.vlucky7 .right-card-box-back, 
.vbaccarat .right-card-box-back, 
.vaaa .right-card-box-back,
.vraceto17 .right-card-box-back,
.vtrio .right-card-box-back,
.vbt .right-card-box-back {
    width: 18vh;
    position: absolute;
    right: 0%;
    top: 6%;
}
.vteen .right-card-box-middle, 
.vdt6 .right-card-box-middle,
.vdt20 .right-card-box-middle,
.vlucky7 .right-card-box-middle,
.vbaccarat .right-card-box-middle,
.vaaa .right-card-box-middle,
.vraceto17 .right-card-box-middle,
.vtrio .right-card-box-middle,
.vbt .right-card-box-middle {
    width: 9vh;
    position: absolute;
    right: -10.6%;
    top: 21.445607%;
    transition: right .5s, top .5s;
}
.vteen .right-card-box-front{
    width: 10vh;
    position: absolute;
    right: -13.6%;
    top: 18.5%;
}
.vdt6 .right-card-box-front, 
.vdt20 .right-card-box-front, 
.vlucky7 .right-card-box-front, 
.vbaccarat .right-card-box-front, 
.vaaa .right-card-box-front,
.vraceto17 .right-card-box-front,
.vtrio .right-card-box-front,
.vbt .right-card-box-front {
    width: 10vh;
    position: absolute;
    right: 0%;
    top: 12.5%;
}
.vteen .right-card-deck-mask, 
.vdt6 .right-card-deck-mask,
.vdt20 .right-card-deck-mask,
.vlucky7 .right-card-deck-mask,
.vbaccarat .right-card-deck-mask,
.vaaa .right-card-deck-mask,
.vraceto17 .right-card-deck-mask,
.vtrio .right-card-deck-mask,
.vbt .right-card-deck-mask {
    position: absolute;
    right: -6.5%;
    top: 30%;
    width: 11.3%;
}

.vteen .empty-card-in-deck-left, 
.vdt6 .empty-card-in-deck-left {
    left: -4.8%;
    bottom: 50%;
    transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
}
.vaaa .empty-card-in-deck-left, 
.vraceto17 .empty-card-in-deck-left, 
.vtrio .empty-card-in-deck-left, 
.vlucky7 .empty-card-in-deck-left,  
.vbaccarat .empty-card-in-deck-left,  
.vdt20 .empty-card-in-deck-left,
.vbt .empty-card-in-deck-left {
    left: 0%;
    bottom: 53%;
    transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
}


.vteen .empty-card-in-deck-left.finish-deck, 
.vdt6 .empty-card-in-deck-left.finish-deck{
    animation-name: remove-old-deck-animation;
    animation-duration: 4s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
.vaaa .empty-card-in-deck-left.finish-deck, 
.vraceto17 .empty-card-in-deck-left.finish-deck, 
.vtrio .empty-card-in-deck-left.finish-deck, 
.vbt .empty-card-in-deck-left.finish-deck, 
.vlucky7 .empty-card-in-deck-left.finish-deck, 
.vbaccarat .empty-card-in-deck-left.finish-deck, 
.vdt20 .empty-card-in-deck-left.finish-deck{
    animation-name: remove-old-deck-animation;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

.vteen .empty-card-in-deck-right, 
.vdt6 .empty-card-in-deck-right,
.vdt20 .empty-card-in-deck-right,
.vlucky7 .empty-card-in-deck-right,
.vbaccarat .empty-card-in-deck-right,
.vaaa .empty-card-in-deck-right,
.vraceto17 .empty-card-in-deck-right,
.vtrio .empty-card-in-deck-right,
.vbt .empty-card-in-deck-right {
    right: -5.26%;
    top: 31.7%;;
    transform: perspective(900px) rotateX(23deg) rotateZ(-66deg) rotateY(-30deg) skewX(3deg) scale(1);
}

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

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

.vteen .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
.vdt6 .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
.vdt20 .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
.vlucky7 .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
.vbaccarat .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
.vaaa .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
.vraceto17 .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
.vtrio .empty-card-in-deck-right.finish-deck > div:nth-child(2n),
.vbt .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 .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
.vdt6 .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
.vdt20 .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
.vlucky7 .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
.vbaccarat .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
.vaaa .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
.vraceto17 .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
.vtrio .empty-card-in-deck-right.finish-deck > div:nth-child(7n),
.vbt .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 .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
.vdt6 .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
.vdt20 .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
.vlucky7 .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
.vbaccarat .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
.vaaa .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
.vraceto17 .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
.vtrio .empty-card-in-deck-right.finish-deck > div:nth-child(11n),
.vbt .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 .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
.vdt6 .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
.vdt20 .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
.vlucky7 .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
.vbaccarat .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
.vaaa .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
.vraceto17 .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
.vtrio .empty-card-in-deck-right.finish-deck > div:nth-child(2n + 1),
.vbt .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 .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
.vdt6 .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
.vdt20 .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
.vlucky7 .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
.vbaccarat .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
.vaaa .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
.vraceto17 .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
.vtrio .empty-card-in-deck-right.finish-deck > div:nth-child(3n),
.vbt .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 .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
.vdt6 .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
.vdt20 .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
.vlucky7 .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
.vbaccarat .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
.vaaa .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
.vraceto17 .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
.vtrio .empty-card-in-deck-right.finish-deck > div:nth-child(5n),
.vbt .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 .empty-card-in-deck-right, .vteen .empty-card-in-deck-left, 
.vdt6 .empty-card-in-deck-right, .vdt6 .empty-card-in-deck-left,
.vdt20 .empty-card-in-deck-right, .vdt20 .empty-card-in-deck-left,
.vlucky7 .empty-card-in-deck-right, .vlucky7 .empty-card-in-deck-left,
.vbaccarat .empty-card-in-deck-right, .vbaccarat .empty-card-in-deck-left,
.vaaa .empty-card-in-deck-right, .vaaa .empty-card-in-deck-left,
.vraceto17 .empty-card-in-deck-right, .vraceto17 .empty-card-in-deck-left,
.vtrio .empty-card-in-deck-right, .vtrio .empty-card-in-deck-left,
.vbt .empty-card-in-deck-right, .vbt .empty-card-in-deck-left {
    position: absolute;
    width: 7vh;
    height: 8vh;
}
.vaaa .empty-card-in-deck-right, 
.vraceto17 .empty-card-in-deck-right, 
.vtrio .empty-card-in-deck-right, 
.vbt .empty-card-in-deck-right, 
.vlucky7 .empty-card-in-deck-right,  
.vbaccarat .empty-card-in-deck-right,  
.vdt20 .empty-card-in-deck-right {
    position: absolute;
    width: 7vh;
    height: 7vh;
}

/*2 block disable animation right -> center*/

.vteen .cards-showing-block .flip-card:nth-child(1).show.disable-animation {
    left: 15.8%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vteen .cards-showing-block .flip-card:nth-child(2).show.disable-animation {
    left: 26.56%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vteen .cards-showing-block .flip-card:nth-child(3).show.disable-animation {
    left: 37.4%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vteen .cards-showing-block .flip-card:nth-child(6).show.disable-animation {
    left: 80%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vteen .cards-showing-block .flip-card:nth-child(5).show.disable-animation {
    left: 69.1%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vteen .cards-showing-block .flip-card:nth-child(4).show.disable-animation {
    left: 58.2%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vbt .cards-showing-block .flip-card:nth-child(1).show.carda.disable-animation{
    left: 14.5%;
    bottom: 73%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vbt .cards-showing-block .flip-card:nth-child(1).show.cardb.disable-animation{
    left: 28%;
    bottom: 73%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vbt .cards-showing-block .flip-card:nth-child(1).show.cardc.disable-animation{
    left: 41%;
    bottom: 73%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vbt .cards-showing-block .flip-card:nth-child(1).show.cardd.disable-animation{
    left: 54.5%;
    bottom: 73%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vbt .cards-showing-block .flip-card:nth-child(1).show.carde.disable-animation{
    left: 67.5%;
    bottom: 73%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vbt .cards-showing-block .flip-card:nth-child(1).show.cardf.disable-animation{
    left: 81%;
    bottom: 73%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrio .cards-showing-block .flip-card:nth-child(1).show.disable-animation {
    left: 38%;
    bottom: 85%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vtrio .cards-showing-block .flip-card:nth-child(2).show.disable-animation {
    left: 48%;
    bottom: 85%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vtrio .cards-showing-block .flip-card:nth-child(3).show.disable-animation {
    left: 58%;
    bottom: 85%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}


.vraceto17 .cards-showing-block .flip-card:nth-child(1).show.disable-animation {
    left: 32%;
    bottom: 85%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vraceto17 .cards-showing-block .flip-card:nth-child(2).show.disable-animation {
    left: 40%;
    bottom: 85%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vraceto17 .cards-showing-block .flip-card:nth-child(3).show.disable-animation {
    left: 48%;
    bottom: 85%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vraceto17 .cards-showing-block .flip-card:nth-child(4).show.disable-animation {
    left: 56%;
    bottom: 85%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vraceto17 .cards-showing-block .flip-card:nth-child(5).show.disable-animation {
    left: 64%;
    bottom: 85%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

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

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

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

.vbaccarat .cards-showing-block .flip-card:nth-child(1).show.disable-animation {
    left: 20%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg) rotate(-90deg);
    animation: unset !important;
}
.vbaccarat .cards-showing-block .flip-card:nth-child(2).show.disable-animation {
    left: 28%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vbaccarat .cards-showing-block .flip-card:nth-child(3).show.disable-animation {
    left: 34%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vbaccarat .cards-showing-block .flip-card:nth-child(4).show.disable-animation {
    left: 62%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vbaccarat .cards-showing-block .flip-card:nth-child(5).show.disable-animation {
    left: 68%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}
.vbaccarat .cards-showing-block .flip-card:nth-child(6).show.disable-animation {
    left: 76%;
    bottom: 78%;
    transform: perspective(900px) rotateX(23deg) rotate(90deg);
    animation: unset !important;
}


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


/*2 block disable animation flip card*/
.vteen .disable-animation.show .flip-card-inner, 
.vdt6 .disable-animation.show .flip-card-inner,
.vdt20 .disable-animation.show .flip-card-inner,
.vlucky7 .disable-animation.show .flip-card-inner,
.vbaccarat .disable-animation.show .flip-card-inner,
.vaaa .disable-animation.show .flip-card-inner,
.vraceto17 .disable-animation.show .flip-card-inner,
.vtrio .disable-animation.show .flip-card-inner,
.vbt .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: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 93%;
        bottom: 45%;
        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: 15.8%;
        bottom: 78%;
        opacity: 0;
    }
}

@keyframes  vdt20-flip-card1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 20.5%;
        bottom: 78%;
        opacity: 0;
    }
}

@keyframes  flip-card2 {
    0% {
        left: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 93%;
        bottom: 45%;
        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: 26.56%;
        bottom: 78%;
        opacity: 0;
    }
}

@keyframes  vdt20-flip-card2 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 75%;
        bottom: 78%;
        opacity: 0;
    }
}


@keyframes  vbt-flip-carda {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 14.5%;
        bottom: 73%;
        opacity: 0;
    }
}
@keyframes  vbt-flip-cardb {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 28%;
        bottom: 73%;
        opacity: 0;
    }
}
@keyframes  vbt-flip-cardc {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 41%;
        bottom: 73%;
        opacity: 0;
    }
}
@keyframes  vbt-flip-cardd {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 54.5%;
        bottom: 73%;
        opacity: 0;
    }
}
@keyframes  vbt-flip-carde {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 67.5%;
        bottom: 73%;
        opacity: 0;
    }
}
@keyframes  vbt-flip-cardf {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 81%;
        bottom: 73%;
        opacity: 0;
    }
}

@keyframes  vtrio-flip-card1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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%;
        bottom: 85%;
        opacity: 0;
    }
}
@keyframes  vtrio-flip-card2 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 48%;
        bottom: 85%;
        opacity: 0;
    }
}
@keyframes  vtrio-flip-card3 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 58%;
        bottom: 85%;
        opacity: 0;
    }
}

@keyframes  vrace17-flip-card1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 32%;
        bottom: 84%;
        opacity: 0;
    }
}
@keyframes  vrace17-flip-card2 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 40%;
        bottom: 84%;
        opacity: 0;
    }
}
@keyframes  vrace17-flip-card3 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 48%;
        bottom: 84%;
        opacity: 0;
    }
}
@keyframes  vrace17-flip-card4 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 44%;
        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: 56%;
        bottom: 84%;
        opacity: 0;
    }
}
@keyframes  vrace17-flip-card5 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 64%;
        bottom: 84%;
        opacity: 0;
    }
}

@keyframes  vaaa-flip-card1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 20.5%;
        bottom: 73%;
        opacity: 0;
    }
}
@keyframes  vaaa-flip-card2 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 75%;
        bottom: 73%;
        opacity: 0;
    }
}
@keyframes  vaaa-flip-tie1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 48%;
        bottom: 73%;
        opacity: 0;
    }
}

@keyframes  vbaccarat-flip-card1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 20%;
        bottom: 78%;
        opacity: 0;
        transform: rotate(-90deg);
    }
}
@keyframes  vbaccarat-flip-card2 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 28%;
        bottom: 78%;
        opacity: 0;
    }
}
@keyframes  vbaccarat-flip-card3 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 34%;
        bottom: 78%;
        opacity: 0;
    }
}
@keyframes  vbaccarat-flip-card4 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 62%;
        bottom: 78%;
        opacity: 0;
    }
}
@keyframes  vbaccarat-flip-card5 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 78%;
        opacity: 0;
    }
}
@keyframes  vbaccarat-flip-card6 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 78%;
        opacity: 0;
        transform: rotate(90deg);
    }
}


@keyframes  vlucky7-flip-card1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 20.5%;
        bottom: 77%;
        opacity: 0;
    }
}
@keyframes  vlucky7-flip-card2 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 75%;
        bottom: 77%;
        opacity: 0;
    }
}
@keyframes  vlucky7-flip-tie1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 45%;
        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: 48%;
        bottom: 77%;
        opacity: 0;
    }
}

@keyframes  flip-card3 {
    0% {
        left: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 93%;
        bottom: 45%;
        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: 37.4%;
        bottom: 78%;
        opacity: 0;
    }
}

@keyframes  flip-card4 {
    0% {
        left: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 93%;
        bottom: 45%;
        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: 58.2%;
        bottom: 78%;
        opacity: 0;
    }
}

@keyframes  flip-card5 {
    0% {
        left: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 93%;
        bottom: 45%;
        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.1%;
        bottom: 78%;
        opacity: 0;
    }
}

@keyframes  flip-card6 {
    0% {
        left: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 93%;
        bottom: 45%;
        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: 80%;
        bottom: 78%;
        transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
        opacity: 0;
    }
}


/* 2 block right -> center*/
@keyframes  flip-card21 {
    0% {
        left: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 93%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 15.8%;
        bottom: 78%;
    }
}
@keyframes  flip-card22 {
    0% {
        left: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 93%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 26.56%;
        bottom: 78%;
    }
}
@keyframes  flip-card23 {
    0% {
        left: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 93%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 37.4%;
        bottom: 78%;
    }
}
@keyframes  flip-card24 {
    0% {
        left: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 93%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 58.2%;
        bottom: 78%;
    }
}
@keyframes  flip-card25 {
    0% {
        left: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 93%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 69.1%;
        bottom: 78%;
    }
}
@keyframes  flip-card26 {
    0% {
        left: 94.7%;
        bottom: 52.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 93%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 80%;
        bottom: 78%;
    }
}

@keyframes  vdt20-flip-card21 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 20.5%;
        bottom: 78%;
    }
}
@keyframes  vdt20-flip-card22 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 75%;
        bottom: 78%;
    }
}


@keyframes  vbt-flip-carda1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 14.5%;
        bottom: 73%;
    }
}
@keyframes  vbt-flip-cardb1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 28%;
        bottom: 73%;
    }
}
@keyframes  vbt-flip-cardc1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 41%;
        bottom: 73%;
    }
}
@keyframes  vbt-flip-cardd1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 54.5%;
        bottom: 73%;
    }
}
@keyframes  vbt-flip-carde1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 67.5%;
        bottom: 73%;
    }
}
@keyframes  vbt-flip-cardf1 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 81%;
        bottom: 73%;
    }
}

@keyframes  vtrio-flip-card21 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 38%;
        bottom: 85%;
    }
}
@keyframes  vtrio-flip-card22 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 48%;
        bottom: 85%;
    }
}
@keyframes  vtrio-flip-card23 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 58%;
        bottom: 85%;
    }
}

@keyframes  vrace17-flip-card21 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 32%;
        bottom: 85%;
    }
}
@keyframes  vrace17-flip-card22 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 40%;
        bottom: 85%;
    }
}
@keyframes  vrace17-flip-card23 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 48%;
        bottom: 85%;
    }
}
@keyframes  vrace17-flip-card24 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 56%;
        bottom: 85%;
    }
}
@keyframes  vrace17-flip-card25 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 64%;
        bottom: 85%;
    }
}


@keyframes  vaaa-flip-card21 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 20.5%;
        bottom: 73%;
    }
}
@keyframes  vaaa-flip-card22 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 75%;
        bottom: 73%;
    }
}
@keyframes  vaaa-flip-tie2 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 48%;
        bottom: 73%;
    }
}


@keyframes  vbaccarat-flip-card21 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 20%;
        bottom: 78%;
        transform: rotate(-90deg);
    }
}
@keyframes  vbaccarat-flip-card22 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 28%;
        bottom: 78%;
    }
}
@keyframes  vbaccarat-flip-card23 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 34%;
        bottom: 78%;
    }
}
@keyframes  vbaccarat-flip-card24 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 62%;
        bottom: 78%;
    }
}
@keyframes  vbaccarat-flip-card25 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 68%;
        bottom: 78%;
    }
}
@keyframes  vbaccarat-flip-card26 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 76%;
        bottom: 78%;
        transform: rotate(90deg);
    }
}


@keyframes  vlucky7-flip-card21 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 20.5%;
        bottom: 77%;
    }
}
@keyframes  vlucky7-flip-card22 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 75%;
        bottom: 77%;
    }
}
@keyframes  vlucky7-flip-tie2 {
    0% {
        left: 88.7%;
        bottom: 56.1%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 45%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    100%  {
        left: 48%;
        bottom: 77%;
    }
}


@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  go-to-left-decks11 {
    0% {
        left: 15.8%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  go-to-left-decks12 {
    0% {
        left: 26.56%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  go-to-left-decks13 {
    0% {
        left: 37.4%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  go-to-left-decks14 {
    0% {
        left: 58.2%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  go-to-left-decks15 {
    0% {
        left: 69.1%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  go-to-left-decks16 {
    0% {
        left: 80%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes  vdt20-go-to-left-decks11 {
    0% {
        left: 20.5%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vdt20-go-to-left-decks12 {
    0% {
        left: 75%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes  vdt6-go-to-left-decks11 {
    0% {
        left: 20.5%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vdt6-go-to-left-decks12 {
    0% {
        left: 75%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 55%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes  vtrio-go-to-left-decks11 {
    0% {
        left: 38%;
        bottom: 85%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vtrio-go-to-left-decks12 {
    0% {
        left: 48%;
        bottom: 85%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vtrio-go-to-left-decks13 {
    0% {
        left: 58%;
        bottom: 85%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes  vrace17-go-to-left-decks11 {
    0% {
        left: 32%;
        bottom: 85%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vrace17-go-to-left-decks12 {
    0% {
        left: 40%;
        bottom: 85%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vrace17-go-to-left-decks13 {
    0% {
        left: 48%;
        bottom: 85%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vrace17-go-to-left-decks14 {
    0% {
        left: 56%;
        bottom: 85%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vrace17-go-to-left-decks15 {
    0% {
        left: 64%;
        bottom: 85%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes  vaaa-go-to-left-decks11 {
    0% {
        left: 20.5%;
        bottom: 73%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vaaa-go-to-left-decks12 {
    0% {
        left: 75%;
        bottom: 73%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vaaa-go-to-left-tie1 {
    0% {
        left: 48%;
        bottom: 73%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}


@keyframes  vbt-go-to-left-carda1 {
    0% {
        left: 14.5%;
        bottom: 73%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vbt-go-to-left-cardb1 {
    0% {
        left: 28%;
        bottom: 73%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vbt-go-to-left-cardc1 {
    0% {
        left: 41%;
        bottom: 73%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vbt-go-to-left-cardd1 {
    0% {
        left: 54.5%;
        bottom: 73%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vbt-go-to-left-carde1 {
    0% {
        left: 67.5%;
        bottom: 73%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vbt-go-to-left-cardf1 {
    0% {
        left: 81%;
        bottom: 73%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}


@keyframes  vbaccarat-go-to-left-decks11 {
    0% {
        left: 20%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vbaccarat-go-to-left-decks12 {
    0% {
        left: 28%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vbaccarat-go-to-left-decks13 {
    0% {
        left: 34%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vbaccarat-go-to-left-decks14 {
    0% {
        left: 62%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vbaccarat-go-to-left-decks15 {
    0% {
        left: 68%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vbaccarat-go-to-left-decks16 {
    0% {
        left: 76%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}


@keyframes  vlucky7-go-to-left-decks11 {
    0% {
        left: 20.5%;
        bottom: 77%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vlucky7-go-to-left-decks12 {
    0% {
        left: 75%;
        bottom: 77%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}
@keyframes  vlucky7-go-to-left-tie1 {
    0% {
        left: 48%;
        bottom: 77%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
    }
    85%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

/* 1 block center -> left end*/



/* 2 block center -> left */
@keyframes  go-to-left-decks1 {
    0% {
        left: 15.8%;
        bottom: 78%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  go-to-left-decks2 {
    0% {
        left: 26.56%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  go-to-left-decks3 {
    0% {
         left: 37.4%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  go-to-left-decks4 {
    0% {
        left: 58.2%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  go-to-left-decks5 {
    0% {
        left: 69.1%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  go-to-left-decks6 {
    0% {
        left: 80%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -12%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -13%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes  vdt20-go-to-left-decks1 {
    0% {
        left: 20.5%;
        bottom: 78%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vdt20-go-to-left-decks2 {
    0% {
        left: 75%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes  vdt6-go-to-left-decks1 {
    0% {
        left: 20.5%;
        bottom: 78%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vdt6-go-to-left-decks2 {
    0% {
        left: 75%;
        bottom: 78%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 55%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}


@keyframes  vbt-go-to-left-carda {
    0% {
        left: 14.5%;
        bottom: 73%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vbt-go-to-left-cardb {
    0% {
        left: 28%;
        bottom: 73%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vbt-go-to-left-cardc {
    0% {
        left: 41%;
        bottom: 73%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vbt-go-to-left-cardd {
    0% {
        left: 54.5%;
        bottom: 73%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vbt-go-to-left-carde {
    0% {
        left: 67.5%;
        bottom: 73%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vbt-go-to-left-cardf {
    0% {
        left: 81%;
        bottom: 73%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 65%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 64%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes  vtrio-go-to-left-decks1 {
    0% {
        left: 38%;
        bottom: 85%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vtrio-go-to-left-decks2 {
    0% {
        left: 48%;
        bottom: 85%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vtrio-go-to-left-decks3 {
    0% {
        left: 58%;
        bottom: 85%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes  vrace17-go-to-left-decks1 {
    0% {
        left: 32%;
        bottom: 85%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vrace17-go-to-left-decks2 {
    0% {
        left: 40%;
        bottom: 85%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vrace17-go-to-left-decks3 {
    0% {
        left: 48%;
        bottom: 85%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vrace17-go-to-left-decks4 {
    0% {
        left: 56%;
        bottom: 85%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vrace17-go-to-left-decks5 {
    0% {
        left: 64%;
        bottom: 85%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}


@keyframes  vaaa-go-to-left-decks1 {
    0% {
        left: 20.5%;
        bottom: 73%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vaaa-go-to-left-decks2 {
    0% {
        left: 75%;
        bottom: 73%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vaaa-go-to-left-tie2 {
    0% {
        left: 48%;
        bottom: 73%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 63%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 62%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes  vbaccarat-go-to-left-decks1 {
    0% {
        left: 20%;
        bottom: 78%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vbaccarat-go-to-left-decks2 {
    0% {
        left: 28%;
        bottom: 78%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vbaccarat-go-to-left-decks3 {
    0% {
        left: 34%;
        bottom: 78%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vbaccarat-go-to-left-decks4 {
    0% {
        left: 62%;
        bottom: 78%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vbaccarat-go-to-left-decks5 {
    0% {
        left: 68%;
        bottom: 78%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vbaccarat-go-to-left-decks6 {
    0% {
        left: 76%;
        bottom: 78%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}


@keyframes  vlucky7-go-to-left-decks1 {
    0% {
        left: 20.5%;
        bottom: 77%;
        transition: opacity 0s;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vlucky7-go-to-left-decks2 {
    0% {
        left: 75%;
        bottom: 77%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 60%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}
@keyframes  vlucky7-go-to-left-tie2 {
    0% {
        left: 48%;
        bottom: 77%;
    }
    50%  {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95%  {
        left: -5%;
        bottom: 59%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100%  {
        left: -6%;
        bottom: 60%;
        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: 22.1%;
    }
}
@keyframes vbaccarat-add-new-deck-animation {
    0%   {
        opacity: 0;
        top: -16%;
    }
    20%   {
        opacity: 1;
        top: 0%;
    }
    50%   {
        opacity: 1;
        top: 0%;
    }
    100%  {
        opacity: 1;
        top: 13%;
    }
}
@keyframes vdt20-add-new-deck-animation {
    0%   {
        opacity: 0;
        top: -16%;
    }
    20%   {
        opacity: 1;
        top: 0%;
    }
    50%   {
        opacity: 1;
        top: 0%;
    }
    100%  {
        opacity: 1;
        top: 6%;
    }
}

@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: 26%;
    }
}

@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 .decks-block, .vteen .decks-mask-block, .vteen .cards-showing-block,
.vdt6 .decks-block, .vdt6 .decks-mask-block, .vdt6 .cards-showing-block,
.vdt20 .decks-block, .vdt20 .decks-mask-block, .vdt20 .cards-showing-block,
.vlucky7 .decks-block, .vlucky7 .decks-mask-block, .vlucky7 .cards-showing-block,
.vbaccarat .decks-block, .vbaccarat .decks-mask-block, .vbaccarat .cards-showing-block,
.vaaa .decks-block, .vaaa .decks-mask-block, .vaaa .cards-showing-block,
.vraceto17 .decks-block, .vraceto17 .decks-mask-block, .vraceto17 .cards-showing-block,
.vtrio .decks-block, .vtrio .decks-mask-block, .vtrio .cards-showing-block,
.vbt .decks-block, .vbt .decks-mask-block, .vbt .cards-showing-block {
    transform: translateX(-50%) !important;
    height: 100%;
    position: absolute !important;
    left: 50%;
    top: 0px;
    pointer-events: none;
}
.vteen .decks-mask-block, 
.vdt6 .decks-mask-block,
.vdt20 .decks-mask-block,
.vlucky7 .decks-mask-block,
.vbaccarat .decks-mask-block,
.vaaa .decks-mask-block,
.vraceto17 .decks-mask-block,
.vtrio .decks-mask-block,
.vbt .decks-mask-block {
    z-index: 10;
}
.vteen .cards-showing-block, 
.vdt6 .cards-showing-block,
.vdt20 .cards-showing-block,
.vlucky7 .cards-showing-block,
.vbaccarat .cards-showing-block,
.vaaa .cards-showing-block,
.vraceto17 .cards-showing-block,
.vtrio .cards-showing-block,
.vbt .cards-showing-block {
    transform: perspective(900px) rotateX(20deg) scale(1) !important;
    left: 0;
}

.vteen .table-actions, .vteen .decks-block, .vteen .decks-mask-block, .vteen .cards-showing-block{
    width: 97vh;
}

@media (min-width:1280px) and (max-width:1365px) {
    .vteen .table-actions, .vteen .decks-block, .vteen .decks-mask-block, .vteen .cards-showing-block{
        width: 85vh;
    }
}