﻿@font-face {
    font-family: 'DS-Digial';
    src: url('../Font/DS-DIGI.ttf') format('truetype');
}

@font-face {
    font-family: 'wwDigital';
    src: url('../Font/wwDigital.ttf') format('truetype');
}

@font-face {
    font-family: 'digital-7Mono';
    src: url('../Font/digital-7 (mono).ttf') format('truetype');
}

/*Game base*/

#dvMenu {
    background: url('../images/SVG/Slot/Royal7/Elements/Menu_Icon_01.svg') no-repeat;
}

#dvSlotGameZone.sDvSlotGameZoneSVGAdjust > svg, #dvSlotGameZoneBonus.sDvSlotGameZoneSVGAdjust > svg {
    height: auto !important;
}

.sDvSelectElementMiniGame{
    z-index:auto;
}

.sDvGameRoyal7 #dvSlotGameZone {
    background: url('../images/SVG/Slot/Royal7/Slot_Base_01.png') no-repeat center center fixed;
}

.sDvGameRoyal7 .sDvPlayForFun {
    background: url('../images/SVG/Slot/Royal7/Elements/PlayForFun_01EN.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvSlotTitle {
    background: url('../images/SVG/Slot/Royal7/Elements/Title_01.png') no-repeat;
    background-size: 100% 100%;
}

#dvSlotTotalLineFrame,
#dvSlotTotalLineFrameValue {
    z-index: 999;
    font-family: FuturaMediumCondensedBT;
    font-size: 30px;
    color: white;
    text-align:center;
    line-height: 1;
}

#dvSlotTotalLineFrame {
    background: url('../images/SVG/Slot/Royal7/Elements/LinesAreaEN.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important
}

/*Message Box*/
#msgBar {
    background: url('../images/SVG/Slot/Royal7/Elements/Messages_01.svg') no-repeat;
}

#dvMessageRight > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_Ok_01EN.svg') no-repeat;
}

#dvMessageLeft > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_Cancel_01EN.svg') no-repeat;
}

/*Paylines*/
#dvSlotPayLine1 .sDvSlotPayLine {
    background: url('../images/SVG/Slot/Royal7/Elements/PaylineSymbol_01.svg') no-repeat !important;
}

#dvSlotPayLine2 .sDvSlotPayLine {
    background: url('../images/SVG/Slot/Royal7/Elements/PaylineSymbol_02.svg') no-repeat !important;
}

#dvSlotPayLine3 .sDvSlotPayLine {
    background: url('../images/SVG/Slot/Royal7/Elements/PaylineSymbol_03.svg') no-repeat !important;
}

#dvSlotPayLine4 .sDvSlotPayLine {
    background: url('../images/SVG/Slot/Royal7/Elements/PaylineSymbol_04.svg') no-repeat !important;
}

#dvSlotPayLine5 .sDvSlotPayLine {
    background: url('../images/SVG/Slot/Royal7/Elements/PaylineSymbol_05.svg') no-repeat !important;
}

#dvSlotPayLine6 .sDvSlotPayLine {
    background: url('../images/SVG/Slot/Royal7/Elements/PaylineSymbol_06.svg') no-repeat !important;
}

#dvSlotPayLine7 .sDvSlotPayLine {
    background: url('../images/SVG/Slot/Royal7/Elements/PaylineSymbol_07.svg') no-repeat !important;
}

#dvSlotPayLine8 .sDvSlotPayLine {
    background: url('../images/SVG/Slot/Royal7/Elements/PaylineSymbol_08.svg') no-repeat !important;
}

#dvSlotPayLine9 .sDvSlotPayLine {
    background: url('../images/SVG/Slot/Royal7/Elements/PaylineSymbol_09.svg') no-repeat !important;
}

/*Status bar*/
.sDvSlotSpin {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SpinOff_01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvSlotSpin:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SpinOn_01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvSlotStop {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_StopOff_01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvSlotStop:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_StopOff_01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvSlotMaxBet {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_BetMaxOff_01EN.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvSlotMaxBet:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_BetMaxOn_01EN.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

#dvAutotPlay > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_AutoplayOn_01EN.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

#dvAutotPlay > div.sDvAutoPlayOff {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_AutoplayOff_01EN.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

#dvPlayTableOnOff > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_PaytableOn_01EN.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

#dvPlayTableOnOff > div.sDvPlayTableOff {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_PaytableOff_01EN.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

#dvSettingsMenuOnOff > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsOn_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

#dvSettingsMenuOnOff > div.sDvSettingsMenuOff {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsOff_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

#dvPlayerBalance {
    padding: 0px 0px;
    font-family: FuturaMediumCondensedBT;
}

/* Symbols*/
.sDvGameRoyal7 .sDvSymbola {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymbolb {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymbolc {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymbold {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol07_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymbole {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol08_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymbolf {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol09_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymbolg {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol10_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymbolh {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol11_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymboli {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol05_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymbolj {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol04_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymbolk {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol03_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymboll {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol02_01EN.png') no-repeat;
}

.sDvGameRoyal7 .sDvSymbolm {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol01_01EN.png') no-repeat;
}

/* Paytable */
.sDvPayTableInformationLegendLeft {
    background: url('../images/SVG/Slot/Royal7/Elements/PaytableFrame_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important
}

.sDvGameRoyal7 #dvPayTableInformation1 > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Paytable_Element1_01EN.png') no-repeat center center;
    max-width: 100%;
    max-height: 100%;
    background-size: cover !important;
}

.sDvGameRoyal7 #dvPayTableInformation2 > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Paytable_Element2_01EN.png') no-repeat center center;
    max-width: 100%;
    max-height: 100%;
    background-size: cover !important;
}

.sDvGameRoyal7 #dvPayTableInformation3 > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Paytable_Element3_01EN.png') no-repeat center center;
    max-width: 100%;
    max-height: 100%;
    background-size: cover !important;
}

.sDvGameRoyal7 #dvPayTableInformation4 > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Paytable_Element4_01EN.png') no-repeat center center;
    max-width: 100%;
    max-height: 100%;
    background-size: cover !important;
}

.sDvGameRoyal7 #dvPayTableInformation5 > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Paytable_Element5_01EN.png') no-repeat center center;
    max-width: 100%;
    max-height: 100%;
    background-size: cover !important;
}

.sDvGameRoyal7 #dvPayTableButtonPrevious > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_PaytablePreviousPageOff_01EN.png') no-repeat;
    background-size: 100% 100%;
}

.sDvGameRoyal7 #dvPayTableButtonPrevious > div:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_PaytablePreviousPageOn_01EN.png') no-repeat;
    background-size: 100% 100%;
}

.sDvGameRoyal7 #dvPayTableButtonBackToGame > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_PaytableReturnToGameOff_01EN.png') no-repeat;
    background-size: 100% 100%;
}

.sDvGameRoyal7 #dvPayTableButtonBackToGame > div:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_PaytableReturnToGameOn_01EN.png') no-repeat;
    background-size: 100% 100%;
}

.sDvGameRoyal7 #dvPayTableButtonNext > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_PaytableNextPageOff_01EN.png') no-repeat;
    background-size: 100% 100%;
}

.sDvGameRoyal7 #dvPayTableButtonNext > div:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_PaytableNextPageOn_01EN.png') no-repeat;
    background-size: 100% 100%;
}

.sDvTextAmountSlotPayTable {
    font-family: FuturaMdBTMedium;
    color: white;
    text-align: center;
}


/* Settings Menu */
#dvSettingsMenu {
    display: none;
    z-index: 1002;
}

#dvMusicPlay,
#dvSound {
    z-index: 1000;
}

#dvSettingsMenuLines,
#dvSlotRemoveCoin,
#dvSlotAddCoin,
#dvSlotRemoveLine,
#dvSlotAddLine,
#dvSlotTotalLine,
#dvSlotTotalBet,
#dvSound,
#dvMusicPlay,
#dvSettingsMenuClose {
    z-index: 1003;
}

