@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: 'OldStandard-Regular';
    src: url(../Common/font/OldStandard/OldStandard-Regular.eot);
    src: local('OldStandard-Regular'), url(../Common/font/OldStandard/OldStandard-Regular.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: 'ArialNarrow';
    src: url(../Common/font/Arial-Narrow/ArialNarrow.eot);
    src: local('Roboto-Condensed'), url(../Common/font/Arial-Narrow/ArialNarrow.ttf) format('truetype');
}
.ArialNarrow {
    font-family: ArialNarrow !important;
    background: #fce519; /* Old browsers */
    background: -moz-linear-gradient(top, #fce519 1%, #f9efa4 37%, #f9efa4 37%, #f1da36 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fce519 1%,#f9efa4 37%,#f9efa4 37%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fce519 1%,#f9efa4 37%,#f9efa4 37%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce519', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    -webkit-transform: scale(1,1.2); /* Safari and Chrome */
    -moz-transform: scale(1,1.2); /* Firefox */
    -ms-transform: scale(1,1.2); /* IE 9 */
    -o-transform: scale(1,1.2); /* Opera */
    transform: scale(1,1.2); /* W3C */
    padding-right: 5px;
}
.ArialNarrowAzure {
    font-family: ArialNarrow !important;
    background: #79eaf7; /* Old browsers */
    background: -moz-linear-gradient(top, #79eaf7 31%, #63cbe8 77%, #7db9e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #79eaf7 31%,#63cbe8 77%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #79eaf7 31%,#63cbe8 77%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79eaf7', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    -webkit-transform: scale(1,1.2); /* Safari and Chrome */
    -moz-transform: scale(1,1.2); /* Firefox */
    -ms-transform: scale(1,1.2); /* IE 9 */
    -o-transform: scale(1,1.2); /* Opera */
    transform: scale(1,1.2); /* W3C */
    padding-right: 5px;
}
.ArialNarrowGreen {
    font-family: ArialNarrow !important;
    background: #b4e391; /* Old browsers */
    background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    -webkit-transform: scale(1,1.2); /* Safari and Chrome */
    -moz-transform: scale(1,1.2); /* Firefox */
    -ms-transform: scale(1,1.2); /* IE 9 */
    -o-transform: scale(1,1.2); /* Opera */
    transform: scale(1,1.2); /* W3C */
    padding-right: 5px;
}
/* inizio style e posizione pulsanti */
.button-style {
    background-image: url(imgs/button-00.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 6.2%;
    width: 14.2%;
    color: #000000;
}

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

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

.button-pos-1 {
    position: absolute;
    top: 82.2%;
    left: 22.1%;
}
.button-pos-2 {
    position: absolute;
    top: 82.2%;
    left: 34.2%;
}

.button-pos-3 {
    position: absolute;
    top: 82.2%;
    left: 43.4%;
}

.button-pos-4 {
    position: absolute;
    top: 82.2%;
    left: 63.8%;
}

.button-pos-5 {
    position: absolute;
    top: 82.2%;
    left: 8%;
}

.button-pos-6 {
    position: absolute;
    top: 82.2%;
    left: 25%;
}

.button-pos-7 {
    position: absolute;
    top: 82.2%;
    left: 43%;
}

.button-pos-8 {
    position: absolute;
    top: 82.2%;
    left: 60.3%;
}

.button-pos-9 {
    position: absolute;
    top: 82.2%;
    left: 77.8%;
}

.button-pos-10 {
    position: absolute;
    top: 82.2%;
    left: 84%;
}

.button-pos-11 {
    position: absolute;
    top: 88.9%;
    left: 84%;
}

.button-pos-12 {
    position: absolute;
    top: 89%;
    left: 1.9%;
}

.button-pos-13 {
    position: absolute;
    top: 2.2%;
    left: 1.3%;
}

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

/* inizio style e posizione testi*/
.paytable {
    position: absolute;
    height: 29.2%;
    width: 30.1%;
    top: 3%;
    left: 35%;
}

.credit-pos-label {
    position: absolute;
    top: 4.2%;
    left: 72.9%;
    width: 9%;
    height: 7%;
    text-align: left;
}

.credit-pos-value {
    position: absolute;
    top: 6.3%;
    left: 83.5%;
    width: 12.2%;
    height: 4%;
    text-align: right;
    color: #00ffff;
}

.bet-pos-label {
    position: absolute;
    top: 12%;
    left: 72.9%;
    width: 9%;
    height: 7%;
    text-align: left;
}

.bet-pos-value {
    position: absolute;
    top: 14%;
    left: 83.5%;
    width: 12.2%;
    height: 4%;
    text-align: right;
    color: #ffee00;
}

.win-pos-label {
    position: absolute;
    top: 20.1%;
    left: 72.9%;
    width: 9%;
    height: 7%;
    text-align: left;
}

.win-pos-value {
    position: absolute;
    top: 22.2%;
    left: 83.5%;
    width: 12.2%;
    height: 4%;
    text-align: right;
    color: #61c419;
}
/* inizio Bonus*/

.bonusStyle {
    width: 16%;
    height: 3.3%;
    position: absolute;
    color: white;
    font-family: Pt-Sans-Bold, sans-serif;
}
.bonusXStyle {
    width: 2%;
    height: 3.3%;
    position: absolute;
    color: white;
    text-align: center;
    font-family: Pt-Sans-Bold, sans-serif;
}
.bonusNumStyle {
    width: 2%;
    height: 3.3%;
    position: absolute;
    color: #04f4f4;
    text-align: center;
    font-family: Pt-Sans-Bold, sans-serif;
}

.bonus-pos-1 {
    top: 8.5%;
    left: 6.6%;
}
.bonus-pos-2 {
    top: 11.5%;
    left: 6.6%;
}
.bonus-pos-3 {
    top: 14.5%;
    left: 6.6%;
}
.bonus-pos-4 {
    top: 17.5%;
    left: 6.6%;
}
.bonus-pos-5 {
    top: 20.5%;
    left: 6.6%;
}
.bonus-pos-6 {
    top: 23.5%;
    left: 6.6%;
}
.bonus-pos-X-1 {
    top: 8.5%;
    left: 23.2%;
}
.bonus-pos-X-2 {
    top: 11.5%;
    left: 23.2%;
}
.bonus-pos-X-3 {
    top: 14.5%;
    left: 23.2%;
}
.bonus-pos-X-4 {
    top: 17.5%;
    left: 23.2%;
}
.bonus-pos-X-5 {
    top: 20.5%;
    left: 23.2%;
}
.bonus-pos-X-6 {
    top: 23.5%;
    left: 23.2%;
}
.bonus-pos-num-1 {
    top: 8.5%;
    left: 24.6%;
}
.bonus-pos-num-2 {
    top: 11.5%;
    left: 24.6%;
}
.bonus-pos-num-3 {
    top: 14.5%;
    left: 24.6%;
}
.bonus-pos-num-4 {
    top: 17.5%;
    left: 24.6%;
}
.bonus-pos-num-5 {
    top: 20.5%;
    left: 24.6%;
}
.bonus-pos-num-6 {
    top: 23.5%;
    left: 24.6%;
}
/* fine Bonus*/
.score-text-pos {
    float: left;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #ffffff;
}
.score-text-pos span, .score-value-pos span {
        display: block;

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

.text-style1 {
    font-family: OldStandard-Regular, sans-serif;
    letter-spacing: -0.05em;
}

.text-style2 {
    font-family: Pt-Sans-Bold, sans-serif;
    letter-spacing: 0.09em;

}

/*start style show message*/
.box-1 {
    position: relative;
    color: yellow;
    width: 99.5%;
    height: 13.3%;
    top: 52.6%;
    left: 0.2%;
    font-family: Impact;
    z-index: 2;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.65);
}

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

/*end style footer text*/
.button-pos-autoplay {
    position: absolute;
    top: 82.2%;
    left: 69.5%;
}
.textWhite{
    color:white;
}
.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: #00bb25;
}

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

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

.game-title svg {
    width: 50px;
}

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

.autoplay-counter span {
width: 100%;
display: flex;
font-family: Pt-Sans-Bold, sans-serif;
color: #000000;
border: #452722 solid thin;
background: #eb8d01;
height: 100%;
align-items: center;
justify-content: center;
font-size: 18px;
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.combination-10 {
    background-image: url("imgs/paytable/10.png");
}
.paytable-combination.combination-11 {
    background-image: url("imgs/paytable/11.png");
}
.paytable-combination.combination-12 {
    background-image: url("imgs/paytable/12.png");
}
.paytable-combination.combination-13 {
    background-image: url("imgs/paytable/13.png");
}
.paytable-combination.combination-14 {
    background-image: url("imgs/paytable/14.png");
}
.paytable-combination.combination-15 {
    background-image: url("imgs/paytable/15.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-combination.symbol-15 {
    background-image: url("imgs/symbols/15.png");
}
.paytable-combination.symbol-16 {
    background-image: url("imgs/symbols/16.png");
}
/*************** Paytable combinations ***************/