body{
	border:0;
	margin:0;
	padding:0;
}
#ui{
	color:#fff;
	font:bold 16px Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	width:640px;	height:480px;
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
}
#ui>div,#ui>img{
	display:none;
	position:absolute;
	width:640px;	height:480px;
}
#ui>div>img,#ui>div>div,#popup div,#popup img,#popup a{position:absolute;}

a{
	cursor:pointer;
	display:block;
	position:absolute;
}

.off,#popup>div{display:none;}

.on,.p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.p9,.p10,.p11,.p12{display:block!important}

.s0 #s0,.s1 #s1,.s2 #s2,.s3 #s3,.s4 #s4,.s5 #s5,.s6 #s6,
.s7 #s7,.s8 #s8,.s9 #s9,.s10 #s10,.s11 #s11,
.s2 #footer,.s3 #footer,.s4 #footer,.s5 #footer,.s6 #footer,.s7 #footer,
.s8 #footer,.s9 #footer,
.p1 #p1,.p2 #p2,.p3 #p3,.p4 #p4,.p5 #p5,.p6 #p6,.p7 #p7,.p8 #p8,.p9 #p9,.p10 #p10,.p11 #p11,.p12 #p12{
	display:block;
}

#footer{
	height:136px!important;
	bottom:-5px;left:0;
	width:768px;
}

#btnWalktrough2{
	left:452px;	top:4px;
	width:185px;	height:49px;
}

#msg{
	color:#162740;
	top:5px;left:10px;
	width:440px;
}

#i0,#i1,#i2,#i3,#i4,#i5,#i6,#i7,#i8,#i9,#i10{
	background:url(img/icons.png) 100px 0 no-repeat;
	left:5px;	top:60px;
	width:64px;	height:64px;
}
#i0{left:900px;	background-position:0 0!important}
#i2{left:70px}
#i3{left:133px}
#i4{left:196px}
#i5{left:259px}
#i6{left:322px}
#i7{left:385px}
#i8{left:449px}
#i9{left:512px}
#i10{left:575px}

#ui .i1{	background-position:-64px 0}
#ui .i2{	background-position:-128px 0}
#ui .i3{	background-position:-192px 0}
#ui .i4{	background-position:-256px 0}
#ui .i5{	background-position:-320px 0}
#ui .i6{	background-position:-384px 0}
#ui .i7{	background-position:-448px 0}
#ui .i8{	background-position:-512px 0}
#ui .i9{	background-position:-576px 0}
#ui .i10{	background-position:-640px 0}
#ui .i11{	background-position:-704px 0}
#ui .i12{	background-position:-768px 0}
#ui .i13{	background-position:-832px 0}
#ui .i14{	background-position:-896px 0}

#btnPlay,#btnNewGame,#btnMoreGames,#btnWalktrough{
	left:220px;	top:190px;
	width:200px;	height:46px;
}
#btnNewGame{	top:244px}
#btnMoreGames{	top:298px}
#btnWalktrough{	top:355px}
#btnLogo,#btnLogo2{
	left:221px;	top:412px;
	width:203px;	height:68px;
}
#btnLogo2{top:405px}
#btnGame1,#btnGame2,#btnGame3,#btnGame4{
	left:16px;		top:298px;
	width:146px;	height:112px;
}
#btnGame2,#btnGame4{left:470px}
#btnGame3,#btnGame4{top:298px}
#btnLeft{
	cursor:pointer;
	top:-77px;left:15px;
	-webkit-transform:scale(-1,1);
	transform:scale(-1,1);
	width:44px;	height:68px;
}

#btnRight{
	cursor:pointer;
	right:13px;	top:-77px;
	width:44px;	height:68px;
}

.s2 #btnLeft,.s5 #btnRight,.s6 #btnRight,.s7 #btnLeft,.s7 #btnRight,.s8 #btnLeft,.s8 #btnRight,.s9 #btnLeft,.s9 #btnRight{display:none}

#btnAgain,#btnMore{
	left:219px;	top:263px;
	width:220px;	height:58px;
}
#btnMore{top:330px}

#popup{
	background:rgba(0,0,0,0.75);
	left:0;		top:0;
	width:640px;	height:350px!important;
}
#btnDown{
	cursor:pointer;
	left:300px;	top:280px;
	width:44px;	height:68px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