#dvPlayForFun
{
    z-index:999;
}

#dvPayTableInformationLegendLeft,
.sDvSlotPayTable {
    z-index: 1003;
}

.sDvSettingsMenu {
    background: url('../images/SVG/Slot/Royal7/Elements/SettingsEN.png') no-repeat;
    background-size: 100% 100%;
}

#dvSettingsMenu div
{
    position:absolute;
}

#dvSlotGame #dvSound > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SoundOff_01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important
}

    #dvSlotGame #dvSound > div.sDvSoundOn {
        background: url('../images/SVG/Slot/Royal7/Elements/Button_Sound_01.png') no-repeat;
        background-position: center center !important;
        background-size: contain !important
    }

#dvSlotGame #dvMusicPlay > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_MusicOff_01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important
}

#dvSlotGame #dvMusicPlay > div.sDvMusicPlayOn {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_Music_01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important
}

.sDvSlotRemoveCoin {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsMinusOff_01.png') no-repeat;
    background-size: 100% 100%
}

.sDvSlotRemoveCoin:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsMinusOn_01.png') no-repeat;
    background-size: 100% 100%
}

.sDvSlotAddCoin {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsPlusOff_01.png') no-repeat;
    background-size: 100% 100%
}

.sDvSlotAddCoin:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsPlusOn_01.png') no-repeat;
    background-size: 100% 100%
}

.sDvSlotRemoveLine {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsMinusOff_01.png') no-repeat;
    background-size: 100% 100%
}

.sDvSlotRemoveLine:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsMinusOn_01.png') no-repeat;
    background-size: 100% 100%
}

.sDvSlotAddLine {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsPlusOff_01.png') no-repeat;
    background-size: 100% 100%
}

.sDvSlotAddLine:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsPlusOn_01.png') no-repeat;
    background-size: 100% 100%
}

#dvSettingsMenuLines {
    font-family: FuturaMediumCondensedBT;    
    text-align: center;
    color: white;
}

#dvSettingsMenuClose > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsCloseOff_01EN.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

#dvSettingsMenuClose > div:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsCloseOn_01EN.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvPaylineAnimation.noBlinking {
    -webkit-animation: noblinkAnimation 1s linear 3 both;
    animation: noblinkAnimation 1s linear 3 both
}

/*Brightness animation*/

/*Symbols brightness*/

.winBrightness {
    display: none;
}

.brightnessFrame {
    background: url('../images/SVG/Slot/Royal7/Elements/BrightnessBox.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.brightnessTop {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1.2s linear 0s infinite normal forwards running animateBrightnessTop;
    opacity: 0.5;
}

.brightnessRight {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness02.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1.2s linear 0s infinite normal forwards running animateBrightnessRight;
    opacity: 0.5;
}

.brightnessBottom {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1.2s linear 0s infinite normal forwards running animateBrightnessBottom;
    opacity: 0.5;
}

.brightnessLeft {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness02.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1.2s linear 0s infinite normal forwards running animateBrightnessLeft;
    opacity: 0.5;
}

@-webkit-keyframes animateBrightnessTop {
    0% {
        -moz-transform: translateX(calc(var(--widthBFrame) * -0.04)) scale(0.5,0.5);
        -webkit-transform: translateX(calc(var(--widthBFrame) * -0.04)) scale(0.5,0.5);
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness01.png') no-repeat;
    }

    6% {
        -moz-transform: translateX(0px) scale(1,1);
        -webkit-transform: translateX(0px) scale(1,1);
    }

    44% {
        -moz-transform: translateX(var(--widthBFrame)) scale(1,1);
        -webkit-transform: translateX(var(--widthBFrame)) scale(1,1);
    }

    50% {
        -moz-transform: translateX(calc(var(--widthBFrame) * 1.13)) scale(0.5,0.5);
        -webkit-transform: translateX(calc(var(--widthBFrame) * 1.13)) scale(0.5,0.5);
    }

    56% {
        -moz-transform: translateX(calc(var(--widthBFrame) * 1.13)) scale(0,0);
        -webkit-transform: translateX(calc(var(--widthBFrame) * 1.13)) scale(0,0);
    }

    100% {
        -moz-transform: translateX(calc(var(--widthBFrame) * 0.04)) scale(0,0);
        -webkit-transform: translateX(calc(var(--widthBFrame) * 0.04)) scale(0,0);
    }
}

@-webkit-keyframes animateBrightnessRight {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness02.png') no-repeat;
        -moz-transform: translateY(0px) scale(0,0);
        -webkit-transform: translateY(0px) scale(0,0);
    }

    44% {
        -moz-transform: translateY(0px) scale(0,0);
        -webkit-transform: translateY(0px) scale(0,0);
    }

    50% {
        -moz-transform: translateY(calc(var(--heightBFrame) * -0.04)) scale(0.5,0.5);
        -webkit-transform: translateY(calc(var(--heightBFrame) * -0.04)) scale(0.5,0.5);
    }

    56% {
        -moz-transform: translateY(calc(var(--heightBFrame) * -0.04)) scale(1,1);
        -webkit-transform: translateY(calc(var(--heightBFrame) * -0.04)) scale(1,1);
    }

    94% {
        -moz-transform: translateY(var(--heightBFrame)) scale(1,1);
        -webkit-transform: translateY(var(--heightBFrame)) scale(1,1);
    }

    100% {
        -moz-transform: translateY(calc(var(--heightBFrame) * 1.15)) scale(0,0);
        -webkit-transform: translateY(calc(var(--heightBFrame) * 1.15)) scale(0,0);
    }
}

