@font-face {
    font-family: 'Pt-Sans-Bold';
    src: url(../Common/font/Pt-sans/PTSans-Web-Bold.eot);
    src: local('Pt-Sans-Bold'), url(../Common/font/Pt-sans/PT_Sans-Web-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Pt-Sans';
    src: url(../Common/font/Pt-sans/PT-Sans-Narrow-Web-Regular.eot);
    src: local('Pt-Sans'), url(../Common/font/Pt-sans/PT-Sans-Narrow-Web-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Bank-gothic';
    src: url(../Common/font/Bank-Gothic/bank-gothic.eot);
    src: local('Bank-gothic'), url(../Common/font/Bank-Gothic/bank-gothic.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto-Condensed';
    src: url(../Common/font/Roboto-Condensed/Roboto-Condensed.eot);
    src: local('Roboto-Condensed'), url(../Common/font/Roboto-Condensed/Roboto-Condensed.ttf) format('truetype');
}

@font-face {
    font-family: 'Akachen';
    src: url(../Common/font/akachen/akaChen.eot);
    src: local('Akachen'), url(../Common/font/akachen/akaChen.ttf) format('truetype');
}
/* inizio style e posizione pulsanti */


.button-style-2 {
    background-image: url(imgs/btn-00.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 6.3%;
    width: 14%;
    color: #ffffff;
    position: absolute;
}

    .button-style-2:hover {
        background-image: url(imgs/btn-01.png);
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        color: #ffffff;
    }

    .button-style-2:active {
        background-image: url(imgs/btn-01.png);
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        color: #ffffff;
        transform: scale(0.98);
    }

.button-style-3 {
    background-image: url(imgs/btn_hold_16_00.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 4.5%;
    width: 13.5%;
    color: #00471c;
    position: absolute;
}

    .button-style-3:hover {
        background-image: url(imgs/btn_hold_16_01.png);
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
    }

    .button-style-3:active {
        background-image: url(imgs/btn_hold_16_01.png);
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        transform: scale(0.98);
    }


.button-text-box {
    position: absolute;
    width: 91.3%;
    height: 50.4%;
    left: 4.3%;
    top: 24%;
    text-align: center;
}
/* fine style e posizione pulsanti */
.textFlushCard1-pos-value {
    position: absolute;
    width: 5%;
    height: 3.6%;
    top: 78.9%;
    left: 11.6%;
    text-align: center;
    color: red;
    font-weight: 900;
    font-family: arial;
    background: rgba(0, 0, 0, 0.6196078431372549);
}

.textFlushCard2-pos-value {
    left: 29.5%;
    position: absolute;
    width: 5%;
    height: 3.6%;
    top: 78.9%;
    text-align: center;
    color: red;
    font-weight: 900;
    font-family: arial;
    background: rgba(0, 0, 0, 0.6196078431372549);
}

.textFlushCard3-pos-value {
    left: 47.5%;
    position: absolute;
    width: 5%;
    height: 3.6%;
    top: 78.9%;
    text-align: center;
    color: red;
    font-weight: 900;
    font-family: arial;
    background: rgba(0, 0, 0, 0.6196078431372549);
}

.textFlushCard4-pos-value {
    left: 65.5%;
    position: absolute;
    width: 5%;
    height: 3.6%;
    top: 78.9%;
    text-align: center;
    color: red;
    font-weight: 900;
    font-family: arial;
    background: rgba(0, 0, 0, 0.6196078431372549);
}

.textFlushCard5-pos-value {
    left: 83.3%;
    position: absolute;
    width: 5%;
    height: 3.6%;
    top: 78.9%;
    text-align: center;
    color: red;
    font-weight: 900;
    font-family: arial;
    background: rgba(0, 0, 0, 0.6196078431372549);
}

.textWinGamble-pos-value {
    position: absolute;
    color: #00f0ff;
    top: 36%;
    left: 20.6%;
    width: 17.5%;
    height: 4.6%;
    text-align: right;
    color: white;
    position: absolute;
}

.textBonusGamble-pos-value {
    position: absolute;
    color: #00f0ff;
    top: 13.6%;
    left: 26.4%;
    width: 11.6%;
    height: 4.6%;
    text-align: right;
    color: yellow;
    font-family: Arial;
    font-weight: 900;
    text-shadow: 0px 2px 2px rgba(1, 1, 1, 1);
}

.textTimeGamble-pos-value {
    position: absolute;
    top: 13%;
    left: 12.9%;
    width: 4.4%;
    height: 5.4%;
    text-align: center;
    color: red;
    font-family: Arial;
    font-weight: 900;
    text-shadow: 0px 2px 2px rgba(1, 1, 1, 1);
}

.textNumBonusFlush-pos-value {
    position: absolute;
    top: 7.5%;
    left: 33.5%;
    width: 3.5%;
    height: 4%;
    text-align: center;
    color: red;
}
/* inizio style e posizione testi*/
.paytable {
    position: absolute;
    height: 35.4%;
    top: 3%;
    left: 52.3%;
    width: 46%;
}

.credit-bet-label {
    width: 23.1%;
    height: 3.2%;
    position: absolute;
    text-align: center;
}

.labelWinGamble-pos-value {
    top: 38.8%;
    left: 2%;
    width: 22.7%;
    height: 3.2%;
    position: absolute;
    text-align: center;
    color: white;
}

.txtYellow {
    color: yellow;
}

.txtGreen {
    color: #1ade00;
}

.credit-bet-value {
    width: 17.5%;
    height: 4.6%;
    text-align: right;
    color: white;
    position: absolute;
}

.win-pos-value {
    position: absolute;
    top: 44.8%;
    left: 25%;
    width: 49.9%;
    height: 4.7%;
    text-align: center;
    color: #78bdfd;
}

.jackpot-pos {
    position: absolute;
    top: 16%;
    left: 3%;
    width: 5.5%;
    height: 5.4%;
    text-align: center;
    color: #00f0ff;
    font-weight: bold;
    font-style: italic;
}

.labelWin-pos {
    position: absolute;
    top: 42.2%;
    left: 29.7%;
    width: 19.9%;
    height: 4.7%;
    text-align: center;
    color: #78bdfd;
}


.score-text {
    float: left;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #ffffff;
}

.score-value {
    float: left;
    width: 35%;
    height: 10%;
    text-align: right;
    color: #ffffff;
}

.textYellow {
    color: #ffff00
}

.textRed {
    color: red;
}

.textGreen {
    color: #1ade00;
}

.textBlue {
    color: #00ffff;
}

.textOrange {
    color: #ffaf00;
}

.textAzure {
    color: #b5ffff;
}

.textPink {
    color: #ffb3ff;
}

.textWhite {
    color: #ffffff;
}

.text-style1 {
    font-family: Pt-Sans;
    letter-spacing: -0.05em;
    text-shadow: 0px 2px 2px rgba(1, 1, 1, 1);
}

.text-style2 {
    font-family: Akachen;
    letter-spacing: 0.3em;
    text-shadow: 0px 2px 2px rgba(1, 1, 1, 1);
    font-weight: bold;
}

.text-style3 {
    font-family: Pt-Sans, sans-serif;
    letter-spacing: 0.08em;
    color: white;
}

.arialBlackRed {
    font-family: Arial;
    font-weight: 900;
    color: red;
}
/* start extra table*/
.extra-table-color-text {
    color: #00f0ff;
}
/* end extra table*/

/*start style show message*/
.box-1 {
    position: relative;
    color: yellow;
    width: 100%;
    height: 12.3%;
    top: 54%;
    left: 0%;
    z-index: 2;
    text-align: center;
    font-family: Bank-gothic, sans-serif;
    letter-spacing: -0.05em;
    text-shadow: 0px 2px 2px rgba(1, 1, 1, 1);
    background: #00000069;
}

.box-2 {
    position: relative;
    width: 100%;
    height: 100%;
}
/*end style show message*/

#txt-textWinInc, #txt-textWin {
    font-family: Akachen, serif;
}

.textSpacingFix {
    letter-spacing: 0.1em;
}

.textGameOver-pos-value {
    position: absolute;
    text-align: center;
    color: #76B5F0;
    top: 44.7%;
    left: 25%;
    width: 49.9%;
    height: 4.7%;
}

.game-theme-color {
    color: #ffc73c;
}

.ps__thumb-y {
    background-color: #ffc73c !important;
}

.game-title {
    font-size: 10px;
    color: white;
    position: absolute;
    top: 16px;
    left: 24px;
    text-transform: uppercase;
    font-family: Montserrat-Light, serif;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.game-title svg {
    width: 50px;
    margin-left: 3px;
    margin-top: 1px;
}

.autoplay-counter {
    position: absolute;
    width: 100px;
    height: 25px;
    left: 197px;
    bottom: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.autoplay-counter span {
    width: 100%;
    display: flex;
    font-family: Pt-Sans, sans-serif;
    color: #ffffff;
    border: #0041a1 solid thin;
    background: rgb(1 74 183);
    text-shadow: 0 2px 2px rgba(1, 1, 1, 1);
    border-radius: 3px;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.rules-container .rules-table .rules-table-cell-img .rules-table-cell-img-value2 {
    color: white;
}

/*************** Paytable combinations ***************/
.paytable-combination.combination-0 {
    background-image: url("imgs/paytable/0.png");
}
.paytable-combination.combination-1 {
    background-image: url("imgs/paytable/1.png");
}
.paytable-combination.combination-2 {
    background-image: url("imgs/paytable/2.png");
}
.paytable-combination.combination-3 {
    background-image: url("imgs/paytable/3.png");
}
.paytable-combination.combination-4 {
    background-image: url("imgs/paytable/4.png");
}
.paytable-combination.combination-5 {
    background-image: url("imgs/paytable/5.png");
}
.paytable-combination.combination-6 {
    background-image: url("imgs/paytable/6.png");
}
.paytable-combination.combination-7 {
    background-image: url("imgs/paytable/7.png");
}
.paytable-combination.combination-8 {
    background-image: url("imgs/paytable/8.png");
}
.paytable-combination.combination-9 {
    background-image: url("imgs/paytable/9.png");
}
.paytable-combination.combination-10 {
    background-image: url("imgs/paytable/10.png");
}
.paytable-combination.symbol-1 {
    background-image: url("imgs/symbols/01.png");
}
.paytable-combination.symbol-2{
    background-image: url("imgs/symbols/02.png");
}
.paytable-combination.symbol-3 {
    background-image: url("imgs/symbols/03.png");
}
.paytable-combination.symbol-4 {
    background-image: url("imgs/symbols/04.png");
}
.paytable-combination.symbol-5 {
    background-image: url("imgs/symbols/05.png");
}
.paytable-combination.symbol-6 {
    background-image: url("imgs/symbols/06.png");
}
.paytable-combination.symbol-7 {
    background-image: url("imgs/symbols/07.png");
}
.paytable-combination.symbol-8 {
    background-image: url("imgs/symbols/08.png");
}
.paytable-combination.symbol-9 {
    background-image: url("imgs/symbols/09.png");
}
.paytable-combination.symbol-10 {
    background-image: url("imgs/symbols/10.png");
}
.paytable-combination.symbol-11 {
    background-image: url("imgs/symbols/11.png");
}
.paytable-combination.symbol-12 {
    background-image: url("imgs/symbols/12.png");
}
.paytable-combination.symbol-13 {
    background-image: url("imgs/symbols/13.png");
}
/*************** Paytable combinations ***************/