@charset "UTF-8";
/*!
 * CSS By YG Ltd
 * Copyright 2011-2023 YG
 * Create By YG Lazzy
 */
 
@font-face {
    font-family: AdvancedLEDBoard;
    src:url("../fonts/AdvancedLEDBoard-7.woff2") format("woff2")
}

@keyframes routate {
    0% {
        transform:rotate(4deg);
    }
    50% {
        transform:rotate(-4deg);
    }
    to {
        transform:rotate(4deg);
    }
}

@keyframes dance {
    0% {
        transform:rotateY(0);
    }
    25% {
        transform:rotateY(25deg);
    }
    50% {
        transform:rotateY(0);
    }
    75% {
        transform:rotateY(-25deg);
    }
    to {
        transform:rotateY(0);
    }
}

@keyframes glow {
    50% {
        filter:drop-shadow(0 0 15px #338a80);
    }
}

@keyframes brightness {
    0% {
        filter:brightness(1);
    }
    50% {
        filter:brightness(1.2);
    }
    to {
        filter:brightness(1);
    }
}

.game-title {
    display: flex;
    font-size: 25px;
    font-family: AdvancedLEDBoard;
    background-color: rgba(143, 42, 195, .04);
    box-shadow: 0 0 70px 20px rgba(143,42,195,.04);
    color: #51d3be;
    text-transform: uppercase;
    filter: drop-shadow(0 0 6px #338a80);
    animation: glow .17s ease infinite forwards;
}

.roulette {
    border-bottom: 3px solid #1b6946;
    border-top: 3px solid #1b6946;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    transition: background .3s;
    width: calc(100% - 370px);
}

.roulette.horizontal:before {
    background: linear-gradient(270deg,#11112400 18%,#111023);
    left: 0;
}

.roulette.horizontal:after {
    background: linear-gradient(90deg,#11112400 18%,#111023);
    right: 0;
}

.roulette.horizontal:after, .roulette.horizontal:before {
    top: 0;
    width: 30%;
}

.roulette.horizontal:after, .roulette.horizontal:before, .roulette.vertical:before {
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    visibility: hidden;
    z-index: 1;
}

:after, :before, label {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.roulette.play.horizontal:after,.roulette.play.horizontal:before,.roulette.play.vertical:before {
    opacity:1;
    visibility:visible;
}

.roulette-view {
    height:290px;
    max-width:1472px;
    position:relative;
}

@media screen and (max-width:768px) {
    .roulette-view {
        height:137px;
        margin:23px auto 0;
    }
}

.roulette-view:after,
.roulette-view:before {
    background: url("/assets/images/a.svg?v=9");
    content:"";
    height:100%;
    position:absolute;
    top:0;
    width:186px;
}

@media screen and (max-width:1024px) {
    .roulette-view:after,
    .roulette-view:before {
        content:none;
    }
}

.roulette-view:before {
    left:0;
}

.roulette-view:after {
    right:0;
    transform:scale(-1);
}

.roulette-view .arrows {
    display:flex;
    flex-direction:column;
    height:calc(100% + 10px);
    justify-content:space-between;
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
}

@media screen and (max-width:768px) {
    .roulette-view .arrows {
        height:calc(100% + 10px);
    }
}

.roulette-view .arrows img:first-of-type {
    transform:scale(-1);
}

@media screen and (max-width:768px) {
    .roulette-view .arrows img {
        height:23px;
        width:52px;
    }
}

.roulette-view .arrows.horizontal {
    flex-direction: column;
    height: calc(100% + 40px);
}

.roulette-view .arrows {
    display: flex;
    justify-content: space-between;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}

.roulette-wrapper {
    margin: 15px auto 0;
    max-width: 1471px;
}

.roulette-cases .roulette-case-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}

.roulette-reel-wrapper, .roulette-reel-wrapper.horizontal .roulette-reel {
    height: 100%;
}

.roulette-drop {
    align-items: center;
    border-left: 1px solid #1b694691;
    display: flex;
    flex-direction: column;
    height: 100%;
    /*min-width: 180px;*/
    opacity: 1;
    padding-top: 80px;
    padding-bottom: 100%;
    position: relative;
    transition: all .3s;
}

.roulette-drop.hide-drop {
    opacity: 0;
}

.roulette-drop.win-drop {
    opacity: 1;
}

.roulette-reel-wrapper .roulette-reel {
    display: flex;
}

.roulette-drop.win-drop {
    background: url(//cdn.front.skin.club/_nuxt/win-item.IDtX9dUG.svg#viewn-3) no-repeat;
    background-position: center 25px;
    background-size: 80%;
}

.roulette-drop img {
    max-width: 100%;
}


#role_1,
#role_2,
#role_3 {
    width: 88%;
}

@media screen and (max-width: 580px) {
    .roulette-list {
        width: 320px;
    }
    .bingo {
        width: 320px !important;
        height: 230px !important;
        position: relative !important;
        background-size: contain !important;
        margin: auto;
    }
    #slot1,
    #slot2,
    #slot3 {
        background-size: 56px 56px !important;
        width: 56px !important;
        margin: 0px 9px !important;
        height: 56px !important;
    }
}

@media screen and (max-width: 580px) {
    .bingo {
        width: 659px;
        height: 200px;
        background-size: 659px 200px;
        position: relative;
        margin: auto;
    }
}

@media screen and (min-width: 580px) {
    .bingo {
        width: 720px;
        height: 495px;
        background-size: 720px 495px !important;
        position: relative;
        margin: auto;
    }
    #slot1,
    #slot2,
    #slot3 {
        display: inline-block;
        margin: 0 16px;
        background-size: 135px 135px;
        width: 135px;
        height: 135px;
        background-repeat: no-repeat;
    }
}

.item_slot_inner {
    position: absolute;
    bottom: 56px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

@media only screen and (max-width: 573px) {
    .item_slot_inner {
        bottom: 50px;
    }
}

.game_rotation {
    margin-top: -1px;
}
.game_rotation .inner_rotation .title {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.section__content_rotation{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
@media only screen and (max-width:768px){
.game_rotation .inner_rotation .airblowing {
        position: relative;
        width: 648px;
        zoom: 50% !important;
        height: 869px;
}
}
.game_rotation .inner_rotation .airblowing {
    width: 648px;
    zoom: 75%;
    height: 869px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.game_rotation .inner_rotation .airblowing:after,
.game_rotation .inner_rotation .airblowing:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% 100%;
}
.game_rotation .inner_rotation .anireward {
    position: absolute;
    top: 70px;
    left: 65px;
    z-index: 3;
    transform-origin: top left;
    width: 567px;
    height: 535px;
}
a:not(.off):hover, button:not(.off):hover {
    cursor: pointer;
    pointer-events: all;
    filter: brightness(110%);
}
.game_rotation .inner_rotation .anireward__item {
    position: absolute;
}
.game_rotation .inner_rotation .anireward__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.game_rotation .inner_rotation .anireward__item--1 {
    position: absolute;
    bottom: 100px;
    width: 108px;
    height: 108px;
    left: 95px;
    animation: anim1-SeaEvo 16s ease-in-out infinite alternate;
    animation-delay: 2s;
}
@keyframes anim1-SeaEvo {
    12.5% {
            bottom: 215px;
            left: 387px;
            transform: rotate(181deg);
    }
    25% {
            bottom: 392px;
            transform: rotate(120deg);
            left: 377px;
    }
    37.5% {
            bottom: 212px;
            left: 100px;
            transform: rotate(147deg);
    }
    50% {
            bottom: 50px;
            left: 250px;
            transform: rotate(281deg);
    }
    62.5% {
            bottom: 237px;
            left: 386px;
            transform: rotate(162deg);
    }
    75% {
            bottom: 392px;
            left: 179px;
            transform: rotate(221deg);
    }
    87.5% {
            bottom: 194px;
            left: 100px;
            transform: rotate(178deg);
    }
    to {
            bottom: 50px;
            left: 139px;
            transform: rotate(71deg);
    }
}
.game_rotation .inner_rotation .anireward__item--2 {
    position: absolute;
    bottom: 100px;
    width: 65px;
    height: 65px;
    left: 29px;
    animation: anim2-SeaEvo 12s ease-in-out infinite alternate;
    animation-delay: 2s;
}
@keyframes anim2-SeaEvo {
12.5% {
        bottom: 107px;
        left: 100px;
        transform: rotate(207deg);
}
25% {
        bottom: 435px;
        left: 233px;
        transform: rotate(146deg);
}
37.5% {
        bottom: 167px;
        left: 375px;
        transform: rotate(132deg);
}
50% {
        bottom: 50px;
        left: 121px;
        transform: rotate(98deg);
}
62.5% {
        bottom: 115px;
        left: 100px;
        transform: rotate(123deg);
}
75% {
        bottom: 435px;
        left: 131px;
        transform: rotate(181deg);
}
87.5% {
        bottom: 160px;
        left: 341px;
        transform: rotate(9deg);
}
to {
        bottom: 50px;
        left: 284px;
        transform: rotate(17deg);
}
}
.game_rotation .inner_rotation .anireward__item--3 {
    position: absolute;
    bottom: 100px;
    width: 118px;
    height: 118px;
    left: 110px;
    animation: anim3-SeaEvo 13s ease-in-out infinite alternate;
    animation-delay: 2s;
}
@keyframes anim3-SeaEvo {
12.5% {
        bottom: 192px;
        left: 318px;
        transform: rotate(26deg);
}
25% {
        bottom: 382px;
        transform: rotate(252deg);
        left: 153px;
}
37.5% {
        bottom: 113px;
        left: 100px;
        transform: rotate(322deg);
}
50% {
        bottom: 50px;
        left: 295px;
        transform: rotate(229deg);
}
62.5% {
        bottom: 148px;
        left: 127px;
        transform: rotate(273deg);
}
75% {
        bottom: 382px;
        left: 101px;
        transform: rotate(109deg);
}
87.5% {
        bottom: 192px;
        left: 100px;
        transform: rotate(58deg);
}
to {
        bottom: 50px;
        left: 290px;
        transform: rotate(161deg);
}
}
.game_rotation .inner_rotation .anireward__item--4 {
    position: absolute;
    bottom: 100px;
    width: 72px;
    height: 72px;
    left: 67px;
    animation: anim4-SeaEvo 11s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim4-SeaEvo {
12.5% {
        bottom: 163px;
        left: 100px;
        transform: rotate(150deg);
}
25% {
        bottom: 428px;
        left: 160px;
        transform: rotate(246deg);
}
37.5% {
        bottom: 112px;
        left: 373px;
        transform: rotate(93deg);
}
50% {
        bottom: 50px;
        left: 153px;
        transform: rotate(137deg);
}
62.5% {
        bottom: 203px;
        left: 100px;
        transform: rotate(137deg);
}
75% {
        bottom: 428px;
        left: 369px;
        transform: rotate(54deg);
}
87.5% {
        bottom: 186px;
        left: 385px;
        transform: rotate(185deg);
}
to {
        bottom: 50px;
        left: 275px;
        transform: rotate(169deg);
}
}
.game_rotation .inner_rotation .anireward__item--5 {
    position: absolute;
    bottom: 100px;
    width: 98px;
    height: 98px;
    left: 150px;
    animation: anim5-SeaEvo 10s ease-in-out infinite alternate;
    animation-delay: 2s;
}
@keyframes anim5-SeaEvo {
12.5% {
        bottom: 135px;
        left: 333px;
        transform: rotate(352deg);
}
25% {
        bottom: 402px;
        transform: rotate(153deg);
        left: 187px;
}
37.5% {
        bottom: 268px;
        left: 100px;
        transform: rotate(245deg);
}
50% {
        bottom: 50px;
        left: 384px;
        transform: rotate(291deg);
}
62.5% {
        bottom: 193px;
        left: 271px;
        transform: rotate(41deg);
}
75% {
        bottom: 402px;
        left: 226px;
        transform: rotate(309deg);
}
87.5% {
        bottom: 122px;
        left: 100px;
        transform: rotate(5deg);
}
to {
        bottom: 50px;
        left: 212px;
        transform: rotate(258deg);
}
}
.game_rotation .inner_rotation .anireward__item--6 {
    position: absolute;
    bottom: 100px;
    width: 122px;
    height: 122px;
    left: 118px;
    animation: anim6-SeaEvo 15s ease-in-out infinite alternate;
    animation-delay: 2s;
}
@keyframes anim6-SeaEvo {
12.5% {
        bottom: 268px;
        left: 100px;
        transform: rotate(246deg);
}
25% {
        bottom: 378px;
        left: 259px;
        transform: rotate(306deg);
}
37.5% {
        bottom: 264px;
        left: 255px;
        transform: rotate(307deg);
}
50% {
        bottom: 50px;
        left: 260px;
        transform: rotate(321deg);
}
62.5% {
        bottom: 204px;
        left: 100px;
        transform: rotate(241deg);
}
75% {
        bottom: 378px;
        left: 215px;
        transform: rotate(1deg);
}
87.5% {
        bottom: 133px;
        left: 215px;
        transform: rotate(110deg);
}
to {
        bottom: 50px;
        left: 318px;
        transform: rotate(162deg);
}
}
.game_rotation .inner_rotation .anireward__item--7 {
    position: absolute;
    bottom: 100px;
    width: 84px;
    height: 84px;
    left: 7px;
    animation: anim7-SeaEvo 13s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim7-SeaEvo {
12.5% {
        bottom: 147px;
        left: 112px;
        transform: rotate(153deg);
}
25% {
        bottom: 416px;
        transform: rotate(170deg);
        left: 371px;
}
37.5% {
        bottom: 129px;
        left: 100px;
        transform: rotate(188deg);
}
50% {
        bottom: 50px;
        left: 328px;
        transform: rotate(272deg);
}
62.5% {
        bottom: 211px;
        left: 195px;
        transform: rotate(7deg);
}
75% {
        bottom: 416px;
        left: 288px;
        transform: rotate(297deg);
}
87.5% {
        bottom: 131px;
        left: 100px;
        transform: rotate(61deg);
}
to {
        bottom: 50px;
        left: 211px;
        transform: rotate(225deg);
}
}
.game_rotation .inner_rotation .anireward__item--8 {
    position: absolute;
    bottom: 100px;
    width: 58px;
    height: 58px;
    left: 93px;
    animation: anim8-SeaEvo 11s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim8-SeaEvo {
12.5% {
        bottom: 123px;
        left: 100px;
        transform: rotate(25deg);
}
25% {
        bottom: 442px;
        left: 342px;
        transform: rotate(94deg);
}
37.5% {
        bottom: 283px;
        left: 142px;
        transform: rotate(142deg);
}
50% {
        bottom: 50px;
        left: 277px;
        transform: rotate(332deg);
}
62.5% {
        bottom: 256px;
        left: 100px;
        transform: rotate(188deg);
}
75% {
        bottom: 442px;
        left: 363px;
        transform: rotate(335deg);
}
87.5% {
        bottom: 141px;
        left: 189px;
        transform: rotate(47deg);
}
to {
        bottom: 50px;
        left: 147px;
        transform: rotate(291deg);
}
}
.game_rotation .inner_rotation .anireward__item--9 {
    position: absolute;
    bottom: 100px;
    width: 106px;
    height: 106px;
    left: 50px;
    animation: anim9-SeaEvo 12s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim9-SeaEvo {
12.5% {
        bottom: 105px;
        left: 358px;
        transform: rotate(220deg);
}
25% {
        bottom: 394px;
        transform: rotate(274deg);
        left: 112px;
}
37.5% {
        bottom: 152px;
        left: 100px;
        transform: rotate(20deg);
}
50% {
        bottom: 50px;
        left: 326px;
        transform: rotate(174deg);
}
62.5% {
        bottom: 232px;
        left: 251px;
        transform: rotate(196deg);
}
75% {
        bottom: 394px;
        left: 182px;
        transform: rotate(9deg);
}
87.5% {
        bottom: 196px;
        left: 100px;
        transform: rotate(234deg);
}
to {
        bottom: 50px;
        left: 213px;
        transform: rotate(316deg);
}
}
.game_rotation .inner_rotation .anireward__item--10 {
    position: absolute;
    bottom: 100px;
    width: 67px;
    height: 67px;
    left: 147px;
    animation: anim10-SeaEvo 12s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim10-SeaEvo {
12.5% {
        bottom: 184px;
        left: 100px;
        transform: rotate(63deg);
}
25% {
        bottom: 433px;
        left: 177px;
        transform: rotate(81deg);
}
37.5% {
        bottom: 250px;
        left: 126px;
        transform: rotate(239deg);
}
50% {
        bottom: 50px;
        left: 304px;
        transform: rotate(155deg);
}
62.5% {
        bottom: 174px;
        left: 100px;
        transform: rotate(180deg);
}
75% {
        bottom: 433px;
        left: 250px;
        transform: rotate(263deg);
}
87.5% {
        bottom: 173px;
        left: 349px;
        transform: rotate(355deg);
}
to {
        bottom: 50px;
        left: 232px;
        transform: rotate(256deg);
}
}
.game_rotation .inner_rotation .anireward__item--11 {
    position: absolute;
    bottom: 100px;
    width: 80px;
    height: 80px;
    left: 176px;
    animation: anim11-SeaEvo 11s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim11-SeaEvo {
12.5% {
        bottom: 106px;
        left: 130px;
        transform: rotate(240deg);
}
25% {
        bottom: 420px;
        transform: rotate(87deg);
        left: 200px;
}
37.5% {
        bottom: 192px;
        left: 100px;
        transform: rotate(103deg);
}
50% {
        bottom: 50px;
        left: 192px;
        transform: rotate(342deg);
}
62.5% {
        bottom: 287px;
        left: 222px;
        transform: rotate(234deg);
}
75% {
        bottom: 420px;
        left: 313px;
        transform: rotate(227deg);
}
87.5% {
        bottom: 220px;
        left: 100px;
        transform: rotate(296deg);
}
to {
        bottom: 50px;
        left: 236px;
        transform: rotate(53deg);
}
}
.game_rotation .inner_rotation .anireward__item--12 {
    position: absolute;
    bottom: 100px;
    width: 57px;
    height: 57px;
    left: 145px;
    animation: anim12-SeaEvo 11s ease-in-out infinite alternate;
    animation-delay: 2s;
}
@keyframes anim12-SeaEvo {
12.5% {
        bottom: 295px;
        left: 100px;
        transform: rotate(283deg);
}
25% {
        bottom: 443px;
        left: 288px;
        transform: rotate(57deg);
}
37.5% {
        bottom: 240px;
        left: 173px;
        transform: rotate(108deg);
}
50% {
        bottom: 50px;
        left: 184px;
        transform: rotate(348deg);
}
62.5% {
        bottom: 209px;
        left: 100px;
        transform: rotate(14deg);
}
75% {
        bottom: 443px;
        left: 117px;
        transform: rotate(289deg);
}
87.5% {
        bottom: 220px;
        left: 368px;
        transform: rotate(191deg);
}
to {
        bottom: 50px;
        left: 332px;
        transform: rotate(283deg);
}
}
.game_rotation .inner_rotation .anireward__item--13 {
    position: absolute;
    bottom: 100px;
    width: 62px;
    height: 62px;
    left: 40px;
    animation: anim13-SeaEvo 13s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim13-SeaEvo {
12.5% {
        bottom: 255px;
        left: 135px;
        transform: rotate(242deg);
}
25% {
        bottom: 438px;
        transform: rotate(268deg);
        left: 300px;
}
37.5% {
        bottom: 248px;
        left: 100px;
        transform: rotate(272deg);
}
50% {
        bottom: 50px;
        left: 277px;
        transform: rotate(285deg);
}
62.5% {
        bottom: 236px;
        left: 108px;
        transform: rotate(1turn);
}
75% {
        bottom: 438px;
        left: 278px;
        transform: rotate(294deg);
}
87.5% {
        bottom: 159px;
        left: 100px;
        transform: rotate(194deg);
}
to {
        bottom: 50px;
        left: 147px;
        transform: rotate(269deg);
}
}
.game_rotation .inner_rotation .anireward__item--14 {
    position: absolute;
    bottom: 100px;
    width: 91px;
    height: 91px;
    left: 13px;
    animation: anim14-SeaEvo 10s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim14-SeaEvo {
12.5% {
        bottom: 108px;
        left: 100px;
        transform: rotate(226deg);
}
25% {
        bottom: 409px;
        left: 397px;
        transform: rotate(190deg);
}
37.5% {
        bottom: 102px;
        left: 118px;
        transform: rotate(61deg);
}
50% {
        bottom: 50px;
        left: 152px;
        transform: rotate(263deg);
}
62.5% {
        bottom: 245px;
        left: 100px;
        transform: rotate(225deg);
}
75% {
        bottom: 409px;
        left: 217px;
        transform: rotate(218deg);
}
87.5% {
        bottom: 143px;
        left: 306px;
        transform: rotate(83deg);
}
to {
        bottom: 50px;
        left: 277px;
        transform: rotate(350deg);
}
}
.game_rotation .inner_rotation .anireward__item--15 {
    position: absolute;
    bottom: 100px;
    width: 69px;
    height: 69px;
    left: 19px;
    animation: anim15-SeaEvo 9s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim15-SeaEvo {
12.5% {
        bottom: 257px;
        left: 372px;
        transform: rotate(291deg);
}
25% {
        bottom: 431px;
        transform: rotate(83deg);
        left: 216px;
}
37.5% {
        bottom: 205px;
        left: 100px;
        transform: rotate(193deg);
}
50% {
        bottom: 50px;
        left: 306px;
        transform: rotate(91deg);
}
62.5% {
        bottom: 113px;
        left: 146px;
        transform: rotate(22deg);
}
75% {
        bottom: 431px;
        left: 254px;
        transform: rotate(287deg);
}
87.5% {
        bottom: 228px;
        left: 100px;
        transform: rotate(281deg);
}
to {
        bottom: 50px;
        left: 163px;
        transform: rotate(60deg);
}
}
.game_rotation .inner_rotation .anireward__item--16 {
    position: absolute;
    bottom: 100px;
    width: 96px;
    height: 96px;
    left: 145px;
    animation: anim16-SeaEvo 10s ease-in-out infinite alternate;
    animation-delay: 2s;
}
@keyframes anim16-SeaEvo {
12.5% {
        bottom: 152px;
        left: 100px;
        transform: rotate(144deg);
}
25% {
        bottom: 404px;
        left: 381px;
        transform: rotate(107deg);
}
37.5% {
        bottom: 126px;
        left: 199px;
        transform: rotate(51deg);
}
50% {
        bottom: 50px;
        left: 396px;
        transform: rotate(177deg);
}
62.5% {
        bottom: 118px;
        left: 100px;
        transform: rotate(144deg);
}
75% {
        bottom: 404px;
        left: 178px;
        transform: rotate(350deg);
}
87.5% {
        bottom: 108px;
        left: 383px;
        transform: rotate(316deg);
}
to {
        bottom: 50px;
        left: 239px;
        transform: rotate(21deg);
}
}
.game_rotation .inner_rotation .anireward__item--17 {
    position: absolute;
    bottom: 100px;
    width: 116px;
    height: 116px;
    left: 181px;
    animation: anim17-SeaEvo 12s ease-in-out infinite alternate;
    animation-delay: 2s;
}
@keyframes anim17-SeaEvo {
12.5% {
        bottom: 240px;
        left: 287px;
        transform: rotate(208deg);
}
25% {
        bottom: 384px;
        transform: rotate(251deg);
        left: 103px;
}
37.5% {
        bottom: 110px;
        left: 100px;
        transform: rotate(318deg);
}
50% {
        bottom: 50px;
        left: 320px;
        transform: rotate(321deg);
}
62.5% {
        bottom: 174px;
        left: 203px;
        transform: rotate(239deg);
}
75% {
        bottom: 384px;
        left: 203px;
        transform: rotate(333deg);
}
87.5% {
        bottom: 245px;
        left: 100px;
        transform: rotate(4deg);
}
to {
        bottom: 50px;
        left: 299px;
        transform: rotate(30deg);
}
}
.game_rotation .inner_rotation .anireward__item--18 {
    position: absolute;
    bottom: 100px;
    width: 109px;
    height: 109px;
    left: 26px;
    animation: anim18-SeaEvo 9s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim18-SeaEvo {
12.5% {
        bottom: 125px;
        left: 100px;
        transform: rotate(273deg);
}
25% {
        bottom: 391px;
        left: 390px;
        transform: rotate(256deg);
}
37.5% {
        bottom: 280px;
        left: 395px;
        transform: rotate(109deg);
}
50% {
        bottom: 50px;
        left: 102px;
        transform: rotate(323deg);
}
62.5% {
        bottom: 163px;
        left: 100px;
        transform: rotate(123deg);
}
75% {
        bottom: 391px;
        left: 160px;
        transform: rotate(269deg);
}
87.5% {
        bottom: 294px;
        left: 106px;
        transform: rotate(196deg);
}
to {
        bottom: 50px;
        left: 322px;
        transform: rotate(126deg);
}
}
.game_rotation .inner_rotation .anireward__item--19 {
    position: absolute;
    bottom: 100px;
    width: 102px;
    height: 102px;
    left: 160px;
    animation: anim19-SeaEvo 10s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim19-SeaEvo {
12.5% {
        bottom: 211px;
        left: 150px;
        transform: rotate(212deg);
}
25% {
        bottom: 398px;
        transform: rotate(327deg);
        left: 272px;
}
37.5% {
        bottom: 144px;
        left: 100px;
        transform: rotate(109deg);
}
50% {
        bottom: 50px;
        left: 373px;
        transform: rotate(216deg);
}
62.5% {
        bottom: 183px;
        left: 360px;
        transform: rotate(167deg);
}
75% {
        bottom: 398px;
        left: 189px;
        transform: rotate(142deg);
}
87.5% {
        bottom: 227px;
        left: 100px;
        transform: rotate(352deg);
}
to {
        bottom: 50px;
        left: 200px;
        transform: rotate(180deg);
}
}
.game_rotation .inner_rotation .anireward__item--20 {
    position: absolute;
    bottom: 100px;
    width: 73px;
    height: 73px;
    left: 177px;
    animation: anim20-SeaEvo 15s ease-in-out infinite alternate;
    animation-delay: 1s;
}
@keyframes anim20-SeaEvo {
12.5% {
        bottom: 168px;
        left: 100px;
        transform: rotate(344deg);
}
25% {
        bottom: 427px;
        left: 116px;
        transform: rotate(192deg);
}
37.5% {
        bottom: 169px;
        left: 191px;
        transform: rotate(285deg);
}
50% {
        bottom: 50px;
        left: 243px;
        transform: rotate(219deg);
}
62.5% {
        bottom: 181px;
        left: 100px;
        transform: rotate(74deg);
}
75% {
        bottom: 427px;
        left: 164px;
        transform: rotate(38deg);
}
87.5% {
        bottom: 284px;
        left: 230px;
        transform: rotate(333deg);
}
to {
        bottom: 50px;
        left: 316px;
        transform: rotate(129deg);
}
}
.game_rotation .inner_rotation .anireward__item.active {
    animation: itemActive-SeaEvo 2s forwards, blink 0.2s infinite alternate;
}
@keyframes itemActive-SeaEvo {
50% {
        width: 100px;
        height: 100px;
        bottom: -50px;
        left: 85px;
        z-index: 2;
}
to {
        bottom: -180px;
        left: 85px;
        width: 100px;
        height: 100px;
        z-index: 2;
}
}
@keyframes itemActiveMB-SeaEvo {
50% {
        width: 100px;
        height: 100px;
        bottom: -120px;
        left: 85px;
        z-index: 2;
}
to {
        bottom: -240px;
        left: 85px;
        width: 100px;
        height: 100px;
        z-index: 2;
}
}
.game_rotation .inner_rotation .anireward.active .anireward__item--1 {
    animation-duration: 1.8s;
    animation-delay: 2s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--2 {
    animation-duration: 1.5s;
    animation-delay: 1.8s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--3 {
    animation-duration: 1.5s;
    animation-delay: 1.5s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--4 {
    animation-duration: 1.4s;
    animation-delay: 1.9s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--5 {
    animation-duration: 1.1s;
    animation-delay: 1.1s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--6 {
    animation-duration: 1.7s;
    animation-delay: 1.4s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--7 {
    animation-duration: 1.9s;
    animation-delay: 1.1s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--8 {
    animation-duration: 1.2s;
    animation-delay: 1.7s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--9 {
    animation-duration: 1.7s;
    animation-delay: 1.6s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--10 {
    animation-duration: 1.7s;
    animation-delay: 1.7s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--11 {
    animation-duration: 2s;
    animation-delay: 1.1s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--12 {
    animation-duration: 1.7s;
    animation-delay: 1.3s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--13 {
    animation-duration: 1.1s;
    animation-delay: 1.3s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--14 {
    animation-duration: 1.7s;
    animation-delay: 1.7s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--15 {
    animation-duration: 1.8s;
    animation-delay: 1.5s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--16 {
    animation-duration: 1.9s;
    animation-delay: 1.2s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--17 {
    animation-duration: 1.2s;
    animation-delay: 1.5s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--18 {
    animation-duration: 1.5s;
    animation-delay: 1.6s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--19 {
    animation-duration: 1.3s;
    animation-delay: 1.6s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .anireward.active .anireward__item--20 {
    animation-duration: 1.1s;
    animation-delay: 1.7s;
    animation-fill-mode: backwards;
}
.game_rotation .inner_rotation .action {
    left: 41.5%;
    position: absolute;
    top: 695px;
    z-index: 6;
    transition: all 1s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.game_rotation .inner_rotation .action__btn {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.game_rotation .inner_rotation .action__open {
    display: block;
    position: relative;
}
.game_rotation .inner_rotation .action__open:not(.off):hover {
    cursor: pointer;
    pointer-events: all;
    filter: brightness(110%);
}
.game_rotation .inner_rotation .action__open {
    background-image: url(https://www.ngocrongbeo.com/image/rotation/_sprites.png);
    background-position: 0 -72px;
    width: 147px;
    height: 78px;
}
.game_rotation .inner_rotation .action.off .action__btn {
    transform: translateY(-50%) rotate(90deg);
}
.game_rotation .inner_rotation .action.off * {
    pointer-events: none !important;
}
            
            
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
}

.rotation {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}