@-webkit-keyframes animateBrightnessBottom {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness01.png') no-repeat;
        -moz-transform: translateX(calc(var(--widthBFrame) * 0.04)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthBFrame) * 0.04)) scale(0.5,0.5) rotate(180deg);
    }

    6% {
        -moz-transform: translateX(0px) scale(1,1) rotate(180deg);
        -webkit-transform: translateX(0px) scale(1,1) rotate(180deg);
    }

    44% {
        -moz-transform: translateX(calc(var(--widthBFrame) * -1)) scale(1,1) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthBFrame) * -1)) scale(1,1) rotate(180deg);
    }

    50% {
        -moz-transform: translateX(calc(var(--widthBFrame) * -1.13)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthBFrame) * -1.13)) scale(0.5,0.5) rotate(180deg);
    }

    56% {
        -moz-transform: translateX(calc(var(--widthBFrame) * -1.13)) scale(0,0) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthBFrame) * -1.13)) scale(0,0) rotate(180deg);
    }

    100% {
        -moz-transform: translateX(calc(var(--widthBFrame) * 0.04)) scale(0,0) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthBFrame) * 0.04)) scale(0,0) rotate(180deg);
    }
}

@-webkit-keyframes animateBrightnessLeft {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness02.png') no-repeat;
        -moz-transform: translateY(0px) scale(0,0) rotate(180deg);
        -webkit-transform: translateY(0px) scale(0,0) rotate(180deg);
    }

    44% {
        -moz-transform: translateY(0px) scale(0,0) rotate(180deg);
        -webkit-transform: translateY(0px) scale(0,0) rotate(180deg);
    }

    50% {
        -moz-transform: translateY(calc(var(--heightBFrame) * 0.04)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightBFrame) * 0.04)) scale(0.5,0.5) rotate(180deg);
    }

    56% {
        -moz-transform: translateY(calc(var(--heightBFrame) * 0.04)) scale(1,1) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightBFrame) * 0.04)) scale(1,1) rotate(180deg);
    }

    94% {
        -moz-transform: translateY(calc(var(--heightBFrame) * -1)) scale(1,1) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightBFrame) * -1)) scale(1,1) rotate(180deg);
    }

    100% {
        -moz-transform: translateY(calc(var(--heightBFrame) * -1.15)) scale(0,0) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightBFrame) * -1.15)) scale(0,0) rotate(180deg);
    }
}

/*Win amount animation*/
.winAmountBrightness{
    display:none;
}

.brightnessWinTop {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness03.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessWinTop;
    opacity: 0.9;
}

.brightnessWinRight {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness04.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessWinRight;
    opacity: 0.9;
}

.brightnessWinBottom {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness03.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessWinBottom;
    opacity: 0.9;
}

.brightnessWinLeft {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness04.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessWinLeft;
    opacity: 0.9;
}

@keyframes animateBrightnessWinTop {
    0% {
        -moz-transform: translateX(calc(var(--widthWinBFrame) * -0.24)) scale(0,0);
        -webkit-transform: translateX(calc(var(--widthWinBFrame) * -0.24)) scale(0,0);
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness03.png') no-repeat;
    }

    7% {
        -moz-transform: translateX(calc(var(--widthWinBFrame) * -0.12)) scale(0.5,0.5);
        -webkit-transform: translateX(calc(var(--widthWinBFrame) * -0.12)) scale(0.5,0.5);
    }

    14% {
        -moz-transform: translateX(0px) scale(1,1);
        -webkit-transform: translateX(0px) scale(1,1);
    }

    65% {
        -moz-transform: translateX(var(--widthWinBFrame)) scale(1,1);
        -webkit-transform: translateX(var(--widthWinBFrame)) scale(1,1);
    }

    73% {
        -moz-transform: translateX(calc(var(--widthWinBFrame) * 1.16)) scale(0.5,0.5);
        -webkit-transform: translateX(calc(var(--widthWinBFrame) * 1.16)) scale(0.5,0.5);
    }

    77% {
        -moz-transform: translateX(calc(var(--widthWinBFrame) * 1.16)) scale(0,0);
        -webkit-transform: translateX(calc(var(--widthWinBFrame) * 1.16)) scale(0,0);
    }

    100% {
        -moz-transform: translateX(calc(var(--widthWinBFrame) * 0.09)) scale(0,0);
        -webkit-transform: translateX(calc(var(--widthWinBFrame) * 0.09)) scale(0,0);
    }
}

@-webkit-keyframes animateBrightnessWinRight {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness04.png') no-repeat;
        -moz-transform: translateY(0px) scale(0,0);
        -webkit-transform: translateY(0px) scale(0,0);
    }

    62% {
        -moz-transform: translateY(0px) scale(0,0);
        -webkit-transform: translateY(0px) scale(0,0);
    }

    68% {
        -moz-transform: translateY(calc(var(--heightWinBFrame) * -0.09)) scale(0.5,0.5);
        -webkit-transform: translateY(calc(var(--heightWinBFrame) * -0.09)) scale(0.5,0.5);
    }

    72% {
        -moz-transform: translateY(calc(var(--heightWinBFrame) * -0.09)) scale(1,1);
        -webkit-transform: translateY(calc(var(--heightWinBFrame) * -0.09)) scale(1,1);
    }

    92% {
        -moz-transform: translateY(var(--heightWinBFrame)) scale(1,1);
        -webkit-transform: translateY(var(--heightWinBFrame)) scale(1,1);
    }

    100% {
        -moz-transform: translateY(calc(var(--heightWinBFrame) * 1.5)) scale(0.5,0.5);
        -webkit-transform: translateY(calc(var(--heightWinBFrame) * 1.5)) scale(0.5,0.5);
    }
}

@-webkit-keyframes animateBrightnessWinBottom {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness03.png') no-repeat;
        -moz-transform: translateX(calc(var(--widthWinBFrame) * 0.24)) scale(0,0) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthWinBFrame) * 0.24)) scale(0,0) rotate(180deg);
    }

    7% {
        -moz-transform: translateX(calc(var(--widthWinBFrame) * 0.12)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthWinBFrame) * 0.12)) scale(0.5,0.5) rotate(180deg);
    }

    14% {
        -moz-transform: translateX(0px) scale(1,1) rotate(180deg);
        -webkit-transform: translateX(0px) scale(1,1) rotate(180deg);
    }

    65% {
        -moz-transform: translateX(calc(var(--widthWinBFrame) * -1)) scale(1,1) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthWinBFrame) * -1)) scale(1,1) rotate(180deg);
    }

    73% {
        -moz-transform: translateX(calc(var(--widthWinBFrame) * -1.16)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthWinBFrame) * -1.16)) scale(0.5,0.5) rotate(180deg);
    }

    77% {
        -moz-transform: translateX(calc(var(--widthWinBFrame) * -1.16)) scale(0,0) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthWinBFrame) * -1.16)) scale(0,0) rotate(180deg);
    }

    100% {
        -moz-transform: translateX(calc(var(--widthWinBFrame) * 0.09)) scale(0,0) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthWinBFrame) * 0.09)) scale(0,0) rotate(180deg);
    }
}