#over{
	background:rgba(0,0,0,0);
	width:100%;
}
#over.On{display:block}
#start{
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	left:293px;	top:115px;
	width:50px;	height:38px;
}
.On #start{
	left:189px;	top:66px;
	width:281px;	height:197px;
}
#start2{
	cursor:pointer;
	-webkit-transition: all 0.25s linear 0.25s;
	transition: all 0.25s linear 0.25s;
	opacity:0;
	left:317px;	top:290px;
	width:29px;	height:7px;
}
.On #start2{
	opacity:1;
	left:220px;	top:262px;
	width:226px;	height:59px;
}

/* scene 2 */
#btnLeft2{
	cursor:pointer;
	top:272px;left:15px;
	width:44px;	height:68px;
	-webkit-transform:scale(-1,1);
	transform:scale(-1,1);
}

#rotor{
	left:18px;		top:-20px;
	width:77px;	height:77px;
	-webkit-transition:all 3s linear;
	transition:all 3s linear;
}
#rotor.f1{
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}
#rotor.f2{
	-webkit-transition:none;
	transition:none;
}

#bin{
	cursor:pointer;
	left:254px;	top:160px;
	width:79px;	height:46px;
}

#cow1{
	cursor:pointer;
	left:102px;	top:136px;
	width:61px;	height:42px;
}

#cow2{
	cursor:pointer;
	left:371px;	top:165px;
	width:66px;	height:39px;
}

#cow3{
	cursor:pointer;
	left:492px;	top:125px;
	width:59px;	height:40px;
}

#cow4{
	cursor:pointer;
	left:522px;	top:184px;
	width:90px;	height:62px;
}

#cows{
	display:none;
	left:200px;	top:144px;
	width:204px;	height:69px;
}

#horseshoe2{
	cursor:pointer;
	display:none;
	left:320px;	top:203px;
	width:20px;	height:16px;
}

#btn2a,#btn2b,#btn2c,#btn2d,#btn2e{
	left:14px;		top:245px;
	width:23px;	height:39px;
}
#btn2b{left:122px}
#btn2c{left:231px}
#btn2d{left:427px}
#btn2e{left:535px}

/* scene 3 */
#cloth{
	cursor:pointer;
	left:41px;		top:254px;
	width:90px;	height:23px;
}

#cloth2{
	cursor:pointer;
	left:487px;	top:247px;
	width:90px;	height:23px;
}

#msg3{
	left:186px;	top:38px;
	width:93px;	height:29px;
}

#girl{
	left:224px;	top:114px;
	width:31px;	height:35px;
}

#horseshoe3{
	cursor:pointer;
	display:none;
	left:293px;	top:138px;
	width:20px;	height:20px;
}

#bowls{
	cursor:pointer;
	left:258px;	top:84px;
	width:79px;	height:44px;
}

#box3{
	cursor:pointer;
	left:471px;	top:204px;
	width:58px;	height:35px;
}

#box3b{
	display:none;
	left:471px;	top:186px;
	width:60px;	height:53px;
}

#cheese3{
	cursor:pointer;
	display:none;
	left:488px;	top:199px;
	width:22px;	height:14px;
}

/* scene 4 */
#carrousel{
	left:281px;	top:56px;
	width:334px;	height:282px;
}

#candies{
	left:0;		top:126px;
	width:217px;	height:51px;
}

#lights4{
	background:url(img/lights4.png);
	left:-15px;  	top:134px;
	width:222px;	height:49px;
}
#lights4.f1{background-position:0 -50px}
#lights4.f2{background-position:0 -100px}

#wheel{
	background:url(img/wheel.png);
	left:110px;	top:-220px;
	width:400px;	height:400px;
}
#wheel.f1{background-position:-400px 0}
#wheel.f2{background-position:-800px 0}
#wheel.f3{background-position:-1200px 0}
#wheel.f4{background-position:0px -400px}
#wheel.f5{background-position:-400px -400px}
#wheel.f6{background-position:-800px -400px}
#wheel.f7{background-position:-12000px -400px}

#support4{
	left:201px;	top:0;
	width:219px;	height:173px;
}

