/* saira-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Saira';
  font-style: normal;
  font-weight: 700;
  src: url('saira-v14-latin_latin-ext-700.woff2') format('woff2'),
       url('saira-v14-latin_latin-ext-700.woff') format('woff');
}

.flipx {
    position:absolute;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
}
.shezhi {
    position: absolute;
    width: 33px;
    height: 33px;
    bottom: 5px;
    right: 75px;
}
.grayImg{
    filter:gray;
    -moz-opacity:.1;
    opacity:0.1;
}
.mosue1Div{
    cursor:default
}
.mosue2Div{
    cursor:pointer
}
.mosue3Div{
    cursor:pointer
}
.number {
	position: absolute;
	width: 100px;
	text-align: center;
	font: 20px 'Saira',Arial, Helvetica, Sans-serif;
	color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 2px #000, 1px 1px 2px #000;
}
.number1 {
    position: absolute;
    width: 100px;
    text-align: center;
    font: 20px 'Saira',Arial, Helvetica, Sans-serif;
    color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 2px #000, 1px 1px 2px #000;
}
.number4444 {
    position: absolute;
    width: 100px;
    text-align: center;
    font: 40px Arial, Helvetica, Sans-serif;
    color: #fff;
}
#fullscreen-icon {
    width: 40px;
    height: 37px;
	 left: 636px;
	 top: 9px;
}
.numberFreesfx {
	position: absolute;
	width: 100px;
	text-align: center;
	font: 14px Arial, Helvetica, Sans-serif;
	color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 2px #000, 1px 1px 2px #000;
}
.remDiv {
	position:absolute;
	width: 60px;
	height: 60px;
}
.languageText {
	position:absolute;
}
.languageUI {
	position:absolute;
}
.backButton {
	position:absolute;
}
.backPos {
	position: absolute;
	left: 0;
	top: 0;
	width: 800px;
	height: 480px;
}
.mahjong_css{
	position:absolute;
	left:0;
	top:0;
}
.shadowPuzzle {
    box-shadow: 10px 10px 10px #000000;
}
.txt_loading{
	position:absolute;
	width:200px;
	height:40px;
	left:298px;
	top:227px;
	border:0;
	text-align:center;
	vertical-align:middle;
	font: 16px 'Saira', Helvetica;
	background-color: transparent;
}
.btnumber1 {
    position: absolute;
    font-family: 'Saira';
    font-size: 20px;
    color: #fff;
    white-space:nowrap;
    text-shadow: 2px 2px 0 #8c8c8c, -1px -1px 0 #8c8c8c, 1px -1px 0 #8c8c8c, -1px 1px 0 #8c8c8c, 1px 1px 0 rgba(140, 140, 140, 0.98);
}
.btnumber {
    position: absolute;
    font-family: 'Saira';
    font-size: 30px;
    color: #fff;
    white-space:nowrap;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 2px #000, 1px 1px 2px #000;
}
.loogText {
    position: absolute;
    text-align: left;
    font: 20px 'Saira', Helvetica, Sans-serif;
    color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 2px #000, 1px 1px 2px #000;
	 line-height: 1.25;
}

@-webkit-keyframes falldownmj {
    0% {
        -webkit-transform: translateY(-480px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes falldownmj {
    0% {
        transform: translateY(-480px);
    }

    100% {
        transform: translateY(0);
    }
}

.falldownmj {
    -webkit-animation-name: falldownmj;
    animation-name: falldownmj;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* ARJAN: CSS falldown */

@-webkit-keyframes falldown {
    0% {
        top:-480px;
    }
    25% {
        top:120px;
    }
    50% {
        top:0px;
    }
    65% {
        top:-20px;
    }
    80% {
        top:0px;
    }
    90% {
        top:4px;
    }
    100% {
        top:0px;
    }
}

@keyframes falldown {
    0% {
        top:-480px;
    }
    25% {
        top:120px;
    }
    50% {
        top:0px;
    }
    65% {
        top:-20px;
    }
    80% {
        top:0px;
    }
    90% {
        top:4px;
    }
    100% {
        top:0px;
    }
}

.falldown {
    -webkit-animation-name: falldown;
    animation-name: falldown;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fallleft {
    0% {
        -webkit-transform: translate3d(-800px,0px,0);
    }
    25% {
        -webkit-transform: translate3d(60px,0,0);
    }
    50% {
        -webkit-transform: translate3d(0,0,0);
    }
    65% {
        -webkit-transform: translate3d(-30px,0,0);
    }
    80% {
        -webkit-transform: translate3d(0,0,0);
    }
    90% {
        -webkit-transform: translate3d(15px,0,0);
    }
    100% {
        -webkit-transform: translate3d(0,0,0);
    }
}

@keyframes fallleft {
    0% {
        transform: translate3d(-800px,0,0);
     }
    25% {
        transform: translate3d(60px,0,0);
    }
    50% {
        transform: translate3d(0,0,0);
    }
    65% {
        transform: translate3d(-30px,0,0);
    }
    80% {
        transform: translate3d(0,0,0);
    }
    90% {
        transform: translate3d(15px,0,0);
    }
    100% {
        transform: translate3d(0,0,0);
    }
}

.fallleft {
    -webkit-animation-name: fallleft;
    animation-name: fallleft;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}