@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: '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');
}

/* inizio style e posizione pulsanti */


.button-style-2 {
    background-image: url(imgs/btn-00.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 7.4%;
    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-00.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 7.4%;
    width: 14%;
    color: #ffffff;
    position: absolute;
}

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

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

.textBonus-pos-value {
    position: absolute;
    top: 19.3%;
    left: 11.2%;
    width: 10.5%;
    height: 3.4%;
    text-align: center;
    color: #00f0ff;
    font-weight: bold;
    font-style: italic;
}

.button-text-box {
    position: absolute;
    width: 91.3%;
    height: 46.4%;
    left: 4.3%;
    top: 20%;
    text-align: center;
}
/* fine style e posizione pulsanti */

/* inizio style e posizione testi*/
.paytable {
    position: absolute;
    height: 28.4%;
    width: 33.5%;
    top: 1.8%;
    left: 33.5%;
}

.credit-bet-label {
    width: 15.6%;
    height: 4.3%;
    text-align: right;
    color: #ffff00;
    font-weight: bold;
    position: absolute;
}


.txtYellow {
    color: yellow;
}

.txtGreen {
    color: #1ade00;
}

.credit-bet-value {
    width: 15.6%;
    height: 4.86%;
    text-align: right;
    color: #ffffff;
    position: absolute;
}
.labelWin-pos {
    width: 45%;
    height: 12%;
    top: 3%;
    left: 3%;
    position: absolute;
    color: yellow;
}
.autohold-pos {
    position: absolute;
    top: 23.6%;
    left: 75.3%;
    width: 18.6%;
    height: 4.7%;
    text-align: center;
    color: #57acdf;
    font-weight: bold;
}

.win-pos-value {
    position: absolute;
    top: 17.1%;
    left: 20.8%;
    width: 45%;
    height: 9.7%;
    text-align: center;
    color: #7bbcf9;
}

.jackpot-pos {
    position: absolute;
    top: 22.5%;
    width: 15.6%;
    height: 4.86%;
    left: 8.7%;
    text-align: center;
    color: #00f0ff;
    font-weight: bold;
}

.jackpot-counter-pos {
    position: absolute;
    top: 2.8%;
    width: 2.8%;
    height: 4.5%;
    left: 27.4%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.text-style1 {
    font-family: Bank-gothic, sans-serif;
    letter-spacing: -0.05em;
    text-shadow: 0px 2px 2px rgba(1, 1, 1, 1);
    font-weight: bold;
}

.text-style2 {
    font-family: Bank-gothic, sans-serif;
    letter-spacing: 0.12em;
    text-shadow: 0px 2px 2px rgba(1, 1, 1, 1);
    font-weight: bold;
}

.text-style3 {
    font-family: Bank-gothic, sans-serif;
    letter-spacing: 0.1em;
    text-shadow: 0px 2px 2px rgba(1, 1, 1, 1);
    font-weight: bold;
}
/* 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*/

.textGameOver-pos-value {
    position: absolute;
    top: 24.6%;
    left: 77.5%;
    width: 18.1%;
    height: 4.7%;
    text-align: center;
    color: #76B5F0;
}
#txt-textGameOver {
    display: none;
}

.game-theme-color {
    color: #ffe93e
}

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

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

.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: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.autoplay-counter span {
    width: 100%;
    display: flex;
    color: #ffffff;
    border: #648ad7 solid thin;
    background: #da8300;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-family: Bank-gothic, sans-serif;
    text-shadow: 0px 2px 2px rgba(1, 1, 1, 1);
    font-weight: bold;
}
/*************** 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.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 ***************/