@-webkit-keyframes animateBrightnessWinLeft {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness04.png') no-repeat;
        -moz-transform: translateY(0px) scale(0,0) rotate(180deg);
        -webkit-transform: translateY(0px) scale(0,0) rotate(180deg);
    }

    62% {
        -moz-transform: translateY(0px) scale(0,0) rotate(180deg);
        -webkit-transform: translateY(0px) scale(0,0) rotate(180deg);
    }

    68% {
        -moz-transform: translateY(calc(var(--heightWinBFrame) * 0.09)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightWinBFrame) * 0.09)) scale(0.5,0.5) rotate(180deg);
    }

    72% {
        -moz-transform: translateY(calc(var(--heightWinBFrame) * 0.09)) scale(1,1) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightWinBFrame) * 0.09)) scale(1,1) rotate(180deg);
    }

    92% {
        -moz-transform: translateY(calc(var(--heightWinBFrame) * -1)) scale(1,1) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightWinBFrame) * -1)) scale(1,1) rotate(180deg);
    }

    100% {
        -moz-transform: translateY(calc(var(--heightWinBFrame) * -1.5)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightWinBFrame) * -1.5)) scale(0.5,0.5) rotate(180deg);
    }
}

/*Free spin brighness*/
.fsBrightness {
    display: none;
}

.brightnessFSTop {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessFSTop;
    opacity: 0.9;
}

.brightnessFSRight {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness02.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessFSRight;
    opacity: 0.9;
}

.brightnessFSBottom {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessFSBottom;
    opacity: 0.9;
}

.brightnessFSLeft {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness02.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessFSLeft;
    opacity: 0.9;
}

@-webkit-keyframes animateBrightnessFSTop {
    0% {
        -moz-transform: translateX(calc(var(--widthFSBFrame) * -0.04)) scale(0.5,0.5);
        -webkit-transform: translateX(calc(var(--widthFSBFrame) * -0.04)) scale(0.5,0.5);
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness01.png') no-repeat;
    }

    6% {
        -moz-transform: translateX(0px) scale(1,1);
        -webkit-transform: translateX(0px) scale(1,1);
    }

    44% {
        -moz-transform: translateX(var(--widthFSBFrame)) scale(1,1);
        -webkit-transform: translateX(var(--widthFSBFrame)) scale(1,1);
    }

    50% {
        -moz-transform: translateX(calc(var(--widthFSBFrame) * 1.13)) scale(0.5,0.5);
        -webkit-transform: translateX(calc(var(--widthFSBFrame) * 1.13)) scale(0.5,0.5);
    }

    56% {
        -moz-transform: translateX(calc(var(--widthFSBFrame) * 1.13)) scale(0,0);
        -webkit-transform: translateX(calc(var(--widthFSBFrame) * 1.13)) scale(0,0);
    }

    100% {
        -moz-transform: translateX(calc(var(--widthFSBFrame) * 0.04)) scale(0,0);
        -webkit-transform: translateX(calc(var(--widthFSBFrame) * 0.04)) scale(0,0);
    }
}

@-webkit-keyframes animateBrightnessFSRight {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness02.png') no-repeat;
        -moz-transform: translateY(0px) scale(0,0);
        -webkit-transform: translateY(0px) scale(0,0);
    }

    44% {
        -moz-transform: translateY(0px) scale(0,0);
        -webkit-transform: translateY(0px) scale(0,0);
    }

    50% {
        -moz-transform: translateY(calc(var(--heightFSBFrame) * -0.04)) scale(0.5,0.5);
        -webkit-transform: translateY(calc(var(--heightFSBFrame) * -0.04)) scale(0.5,0.5);
    }

    56% {
        -moz-transform: translateY(calc(var(--heightFSBFrame) * -0.04)) scale(1,1);
        -webkit-transform: translateY(calc(var(--heightFSBFrame) * -0.04)) scale(1,1);
    }

    94% {
        -moz-transform: translateY(var(--heightFSBFrame)) scale(1,1);
        -webkit-transform: translateY(var(--heightFSBFrame)) scale(1,1);
    }

    100% {
        -moz-transform: translateY(calc(var(--heightFSBFrame) * 1.15)) scale(0,0);
        -webkit-transform: translateY(calc(var(--heightFSBFrame) * 1.15)) scale(0,0);
    }
}

@-webkit-keyframes animateBrightnessFSBottom {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness01.png') no-repeat;
        -moz-transform: translateX(calc(var(--widthFSBFrame) * 0.04)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthFSBFrame) * 0.04)) scale(0.5,0.5) rotate(180deg);
    }

    6% {
        -moz-transform: translateX(0px) scale(1,1) rotate(180deg);
        -webkit-transform: translateX(0px) scale(1,1) rotate(180deg);
    }

    44% {
        -moz-transform: translateX(calc(var(--widthFSBFrame) * -1)) scale(1,1) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthFSBFrame) * -1)) scale(1,1) rotate(180deg);
    }

    50% {
        -moz-transform: translateX(calc(var(--widthFSBFrame) * -1.13)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthFSBFrame) * -1.13)) scale(0.5,0.5) rotate(180deg);
    }

    56% {
        -moz-transform: translateX(calc(var(--widthFSBFrame) * -1.13)) scale(0,0) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthFSBFrame) * -1.13)) scale(0,0) rotate(180deg);
    }

    100% {
        -moz-transform: translateX(calc(var(--widthFSBFrame) * 0.04)) scale(0,0) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthFSBFrame) * 0.04)) scale(0,0) rotate(180deg);
    }
}