#horseshoe4{
	cursor:pointer;
	display:none;
	left:299px;	top:146px;
	width:21px;	height:15px;
}

#btn4{
	left:589px;	top:116px;
	width:15px;	height:25px;
}

/* scene 5 */
#btnRight5{
	cursor:pointer;
	left:360px;	top:230px;
	width:34px;	height:55px;
}

#straw{
	cursor:pointer;
	left:43px;		top:114px;
	width:174px;	height:71px;
}

#door5{
	cursor:pointer;
	left:339px;	top:150px;
	width:128px;	height:140px;
}

#door5b{
	display:none;
	left:257px;	top:161px;
	width:109px;	height:107px;
}

#btn5{
	left:167px;	top:166px;
	width:27px;	height:14px;
}

/* scene 6 */
#bale{
	cursor:pointer;
	left:141px;	top:183px;
	width:99px;	height:55px;
}

#horse{
	left:500px;	top:143px;
	width:100px;	height:175px;
}

#gate{
	pointer-events:none;
	left:512px;	top:197px;
	width:93px;	height:120px;
}

#horseshoe6a,#horseshoe6b,#horseshoe6c{
	cursor:pointer;
	left:486px;	top:205px;
	width:13px;	height:15px;
}
#horseshoe6b{top:224px}
#horseshoe6c{left:485px;	top:242px}

/* scene 7 */
#btnUp7{
	cursor:pointer;
	left:302px;	top:190px;
	width:34px;	height:55px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

#btnRight7{
	cursor:pointer;
	right:13px;	top:272px;
	width:44px;	height:68px;
}

/* scene 8 */
#btnUp8{
	cursor:pointer;
	left:441px;	top:170px;
	width:44px;	height:68px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

#btnDown8,#btnDown9{
	cursor:pointer;
	left:300px;	top:280px;
	width:44px;	height:68px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

#btn8{
	left:3px;		top:114px;
	width:113px;	height:83px;
}

/* scene 9 */
#msg9{
	left:485px;	top:149px;
	width:113px;	height:21px;
}

#boy{
	left:539px;	top:230px;
	width:81px;	height:120px;
}

#cheese9{
	display:none;
	left:537px;	top:307px;
	width:29px;	height:13px;
}

#ball9{
	cursor:pointer;
	display:none;
	left:604px;	top:313px;
	width:13px;	height:14px;
}

#door9{
	cursor:pointer;
	left:165px;	top:96px;
	width:59px;	height:97px;
}

#door9b{
	display:none;
	left:218px;	top:100px;
	width:16px;	height:108px;
}

#pitch{
	cursor:pointer;
	display:none;
	left:176px;	top:126px;
	width:32px;	height:63px;
}

/* popups */
#p1Lock,#p2Lock,#p3Lock,#p4Lock,#p5Lock{
	left:275px;	top:30px;
	width:81px;	height:260px;
}

#p6Lock{
	left:145px;	top:109px;
	width:417px;	height:104px;
}

#S0,#S1,#S2,#S3,#S4{
	background:url(img/signs.png) no-repeat 0 0;
	left:154px;	top:127px;
	width:58px;	height:58px;
}
#S1{left:214px}
#S2{left:274px}
#S3{left:334px}
#S4{left:394px}

#ui .S1{background-position:-60px 0}
#ui .S2{background-position:-120px 0}
#ui .S3{background-position:-180px 0}
#ui .S4{background-position:-240px 0}
#ui .S5{background-position:-300px 0}

#p6Btn{
	left:457px;	top:131px;
	width:30px;	height:53px;
}

#p7Lock{
	left:194px;	top:2px;
	width:265px;	height:263px;
}

#p7Btn{
	left:427px;	top:112px;
	width:23px;	height:47px;
}

#u0,#u1,#u2,#u3,#u4,
#d0,#d1,#d2,#d3,#d4{
	left:205px;	top:87px;
	width:24px;	height:21px;
}
#u1,#d1{left:250px}
#u2,#d2{left:292px}
#u3,#d3{left:335px}
#u4,#d4{left:379px}
#d0,#d1,#d2,#d3,#d4{top:160px}

#l0,#l1,#l2,#l3,#l4,#l5{
	background:	url(img/letters24.png) no-repeat 0px 10px;
	cursor:default;
	left:201px;	top:112px;
	width:32px;	height:44px;
}
#l1{left:245px}
#l2{left:288px}
#l3{left:330px}
#l4{left:376px}

