.vteen .flip-card {
    background-color: transparent;
    width: 6.407641%;
    height: 17.184658%;
    perspective: 1000px;
    position: absolute;
    opacity: 1;
}

.vmuflis .flip-card {
    background-color: transparent;
    width: 5.407641%;
    height: 19.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,
.vbt .flip-card {
    background-color: transparent;
    width: 4.407641%;
    height: 17.184658%;
    perspective: 1000px;
    position: absolute;
    opacity: 1;
}

.vtrap .flip-card {
    background-color: transparent;
    width: 5%;
    height: 27.185%;
    perspective: 1000px;
    position: absolute;
    opacity: 1;
}

.v1card .flip-card,
.vqueen .flip-card,
.vdtl .flip-card {
    background-color: transparent;
    width: 5%;
    height: 43.185%;
    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,
.vtrap .cards-block .flip-card,
.v1card .cards-block .flip-card,
.vdtl .cards-block .flip-card,
.vqueen .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,
.vtrap .cards-showing-block .flip-card,
.v1card .cards-showing-block .flip-card,
.vdtl .cards-showing-block .flip-card,
.vqueen .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,
.vtrap .flip-card.show,
.v1card .flip-card.show,
.vdtl .flip-card.show,
.vqueen .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,
.vtrap .cards-showing-block .flip-card.show,
.v1card .cards-showing-block .flip-card.show,
.vdtl .cards-showing-block .flip-card.show,
.vqueen .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;
}

.vdtl .cards-block .flip-card:nth-child(1).show {
    animation-name: vdtl-flip-card1;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

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

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

.v1card .cards-block .flip-card:nth-child(1).show {
    animation-name: v1card-flip-card1;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

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

.vtrap .cards-block .flip-card:nth-child(1).show {
    animation-name: vtrap-flip-card1;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

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

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

.vtrap .cards-block .flip-card:nth-child(4).show {
    animation-name: vtrap-flip-card4;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(5).show {
    animation-name: vtrap-flip-card5;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(6).show {
    animation-name: vtrap-flip-card6;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(7).show {
    animation-name: vtrap-flip-card7;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(8).show {
    animation-name: vtrap-flip-card8;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(9).show {
    animation-name: vtrap-flip-card9;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(10).show {
    animation-name: vtrap-flip-card10;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(11).show {
    animation-name: vtrap-flip-card11;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(12).show {
    animation-name: vtrap-flip-card12;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(13).show {
    animation-name: vtrap-flip-card13;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(14).show {
    animation-name: vtrap-flip-card14;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    z-index: 1;
}

.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;
}

.vdtl .cards-showing-block .flip-card:nth-child(1).show {
    z-index: 1;
    animation-name: vdtl-flip-card21;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vdtl .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;
}

.vdtl .cards-showing-block .flip-card:nth-child(2).show {
    z-index: 1;
    animation-name: vdtl-flip-card22;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vdtl .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;
}

.vdtl .cards-showing-block .flip-card:nth-child(3).show {
    z-index: 1;
    animation-name: vdtl-flip-card23;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vdtl .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;
}

.v1card .cards-showing-block .flip-card:nth-child(1).show {
    z-index: 1;
    animation-name: v1card-flip-card21;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.v1card .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;
}

.v1card .cards-showing-block .flip-card:nth-child(2).show {
    z-index: 1;
    animation-name: v1card-flip-card22;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.v1card .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(1).show {
    z-index: 1;
    animation-name: vtrap-flip-card21;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(2).show {
    z-index: 1;
    animation-name: vtrap-flip-card22;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(3).show {
    z-index: 1;
    animation-name: vtrap-flip-card23;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(4).show {
    z-index: 1;
    animation-name: vtrap-flip-card24;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(5).show {
    z-index: 1;
    animation-name: vtrap-flip-card25;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(6).show {
    z-index: 1;
    animation-name: vtrap-flip-card26;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(7).show {
    z-index: 1;
    animation-name: vtrap-flip-card27;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(7).show .flip-card-inner {
    animation-name: flip-card;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(8).show {
    z-index: 1;
    animation-name: vtrap-flip-card28;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(8).show .flip-card-inner {
    animation-name: flip-card;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(9).show {
    z-index: 1;
    animation-name: vtrap-flip-card29;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(9).show .flip-card-inner {
    animation-name: flip-card;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(10).show {
    z-index: 1;
    animation-name: vtrap-flip-card210;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(10).show .flip-card-inner {
    animation-name: flip-card;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(11).show {
    z-index: 1;
    animation-name: vtrap-flip-card211;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(11).show .flip-card-inner {
    animation-name: flip-card;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(12).show {
    z-index: 1;
    animation-name: vtrap-flip-card212;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(12).show .flip-card-inner {
    animation-name: flip-card;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(13).show {
    z-index: 1;
    animation-name: vtrap-flip-card213;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(13).show .flip-card-inner {
    animation-name: flip-card;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(14).show {
    z-index: 1;
    animation-name: vtrap-flip-card214;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(14).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(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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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;
}

.vdtl .cards-block .flip-card:nth-child(1).end {
    animation-name: vdtl-go-to-left-decks1-1, close-opacity-anumation-2;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 1;
}

.vdtl .cards-block .flip-card:nth-child(2).end {
    animation-name: vdtl-go-to-left-decks1-2, close-opacity-anumation-2;
    animation-duration: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 0s;
    z-index: 1;
}

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

.v1card .cards-block .flip-card:nth-child(1).end {
    animation-name: v1card-go-to-left-decks1-1, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.v1card .cards-block .flip-card:nth-child(2).end {
    animation-name: v1card-go-to-left-decks1-2, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(1).end {
    animation-name: vtrap-go-to-left-decks1-1, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(2).end {
    animation-name: vtrap-go-to-left-decks1-2, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(3).end {
    animation-name: vtrap-go-to-left-decks1-3, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(4).end {
    animation-name: vtrap-go-to-left-decks1-4, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(5).end {
    animation-name: vtrap-go-to-left-decks1-5, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(6).end {
    animation-name: vtrap-go-to-left-decks1-6, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(7).end {
    animation-name: vtrap-go-to-left-decks1-7, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(8).end {
    animation-name: vtrap-go-to-left-decks1-8, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(9).end {
    animation-name: vtrap-go-to-left-decks1-9, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(10).end {
    animation-name: vtrap-go-to-left-decks1-10, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(11).end {
    animation-name: vtrap-go-to-left-decks1-11, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(12).end {
    animation-name: vtrap-go-to-left-decks1-12, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(13).end {
    animation-name: vtrap-go-to-left-decks1-13, close-opacity-anumation-2;
    animation-duration: 1s, 1.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s, 0s;
    z-index: 1;
}

.vtrap .cards-block .flip-card:nth-child(14).end {
    animation-name: vtrap-go-to-left-decks1-14, 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(1).end {
    animation-name: vtrio-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;
}

.vtrio .cards-block .flip-card:nth-child(2).end {
    animation-name: vtrio-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;
}

.vtrio .cards-block .flip-card:nth-child(3).end {
    animation-name: vtrio-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;
}

.vraceto17 .cards-block .flip-card:nth-child(1).end {
    animation-name: vrace17-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;
}

.vraceto17 .cards-block .flip-card:nth-child(2).end {
    animation-name: vrace17-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;
}

.vraceto17 .cards-block .flip-card:nth-child(3).end {
    animation-name: vrace17-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;
}

.vraceto17 .cards-block .flip-card:nth-child(4).end {
    animation-name: vrace17-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;
}

.vraceto17 .cards-block .flip-card:nth-child(5).end {
    animation-name: vrace17-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;
}

.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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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;
}

.vdtl .cards-showing-block .flip-card:nth-child(1).end {
    z-index: 1;
    animation-name: vdtl-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: 33%;
    bottom: 18%;
}

.vdtl .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;
}

.vdtl .cards-showing-block .flip-card:nth-child(2).end {
    z-index: 1;
    animation-name: vdtl-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: 50%;
    bottom: 18%;
}

.vdtl .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;
}

.vdtl .cards-showing-block .flip-card:nth-child(3).end {
    z-index: 1;
    animation-name: vdtl-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: 67%;
    bottom: 18%;
}

.vdtl .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;
}

.v1card .cards-showing-block .flip-card:nth-child(1).end {
    z-index: 1;
    animation-name: v1card-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: 50%;
    bottom: 38%;
}

.v1card .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;
}

.v1card .cards-showing-block .flip-card:nth-child(2).end {
    z-index: 1;
    animation-name: v1card-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: 50%;
    bottom: 4%;
}

.v1card .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(1).end {
    z-index: 1;
    animation-name: vtrap-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: 23.8%;
    bottom: 44%;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(2).end {
    z-index: 1;
    animation-name: vtrap-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: 32.5%;
    bottom: 44%;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(3).end {
    z-index: 1;
    animation-name: vtrap-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: 40.7%;
    bottom: 44%;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(4).end {
    z-index: 1;
    animation-name: vtrap-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: 49.3%;
    bottom: 44%;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(5).end {
    z-index: 1;
    animation-name: vtrap-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: 57.5%;
    bottom: 44%;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(6).end {
    z-index: 1;
    animation-name: vtrap-go-to-left-decks6, close-opacity-anumation-1;
    animation-duration: 1s, 1.5s;
    animation-timing-function: linear;
    animation-delay: 1s, 0s;
    animation-fill-mode: forwards;
    left: 66%;
    bottom: 44%;
}

.vtrap .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;
}

.vtrap .cards-showing-block .flip-card:nth-child(7).end {
    z-index: 1;
    animation-name: vtrap-go-to-left-decks7, close-opacity-anumation-1;
    animation-duration: 1s, 1.5s;
    animation-timing-function: linear;
    animation-delay: 1s, 0s;
    animation-fill-mode: forwards;
    left: 74.5%;
    bottom: 44%;
}

.vtrap .cards-showing-block .flip-card:nth-child(7).end .flip-card-inner {
    animation-name: flip-card-close;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(8).end {
    z-index: 1;
    animation-name: vtrap-go-to-left-decks8, close-opacity-anumation-1;
    animation-duration: 1s, 1.5s;
    animation-timing-function: linear;
    animation-delay: 1s, 0s;
    animation-fill-mode: forwards;
    left: 24.7%;
    bottom: 7%;
}

.vtrap .cards-showing-block .flip-card:nth-child(8).end .flip-card-inner {
    animation-name: flip-card-close;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(9).end {
    z-index: 1;
    animation-name: vtrap-go-to-left-decks9, close-opacity-anumation-1;
    animation-duration: 1s, 1.5s;
    animation-timing-function: linear;
    animation-delay: 1s, 0s;
    animation-fill-mode: forwards;
    left: 33%;
    bottom: 7%;
}

.vtrap .cards-showing-block .flip-card:nth-child(9).end .flip-card-inner {
    animation-name: flip-card-close;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(10).end {
    z-index: 1;
    animation-name: vtrap-go-to-left-decks10, close-opacity-anumation-1;
    animation-duration: 1s, 1.5s;
    animation-timing-function: linear;
    animation-delay: 1s, 0s;
    animation-fill-mode: forwards;
    left: 41%;
    bottom: 7%;
}

.vtrap .cards-showing-block .flip-card:nth-child(10).end .flip-card-inner {
    animation-name: flip-card-close;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(11).end {
    z-index: 1;
    animation-name: vtrap-go-to-left-decks11, close-opacity-anumation-1;
    animation-duration: 1s, 1.5s;
    animation-timing-function: linear;
    animation-delay: 1s, 0s;
    animation-fill-mode: forwards;
    left: 49.2%;
    bottom: 7%;
}

.vtrap .cards-showing-block .flip-card:nth-child(11).end .flip-card-inner {
    animation-name: flip-card-close;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(12).end {
    z-index: 1;
    animation-name: vtrap-go-to-left-decks12, close-opacity-anumation-1;
    animation-duration: 1s, 1.5s;
    animation-timing-function: linear;
    animation-delay: 1s, 0s;
    animation-fill-mode: forwards;
    left: 57.2%;
    bottom: 7%;
}

.vtrap .cards-showing-block .flip-card:nth-child(12).end .flip-card-inner {
    animation-name: flip-card-close;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(13).end {
    z-index: 1;
    animation-name: vtrap-go-to-left-decks13, close-opacity-anumation-1;
    animation-duration: 1s, 1.5s;
    animation-timing-function: linear;
    animation-delay: 1s, 0s;
    animation-fill-mode: forwards;
    left: 65.5%;
    bottom: 7%;
}

.vtrap .cards-showing-block .flip-card:nth-child(13).end .flip-card-inner {
    animation-name: flip-card-close;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.vtrap .cards-showing-block .flip-card:nth-child(14).end {
    z-index: 1;
    animation-name: vtrap-go-to-left-decks14, close-opacity-anumation-1;
    animation-duration: 1s, 1.5s;
    animation-timing-function: linear;
    animation-delay: 1s, 0s;
    animation-fill-mode: forwards;
    left: 73.7%;
    bottom: 7%;
}

.vtrap .cards-showing-block .flip-card:nth-child(14).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(1).end {
    z-index: 1;
    animation-name: vtrio-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: 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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-timing-function: linear;
    animation-delay: 0s, 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: 0.6s, 0.1s;
    animation-fill-mode: forwards;
    animation-delay: 0s, 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,
.vtrap .flip-card-inner,
.v1card .flip-card-inner,
.vdtl .flip-card-inner,
.vqueen .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: 53%;
}

.vteen.vmuflis .left-card-deck {
    width: 10vh;
    position: absolute;
    left: -10%;
    bottom: 58%;
}

.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%;
}

.vdt6 .left-card-deck {
    bottom: 57%;
}

.vaaa .left-card-deck {
    bottom: 58%;
}

.vbt .left-card-deck {
    bottom: 60%;
}

.vteen.vtrio .left-card-deck {
    bottom: 57%;
}

.vqueen .left-card-deck,
.vdtl .left-card-deck {
    width: 8vh;
    position: absolute;
    left: 0.5%;
    bottom: 10%;
}

.v1card .left-card-deck,
.vtrap .left-card-deck {
    width: 8vh;
    position: absolute;
    left: 0%;
    bottom: 15%;
}

.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,
.vtrap .right-card-deck-mask,
.vtrap .right-card-deck,
.v1card .right-card-deck-mask,
.v1card .right-card-deck,
.vdtl .right-card-deck-mask,
.vdtl .right-card-deck,
.vqueen .right-card-deck-mask,
.vqueen .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,
.vtrap .right-card-deck,
.v1card .right-card-deck,
.vdtl .right-card-deck,
.vqueen .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%;
}

.vqueen .right-card-box-back {
    width: 13vh;
    position: absolute;
    right: 1%;
    top: 20%;
}

.vdtl .right-card-box-back {
    width: 13vh;
    position: absolute;
    right: 1%;
    top: -10%;
}

.v1card .right-card-box-back,
.vtrap .right-card-box-back {
    width: 13vh;
    position: absolute;
    right: 1%;
    top: 30%;
}

.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;
}

.vdtl .right-card-box-middle,
.vqueen .right-card-box-middle,
.v1card .right-card-box-middle,
.vtrap .right-card-box-middle {
    width: 7vh;
    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%;
}

.vqueen .right-card-box-front {
    width: 7vh;
    position: absolute;
    right: 1%;
    top: 28.5%;
}

.vdtl .right-card-box-front {
    width: 7vh;
    position: absolute;
    right: 1%;
    top: 3.5%;
}

.v1card .right-card-box-front,
.vtrap .right-card-box-front {
    width: 7vh;
    position: absolute;
    right: 1%;
    top: 38.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,
.vtrap .right-card-deck-mask,
.v1card .right-card-deck-mask,
.vdtl .right-card-deck-mask,
.vqueen .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,
.vtrap .empty-card-in-deck-left,
.vdtl .empty-card-in-deck-left,
.vqueen .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)
}

.v1card .empty-card-in-deck-left {
    left: 2%;
    bottom: 13%;
    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,
.vtrap .empty-card-in-deck-left.finish-deck,
.v1card .empty-card-in-deck-left.finish-deck,
.vdtl .empty-card-in-deck-left.finish-deck,
.vqueen .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,
.vtrap .empty-card-in-deck-right,
.v1card .empty-card-in-deck-right,
.vdtl .empty-card-in-deck-right,
.vqueen .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,
.vtrap .empty-card-in-deck-right.finish-deck,
.v1card .empty-card-in-deck-right.finish-deck,
.vdtl .empty-card-in-deck-right.finish-deck,
.vqueen .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),
.vtrap .empty-card-in-deck-right.finish-deck>div:nth-child(2n),
.v1card .empty-card-in-deck-right.finish-deck>div:nth-child(2n),
.vdtl .empty-card-in-deck-right.finish-deck>div:nth-child(2n),
.vqueen .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),
.vtrap .empty-card-in-deck-right.finish-deck>div:nth-child(7n),
.v1card .empty-card-in-deck-right.finish-deck>div:nth-child(7n),
.vdtl .empty-card-in-deck-right.finish-deck>div:nth-child(7n),
.vqueen .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),
.vtrap .empty-card-in-deck-right.finish-deck>div:nth-child(11n),
.v1card .empty-card-in-deck-right.finish-deck>div:nth-child(11n),
.vdtl .empty-card-in-deck-right.finish-deck>div:nth-child(11n),
.vqueen .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),
.vtrap .empty-card-in-deck-right.finish-deck>div:nth-child(2n + 1),
.v1card .empty-card-in-deck-right.finish-deck>div:nth-child(2n + 1),
.vdtl .empty-card-in-deck-right.finish-deck>div:nth-child(2n + 1),
.vqueen .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),
.vtrap .empty-card-in-deck-right.finish-deck>div:nth-child(3n),
.v1card .empty-card-in-deck-right.finish-deck>div:nth-child(3n),
.vdtl .empty-card-in-deck-right.finish-deck>div:nth-child(3n),
.vqueen .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),
.vtrap .empty-card-in-deck-right.finish-deck>div:nth-child(5n),
.v1card .empty-card-in-deck-right.finish-deck>div:nth-child(5n),
.vdtl .empty-card-in-deck-right.finish-deck>div:nth-child(5n),
.vqueen .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;
}

.vdtl .empty-card-in-deck-right,
.vdtl .empty-card-in-deck-left,
.vqueen .empty-card-in-deck-right,
.vqueen .empty-card-in-deck-left,
.v1card .empty-card-in-deck-right,
.v1card .empty-card-in-deck-left,
.vtrap .empty-card-in-deck-right,
.vtrap .empty-card-in-deck-left {
    position: absolute;
    width: 6vh;
    height: 6vh;
}

.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;
}

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

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

.vdtl .cards-showing-block .flip-card:nth-child(3).show.disable-animation {
    left: 67%;
    bottom: 18%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

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

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

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

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

.vtrap .cards-showing-block .flip-card:nth-child(3).show.disable-animation {
    left: 40.7%;
    bottom: 44%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrap .cards-showing-block .flip-card:nth-child(4).show.disable-animation {
    left: 49.3%;
    bottom: 44%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrap .cards-showing-block .flip-card:nth-child(5).show.disable-animation {
    left: 57.5%;
    bottom: 44%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrap .cards-showing-block .flip-card:nth-child(6).show.disable-animation {
    left: 66%;
    bottom: 44%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrap .cards-showing-block .flip-card:nth-child(7).show.disable-animation {
    left: 74.5%;
    bottom: 44%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrap .cards-showing-block .flip-card:nth-child(8).show.disable-animation {
    left: 24.7%;
    bottom: 7%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrap .cards-showing-block .flip-card:nth-child(9).show.disable-animation {
    left: 33%;
    bottom: 7%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrap .cards-showing-block .flip-card:nth-child(10).show.disable-animation {
    left: 41%;
    bottom: 7%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrap .cards-showing-block .flip-card:nth-child(11).show.disable-animation {
    left: 49.2%;
    bottom: 7%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrap .cards-showing-block .flip-card:nth-child(12).show.disable-animation {
    left: 57.2%;
    bottom: 7%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrap .cards-showing-block .flip-card:nth-child(13).show.disable-animation {
    left: 65.5%;
    bottom: 7%;
    transform: perspective(900px) rotateX(23deg);
    animation: unset !important;
}

.vtrap .cards-showing-block .flip-card:nth-child(14).show.disable-animation {
    left: 73.7%;
    bottom: 7%;
    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,
.vtrap .disable-animation.show .flip-card-inner,
.v1card .disable-animation.show .flip-card-inner,
.vdtl .disable-animation.show .flip-card-inner,
.vqueen .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 vdtl-flip-card1 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    30% {
        opacity: 1;
    }
    31% {
        opacity: 0;
    }
    40% {
        transform: perspective(900px) rotateX(78deg);
    }
    50% {
        transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
    }
    100% {
        left: 33%;
        bottom: 18%;
        opacity: 0;
    }
}

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

@keyframes vdtl-flip-card3 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        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%;
        bottom: 18%;
        opacity: 0;
    }
}

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

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

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

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

@keyframes vtrap-flip-card3 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        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.7%;
        bottom: 44%;
        opacity: 0;
    }
}

@keyframes vtrap-flip-card4 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        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: 49.3%;
        bottom: 44%;
        opacity: 0;
    }
}

@keyframes vtrap-flip-card5 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    30% {
        opacity: 1;
    }
    31% {
        opacity: 0;
    }
    40% {
        transform: perspective(900px) rotateX(78deg);
    }
    50% {
        transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
    }
    100% {
        left: 57.5%;
        bottom: 44%;
        opacity: 0;
    }
}

@keyframes vtrap-flip-card6 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        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: 66%;
        bottom: 44%;
        opacity: 0;
    }
}

@keyframes vtrap-flip-card7 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        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: 74.5%;
        bottom: 44%;
        opacity: 0;
    }
}

@keyframes vtrap-flip-card8 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        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: 24.7%;
        bottom: 7%;
        opacity: 0;
    }
}

@keyframes vtrap-flip-card9 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    30% {
        opacity: 1;
    }
    31% {
        opacity: 0;
    }
    40% {
        transform: perspective(900px) rotateX(78deg);
    }
    50% {
        transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
    }
    100% {
        left: 33%;
        bottom: 7%;
        opacity: 0;
    }
}

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

@keyframes vtrap-flip-card11 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        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: 49.2%;
        bottom: 7%;
        opacity: 0;
    }
}

@keyframes vtrap-flip-card12 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    30% {
        opacity: 1;
    }
    31% {
        opacity: 0;
    }
    40% {
        transform: perspective(900px) rotateX(78deg);
    }
    50% {
        transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
    }
    100% {
        left: 57.2%;
        bottom: 7%;
        opacity: 0;
    }
}

@keyframes vtrap-flip-card13 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    30% {
        opacity: 1;
    }
    31% {
        opacity: 0;
    }
    40% {
        transform: perspective(900px) rotateX(78deg);
    }
    50% {
        transform: perspective(900px) rotateX(78deg) scaleY(2) scaleX(.7) translate(-3%, 91%);
    }
    100% {
        left: 65.5%;
        bottom: 7%;
        opacity: 0;
    }
}

@keyframes vtrap-flip-card14 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
        opacity: 1;
    }
    5% {
        left: 85%;
        bottom: 10%;
        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: 73.7%;
        bottom: 7%;
        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 vdtl-flip-card21 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 33%;
        bottom: 18%;
    }
}

@keyframes vdtl-flip-card22 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 50%;
        bottom: 18%;
    }
}

@keyframes vdtl-flip-card23 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 67%;
        bottom: 18%;
    }
}

@keyframes v1card-flip-card21 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 50%;
        bottom: 38%;
    }
}

@keyframes v1card-flip-card22 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 50%;
        bottom: 4%;
    }
}

@keyframes vtrap-flip-card21 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 23.8%;
        bottom: 44%;
    }
}

@keyframes vtrap-flip-card22 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 32.5%;
        bottom: 44%;
    }
}

@keyframes vtrap-flip-card23 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 40.7%;
        bottom: 44%;
    }
}

@keyframes vtrap-flip-card24 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 49.3%;
        bottom: 44%;
    }
}

@keyframes vtrap-flip-card25 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 57.5%;
        bottom: 44%;
    }
}

@keyframes vtrap-flip-card26 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 66%;
        bottom: 44%;
    }
}

@keyframes vtrap-flip-card27 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 74.5%;
        bottom: 44%;
    }
}

@keyframes vtrap-flip-card28 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 24.7%;
        bottom: 7%;
    }
}

@keyframes vtrap-flip-card29 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 33%;
        bottom: 7%;
    }
}

@keyframes vtrap-flip-card210 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 41%;
        bottom: 7%;
    }
}

@keyframes vtrap-flip-card211 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 49.2%;
        bottom: 7%;
    }
}

@keyframes vtrap-flip-card212 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 57.2%;
        bottom: 7%;
    }
}

@keyframes vtrap-flip-card213 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 65.5%;
        bottom: 7%;
    }
}

@keyframes vtrap-flip-card214 {
    0% {
        left: 88.7%;
        bottom: 12%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
    5% {
        left: 85%;
        bottom: 10%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    100% {
        left: 73.7%;
        bottom: 7%;
    }
}

@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 vdtl-go-to-left-decks1-1 {
    0% {
        left: 33%;
        bottom: 18%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vdtl-go-to-left-decks1-2 {
    0% {
        left: 50%;
        bottom: 18%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vdtl-go-to-left-decks1-3 {
    0% {
        left: 67%;
        bottom: 18%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes v1card-go-to-left-decks1-1 {
    0% {
        left: 50%;
        bottom: 38%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 7%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 8%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes v1card-go-to-left-decks1-2 {
    0% {
        left: 50%;
        bottom: 4%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 7%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 8%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-1 {
    0% {
        left: 23.8%;
        bottom: 44%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-2 {
    0% {
        left: 32.5%;
        bottom: 44%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-3 {
    0% {
        left: 40.7%;
        bottom: 44%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-4 {
    0% {
        left: 49.3%;
        bottom: 44%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-5 {
    0% {
        left: 57.5%;
        bottom: 44%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-6 {
    0% {
        left: 66%;
        bottom: 44%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-7 {
    0% {
        left: 74.5%;
        bottom: 44%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-8 {
    0% {
        left: 24.7%;
        bottom: 7%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-9 {
    0% {
        left: 33%;
        bottom: 7%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-10 {
    0% {
        left: 41%;
        bottom: 7%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-11 {
    0% {
        left: 49.2%;
        bottom: 7%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-12 {
    0% {
        left: 57.2%;
        bottom: 7%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-13 {
    0% {
        left: 65.5%;
        bottom: 7%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
}

@keyframes vtrap-go-to-left-decks1-14 {
    0% {
        left: 73.7%;
        bottom: 7%;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
    }
    85% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(40deg) skewX(-4deg) scale(1.06)
    }
    100% {
        left: 0%;
        bottom: 15%;
        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 vdtl-go-to-left-decks1 {
    0% {
        left: 33%;
        bottom: 18%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vdtl-go-to-left-decks2 {
    0% {
        left: 50%;
        bottom: 18%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vdtl-go-to-left-decks3 {
    0% {
        left: 67%;
        bottom: 18%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes v1card-go-to-left-decks1 {
    0% {
        left: 50%;
        bottom: 38%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 7%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 8%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes v1card-go-to-left-decks2 {
    0% {
        left: 50%;
        bottom: 4%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 7%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 8%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks1 {
    0% {
        left: 23.8%;
        bottom: 44%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks2 {
    0% {
        left: 32.5%;
        bottom: 44%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks3 {
    0% {
        left: 40.7%;
        bottom: 44%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks4 {
    0% {
        left: 49.3%;
        bottom: 44%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks5 {
    0% {
        left: 57.5%;
        bottom: 44%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks6 {
    0% {
        left: 66%;
        bottom: 44%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks7 {
    0% {
        left: 74.5%;
        bottom: 44%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks8 {
    0% {
        left: 24.7%;
        bottom: 7%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks9 {
    0% {
        left: 33%;
        bottom: 7%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks10 {
    0% {
        left: 41%;
        bottom: 7%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks11 {
    0% {
        left: 49.2%;
        bottom: 7%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks12 {
    0% {
        left: 57.2%;
        bottom: 7%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks13 {
    0% {
        left: 65.5%;
        bottom: 7%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(-21deg) skewX(3deg) scale(1);
    }
}

@keyframes vtrap-go-to-left-decks14 {
    0% {
        left: 73.7%;
        bottom: 7%;
        transition: opacity 0s;
    }
    50% {
        transform: perspective(900px) rotateX(23deg);
        transition: opacity 0s;
    }
    95% {
        left: 0%;
        bottom: 14%;
        transform: perspective(900px) rotateX(23deg) rotateZ(-67deg) rotateY(34deg) skewX(3deg) scale(1);
    }
    100% {
        left: 0%;
        bottom: 15%;
        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,
.vtrap .decks-block,
.vtrap .decks-mask-block,
.vtrap .cards-showing-block,
.v1card .decks-block,
.v1card .decks-mask-block,
.v1card .cards-showing-block,
.vdtl .decks-block,
.vdtl .decks-mask-block,
.vdtl .cards-showing-block,
.vqueen .decks-block,
.vqueen .decks-mask-block,
.vqueen .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,
.vtrap .decks-mask-block,
.v1card .decks-mask-block,
.vdtl .decks-mask-block,
.vqueen .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,
.vtrap .cards-showing-block,
.v1card .cards-showing-block,
.vdtl .cards-showing-block,
.vqueen .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;
    }
}