@-webkit-keyframes animateBrightnessFSLeft {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness02.png') no-repeat;
        -moz-transform: translateY(0px) scale(0,0) rotate(180deg);
        -webkit-transform: translateY(0px) scale(0,0) rotate(180deg);
    }

    44% {
        -moz-transform: translateY(0px) scale(0,0) rotate(180deg);
        -webkit-transform: translateY(0px) scale(0,0) rotate(180deg);
    }

    50% {
        -moz-transform: translateY(calc(var(--heightFSBFrame) * 0.04)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightFSBFrame) * 0.04)) scale(0.5,0.5) rotate(180deg);
    }

    56% {
        -moz-transform: translateY(calc(var(--heightFSBFrame) * 0.04)) scale(1,1) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightFSBFrame) * 0.04)) scale(1,1) rotate(180deg);
    }

    94% {
        -moz-transform: translateY(calc(var(--heightFSBFrame) * -1)) scale(1,1) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightFSBFrame) * -1)) scale(1,1) rotate(180deg);
    }

    100% {
        -moz-transform: translateY(calc(var(--heightFSBFrame) * -1.15)) scale(0,0) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightFSBFrame) * -1.15)) scale(0,0) rotate(180deg);
    }
}

/*Free spin Amount brighness*/
.fsAmountBrightness {
    display: none;
}

.brightnessFSAmountTop {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness03.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessFSAmountTop;
    opacity: 0.9;
}

.brightnessFSAmountRight {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness04.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessFSAmountRight;
    opacity: 0.9;
}

.brightnessFSAmountBottom {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness03.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessFSAmountBottom;
    opacity: 0.9;
}

.brightnessFSAmountLeft {
    background: url('../images/SVG/Slot/Royal7/Elements/Brightness04.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 1s linear 0s infinite normal forwards running animateBrightnessFSAmountLeft;
    opacity: 0.9;
}

@keyframes animateBrightnessFSAmountTop {
    0% {
        -moz-transform: translateX(calc(var(--widthFSABFrame) * -0.1)) scale(0,0);
        -webkit-transform: translateX(calc(var(--widthFSABFrame) * -0.1)) scale(0,0);
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness03.png') no-repeat;
    }

    7% {
        -moz-transform: translateX(calc(var(--widthFSABFrame) * -0.05)) scale(0.5,0.5);
        -webkit-transform: translateX(calc(var(--widthFSABFrame) * -0.05)) scale(0.5,0.5);
    }

    14% {
        -moz-transform: translateX(0px) scale(1,1);
        -webkit-transform: translateX(0px) scale(1,1);
    }

    71% {
        -moz-transform: translateX(var(--widthFSABFrame)) scale(1,1);
        -webkit-transform: translateX(var(--widthFSABFrame)) scale(1,1);
    }

    75% {
        -moz-transform: translateX(calc(var(--widthFSABFrame) * 1.07)) scale(0.5,0.5);
        -webkit-transform: translateX(calc(var(--widthFSABFrame) * 1.07)) scale(0.5,0.5);
    }

    79% {
        -moz-transform: translateX(calc(var(--widthFSABFrame) * 1.15)) scale(0,0);
        -webkit-transform: translateX(calc(var(--widthFSABFrame) * 1.15)) scale(0,0);
    }

    100% {
        -moz-transform: translateX(calc(var(--widthFSABFrame) * -0.1)) scale(0,0);
        -webkit-transform: translateX(calc(var(--widthFSABFrame) * -0.1)) scale(0,0);
    }
}

@-webkit-keyframes animateBrightnessFSAmountRight {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness04.png') no-repeat;
        -moz-transform: translateY(0px) scale(0,0);
        -webkit-transform: translateY(0px) scale(0,0);
    }

    71% {
        -moz-transform: translateY(0px) scale(0,0);
        -webkit-transform: translateY(0px) scale(0,0);
    }

    75% {
        -moz-transform: translateY(calc(var(--heightFSABFrame) * -0.09)) scale(0.5,0.5);
        -webkit-transform: translateY(calc(var(--heightFSABFrame) * -0.09)) scale(0.5,0.5);
    }

    79% {
        -moz-transform: translateY(calc(var(--heightFSABFrame) * -0.09)) scale(1,1);
        -webkit-transform: translateY(calc(var(--heightFSABFrame) * -0.09)) scale(1,1);
    }

    92% {
        -moz-transform: translateY(var(--heightFSABFrame)) scale(1,1);
        -webkit-transform: translateY(var(--heightFSABFrame)) scale(1,1);
    }

    100% {
        -moz-transform: translateY(calc(var(--heightFSABFrame) * 1.5)) scale(0.5,0.5);
        -webkit-transform: translateY(calc(var(--heightFSABFrame) * 1.5)) scale(0.5,0.5);
    }
}

@-webkit-keyframes animateBrightnessFSAmountBottom {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness03.png') no-repeat;
        -moz-transform: translateX(calc(var(--widthFSABFrame) * 0.1)) scale(0,0) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthFSABFrame) * 0.1)) scale(0,0) rotate(180deg);
    }

    7% {
        -moz-transform: translateX(calc(var(--widthFSABFrame) * 0.05)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthFSABFrame) * 0.05)) scale(0.5,0.5) rotate(180deg);
    }

    14% {
        -moz-transform: translateX(0px) scale(1,1) rotate(180deg);
        -webkit-transform: translateX(0px) scale(1,1) rotate(180deg);
    }

    71% {
        -moz-transform: translateX(calc(var(--widthFSABFrame) * -1)) scale(1,1) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthFSABFrame) * -1)) scale(1,1) rotate(180deg);
    }

    75% {
        -moz-transform: translateX(calc(var(--widthFSABFrame) * -1.07)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthFSABFrame) * -1.07)) scale(0.5,0.5) rotate(180deg);
    }

    79% {
        -moz-transform: translateX(calc(var(--widthFSABFrame) * -1.15)) scale(0,0) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthFSABFrame) * -1.15)) scale(0,0) rotate(180deg);
    }

    100% {
        -moz-transform: translateX(calc(var(--widthFSABFrame) * 0.1)) scale(0,0) rotate(180deg);
        -webkit-transform: translateX(calc(var(--widthFSABFrame) * 0.1)) scale(0,0) rotate(180deg);
    }
}

@-webkit-keyframes animateBrightnessFSAmountLeft {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Brightness04.png') no-repeat;
        -moz-transform: translateY(0px) scale(0,0) rotate(180deg);
        -webkit-transform: translateY(0px) scale(0,0) rotate(180deg);
    }

    71% {
        -moz-transform: translateY(0px) scale(0,0) rotate(180deg);
        -webkit-transform: translateY(0px) scale(0,0) rotate(180deg);
    }

    75% {
        -moz-transform: translateY(calc(var(--heightFSABFrame) * 0.09)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightFSABFrame) * 0.09)) scale(0.5,0.5) rotate(180deg);
    }

    79% {
        -moz-transform: translateY(calc(var(--heightFSABFrame) * 0.09)) scale(1,1) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightFSABFrame) * 0.09)) scale(1,1) rotate(180deg);
    }

    92% {
        -moz-transform: translateY(calc(var(--heightFSABFrame) * -1)) scale(1,1) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightFSABFrame) * -1)) scale(1,1) rotate(180deg);
    }

    100% {
        -moz-transform: translateY(calc(var(--heightFSABFrame) * -1.5)) scale(0.5,0.5) rotate(180deg);
        -webkit-transform: translateY(calc(var(--heightFSABFrame) * -1.5)) scale(0.5,0.5) rotate(180deg);
    }
}