.l0,.l1,.l2,.l3,.l4,.l5,.l6,.l7,.l8,.l9,.l10,.l11,.l12,.l13,.l14,.l15,.l16,.l17,.l18,.l19,.l20,.l21,.l22,.l23,.l24,.l25{display:block!important}
#ui .l1{background-position:-30px 10px}
#ui .l2{background-position:-60px 10px}
#ui .l3{background-position:-90px 10px}
#ui .l4{background-position:-120px 10px}
#ui .l5{background-position:-150px 10px}
#ui .l6{background-position:-180px 10px}
#ui .l7{background-position:-210px 10px}
#ui .l8{background-position:-240px 10px}
#ui .l9{background-position:-270px 10px}
#ui .l10{background-position:-300px 10px}
#ui .l11{background-position:-330px 10px}
#ui .l12{background-position:-360px 10px}
#ui .l13{background-position:-390px 10px}
#ui .l14{background-position:-420px 10px}
#ui .l15{background-position:-450px 10px}
#ui .l16{background-position:-480px 10px}
#ui .l17{background-position:-510px 10px}
#ui .l18{background-position:-540px 10px}
#ui .l19{background-position:-570px 10px}
#ui .l20{background-position:-600px 10px}
#ui .l21{background-position:-630px 10px}
#ui .l22{background-position:-660px 10px}
#ui .l23{background-position:-690px 10px}
#ui .l24{background-position:-720px 10px}
#ui .l25{background-position:-750px 10px}

#p7Lock2{
	display:none;
	left:232px;	top:0;
	width:175px;	height:252px;
}

#p7Switch{
	cursor:pointer;
	display:none;
	left:293px;	top:84px;
	width:46px;	height:20px;
}

#p7Switch.On{
	display:block;
	pointer-events:none;
	top:145px;
}

#p8Lock{
	left:160px;	top:86px;
	width:366px;	height:152px;
}

#a0,#a1,#a2,#a3{
	background:	url(img/arrows.png) no-repeat 0 0;
	cursor:default;
	left:190px;	top:133px;
	width:57px;	height:58px;
}
#a1{left:247px}
#a2{left:304px}
#a3{left:361px}

#ui .a1{background-position:-60px 0}
#ui .a2{background-position:-120px 0}
#ui .a3{background-position:-180px 0}
#ui .a4{background-position:-240px 0}
#ui .a5{background-position:-300px 0}
#ui .a6{background-position:-360px 0}
#ui .a7{background-position:-420px 0}

#p8Btn{
	left:436px;	top:140px;
	width:26px;	height:46px;
}

#p8Lock2{
	display:none;
	left:168px;	top:0;
	width:308px;	height:262px;
}

#p8Key{
	cursor:pointer;
	display:none;
	left:292px;	top:117px;
	width:51px;	height:47px;
}

#p9a{
	cursor:pointer;
	left:152px;	top:40px;
	width:337px;	height:271px;
}

#p9b{
	display:none;
	left:153px;	top:17px;
	width:335px;	height:294px;
}

#p9b0,#p9b1,#p9b2,#p9b3{
	cursor:pointer;
	display:none;
	left:195px;	top:29px;
	width:251px;	height:88px;
}

#p9b3{pointer-events:none}

#p10Lock{
	left:264px;	top:16px;
	width:128px;	height:214px;
}

#b0,#b1,#b2,#b3,#b4,#b5,#b6,#b7,#b8,#b9,#bC,#bE{
	left:291px;	top:127px;
	width:22px;	height:22px;
}

#b2,#b5,#b8,#b0{left:318px}
#b3,#b6,#b9,#bE{left:346px}
#b4,#b5,#b6{top:152px}
#b7,#b8,#b9{top:178px}
#bC,#b0,#bE{top:203px}

#code{
	font-family:Calculator,Arial,sans-serif;
	font-size:20px;
	color:#00e000;
	letter-spacing:3px;
	overflow:hidden;
	left:292px;	top:92px;
	width:75px;	height:24px;
	text-align:right;
}
@font-face {
    font-family: 'Calculator'
    src: url('img/calculator.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}