/*Symbols Animations*/
.sDvSymbolWin {
    animation: none;
}

.sDvSymbola.sDvSymbolWin {
    animation: 1.5s ease-in-out 0s infinite normal both running animateSymbolWinWild_EN;
}

@-webkit-keyframes animateSymbolWinWild_EN {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_01EN.png') no-repeat;
    }

    10% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_02EN.png') no-repeat;
    }

    17% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_03EN.png') no-repeat;
    }

    33% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_02EN.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_01EN.png') no-repeat;
    }
}

@keyframes animateSymbolWinWild_EN {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_01EN.png') no-repeat;
    }

    10% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_02EN.png') no-repeat;
    }

    17% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_03EN.png') no-repeat;
    }

    33% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_02EN.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_01EN.png') no-repeat;
    }
}

.sDvSymbolb.sDvSymbolWin {
    animation: 1.5s ease-in-out 0s infinite normal both running animateSymbolWinScattered_EN;
}

@-webkit-keyframes animateSymbolWinScattered_EN {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_01EN.png') no-repeat;
    }

    10% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_02EN.png') no-repeat;
    }

    17% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_03EN.png') no-repeat;
    }

    33% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_02EN.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_01EN.png') no-repeat;
    }
}

@keyframes animateSymbolWinScattered_EN {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_01EN.png') no-repeat;
    }

    10% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_02EN.png') no-repeat;
    }

    17% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_03EN.png') no-repeat;
    }

    33% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_02EN.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_01EN.png') no-repeat;
    }
}

.sDvSymbolc.sDvSymbolWin {
    animation: 1.5s ease-in-out 0s infinite normal both running animateSymbolWinBonus_EN;
}

@-webkit-keyframes animateSymbolWinBonus_EN {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_01EN.png') no-repeat;
    }

    10% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_02EN.png') no-repeat;
    }

    17% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_03EN.png') no-repeat;
    }

    33% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_02EN.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_01EN.png') no-repeat;
    }
}

/*Paylines animation*/
@-webkit-keyframes noblinkAnimation {
    0% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes noblinkAnimation {
    0% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

/*Free spins*/
#dvSlotFreeSpins {
    font-weight: bold;
    color: #ffde0e;
}

#dvSlotFreeSpinsQuantity {
    font-family: 'AllerDisplay-Regular';
    font-weight: bold;
    text-align: center;
    color: white;
}

#dvSlotFreeSpins {
    font-family: 'AllerDisplay-Regular';
    font-weight: bold;
    color: #ffde0e;
}

/******* Start Slot ES *************/
.sDvLngES .sDvPlayForFun {
    background: url('../images/SVG/Slot/Royal7/Elements/PlayForFun_01ES.png') no-repeat;
}

.sDvLngES #dvSlotTotalLineFrame {
    background: url('../images/SVG/Slot/Royal7/Elements/LinesAreaES.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important
}

/*MessageBox*/
.sDvLngES .sDvSlotMaxBet:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_BetMaxOn_01ES.png') no-repeat;
}

.sDvLngES #dvMessageRight > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_Ok_01ES.svg') no-repeat;
}

.sDvLngES #dvMessageLeft > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_Cancel_01ES.svg') no-repeat;
}

/*Status bar*/
.sDvLngES .sDvSlotMaxBet {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_BetMaxOff_01ES.png') no-repeat;
    background-size: cover !important;
}

.sDvLngES #dvAutotPlay > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_AutoplayOn_01ES.png') no-repeat !important;
    background-size: cover !important;
}

.sDvLngES #dvAutotPlay > div.sDvAutoPlayOff {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_AutoplayOff_01ES.png') no-repeat !important;
    background-size: cover !important;
}

.sDvLngES #dvPlayTableOnOff > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_PaytableOn_01ES.png') no-repeat !important;
    background-size: cover !important;
}

.sDvLngES #dvPlayTableOnOff > div.sDvPlayTableOff {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_PaytableOff_01ES.png') no-repeat !important;
    background-size: cover !important;
}

/*Symbols*/
.sDvLngES .sDvSymbola {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_01ES.png') no-repeat;
}

.sDvLngES .sDvSymbolb {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_01ES.png') no-repeat;
}

.sDvLngES .sDvSymbolc {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_01ES.png') no-repeat;
}

.sDvLngES .sDvSymbold {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol07_01ES.png') no-repeat;
}

.sDvLngES .sDvSymbole {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol08_01ES.png') no-repeat;
}

.sDvLngES .sDvSymbolf {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol09_01ES.png') no-repeat;
}

.sDvLngES .sDvSymbolg {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol10_01ES.png') no-repeat;
}

.sDvLngES .sDvSymbolh {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol11_01ES.png') no-repeat;
}

.sDvLngES .sDvSymboli {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol05_01ES.png') no-repeat;
}

.sDvLngES .sDvSymbolj {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol04_01ES.png') no-repeat;
}

.sDvLngES .sDvSymbolk {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol03_01ES.png') no-repeat;
}

.sDvLngES .sDvSymboll {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol02_01ES.png') no-repeat;
}

.sDvLngES .sDvSymbolm {
    background: url('../images/SVG/Slot/Royal7/Elements/Symbol01_01ES.png') no-repeat;
}

/*Paytable*/
.sDvLngES #dvPayTableInformation1 > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Paytable_Element1_01ES.png') no-repeat center center;
    max-width: 100%;
    max-height: 100%;
    background-size: cover !important;
}

.sDvLngES #dvPayTableInformation2 > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Paytable_Element2_01ES.png') no-repeat center center;
    max-width: 100%;
    max-height: 100%;
    background-size: cover !important;
}

.sDvLngES #dvPayTableInformation3 > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Paytable_Element3_01ES.png') no-repeat center center;
    max-width: 100%;
    max-height: 100%;
    background-size: cover !important;
}

.sDvLngES #dvPayTableInformation4 > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Paytable_Element4_01ES.png') no-repeat center center;
    max-width: 100%;
    max-height: 100%;
    background-size: cover !important;
}

.sDvLngES #dvPayTableInformation5 > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Paytable_Element5_01ES.png') no-repeat center center;
    max-width: 100%;
    max-height: 100%;
    background-size: cover !important;
}

/*Settings Menus*/
.sDvLngES .sDvSettingsMenu {
    background: url('../images/SVG/Slot/Royal7/Elements/SettingsES.png') no-repeat;
    background-size: 100% 100%;
}

.sDvLngES #dvSettingsMenuClose > div {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsCloseOff_01ES.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvLngES #dvSettingsMenuClose > div:active {
    background: url('../images/SVG/Slot/Royal7/Elements/Button_SettingsCloseOn_01ES.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}


/*Symbols Animations*/
.sDvLngES .sDvSymbola.sDvSymbolWin {
    animation: 1.5s ease-in-out 0s infinite normal both running animateSymbolWinWild_ES;
}

@-webkit-keyframes animateSymbolWinWild_ES {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_01ES.png') no-repeat;
    }

    10% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_02ES.png') no-repeat;
    }

    17% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_03ES.png') no-repeat;
    }

    33% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_02ES.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_01ES.png') no-repeat;
    }
}

@keyframes animateSymbolWinWild_ES {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_01ES.png') no-repeat;
    }

    10% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_02ES.png') no-repeat;
    }

    17% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_03ES.png') no-repeat;
    }

    33% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_02ES.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol12_01ES.png') no-repeat;
    }
}

.sDvLngES .sDvSymbolb.sDvSymbolWin {
    animation: 1.5s ease-in-out 0s infinite normal both running animateSymbolWinScattered_ES;
}

@-webkit-keyframes animateSymbolWinScattered_ES {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_01ES.png') no-repeat;
    }

    10% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_02ES.png') no-repeat;
    }

    17% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_03ES.png') no-repeat;
    }

    33% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_02ES.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_01ES.png') no-repeat;
    }
}

@keyframes animateSymbolWinScattered_ES {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_01ES.png') no-repeat;
    }

    10% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_02ES.png') no-repeat;
    }

    17% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_03ES.png') no-repeat;
    }

    33% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_02ES.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol13_01ES.png') no-repeat;
    }
}

.sDvLngES .sDvSymbolc.sDvSymbolWin {
    animation: 1.5s ease-in-out 0s infinite normal both running animateSymbolWinBonus_ES;
}

@-webkit-keyframes animateSymbolWinBonus_ES {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_01ES.png') no-repeat;
    }

    10% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_02ES.png') no-repeat;
    }

    17% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_03ES.png') no-repeat;
    }

    33% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_02ES.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_01ES.png') no-repeat;
    }
}

@-webkit-keyframes animateSymbolWinBonus_ES {
    0% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_01ES.png') no-repeat;
    }

    10% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_02ES.png') no-repeat;
    }

    17% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_03ES.png') no-repeat;
    }

    33% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_02ES.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/Elements/Symbol06_01ES.png') no-repeat;
    }
}

/******* End Slot ES *************/

/******* Start Slot Mini Game *************/
#dvSlotGameZoneBonus {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Base_01.png') no-repeat center center fixed;
}

#dvMiniSlotMachine {
    position: absolute;
    background: url('../images/SVG/Slot/Royal7/MiniGame_Base_02.png') no-repeat;
    background-size: contain !important;
}

#dvMiniSlotLayout {
    display: block;
    height: 100%;
    width: 100%;
    position:absolute;
}

#dvMiniSlotLayout > svg, #dvMiniSlotLayout > svg {
    height: 100%;
    width: 100%;
}

/*Game base*/
#dvSlotMiniGameTitle > div {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MiniGameTitle_01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

#dvMGGo > div:first-of-type {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Button_Spin_01EN.png') no-repeat;
    background-size: contain;
    cursor: pointer;
}

#dvMGGo > div:first-of-type:active {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Button_Spin_02EN.png') no-repeat;
    background-size: contain;
    cursor: pointer;
}

#dvSlotMiniGameInstructions > div {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Button_Instructions_01EN.png') no-repeat;
    background-size: contain;
    cursor: pointer;
}

#dvSlotMiniGameInstructions > div:active {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Button_Instructions_02EN.png') no-repeat;
    background-size: contain;
    cursor: pointer;
}

#dvSlotMiniGameDetail1_E4,
#dvSlotMiniGameDetail1_E5,
#dvSlotMiniGameDetail1_E6 {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_ReelShadow.png') no-repeat;
    background-size: contain !important;
}

#dvSlotMiniGameDetail1 {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Lever_01.png') no-repeat;
    background-size: contain !important
}

#dvSlotMiniGameDetail2 {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_PaylineTitle_01EN.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

#dvSlotMiniGameDetail1_E7 {
    display: none;
}

#dvSlotMiniGameDetail1_E7 > div {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Payline_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    
}

/* Symbols*/
#dvSlotMiniGameDetail1_E1,
#dvSlotMiniGameDetail1_E2,
#dvSlotMiniGameDetail1_E3 {
    overflow: hidden;
}

#dvSlotMiniGameDetail1_E1 > div > .icons > div,
#dvSlotMiniGameDetail1_E2 > div > .icons > div,
#dvSlotMiniGameDetail1_E3 > div > .icons > div {
    width: calc(100%);
    margin: 0;
    height: var(--heightSymbolMG);
}

.sDvAcctionButtonsMiniGame .sDvSymbola {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Symbol01_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvAcctionButtonsMiniGame .sDvSymbolb {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Symbol02_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvAcctionButtonsMiniGame .sDvSymbolc {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Symbol03_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvAcctionButtonsMiniGame .sDvSymbold {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Symbol04_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvAcctionButtonsMiniGame .sDvSymbole {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Symbol05_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvAcctionButtonsMiniGame .sDvSymbolf {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Symbol06_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

/*Game status*/
#dvSlotMiniGameDetail3_E1 > div,
#dvSlotMiniGameDetail3_E2 > div,
#dvSlotMiniGameDetail3_E3 > div,
#dvSlotMiniGameDetail3_E4 > div,
#dvSlotMiniGameDetail3_E5 > div,
#dvSlotMiniGameDetail3_E6 > div {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_LightsOn_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important
}

#dvSlotMiniGameDetail3_E1.off > div,
#dvSlotMiniGameDetail3_E2.off > div,
#dvSlotMiniGameDetail3_E3.off > div,
#dvSlotMiniGameDetail3_E4.off > div,
#dvSlotMiniGameDetail3_E5.off > div,
#dvSlotMiniGameDetail3_E6.off > div {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_LightsOff_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important
}

#dvSlotMiniGameDetail2_E1,
#dvSlotMiniGameDetail2_E2,
#dvSlotMiniGameDetail2_E3,
#dvSlotMiniGameDetail2_E4,
.sDvMiniSlotPayoutBack,
.sDvMiniSlotPayout {
    display: table;
}

#dvSlotMiniGameDetail2_E1 > div,
#dvSlotMiniGameDetail2_E2 > div,
#dvSlotMiniGameDetail2_E3 > div,
#dvSlotMiniGameDetail2_E4 > div,
.sDvMiniSlotPayoutBack > div,
.sDvMiniSlotPayout > div {
    font-family: 'digital-7Mono';
    color: white;
    text-align: right;
    opacity: 0.1;
    vertical-align: middle;
    display: table-cell;
}

#dvSlotMiniGameDetail2_E2 > div,
#dvSlotMiniGameDetail2_E4 > div,
.sDvMiniSlotPayout > div {
    opacity: 1;
}

.sDvMiniSlotPayoutContainer {
    display: none;
}

.sDvMGCoin {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Coin_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    display: none;
}
/*Paytable*/
#dvSlotMiniGameDetail5_E1, #dvSlotMiniGameDetail5_E2, #dvSlotMiniGameDetail5_E3, #dvSlotMiniGameDetail5_E4 {
    display: none;
}

#dvSlotMiniGameDetail5_E1 {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_PaytableElements_01.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

#dvSlotMiniGameDetail5_E2 {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_PaytableText_01EN.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

#dvSlotMiniGameDetail5_E3 {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_PT_Title_01EN.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

#dvSlotMiniGameDetail5_E4 {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_PT_Title_02EN.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvPlayTableRedFrame {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Paytable_RedFrame.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    display: none;
}

/*Message*/
#dvSlotMiniGameMessageResultGameOver {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MGMessageGameOver_01EN.png') no-repeat center center;
    background-size: cover !important;
    z-index: 1002;
}

#dvSlotMiniGameMessageButtonBack,
#dvSlotMiniGameMessageAmount {
    z-index: 1003;
}

#dvSlotMiniGameMessageButtonBack > div {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/Button_Close_01EN.png') no-repeat;
    background-size: contain !important;
}

#dvSlotMiniGameMessageButtonBack .sButtonAction:active {
    height: 90%;
    margin: 2%;
}

#dvSlotMiniGameMessageAmount > div{
    height: 100%;
    width: 100%;
    display:table;
}

#dvSlotMiniGameMessageAmount > div > div{
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    font-family: digital-7Mono;
    z-index: 1002;
}

/*Animaciones*/
.leverAction {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Lever_01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
    animation: 0.5s ease 0s 1 normal forwards running animateLever;
}

@-webkit-keyframes animateLever {
    0% {
        background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Lever_01.png') no-repeat;
    }

    40% {
        background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Lever_02.png') no-repeat;
    }

    60% {
        background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Lever_03.png') no-repeat;
    }

    80% {
        background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Lever_02.png') no-repeat;
    }

    100% {
        background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Lever_01.png') no-repeat;
    }
}

.borderLight {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_BrightLight_01.png') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.borderLight0 {
    animation: 1.3s linear 0s infinite normal forwards running animateBorderLight;
}

.borderLight1 {
    animation: 0.3s linear 0s infinite normal forwards running animateBorderLight1;
}

.borderLight2 {
    animation: 0.3s linear 0s infinite normal forwards running animateBorderLight2;
}

.borderLight3 {
    animation: 0.3s linear 0s infinite normal forwards running animateBorderLight3;
}

@-webkit-keyframes animateBorderLight {
    0% {
        opacity:1;
    }
    2% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }
    52% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes animateBorderLight1 {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 1;
    }

    33% {
        opacity: 1;
    }

    35% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes animateBorderLight2 {
    0% {
        opacity: 0;
    }

    33% {
        opacity: 0;
    }

    35% {
        opacity: 1;
    }

    66% {
        opacity: 1;
    }

    68% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes animateBorderLight3 {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    68% {
        opacity: 1;
    }

    98% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.flippingCoin {
    height: 70px;
    width: 70px;
    top: 560px;
    left: 1355px;
    display: none;
}

.flippingCoinAnim {
    animation: 0.5s linear 0s 1 normal forwards running coinMovement;
    display: block;
}

.flippingCoin > div {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Coin_02.png') no-repeat;
    background-size: contain !important;
    margin-top: -50%;
    animation: 0.3s linear 0s infinite normal forwards running flipCoin;
}

@-webkit-keyframes flipCoin {
    0% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        transform: rotateX(360deg);
    }
}

@-webkit-keyframes coinMovement {
    0% {
        -webkit-transform: translateY(0px) scaleY(1);
        -moz-transform: translateY(0px) scaleY(1);
        transform: translateY(0px) scaleY(1);
    }

    80% {
        -webkit-transform: translateY(var(--heightCoinMG)) scaleY(1);
        -moz-transform: translateY(var(--heightCoinMG)) scaleY(1);
        transform: translateY(var(--heightCoinMG)) scaleY(1);
    }

    100% {
        -webkit-transform: translateY(var(--heightCoinMG)) scaleY(0);
        -moz-transform: translateY(var(--heightCoinMG)) scaleY(0);
        transform: translateY(var(--heightCoinMG)) scaleY(0);
    }
}

/******* Start Slot Mini Game ES *************/
.sDvLngES #dvMGGo > div:first-of-type {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Button_Spin_01ES.png') no-repeat;
    background-size: contain !important;
}

.sDvLngES #dvMGGo > div:first-of-type:active {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Button_Spin_02ES.png') no-repeat;
    background-size: contain !important;
}

.sDvLngES #dvSlotMiniGameInstructions > div {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Button_Instructions_01ES.png') no-repeat;
    background-size: contain !important;
}

.sDvLngES #dvSlotMiniGameInstructions > div:active {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_Button_Instructions_02ES.png') no-repeat;
    background-size: contain !important;
}

.sDvLngES #dvSlotMiniGameDetail2 {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_PaylineTitle_01ES.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvLngES #dvSlotMiniGameDetail5_E2 {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_PaytableText_01ES.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvLngES #dvSlotMiniGameDetail5_E3 {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_PT_Title_01ES.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

.sDvLngES #dvSlotMiniGameDetail5_E4 {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MG_PT_Title_02ES.png') no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

/*Message*/
.sDvLngES #dvSlotMiniGameMessageResultGameOver {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/MGMessageGameOver_01ES.png') no-repeat center center;
    background-size: cover !important;
}

.sDvLngES #dvSlotMiniGameMessageButtonBack > div {
    background: url('../images/SVG/Slot/Royal7/MiniGame_Elements/Button_Close_01ES.png') no-repeat;
    background-size: contain !important;
}

/******* End Slot GreatCircus Mini Game ES *************/
/******* End Slot Mini Game *************/



