@font-face {
 font-family: 'SassoonSans';
 src: url('../font/SassoonSans.eot'), url('../fonts/sassoonsans.ttf'), url('../fonts/sassoonsans.woff'), url('../fonts/sassoonsans.woff2');
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	overflow-x: hidden;
}
body *:not(textarea):not(input) {
 -moz-user-select: none;
 -ms-user-select: none;
 -o-user-select: none;
 cursor: default;
}
.transparentText {
	opacity:0;
	display: block;
	width: 100%;
	height: 100%;
}
.container {
}
.container {
	position: fixed;
	left: 0;
	top: 0;
}

.container a{
	/* color:#000;
	text-decoration:none; */
	cursor: pointer;
}
#mainGame .highlighter {
	outline: 3px solid #ffff00;
	padding: 1px;
}
#mainGame .obj.highlighter, #mainGame .obj .highlighter {
	outline: 1px solid #ffff00;
	padding: 0px;
}
.container #mainGame {
	position: relative;
	/* margin: 0px auto; */
    width: 816px;
	height: 611px;
	overflow: hidden;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#mainGame .screen {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
}
#mainGame .screen.active {
	display: block;
}
#mainGame .remove {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
}
#screen1 .lets_banana {
	background: url(../images/screen1/lets_banana.png) no-repeat;
	background-size: 100% auto;
	width: 500px;
	height: 58px;
	position: absolute;
	top: 297px;
	left: 154px;
}
#screen1 .rect {
	background: url(../images/screen1/rect.png) no-repeat;
	background-size: 100%;
	width: 710px;
	height: 410px;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 1px;
}
#screen1 .table {
	position: absolute;
	top: 370px;
	background: url(../images/screen1/table.png) no-repeat;
	background-size: 100% 100%;
	width: 340px;
	height: 156px;
	text-align: center;
	position: absolute;
	left: 65px;
	z-index: 1;
}
#screen1 .proceduralText {
	left: 305px;
	width: 223px;
	position: absolute;
	top: 81px;
	font-family: 'SassoonSans';
	color: #004F9D;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 2px;
}
#screen1 .banana {
	position: absolute;
	width: 112px;
	height: 115px;
	top: 156px;
	left: 377px;
	opacity:0;
	background: url('../images/screen1/banana.svg') no-repeat;
	-webkit-animation: bananaLogoAni 0.3s 0.5s linear forwards;
	-moz-animation: bananaLogoAni 0.3s 0.5s linear forwards;
	-ms-animation: bananaLogoAni 0.3s 0.5s linear forwards;
	-o-animation: bananaLogoAni 0.3s 0.5s linear forwards;
	animation: bananaLogoAni 0.3s 0.5s linear forwards;
}
@-webkit-keyframes bananaLogoAni {
0% {
-webkit-transform: scale(1) translateY(2px);
opacity:0;
}
30% {
opacity: 0.7;
}
61% {
-webkit-transform: scale(1.2) translateY(16px);
opacity:1;
}
100% {
-webkit-transform: scale(1.4) translateY(28px);
opacity:1;
}
}
@-moz-keyframes bananaLogoAni {
0% {
-moz-transform: scale(1) translateY(2px);
opacity:0;
}
30% {
opacity: 0.7;
}
61% {
-moz-transform: scale(1.2) translateY(16px);
opacity:1;
}
100% {
-moz-transform: scale(1.4) translateY(28px);
opacity:1;
}
}
@-ms-keyframes bananaLogoAni {
0% {
-ms-transform: scale(1) translateY(2px);
opacity:0;
}
30% {
opacity: 0.7;
}
61% {
-ms-transform: scale(1.2) translateY(16px);
opacity:1;
}
100% {
-ms-transform: scale(1.4) translateY(28px);
opacity:1;
}
}
@-o-keyframes bananaLogoAni {
0% {
-o-transform: scale(1) translateY(2px);
opacity:0;
}
30% {
opacity: 0.7;
}
61% {
-o-transform: scale(1.2) translateY(16px);
opacity:1;
}
100% {
-o-transform: scale(1.4) translateY(28px);
opacity:1;
}
}
@keyframes bananaLogoAni {
0% {
transform: scale(1) translateY(2px);
opacity:0;
}
30% {
opacity: 0.7;
}
61% {
transform: scale(1.2) translateY(16px);
opacity:1;
}
100% {
transform: scale(1.4) translateY(28px);
opacity:1;
}
}
#screen1 .banaSplitText {
	position: absolute;
	right: 0;
	left: 332px;
	margin: auto;
	top: 371px;
	width: 120px;
	height: 105px;
	background-size: 100% 100%;
}
#screen1 .acknowledgement {
	position: absolute;
	left: 44px;
	top: 569px;
	width: 100px;
	color: #000099;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}
#screen1 .acknowledgement:not(.disabled):hover, #screen1 .acknowledgement:not(.disabled).highlighter {
 cursor:pointer;
 color: #0470C8;
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -ms-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
}
#screen1 .acknowledgement:not(.disabled):active {
 color:#010101;
}
#screen1 .acknowledgement span {
	border-bottom: 1px solid;
	cursor: pointer;
}
#screen1 .acknowledgement.color {
	color: #999999;
}
#mainGame #screenpop_ack {
	background: url(../images/pop/acknowledge_pop.png) no-repeat;
	background-size: 100%;
	width: 517px;
	height: 298px;
	position: absolute;
	left: 180px;
	top: 159px;
	z-index: 2;
}
#screenpop_ack .closeAck {
	background: url(../images/pop/close0001.png) no-repeat;
	background-size: 100%;
	width: 37px;
	height: 33px;
	position: relative;
	left: 476px;
	top: 9px;
}
#screenpop_ack .closeAck:hover, #screenpop_ack .closeAck.highlighter {
	cursor:pointer;
	background: url(../images/pop/close0002.png) no-repeat;
	background-size: 100%;
}
#screenpop_ack .closeAck:active {
	background: url(../images/pop/close0002.png) no-repeat;
	background-size: 100%;
}
#screenpop_ack .poptext span {
	position: absolute;
	left: 185px;
	top: 3px;
	width: 100px;
	color: #000000;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	z-index: 3;
}
#screenpop_ack .poptext1 span {
	position: absolute;
	left: 21px;
	top: 43px;
	width: 465px;
	height: 100px;
	color: #000000;
	font-size: 11px;
	z-index: 3;
}
#screen1 .start1 {
	position: absolute;
	left: 590px;
	top: 521px;
	width: 152px;
	height: 62px;
	background-image: url("../images/screen1/start1.png");
	background-size: 100% 100%;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	cursor: pointer;
}
#screen1 .start1:not(.disabled):hover, #screen1 .start1:not(.disabled).highlighter {
 cursor:pointer;
 background-image: url("../images/screen1/start2.png");
 background-size: 100% 100%;
}
#screen1 .start1:not(.disabled):active {
 background-image: url("../images/screen1/start1.png");
 background-size: 100% 100%;
}
#screen1 .start1 .transparentText {
	cursor: pointer;
}
/* screen2 - design */
#mainGame .frame {
	background: url(../images/screen2/frame.png) no-repeat;
	background-size: 100%;
	width: 816px;
	height: 611px;
	position: absolute;
	left: 0px;
	z-index: 5;
	top: 0px;
}
#mainGame .mainBg {
	background: url(../images/screen2/main-bg.png) no-repeat;
	background-size: 100%;
	width: 793px;
	height: 590px;
	text-align: center;
	position: relative;
	left: 12px;
	top: 10px;
	z-index: 0;
}
#mainGame .logo_cont {
	background: url(../images/screen2/logo.png) no-repeat;
	background-size: 100%;
	width: 256px;
	height: 55px;
	text-align: center;
	position: absolute;
	left: 8px;
	top: 8px;
	display: none;
	z-index: 14;
}
#mainGame .logo_cont .logo_text {
	top: 11px;
	background: url(../images/screen2/logo1.png) no-repeat;
	background-size: 100%;
	width: 237px;
	height: 28px;
	position: absolute;
	left: 7px;
	z-index: 3;
}
#mainGame .navigation {
	position: absolute;
	left: 210px;
	bottom: -4px;
	background: url(../images/screen2/navigation-bar.png) no-repeat;
	background-size: 100% auto;
	width: 407px;
	height: 68px;
	z-index: 12;
}
#mainGame .navigation .arrowMarker {
	position: absolute;
	height: 41px;
	width: 37px;
	left: 39px;
	top: -44px;
	background: url(../images/screen2/arrowmarker.png) no-repeat;
 -webkit-animation: arrowMarker .4s linear infinite;
 -moz-animation: arrowMarker .4s linear infinite;
 -ms-animation: arrowMarker .4s linear infinite;
 -o-animation: arrowMarker .4s linear infinite;
 animation: arrowMarker .4s linear infinite;
	z-index: 3;
	display: block;
}
#mainGame .navigation .arrowMarker.paper_left {
	left: 39px;
}
#mainGame .navigation .arrowMarker.pencil_left {
	left: 125px;
}
#mainGame .navigation .arrowMarker.camera_left {
	left: 220px;
}
#mainGame .navigation .arrowMarker.group_left {
	left: 316px;
}
@-webkit-keyframes arrowMarker {
0% {
top: -44px;
}
50% {
top: -57px;
}
100% {
top: -44px;
}
}
@-moz-keyframes arrowMarker {
0% {
top: -44px;
}
50% {
top: -57px;
}
100% {
top: -44px;
}
}
@-ms-keyframes arrowMarker {
0% {
top: -44px;
}
50% {
top: -57px;
}
100% {
top: -44px;
}
}
@-o-keyframes arrowMarker {
0% {
top: -44px;
}
50% {
top: -57px;
}
100% {
top: -44px;
}
}
@keyframes arrowMarker {
0% {
top: -44px;
}
50% {
top: -57px;
}
100% {
top: -44px;
}
}
#mainGame .navigation .arrowMarker.disabled {
	display: none;
}
#mainGame .navigation.ani {
	-webkit-animation: navigationAni 0.4s steps(16) 1;
	-o-animation: navigationAni 0.4s steps(16) 1;
	-ms-animation: navigationAni 0.4s steps(16) 1;
	-moz-animation: navigationAni 0.4s steps(16) 1;
	animation: navigationAni 0.4s steps(16) 1;
}
@-webkit-keyframes navigationAni {
from {
bottom: -43px;
}
to {
	bottom: -4px;
}
}
@-moz-keyframes navigationAni {
from {
bottom: -43px;
}
to {
	bottom: -4px;
}
}
@-ms-keyframes navigationAni {
from {
bottom: -43px;
}
to {
	bottom: -4px;
}
}
@-o-keyframes navigationAni {
from {
bottom: -43px;
}
to {
	bottom: -4px;
}
}
@keyframes navigationAni {
from {
bottom: -43px;
}
to {
	bottom: -4px;
}
}
#mainGame .navigation .disOppa {
	opacity: 0.52;
	pointer-events: none;
}
#mainGame .navigation .nav_btn.done {
	pointer-events: none;
}
#mainGame .navigation .paper {
	position: absolute;
	left: 37px;
	top: 12px;
	width: 32px;
	height: 35px;
	background: url(../images/screen2/nav/paper.svg) no-repeat;
	background-size: 100% auto;
	z-index: 15;
	cursor: pointer;
}
#mainGame .navigation .paper.green {
	background: url(../images/screen2/nav/paper_green.svg) no-repeat;
	background-size: 100% auto;
}
#mainGame .navigation .paper.disabled {
	background: url(../images/screen2/nav/paper-disable.svg) no-repeat;
	background-size: 100% auto;
	cursor: default;
}
#mainGame .navigation .paper:hover:not(.disabled):not(.noAni) {
 background: url(../images/screen2/nav/paper_sprite.png) no-repeat;
 width: 329px;
 height: 268px;
 top: -10px;
 left: 9px;
 -webkit-transform: scale(0.26);
 -moz-transform: scale(0.26);
 -ms-transform: scale(0.26);
 -o-transform: scale(0.26);
 transform: scale(0.26);
 transform-origin: top left;
 -webkit-animation: paper 0.5s steps(16) 1;
 -moz-animation: paper 0.5s steps(16) 1;
 -ms-animation: paper 0.5s steps(16) 1;
 -o-animation: paper 0.5s steps(16) 1;
 animation: paper 0.5s steps(16) 1;
}
@-webkit-keyframes paper {
from {
background-position: 0 0;
}
to {
	background-position: -5264px 0;
}
}
@-moz-keyframes paper {
from {
background-position: 0 0;
}
to {
	background-position: -5264px 0;
}
}
@-ms-keyframes paper {
from {
background-position: 0 0;
}
to {
	background-position: -5264px 0;
}
}
@-o-keyframes paper {
from {
background-position: 0 0;
}
to {
	background-position: -5264px 0;
}
}
@keyframes paper {
from {
background-position: 0 0;
}
to {
	background-position: -5264px 0;
}
}
#mainGame .navigation .paper.active, #mainGame .navigation .paper.highlighter {
	transform: scale(.26);
	transform-origin: top left;
	background: url(../images/screen2/nav/paper_sprite.png) no-repeat;
	width: 181px;
	height: 205px;
	top: 4px;
	left: 35px;
	background-position: -5361px -53px;
}
#mainGame .navigation .nav_btn.noAni {
	cursor: default;
}
#mainGame .navigation .nav_btn.highlighter {
	outline: 16px solid #ffff00;
}
#mainGame .navigation .pencil {
	position: absolute;
	left: 105px;
	top: 8px;
	width: 68px;
	height: 36px;
	background: url(../images/screen2/nav/pencil.svg) no-repeat;
	background-size: 100% auto;
	cursor: pointer;
}
#mainGame .navigation .pencil.green {
	background: url(../images/screen2/nav/pencil_green.svg) no-repeat;
	background-size: 100% auto;
}
#mainGame .navigation .pencil.disabled {
	background: url(../images/screen2/nav/pencil-disable.svg) no-repeat;
	background-size: 100% auto;
	cursor: default;
}
#mainGame .navigation .pencil:hover:not(.disabled):not(.noAni) {
 position: absolute;
 left: 104px;
 top: -36px;
 width: 290px;
 height: 360px;
 background: url(../images/screen2/nav/pencil_sprite.png) no-repeat;
 transform-origin: top left;
 transform: scale(0.24);
 -webkit-animation: pencil .5s steps(13) 1;
 -moz-animation: pencil .5s steps(13) 1;
 -ms-animation: pencil .5s steps(13) 1;
 -o-animation: pencil .5s steps(13) 1;
 animation: pencil .5s steps(13) 1;
}
@-webkit-keyframes pencil {
from {
background-position: 0 0;
}
to {
	background-position: -4147px 0;
}
}
@-moz-keyframes pencil {
from {
background-position: 0 0;
}
to {
	background-position: -4147px 0;
}
}
@-ms-keyframes pencil {
from {
background-position: 0 0;
}
to {
	background-position: -4147px 0;
}
}
@-o-keyframes pencil {
from {
background-position: 0 0;
}
to {
	background-position: -4147px 0;
}
}
@keyframes pencil {
from {
background-position: 0 0;
}
to {
	background-position: -4147px 0;
}
}
#mainGame .navigation .pencil.active, #mainGame .navigation .pencil.highlighter {
	transform-origin: top left;
	transform: scale(0.24);
	background: url(../images/screen2/nav/pencil_sprite.png) no-repeat;
	left: 105px;
	top: 4px;
	width: 278px;
	height: 180px;
	background-position: -4156px -168px;
}
#mainGame .navigation .camera {
	position: absolute;
	left: 214px;
	top: 8px;
	width: 66px;
	height: 39px;
	background: url(../images/screen2/nav/camera.svg) no-repeat;
	background-size: 100% auto;
	cursor: pointer;
}
#mainGame .navigation .camera.green {
	background: url(../images/screen2/nav/camera_green.svg) no-repeat;
	background-size: 100% auto;
}
#mainGame .navigation .camera.disabled {
	background: url(../images/screen2/nav/camera-disable.svg) no-repeat;
	background-size: 100% auto;
	cursor: default;
}
#mainGame .navigation .camera:hover:not(.disabled):not(.noAni) {
 position: absolute;
 width: 427px;
 height: 285px;
 top: -4px;
 left: 208px;
 background: url(../images/screen2/nav/camera_sprite.png) no-repeat;
 -webkit-transform: scale(0.20);
 -moz-transform: scale(0.20);
 -ms-transform: scale(0.20);
 -o-transform: scale(0.20);
 transform: scale(0.20);
 transform-origin: top left;
 -webkit-animation: camera .5s steps(13) 1;
 -moz-animation: camera .5s steps(13) 1;
 -ms-animation: camera .5s steps(13) 1;
 -o-animation: camera .5s steps(13) 1;
 animation: camera .5s steps(13) 1;
}
@-webkit-keyframes camera {
from {
background-position: 0 0;
}
to {
	background-position: -5395px 0;
}
}
@-moz-keyframes camera {
from {
background-position: 0 0;
}
to {
	background-position: -5395px 0;
}
}
@-ms-keyframes camera {
from {
background-position: 0 0;
}
to {
	background-position: -5395px 0;
}
}
@-o-keyframes camera {
from {
background-position: 0 0;
}
to {
	background-position: -5395px 0;
}
}
@keyframes camera {
from {
background-position: 0 0;
}
to {
	background-position: -5395px 0;
}
}
#mainGame .navigation .camera.active, #mainGame .navigation .camera.highlighter {
	background: url(../images/screen2/nav/camera_sprite.png) no-repeat;
	transform-origin: top left;
	transform: scale(0.20);
	width: 405px;
	height: 257px;
	top: 3px;
	left: 205px;
	background-position: -4968px -35px;
}
#mainGame .navigation .group {
	position: absolute;
	background: url(../images/screen2/nav/group_paper.svg) no-repeat;
	background-size: 100% auto;
	top: 8px;
	left: 313px;
	width: 57px;
	height: 35px;
	cursor: pointer;
}
#mainGame .navigation .group.green {
	background: url(../images/screen2/nav/group_green.svg) no-repeat;
	background-size: 100% auto;
}
#mainGame .navigation .group.disabled {
	background: url(../images/screen2/nav/group-disable.svg) no-repeat;
	background-size: 100% auto;
	cursor: default;
}
#mainGame .navigation .group:hover:not(.disabled):not(.noAni) {
 position: absolute;
 top: -7px;
 left: 309px;
 width: 275px;
 height: 227px;
 -webkit-transform: scale(0.23);
 -moz-transform: scale(0.23);
 -ms-transform: scale(0.23);
 -o-transform: scale(0.23);
 transform: scale(0.23);
 transform-origin: top left;
 background: url('../images/screen2/nav/group_paper_sprite.png') no-repeat;
 -webkit-animation: group 0.5s steps(22) 1;
 -moz-animation: group 0.5s steps(22) 1;
 -ms-animation: group 0.5s steps(22) 1;
 -o-animation: group 0.5s steps(22) 1;
 animation: group 0.5s steps(22) 1;
}
@-webkit-keyframes group {
from {
background-position: 0 0;
}
to {
	background-position: -6050px 0;
}
}
@-moz-keyframes group {
from {
background-position: 0 0;
}
to {
	background-position: -6050px 0;
}
}
@-ms-keyframes group {
from {
background-position: 0 0;
}
to {
	background-position: -6050px 0;
}
}
@-o-keyframes group {
from {
background-position: 0 0;
}
to {
	background-position: -6050px 0;
}
}
@keyframes group {
from {
background-position: 0 0;
}
to {
	background-position: -6050px 0;
}
}
#mainGame .navigation .group.active, #mainGame .navigation .group.highlighter {
	background: url(../images/screen2/nav/group_paper_sprite.png) no-repeat;
	transform-origin: top left;
	transform: scale(0.23);
	top: 6px;
	left: 309px;
	width: 275px;
	height: 174px;
	background-position: -5775px -57px;
}
/* Volume button for all the pages */
.volumeContainer {
	position: absolute;
	top: 551px;
	left: 34px;
	height: 60px;
	width: 81px;
	border-radius: 95px 90px 10px 10px;
	-moz-border-radius: 95px 90px 10px 10px;
	-webkit-border-radius: 95px 90px 10px 10px;
	-o-border-radius: 95px 90px 10px 10px;
	background: #E5740C;
	z-index: 15;
}
.volumeContainer.show {
	top: 551px;
	z-index: 15;
}
.volumeContainer.hide {
	top: 601px;
}
.volumeContainer.ani {
	-webkit-animation: volumeContainer 0.3s linear forwards;
	-moz-animation: volumeContainer 0.3s linear forwards;
	-ms-animation: volumeContainer 0.3s linear forwards;
	-o-animation: volumeContainer 0.3s linear forwards;
	animation: volumeContainer 0.3s linear forwards;
}
@-webkit-keyframes volumeContainer {
from {
top: 601px;
}
to {
	top: 551px;
	z-index: 15;
}
}
@-moz-keyframes volumeContainer {
from {
top: 601px;
}
to {
	top: 551px;
	z-index: 15;
}
}
@-ms-keyframes volumeContainer {
from {
top: 601px;
}
to {
	top: 551px;
	z-index: 15;
}
}
@-o-keyframes volumeContainer {
from {
top: 601px;
}
to {
	top: 551px;
	z-index: 15;
}
}
@keyframes volumeContainer {
from {
top: 601px;
}
to {
	top: 551px;
	z-index: 15;
}
}
.volumeContainer .volume {
	position: absolute;
	width: 78px;
	height: 66px;
	top: -3px;
	left: 3px;
	background: url(../images/screen2/audio.png) no-repeat;
	background-position: 100% 100%;
	-webkit-transform: scale(0.55);
	-moz-transform: scale(0.55);
	-ms-transform: scale(0.55);
	-o-transform: scale(0.55);
	transform: scale(0.55);
	cursor: pointer;
}
.volumeContainer .volume:hover:not(.mouseup) {
 width: 307px;
 height: 289px;
 top: -130px;
 left: -116px;
 -webkit-transform: scale(0.23);
 -moz-transform: scale(0.23);
 -ms-transform: scale(0.23);
 -o-transform: scale(0.23);
 transform: scale(0.23);
 background: url(../images/screen2/audio-hover.png) no-repeat;
 -webkit-animation: volume 1s steps(19) 1;
 -moz-animation: volume 1s steps(19) 1;
 -ms-animation: volume 1s steps(19) 1;
 -o-animation: volume 1s steps(19) 1;
 animation: volume 1s steps(19) 1;
}
@-webkit-keyframes volume {
from {
background-position: 0 0;
}
to {
	background-position: -5510px 0;
}
}
@-moz-keyframes volume {
from {
background-position: 0 0;
}
to {
	background-position: -5510px 0;
}
}
@-ms-keyframes volume {
from {
background-position: 0 0;
}
to {
	background-position: -5510px 0;
}
}
@-o-keyframes volume {
from {
background-position: 0 0;
}
to {
	background-position: -5510px 0;
}
}
@keyframes volume {
from {
background-position: 0 0;
}
to {
	background-position: -5510px 0;
}
}
#mainGame .volumeContainer .volume.highlighter {
	outline: 16px solid #ffff00;
}
.volumeContainer .volume.highlighter {
	width: 227px;
	height: 178px;
	top: -63px;
	left: -75px;
	-webkit-transform: scale(0.23);
	-moz-transform: scale(0.23);
	-ms-transform: scale(0.23);
	-o-transform: scale(0.23);
	transform: scale(0.23);
	background: url(../images/screen2/audio-hover.png) no-repeat;
	background-position: -45px -107px;
}
.volumeContainer .volume.mouseup {
	position: absolute;
	width: 93px;
	height: 78px;
	top: -9px;
	left: -5px;
	background: url(../images/screen2/audio-mouseup.png) no-repeat;
	background-size: 100% auto;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	z-index: 4;
	cursor: default;
}
.playContainer {
	position: absolute;
	top: 528px;
	right: 27px;
	width: 134px;
	height: 78px;
	border-radius: 90px 90px 10px 10px;
	background: #E5740C;
	z-index: 15;
}
.playContainer.show {
	top: 528px;
	z-index: 15;
}
.playContainer.hide {
	top: 601px;
}
.playContainer.ani {
	-webkit-animation: playContainer 0.3s linear forwards;
	-moz-animation: playContainer 0.3s linear forwards;
	-ms-animation: playContainer 0.3s linear forwards;
	-o-animation: playContainer 0.3s linear forwards;
	animation: playContainer 0.3s linear forwards;
}
@-webkit-keyframes playContainer {
from {
top: 601px;
}
to {
	top: 528px;
	z-index: 15;
}
}
@-moz-keyframes playContainer {
from {
top: 601px;
}
to {
	top: 528px;
	z-index: 15;
}
}
@-ms-keyframes playContainer {
from {
top: 601px;
}
to {
	top: 528px;
	z-index: 15;
}
}
@-o-keyframes playContainer {
from {
top: 601px;
}
to {
	top: 528px;
	z-index: 15;
}
}
@keyframes playContainer {
from {
top: 601px;
}
to {
	top: 528px;
	z-index: 15;
}
}
.playContainer .play {
	position: absolute;
	width: 106px;
	height: 33px;
	top: 27px;
	left: 17px;
	background: url(../images/screen2/nextbtn.png) no-repeat;
	background-size: 100% auto;
	cursor: pointer;
}
.playContainer.disabled {
	cursor: default;
}
.playContainer.disabled .play {
	background: url(../images/screen2/nextbtn-disable.png) no-repeat;
	background-size: 100% auto;
	cursor: default;
	opacity: 0.8;
}
.playContainer:not(.disabled) .play:hover {
 width: 331px;
 height: 146px;
 top: -30px;
 left: -97px;
 -webkit-transform: scale(0.32);
 -moz-transform: scale(0.32);
 -ms-transform: scale(0.32);
 -o-transform: scale(0.32);
 transform: scale(0.32);
 background: url(../images/screen2/nextbtn-hover.png) no-repeat;
 -webkit-animation: playBtn 1s steps(11) 1;
 -moz-animation: playBtn 1s steps(11) 1;
 -ms-animation: playBtn 1s steps(11) 1;
 -o-animation: playBtn 1s steps(11) 1;
 animation: playBtn 1s steps(11) 1;
}
.playContainer:not(.disabled) .play.highlighter {
 outline: 7px solid #ffff00;
 padding: 0;
}
.playContainer:not(.disabled) .play.highlighter {
 width: 331px;
 height: 146px;
 top: -30px;
 left: -97px;
 -webkit-transform: scale(0.32);
 -moz-transform: scale(0.32);
 -ms-transform: scale(0.32);
 -o-transform: scale(0.32);
 transform: scale(0.32);
 background: url(../images/screen2/nextbtn-hover.png) no-repeat;
 background-position: -3641px 0;
}
@-webkit-keyframes playBtn {
from {
background-position: 0 0;
}
to {
	background-position: -3641px 0;
}
}
@-moz-keyframes playBtn {
from {
background-position: 0 0;
}
to {
	background-position: -3641px 0;
}
}
@-ms-keyframes playBtn {
from {
background-position: 0 0;
}
to {
	background-position: -3641px 0;
}
}
@-o-keyframes playBtn {
from {
background-position: 0 0;
}
to {
	background-position: -3641px 0;
}
}
@keyframes playBtn {
from {
background-position: 0 0;
}
to {
	background-position: -3641px 0;
}
}
/* .tableContainer {
	position: absolute;
	top: 271px;
	left: -95px;
	width: 1029px;
	height: 443px;
	background: url("../images/screen2/table.png") no-repeat;
	background-size: 100% auto;
	-webkit-transform: scale(0.52);
	-moz-transform: scale(0.52);
	-ms-transform: scale(0.52);
	-o-transform: scale(0.52);
	transform: scale(0.52);
	z-index: 2;
} */

/* character animation */
#people {
	width: 679px;
	height: 309px;
	position:absolute;
	top: 269px;
	left: 69px;
	z-index:1;
}
#people .mili {
	background: url("../images/screen2/mili.png") no-repeat top left;
	width: 143px;
	height: 260px;
	position:absolute;
	top: 45px;
	left: -9px;
	-webkit-transform: scaleX(-1) scale(0.95);
	-moz-transform: scaleX(-1) scale(0.95);
	-ms-transform: scaleX(-1) scale(0.95);
	-o-transform: scaleX(-1) scale(0.95);
	transform: scaleX(-1) scale(0.95);
}
#people.allPlay .mili, #people .mili.ani {
	-webkit-animation:mili 2s steps(41) 2;
	-moz-animation:mili 2s steps(41) 2;
	-ms-animation:mili 2s steps(41) 2;
	-o-animation:mili 2s steps(41) 2;
	animation:mili 2s steps(41) 2;
}
@-webkit-keyframes mili {
from {
background-position:0 0;
}
to {
	background-position:-5863px 0px;
}
}
@-moz-keyframes mili {
from {
background-position:0 0;
}
to {
	background-position:-5863px 0px;
}
}
@-ms-keyframes mili {
from {
background-position:0 0;
}
to {
	background-position:-5863px 0px;
}
}
@-o-keyframes mili {
from {
background-position:0 0;
}
to {
	background-position:-5863px 0px;
}
}
@keyframes mili {
from {
background-position:0 0;
}
to {
	background-position:-5863px 0px;
}
}
#people .mike {
	background: url("../images/screen2/mike.png") no-repeat top left;
	width: 214px;
	height: 273px;
	position:absolute;
	top: 18px;
	left: 6px;
	z-index: -1;
	transform: scale(0.9);
}
#people.allPlay .mike, #people .mike.ani {
	-webkit-animation: mike 2s steps(41) 2;
	-moz-animation: mike 2s steps(41) 2;
	-ms-animation: mike 2s steps(41) 2;
	-o-animation: mike 2s steps(41) 2;
	animation: mike 2s steps(41) 2;
}
@-webkit-keyframes mike {
from {
background-position:0 0;
}
to {
	background-position:-8774px 0px;
}
}
@-moz-keyframes mike {
from {
background-position:0 0;
}
to {
	background-position:-8774px 0px;
}
}
@-ms-keyframes mike {
from {
background-position:0 0;
}
to {
	background-position:-8774px 0px;
}
}
@-o-keyframes mike {
from {
background-position:0 0;
}
to {
	background-position:-8774px 0px;
}
}
@keyframes mike {
from {
background-position:0 0;
}
to {
	background-position:-8774px 0px;
}
}
#people .akot {
	background: url("../images/screen2/akot.png") no-repeat top left;
	width: 178px;
	height: 260px;
	position:absolute;
	top: 0px;
	left: 224px;
	transform: scale(0.95);
}
#people.allPlay .akot, #people .akot.ani {
	-webkit-animation: akot 2s steps(43) 2;
	-moz-animation: akot 2s steps(43) 2;
	-ms-animation: akot 2s steps(43) 2;
	-o-animation: akot 2s steps(43) 2;
	animation: akot 2s steps(43) 2;
}
@-webkit-keyframes akot {
from {
background-position:0 0;
}
to {
	background-position:-7654px 0px;
}
}
@-moz-keyframes akot {
from {
background-position:0 0;
}
to {
	background-position:-7654px 0px;
}
}
@-ms-keyframes akot {
from {
background-position:0 0;
}
to {
	background-position:-7654px 0px;
}
}
@-o-keyframes akot {
from {
background-position:0 0;
}
to {
	background-position:-7654px 0px;
}
}
@keyframes akot {
from {
background-position:0 0;
}
to {
	background-position:-7654px 0px;
}
}
#people .angela {
	background: url("../images/screen2/angela.png") no-repeat top left;
	width: 186px;
	height: 258px;
	position:absolute;
	top: 3px;
	left: 324px;
	transform: scaleX(-1) scale(0.95);
}
#people.allPlay .angela, #people .angela.ani {
	-webkit-animation: angela 2s steps(42) 2;
	-moz-animation: angela 2s steps(42) 2;
	-ms-animation: angela 2s steps(42) 2;
	-o-animation: angela 2s steps(42) 2;
	animation: angela 2s steps(42) 2;
}
@-webkit-keyframes angela {
from {
background-position:0 0;
}
to {
	background-position:-7812px 0px;
}
}
@-moz-keyframes angela {
from {
background-position:0 0;
}
to {
	background-position:-7812px 0px;
}
}
@-ms-keyframes angela {
from {
background-position:0 0;
}
to {
	background-position:-7812px 0px;
}
}
@-o-keyframes angela {
from {
background-position:0 0;
}
to {
	background-position:-7812px 0px;
}
}
@keyframes angela {
from {
background-position:0 0;
}
to {
	background-position:-7812px 0px;
}
}
#people .vikrant {
	background: url("../images/screen2/vikrant.png") no-repeat top left;
	width: 188px;
	height: 292px;
	position:absolute;
	top: -2px;
	left: 424px;
	transform: scale(0.92);
}
#people.allPlay .vikrant, #people .vikrant.ani {
	-webkit-animation: vikrant 2s steps(40) 2;
	-moz-animation: vikrant 2s steps(40) 2;
	-ms-animation: vikrant 2s steps(40) 2;
	-o-animation: vikrant 2s steps(40) 2;
	animation: vikrant 2s steps(40) 2;
}
@-webkit-keyframes vikrant {
from {
background-position:0 0;
}
to {
	background-position:-7520px 0px;
}
}
@-moz-keyframes vikrant {
from {
background-position:0 0;
}
to {
	background-position:-7520px 0px;
}
}
@-ms-keyframes vikrant {
from {
background-position:0 0;
}
to {
	background-position:-7520px 0px;
}
}
@-o-keyframes vikrant {
from {
background-position:0 0;
}
to {
	background-position:-7520px 0px;
}
}
@keyframes vikrant {
from {
background-position:0 0;
}
to {
	background-position:-7520px 0px;
}
}
#people .lily {
	background: url("../images/screen2/lily.png") no-repeat top left;
	width: 148px;
	height: 259px;
	position:absolute;
	top: 49px;
	left: 510px;
	transform: scale(0.92);
}
#people.allPlay .lily, #people .lily.ani {
	-webkit-animation: lily 2s steps(45) 2;
	-moz-animation: lily 2s steps(45) 2;
	-ms-animation: lily 2s steps(45) 2;
	-o-animation: lily 2s steps(45) 2;
	animation: lily 2s steps(45) 2;
}
@-webkit-keyframes lily {
from {
background-position:0 0;
}
to {
	background-position:-6660px 0px;
}
}
@-moz-keyframes lily {
from {
background-position:0 0;
}
to {
	background-position:-6660px 0px;
}
}
@-ms-keyframes lily {
from {
background-position:0 0;
}
to {
	background-position:-6660px 0px;
}
}
@-o-keyframes lily {
from {
background-position:0 0;
}
to {
	background-position:-6660px 0px;
}
}
@keyframes lily {
from {
background-position:0 0;
}
to {
	background-position:-6660px 0px;
}
}
#people .eye1, .people .eye1 {
	background: url(../images/screen2/eye_1.png) no-repeat top left;
	width: 41px;
	height: 23px;
	position: absolute;
	top: 41px;
	left: 75px;
	-webkit-animation: eye1 5s 2s steps(62) infinite;
	-moz-animation: eye1 5s 2s steps(62) infinite;
	-ms-animation: eye1 5s 2s steps(62) infinite;
	-o-animation: eye1 5s 2s steps(62) infinite;
	animation: eye1 5s 2s steps(62) infinite;
}
@-webkit-keyframes eye1 {
from {
background-position:0 0;
}
to {
	background-position:-2542px 0px;
}
}
@-moz-keyframes eye1 {
from {
background-position:0 0;
}
to {
	background-position:-2542px 0px;
}
}
@-ms-keyframes eye1 {
from {
background-position:0 0;
}
to {
	background-position:-2542px 0px;
}
}
@-o-keyframes eye1 {
from {
background-position:0 0;
}
to {
	background-position:-2542px 0px;
}
}
@keyframes eye1 {
from {
background-position:0 0;
}
to {
	background-position:-2542px 0px;
}
}
#people .eye2, .people .eye2 {
	background: url("../images/screen2/eye_2.png") no-repeat top left;
	width: 43px;
	height: 19px;
	position:absolute;
	top: 49px;
	left: 85px;
	-webkit-animation: eye2 2s 5s steps(51) infinite;
	-moz-animation: eye2 2s 5s steps(51) infinite;
	-ms-animation: eye2 2s 5s steps(51) infinite;
	-o-animation: eye2 2s 5s steps(51) infinite;
	animation: eye2 2s 5s steps(51) infinite;
}
@-webkit-keyframes eye2 {
from {
background-position:0 0;
}
to {
	background-position:-2193px 0px;
}
}
@-moz-keyframes eye2 {
from {
background-position:0 0;
}
to {
	background-position:-2193px 0px;
}
}
@-ms-keyframes eye2 {
from {
background-position:0 0;
}
to {
	background-position:-2193px 0px;
}
}
@-o-keyframes eye2 {
from {
background-position:0 0;
}
to {
	background-position:-2193px 0px;
}
}
@keyframes eye2 {
from {
background-position:0 0;
}
to {
	background-position:-2193px 0px;
}
}
#people .glasses, .people .glasses {
	background: url("../images/screen2/glasses.png") no-repeat top left;
	width:63px;
	height:19px;
	position:absolute;
	top: 51px;
	left: 74px;
}
#people .eye3, .people .eye3 {
	background: url("../images/screen2/eye_3.png") no-repeat top left;
	width: 39px;
	height: 15px;
	position:absolute;
	top: 48px;
	left: 70px;
	-webkit-animation: eye3 2s 3s steps(50) infinite;
	-moz-animation: eye3 2s 3s steps(50) infinite;
	-ms-animation: eye3 2s 3s steps(50) infinite;
	-o-animation: eye3 2s 3s steps(50) infinite;
	animation: eye3 2s 3s steps(50) infinite;
}
@-webkit-keyframes eye3 {
from {
background-position:0 0;
}
to {
	background-position:-1950px 0px;
}
}
@-moz-keyframes eye3 {
from {
background-position:0 0;
}
to {
	background-position:-1950px 0px;
}
}
@-ms-keyframes eye3 {
from {
background-position:0 0;
}
to {
	background-position:-1950px 0px;
}
}
@-o-keyframes eye3 {
from {
background-position:0 0;
}
to {
	background-position:-1950px 0px;
}
}
@keyframes eye3 {
from {
background-position:0 0;
}
to {
	background-position:-1950px 0px;
}
}
#people .eye4, .people .eye4 {
	background: url("../images/screen2/eye_4.png") no-repeat top left;
	width: 11px;
	height: 9px;
	position:absolute;
	top: 44px;
	left: 73px;
	-webkit-animation: eye4 2s 4s steps(57) infinite;
	-moz-animation: eye4 2s 4s steps(57) infinite;
	-ms-animation: eye4 2s 4s steps(57) infinite;
	-o-animation: eye4 2s 4s steps(57) infinite;
	animation: eye4 2s 4s steps(57) infinite;
}
#people .eye4_r, .people .eye4_r {
	background: url("../images/screen2/eye_4.png") no-repeat top left;
	width: 11px;
	height: 9px;
	position:absolute;
	top: 44px;
	left: 100px;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-webkit-animation:eye4 2s 4s steps(57) infinite;
	-moz-animation:eye4 2s 4s steps(57) infinite;
	-ms-animation:eye4 2s 4s steps(57) infinite;
	-o-animation:eye4 2s 4s steps(57) infinite;
	animation:eye4 2s 4s steps(57) infinite;
}
@-webkit-keyframes eye4 {
from {
background-position:0 0;
}
to {
	background-position:-627px 0px;
}
}
@-moz-keyframes eye4 {
from {
background-position:0 0;
}
to {
	background-position:-627px 0px;
}
}
@-ms-keyframes eye4 {
from {
background-position:0 0;
}
to {
	background-position:-627px 0px;
}
}
@-o-keyframes eye4 {
from {
background-position:0 0;
}
to {
	background-position:-627px 0px;
}
}
@keyframes eye4 {
from {
background-position:0 0;
}
to {
	background-position:-627px 0px;
}
}
#people .eye5, .people .eye5 {
	background: url("../images/screen2/eye_5.png") no-repeat top left;
	width: 39px;
	height: 18px;
	position:absolute;
	top: 49px;
	left: 81px;
	-webkit-animation: eye5 2s 6s steps(50) infinite;
	-moz-animation: eye5 2s 6s steps(50) infinite;
	-ms-animation: eye5 2s 6s steps(50) infinite;
	-o-animation: eye5 2s 6s steps(50) infinite;
	animation: eye5 2s 6s steps(50) infinite;
}
@-webkit-keyframes eye5 {
from {
background-position:0 0;
}
to {
	background-position:-1950px 0px;
}
}
@-moz-keyframes eye5 {
from {
background-position:0 0;
}
to {
	background-position:-1950px 0px;
}
}
@-ms-keyframes eye5 {
from {
background-position:0 0;
}
to {
	background-position:-1950px 0px;
}
}
@-o-keyframes eye5 {
from {
background-position:0 0;
}
to {
	background-position:-1950px 0px;
}
}
@keyframes eye5 {
from {
background-position:0 0;
}
to {
	background-position:-1950px 0px;
}
}
#people .eye6, .people .eye6 {
	background: url("../images/screen2/eye_6.png") no-repeat top left;
	width: 40px;
	height: 18px;
	position:absolute;
	top: 47px;
	left: 82px;
	-webkit-animation: eye6 2s 3s steps(50) infinite;
	-moz-animation: eye6 2s 3s steps(50) infinite;
	-ms-animation: eye6 2s 3s steps(50) infinite;
	-o-animation: eye6 2s 3s steps(50) infinite;
	animation: eye6 2s 3s steps(50) infinite;
}
@-webkit-keyframes eye6 {
from {
background-position:0 0;
}
to {
	background-position:-2000px 0px;
}
}
@-moz-keyframes eye6 {
from {
background-position:0 0;
}
to {
	background-position:-2000px 0px;
}
}
@-ms-keyframes eye6 {
from {
background-position:0 0;
}
to {
	background-position:-2000px 0px;
}
}
@-o-keyframes eye6 {
from {
background-position:0 0;
}
to {
	background-position:-2000px 0px;
}
}
@keyframes eye6 {
from {
background-position:0 0;
}
to {
	background-position:-2000px 0px;
}
}
#chef {
	background: url("../images/screen2/chefs.png") no-repeat top left;
	width: 172px;
	height: 425px;
	position:absolute;
	top: 121px;
	left: 201px;
	z-index: 1;
	transform: scale(0.95);
}
#chef.closemouth {
	background: url("../images/screen2/chef-close_mouth.png") no-repeat top left;
}
#chef.ani {
	-webkit-animation: chef 5s steps(98) infinite;
	-moz-animation: chef 5s steps(98) infinite;
	-ms-animation: chef 5s steps(98) infinite;
	-o-animation: chef 5s steps(98) infinite;
	animation: chef 5s steps(98) infinite;
}
@-webkit-keyframes chef {
from {
background-position:0 0;
}
to {
	background-position:-16856px 0px;
}
}
@-moz-keyframes chef {
from {
background-position:0 0;
}
to {
	background-position:-16856px 0px;
}
}
@-ms-keyframes chef {
from {
background-position:0 0;
}
to {
	background-position:-16856px 0px;
}
}
@-o-keyframes chef {
from {
background-position:0 0;
}
to {
	background-position:-16856px 0px;
}
}
@keyframes chef {
from {
background-position:0 0;
}
to {
	background-position:-16856px 0px;
}
}
#chef.ani2 {
	-webkit-animation: chef2 5s steps(97) infinite;
	-moz-animation: chef2 5s steps(97) infinite;
	-ms-animation: chef2 5s steps(97) infinite;
	-o-animation: chef2 5s steps(97) infinite;
	animation: chef2 5s steps(97) infinite;
}
@-webkit-keyframes chef2 {
from {
background-position:0 0;
}
to {
	background-position:-16684px 0px;
}
}
@-moz-keyframes chef2 {
from {
background-position:0 0;
}
to {
	background-position:-16684px 0px;
}
}
@-ms-keyframes chef2 {
from {
background-position:0 0;
}
to {
	background-position:-16684px 0px;
}
}
@-o-keyframes chef2 {
from {
background-position:0 0;
}
to {
	background-position:-16684px 0px;
}
}
@keyframes chef2 {
from {
background-position:0 0;
}
to {
	background-position:-16684px 0px;
}
}
#chef .eyes {
	background: url("../images/screen2/chefeyes.png") no-repeat top left;
	width: 47px;
	height: 23px;
	position:absolute;
	top:88px;
	left: 48px;
	-webkit-animation: chefeye 2s steps(55) infinite;
	-moz-animation: chefeye 2s steps(55) infinite;
	-ms-animation: chefeye 2s steps(55) infinite;
	-o-animation: chefeye 2s steps(55) infinite;
	animation: chefeye 2s steps(55) infinite;
}
@-webkit-keyframes chefeye {
from {
background-position:0 0;
}
to {
	background-position:-2585px 0px;
}
}
@-moz-keyframes chefeye {
from {
background-position:0 0;
}
to {
	background-position:-2585px 0px;
}
}
@-ms-keyframes chefeye {
from {
background-position:0 0;
}
to {
	background-position:-2585px 0px;
}
}
@-o-keyframes chefeye {
from {
background-position:0 0;
}
to {
	background-position:-2585px 0px;
}
}
@keyframes chefeye {
from {
background-position:0 0;
}
to {
	background-position:-2585px 0px;
}
}
#chefLeft {
	background: url(../images/screen3/chefleft_body.png) no-repeat;
	width: 477px;
	height: 941px;
	position: absolute;
	left: -60px;
	top: -111px;
	transform: scale(0.5);
	z-index: 11;
}
#chefLeft.aniHand {
	-webkit-animation: chefLeftHand 1s steps(34) forwards;
	-ms-animation: chefLeftHand 1s steps(34) forwards;
	-o-animation: chefLeftHand 1s steps(34) forwards;
	-moz-animation: chefLeftHand 1s steps(34) forwards;
	animation: chefLeftHand 1s steps(34) forwards;
}
@-webkit-keyframes chefLeftHand {
from {
background-position: 0 0;
}
to {
	background-position: -16218px 0;
}
}
@-moz-keyframes chefLeftHand {
from {
background-position: 0 0;
}
to {
	background-position: -16218px 0;
}
}
@-ms-keyframes chefLeftHand {
from {
background-position: 0 0;
}
to {
	background-position: -16218px 0;
}
}
@-o-keyframes chefLeftHand {
from {
background-position: 0 0;
}
to {
	background-position: -16218px 0;
}
}
@keyframes chefLeftHand {
from {
background-position: 0 0;
}
to {
	background-position: -16218px 0;
}
}
#chefLeft.ani {
	-webkit-animation: chefLeft 2s steps(47) forwards;
	-ms-animation: chefLeft 2s steps(47) forwards;
	-o-animation: chefLeft 2s steps(47) forwards;
	-moz-animation: chefLeft 2s steps(47) forwards;
	animation: chefLeft 2s steps(47) forwards;
}
@-webkit-keyframes chefLeft {
from {
background-position: 0 0;
}
to {
	background-position: -22419px 0;
}
}
@-moz-keyframes chefLeft {
from {
background-position: 0 0;
}
to {
	background-position: -22419px 0;
}
}
@-ms-keyframes chefLeft {
from {
background-position: 0 0;
}
to {
	background-position: -22419px 0;
}
}
@-o-keyframes chefLeft {
from {
background-position: 0 0;
}
to {
	background-position: -22419px 0;
}
}
@keyframes chefLeft {
from {
background-position: 0 0;
}
to {
	background-position: -22419px 0;
}
}
#chefLeft .chef_mouth {
	background: url(../images/screen3/chef_mouth.svg) no-repeat;
	width: 27px;
	height: 18px;
	position: absolute;
	left: 172px;
	top: 283px;
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}
#chefLeft .chef_mouth.ani {
	background: url(../images/screen3/chef_mouth_sprite.png) no-repeat;
	width: 38px;
	height: 18px;
	position: absolute;
	left: 173px;
	top: 279px;
	transform: scale(1);
	-webkit-animation: chef_mouth 2s steps(36) infinite;
	-moz-animation: chef_mouth 2s steps(36) infinite;
	-ms-animation: chef_mouth 2s steps(36) infinite;
	-o-animation: chef_mouth 2s steps(36) infinite;
	animation: chef_mouth 2s steps(36) infinite;
}
 @-webkit-keyframes chef_mouth {
from {
background-position: 0 0;
}
to {
	background-position: -1368px 0;
}
}
@-moz-keyframes chef_mouth {
from {
background-position: 0 0;
}
to {
	background-position: -1368px 0;
}
}
@-ms-keyframes chef_mouth {
from {
background-position: 0 0;
}
to {
	background-position: -1368px 0;
}
}
@-o-keyframes chef_mouth {
from {
background-position: 0 0;
}
to {
	background-position: -1368px 0;
}
}
@keyframes chef_mouth {
from {
background-position: 0 0;
}
to {
	background-position: -1368px 0;
}
}
#chefLeft .chef_eye {
	background: url(../images/screen3/chef_eye.png) no-repeat;
	width: 150px;
	height: 85px;
	position: absolute;
	left: 112px;
	top: 184px;
	transform: scale(.5);
	-webkit-animation: screen3_chef_eye 2s steps(54) infinite;
	-moz-animation: screen3_chef_eye 2s steps(54) infinite;
	-ms-animation: screen3_chef_eye 2s steps(54) infinite;
	-o-animation: screen3_chef_eye 2s steps(54) infinite;
	animation: screen3_chef_eye 2s steps(54) infinite;
}
@-webkit-keyframes screen3_chef_eye {
from {
background-position: 0 0;
}
to {
	background-position: -8370px 0;
}
}
@-moz-keyframes screen3_chef_eye {
from {
background-position: 0 0;
}
to {
	background-position: -8370px 0;
}
}
@-ms-keyframes screen3_chef_eye {
from {
background-position: 0 0;
}
to {
	background-position: -8370px 0;
}
}
@-o-keyframes screen3_chef_eye {
from {
background-position: 0 0;
}
to {
	background-position: -8370px 0;
}
}
@keyframes screen3_chef_eye {
from {
background-position: 0 0;
}
to {
	background-position: -8370px 0;
}
}
/* start screen2 */
.tableContainer {
	position: absolute;
	top: 437px;
	left: 146px;
	width:546px;
	height:171px;
	background: url("../images/screen2/table.png") no-repeat;
	background-size: 100% auto;
	z-index:7;
}
#screen4 .tableContainer {
	background: none;
}
#screen2 .tableContainer, #screen3 .tableContainer, #screen5 .tableContainer, #screen7 .tableContainer {
	position: absolute;
	top: 271px;
	left: -95px;
	width: 1029px;
	height: 443px;
	background: url("../images/screen4/table.png") no-repeat;
	background-size: 100% auto;
	transform: scale(0.52);
	z-index:7;
}
#screen2 .tableContainer, #screen3 .tableContainer {
	z-index: 3 !important;
}
/* end screen2 */





/* start screen3 */
.blueOverflow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(238, 249, 255, 0);
	-webkit-animation: blueOverflow 0.5s 0.4s forwards ease-in;
	-moz-animation: blueOverflow 0.5s 0.4s forwards ease-in;
	-ms-animation: blueOverflow 0.5s 0.4s forwards ease-in;
	-o-animation: blueOverflow 0.5s 0.4s forwards ease-in;
	animation: blueOverflow 0.5s 0.4s forwards ease-in;
	z-index: 3;
}
@-webkit-keyframes blueOverflow {
from {
background: rgba(238, 249, 255, 0);
}
to {
	background: rgba(238, 249, 255, 0.8);
}
}
@-moz-keyframes blueOverflow {
from {
background: rgba(238, 249, 255, 0);
}
to {
	background: rgba(238, 249, 255, 0.8);
}
}
@-ms-keyframes blueOverflow {
from {
background: rgba(238, 249, 255, 0);
}
to {
	background: rgba(238, 249, 255, 0.8);
}
}
@-o-keyframes blueOverflow {
from {
background: rgba(238, 249, 255, 0);
}
to {
	background: rgba(238, 249, 255, 0.8);
}
}
@keyframes blueOverflow {
from {
background: rgba(238, 249, 255, 0);
}
to {
	background: rgba(238, 249, 255, 0.8);
}
}
.blueOverflow_1 {
	background : rgba(238, 249, 255, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:3;
}
.whiteOverflow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	z-index: 4;
}
#screen3 .procedural {
	left: 413px;
	width: 210px;
	position: absolute;
	top: 66px;
	font-family: 'SassoonSans';
	color: #E5740C;
	font-size: 31px;
	font-weight: bold;
	z-index: 4;
	letter-spacing: 2px;
}
#screen3 .screen3ActivityArea {
	display: none;
}
#screen3 .screen3ActivityArea .box {
	position: absolute;
	width: 152px;
	height: 168px;
	z-index: 5;
}
#screen3 .screen3ActivityArea #box1, #screen3 .screen3ActivityArea .box1 {
	top: 116px;
	left: 295px;
}
#screen3 .screen3ActivityArea #box2, #screen3 .screen3ActivityArea .box2 {
	left: 296px;
	top: 314px;
}
#screen3 .screen3ActivityArea #box3, #screen3 .screen3ActivityArea .box3 {
	left: 532px;
	top: 118px;
}
#screen3 .screen3ActivityArea #box4, #screen3 .screen3ActivityArea .box4 {
	left: 532px;
	top: 312px;
}
#screen3 .screen3ActivityArea .boxContainer {
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 152px;
	height: 168px;
}
#screen3 .screen3ActivityArea .box:not(.disabled) .boxContainer:hover .border, #screen3 .screen3ActivityArea .box:not(.disabled) .boxContainer.highlighter .border {
 position:absolute;
 top:0px;
 left:0px;
 background: url(../images/screen3/ani/box-hover.png) no-repeat;
 background-size: 100% 100%;
 width: 154px;
 height: 128px;
 cursor: pointer;
}
#screen3 .screen3ActivityArea .box .boxContainer .p {
	position: relative;
	width: 165px;
	height: 30px;
	top: 129px;
	left: 6px;
	font-family: 'SassoonSans';
	font-size: 24px;
	font-weight: bold;
	color: #49752F;
	text-align: left;
	cursor: pointer;
	letter-spacing: 2px;
}
#screen3 .screen3ActivityArea .box.disabled .boxContainer .p {
	cursor: default;
}
#screen3 .screen3ActivityArea .box:not(.disabled) .boxContainer:hover .p, #screen3 .screen3ActivityArea .box:not(.disabled) .boxContainer.highlighter .p {
 transform: scale(1.1);
 color:#7C9F33;
}
#screen3 .screen3ActivityArea #box3 .boxContainer .p {
	left: -25px;
	width: 239px;
}
#screen3 .screen3ActivityArea #box4 .boxContainer .p {
	left: -1px;
	width: 162px;
	text-align: center;
}
#screen3 .screen3ActivityArea #box1 .boxContainer {
	background: url('../images/screen3/ani/plant_tree.png') no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea #box2 .boxContainer {
	background: url('../images/screen3/ani/kite.png') no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea #box3 .boxContainer {
	background: url('../images/screen3/ani/lion.png') no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea #box4 .boxContainer {
	background: url('../images/screen3/ani/puppet.png') no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .zoomContainer {
	position: absolute;
	width: 152px;
	height: 126px;
	cursor: default;
}
#screen3 .screen3ActivityArea .zoom, #screen3 .screen3ActivityArea .revZoom {
	z-index: 10;
}
#screen3 .screen3ActivityArea .box .whiteOverflow {
	z-index: 0;
}
#screen3 .screen3ActivityArea .zoom.zoomContainer {
	-webkit-animation: zoom 0.5s ease-in forwards;
	-moz-animation: zoom 0.5s ease-in forwards;
	-ms-animation: zoom 0.5s ease-in forwards;
	-o-animation: zoom 0.5s ease-in forwards;
	animation: zoom 0.5s ease-in forwards;
}
#screen3 .screen3ActivityArea .revZoom.zoomContainer {
	-webkit-animation: zoom 0.5s ease-in reverse;
	-moz-animation: zoom 0.5s ease-in reverse;
	-ms-animation: zoom 0.5s ease-in reverse;
	-o-animation: zoom 0.5s ease-in reverse;
	animation: zoom 0.5s ease-in reverse;
}
 @-webkit-keyframes zoom {
100% {
-webkit-transform:scale(2);
top: 213px;
left: 409px;
}
}
@-moz-keyframes zoom {
100% {
-moz-transform:scale(2);
top: 213px;
left: 409px;
}
}
@-ms-keyframes zoom {
100% {
-ms-transform:scale(2);
top: 213px;
left: 409px;
}
}
@-o-keyframes zoom {
100% {
-o-transform:scale(2);
top: 213px;
left: 409px;
}
}
@keyframes zoom {
100% {
transform:scale(2);
top: 213px;
left: 409px;
}
}
#screen3 .screen3ActivityArea .box1.zoomContainer {
	background: url('../images/screen3/ani/plant_tree/0.png') no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box2.zoomContainer {
	background: url('../images/screen3/ani/kite/0.png') no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box3.zoomContainer {
	background: url('../images/screen3/ani/lion/0.png') no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box4.zoomContainer {
	background: url('../images/screen3/ani/puppet/0.png') no-repeat;
	background-size: 100% auto;
}
#screen3 .animation.img1 {
	z-index: 6;
}
#screen3 .animation.img2 {
	z-index: 5;
}
#screen3 .animation.img3 {
	z-index: 4;
}
#screen3 .animation.img4 {
	z-index: 3;
}
#screen3 .animation.img5 {
	z-index: 2;
}
#screen3 .animation.img6 {
	z-index: 1;
}
#screen3 .screen3ActivityArea .zoomContainer .animation {
	position: absolute;
	top: 0;
	left: 0;
	width: 152px;
	height: 126px;
}
#screen3 .screen3ActivityArea .box1 .animation.img1 {
	background: url(../images/screen3/ani/plant_tree/1.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box1 .animation.img2 {
	background: url(../images/screen3/ani/plant_tree/2.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box1 .animation.img3 {
	background: url(../images/screen3/ani/plant_tree/3.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box1 .animation.img4 {
	background: url(../images/screen3/ani/plant_tree/4.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box1 .animation.img5 {
	background: url(../images/screen3/ani/plant_tree/5.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box1 .animation.img6 {
	background: url(../images/screen3/ani/plant_tree/6.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box2 .animation.img1 {
	background: url(../images/screen3/ani/kite/1.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box2 .animation.img2 {
	background: url(../images/screen3/ani/kite/2.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box2 .animation.img3 {
	background: url(../images/screen3/ani/kite/3.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box2 .animation.img4 {
	background: url(../images/screen3/ani/kite/4.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box2 .animation.img5 {
	background: url(../images/screen3/ani/kite/5.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box2 .animation.img6 {
	background: url(../images/screen3/ani/kite/6.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box3 .animation.img1 {
	background: url(../images/screen3/ani/lion/1.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box3 .animation.img2 {
	background: url(../images/screen3/ani/lion/2.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box3 .animation.img3 {
	background: url(../images/screen3/ani/lion/3.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box3 .animation.img4 {
	background: url(../images/screen3/ani/lion/4.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box3 .animation.img5 {
	background: url(../images/screen3/ani/lion/5.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box3 .animation.img6 {
	background: url(../images/screen3/ani/lion/6.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box4 .animation.img1 {
	background: url(../images/screen3/ani/puppet/1.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box4 .animation.img2 {
	background: url(../images/screen3/ani/puppet/2.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box4 .animation.img3 {
	background: url(../images/screen3/ani/puppet/3.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box4 .animation.img4 {
	background: url(../images/screen3/ani/puppet/4.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box4 .animation.img5 {
	background: url(../images/screen3/ani/puppet/5.png) no-repeat;
	background-size: 100% auto;
}
#screen3 .screen3ActivityArea .box4 .animation.img6 {
	background: url(../images/screen3/ani/puppet/6.png) no-repeat;
	background-size: 100% auto;
}
/* #screen3 .screen3ActivityArea .box1 .animation {
	animation: ontree  10s linear forwards;
}

@keyframes ontree {
    0%   {background: url(../images/screen3/ani/plant_tree/1.png) no-repeat;background-size: 100% auto;}
    19%   {background: url(../images/screen3/ani/plant_tree/1.png) no-repeat;background-size: 100% auto;}
	
	20%   {background: url(../images/screen3/ani/plant_tree/2.png) no-repeat;background-size: 100% auto;}
	39%   {background: url(../images/screen3/ani/plant_tree/2.png) no-repeat;background-size: 100% auto;}
	
	40%   {background: url(../images/screen3/ani/plant_tree/3.png) no-repeat;background-size: 100% auto;}
	59%   {background: url(../images/screen3/ani/plant_tree/3.png) no-repeat;background-size: 100% auto;}
	
	60%   {background: url(../images/screen3/ani/plant_tree/4.png) no-repeat;background-size: 100% auto;}
	79%   {background: url(../images/screen3/ani/plant_tree/4.png) no-repeat;background-size: 100% auto;}
	
	80%   {background: url(../images/screen3/ani/plant_tree/5.png) no-repeat;background-size: 100% auto;}
	99%   {background: url(../images/screen3/ani/plant_tree/5.png) no-repeat;background-size: 100% auto;}
	
	100%   {background: url(../images/screen3/ani/plant_tree/6.png) no-repeat;background-size: 100% auto;}
}

#screen3 .screen3ActivityArea .box2 .animation {
	animation: onkite 10s linear forwards;
}

@keyframes onkite {
    0%   {background: url(../images/screen3/ani/kite/1.png) no-repeat;background-size: 100% auto;}
    19%   {background: url(../images/screen3/ani/kite/1.png) no-repeat;background-size: 100% auto;}
	
	20%   {background: url(../images/screen3/ani/kite/2.png) no-repeat;background-size: 100% auto;}
	39%   {background: url(../images/screen3/ani/kite/2.png) no-repeat;background-size: 100% auto;}
	
	40%   {background: url(../images/screen3/ani/kite/3.png) no-repeat;background-size: 100% auto;}
	59%   {background: url(../images/screen3/ani/kite/3.png) no-repeat;background-size: 100% auto;}
	
	60%   {background: url(../images/screen3/ani/kite/4.png) no-repeat;background-size: 100% auto;}
	79%   {background: url(../images/screen3/ani/kite/4.png) no-repeat;background-size: 100% auto;}
	
	80%   {background: url(../images/screen3/ani/kite/5.png) no-repeat;background-size: 100% auto;}
	99%   {background: url(../images/screen3/ani/kite/5.png) no-repeat;background-size: 100% auto;}
	
	100%   {background: url(../images/screen3/ani/kite/6.png) no-repeat;background-size: 100% auto;}
}

#screen3 .screen3ActivityArea .box3 .animation {
	animation: onlion  10s linear forwards;
}

@keyframes onlion {
    0%   {background: url(../images/screen3/ani/lion/1.png) no-repeat;background-size: 100% auto;}
    19%   {background: url(../images/screen3/ani/lion/1.png) no-repeat;background-size: 100% auto;}
	
	20%   {background: url(../images/screen3/ani/lion/2.png) no-repeat;background-size: 100% auto;}
	39%   {background: url(../images/screen3/ani/lion/2.png) no-repeat;background-size: 100% auto;}
	
	40%   {background: url(../images/screen3/ani/lion/3.png) no-repeat;background-size: 100% auto;}
	59%   {background: url(../images/screen3/ani/lion/3.png) no-repeat;background-size: 100% auto;}
	
	60%   {background: url(../images/screen3/ani/lion/4.png) no-repeat;background-size: 100% auto;}
	79%   {background: url(../images/screen3/ani/lion/4.png) no-repeat;background-size: 100% auto;}
	
	80%   {background: url(../images/screen3/ani/lion/5.png) no-repeat;background-size: 100% auto;}
	99%   {background: url(../images/screen3/ani/lion/5.png) no-repeat;background-size: 100% auto;}
	
	100%   {background: url(../images/screen3/ani/lion/6.png) no-repeat;background-size: 100% auto;}
}

#screen3 .screen3ActivityArea .box4 .animation {
	animation: onpuppet 10s linear forwards;
}

@keyframes onpuppet {
    0%   {background: url(../images/screen3/ani/puppet/1.png) no-repeat;background-size: 100% auto;}
    19%   {background: url(../images/screen3/ani/puppet/1.png) no-repeat;background-size: 100% auto;}
	
	20%   {background: url(../images/screen3/ani/puppet/2.png) no-repeat;background-size: 100% auto;}
	39%   {background: url(../images/screen3/ani/puppet/2.png) no-repeat;background-size: 100% auto;}
	
	40%   {background: url(../images/screen3/ani/puppet/3.png) no-repeat;background-size: 100% auto;}
	59%   {background: url(../images/screen3/ani/puppet/3.png) no-repeat;background-size: 100% auto;}
	
	60%   {background: url(../images/screen3/ani/puppet/4.png) no-repeat;background-size: 100% auto;}
	79%   {background: url(../images/screen3/ani/puppet/4.png) no-repeat;background-size: 100% auto;}
	
	80%   {background: url(../images/screen3/ani/puppet/5.png) no-repeat;background-size: 100% auto;}
	99%   {background: url(../images/screen3/ani/puppet/5.png) no-repeat;background-size: 100% auto;}
	
	100%   {background: url(../images/screen3/ani/puppet/6.png) no-repeat;background-size: 100% auto;}
} */

#screen3 .screen3ActivityArea .zoomContainer .closeBtnZoom {
	background: url('../images/screen3/ani/closebtnzoom.png') no-repeat;
	background-size: 100%;
	width: 18px;
	height: 16px;
	position: relative;
	top: 109px;
	left: 134px;
	z-index: 7;
}
#screen3 .screen3ActivityArea .zoomContainer .closeBtnZoom:hover {
	cursor:pointer;
	background: url('../images/screen3/ani/closebtnzoom-hover.png') no-repeat;
	background-size: 100%;
}
#screen3 .screen3ActivityArea .zoomContainer .closeBtnZoom.highlighter {
	background: url('../images/screen3/ani/closebtnzoom-hover.png') no-repeat;
	background-size: 100%;
}
#screen3 .screen3ActivityArea .zoomContainer .closeBtnZoom:active {
	background: url('../images/screen3/ani/closebtnzoom-active.png') no-repeat;
	background-size: 100%;
}
.screen3pop {
	position: absolute;
	width: 1830px;
	height: 1907px;
	left: 252px;
	top: -1367px;
	background: url(../images/screen3/popup/pop1.png) no-repeat;
	text-align: center;
	transform: scale(0);
	transform-origin: bottom left;
	transition : transform 0.4s linear;
	display:none;
	z-index: 5;
}
.screen3pop.ani {
	transform: scale(0.25);
}
.screen3popLine1 {
	left: 74px;
	width: 984px;
	position: absolute;
	top: 124px;
	font-family: 'SassoonSans';
	color: #E5740C;
	font-size: 96px;
	font-weight: bold;
	z-index: 8;
	letter-spacing: 2px;
}
.Aim {
	left: -178px;
	width: 795px;
	position: absolute;
	top: 341px;
	font-family: 'SassoonSans';
	color: #789E2B;
	font-size: 80px;
	font-weight: bold;
	z-index: 8;
	letter-spacing: 2px;
}
.ToMake {
	left: 245px;
	width: 900px;
	position: absolute;
	top: 354px;
	font-family: 'SassoonSans';
	color: #090909;
	font-size: 64px;
	letter-spacing: 3px;
}
.Materials {
	left: -82px;
	width: 795px;
	position: absolute;
	top: 500px;
	font-family: 'SassoonSans';
	color: #789E2B;
	font-size: 80px;
	font-weight: bold;
	z-index: 8;
	letter-spacing: 2px;
}
.styl {
	left: 237px;
	width: 555px;
	position: absolute;
	top: 562px;
	margin-left: 5px;
	font-family: 'SassoonSans';
	color: #090909;
	font-size: 62px;
	letter-spacing: 3px;
	text-align: left;
}
.styl_2 {
	left: 948px;
	width: 728px;
	position: absolute;
	top: 562px;
	margin-left: 5px;
	font-family: 'SassoonSans';
	color: #090909;
	font-size: 62px;
	letter-spacing: 3px;
	text-align: left;
}
.styl_3 {
	left: 100px;
	width: 1510px;
	position: absolute;
	top: 1058px;
	margin-left: 5px;
	font-family: 'SassoonSans';
	color: #090909;
	font-size: 62px;
	letter-spacing: 3px;
	text-align: left;
}
.steps {
	left: -141px;
	width: 795px;
	position: absolute;
	top: 1011px;
	font-family: 'SassoonSans';
	color: #789E2B;
	font-size: 80px;
	font-weight: bold;
	z-index: 8;
	letter-spacing: 2px;
}
.screen3pop1 {
	background: url(../images/screen3/popup/pop2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 151px;
	left: -80px;
	width: 1099px;
	height: 288px;
	text-align: center;
	transform: scale(0);
	z-index: 18;
	transition: 0.4s all;
	transform-origin:top center;
	display: none;
}
.screen3pop1.ani {
	transform: scale(0.3);
	top: 256px;
	left:-80px;
}
.pop1_styl_1 {
	left: 4px;
	width: 300px;
	position: absolute;
	top: 84px;
	font-family: 'SassoonSans';
	color: #789E2B;
	font-size: 60px;
	font-weight: bold;
	z-index: 8;
	letter-spacing: 2px;
}
.pop1_styl_2 {
	left: 118px;
	width: 900px;
	position: absolute;
	top: 83px;
	font-family: 'SassoonSans';
	color: #090909;
	font-size: 60px;
	letter-spacing: 3px;
}
.screen3pop1_closeBtn {
	cursor:pointer;
	background: url(../images/screen3/popup/closebtn.png) no-repeat;
	background-size: 100% 100%;
	width: 201px;
	height: 206px;
	left: 946px;
	top: 112px;
	background-size: 100% 100%;
	position: relative;
	transform: scale(.6);
}
.screen3pop1_closeBtn:hover, .screen3pop1_closeBtn.highlighter {
	background: url(../images/screen3/popup/closebtn-hover.png) no-repeat;
	background-size: 100% 100%;
}
.screen3pop1_closeBtn:active {
	background: url(../images/screen3/popup/closebtn-active.png) no-repeat;
	background-size: 100% 100%;
}
.screen3pop1_close {
	top: 112px;
	left: 946px;
}
.screen3pop1_close2 {
	top: 365px;
	left: 1517px;
}
.screen3pop1_close3 {
	top: 910px;
	left: 1634px;
}
.screen3pop2 {
	background: url(../images/screen3/popup/pop3.png) no-repeat;
	width: 1678px;
	height: 615px;
	position: absolute;
	left: -350px;
	top: 194px;
	transform: scale(0);
	z-index: 16;
	background-size: 100% 100%;
	transition: 0.4s all;
	transform-origin:top center;
	display:none;
}
.screen3pop2.ani {
	transform: scale(0.3);
	top: 217px;
	left:-350px;
}
.Materials-p2 {
	left: 92px;
	width: 795px;
	position: relative;
	top: 58px;
	font-family: 'SassoonSans';
	color: #789E2B;
	font-size: 80px;
	font-weight: bold;
	z-index: 8;
	letter-spacing: 2px;
}
.stylp2 {
	left: 179px;
	width: 555px;
	position: absolute;
	top: 86px;
	margin-left: 5px;
	font-family: 'SassoonSans';
	color: #090909;
	font-size: 70px;
	letter-spacing: 3px;
	text-align: left;
}
.styl_2p2 {
	left: 809px;
	width: 728px;
	position: absolute;
	top: 84px;
	margin-left: 5px;
	font-family: 'SassoonSans';
	color: #090909;
	font-size: 70px;
	letter-spacing: 3px;
	text-align: left;
}
.screen3pop3 {
	background: url(../images/screen3/popup/pop3.png) no-repeat;
	width: 1801px;
	height: 1090px;
	position: absolute;
	left: -405px;
	top: 334px;
	transform: scale(0);
	z-index: 16;
	background-size: 100% 100%;
	transition: 0.4s all;
	transform-origin:top center;
	display:none;
}
.screen3pop3.ani {
	transform: scale(0.3);
	top: 200px;
	left:-405px;
}
.stepsp3 {
	left: 90px;
	width: 795px;
	position: absolute;
	top: 110px;
	font-family: 'SassoonSans';
	color: #789E2B;
	font-size: 80px;
	font-weight: bold;
	z-index: 8;
	letter-spacing: 2px;
}
.styl_3p3 {
	left: 50px;
	width: 1483px;
	position: absolute;
	top: 207px;
	margin-left: 5px;
	font-family: 'SassoonSans';
	color: #090909;
	font-size: 65px;
	letter-spacing: 3px;
	text-align: left;
}
/* end screen3 */


/* start screen4 */
#screen4 {
	background: url("../images/screen4/main-bg.png") no-repeat;
	background-size:100% auto;
}
.overlaping {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
#screen2 .tableContainer, #screen5 .tableContainer {
	position: absolute;
	top: 271px;
	left: -95px;
	width: 1029px;
	height: 443px;
	background: url("../images/screen4/table.png") no-repeat;
	background-size: 100% auto;
	transform: scale(0.52);
	z-index:6;
}
.obj.dis {
	pointer-events: none;
}
.obj.done {
	pointer-events: none;
}
.knife {
	background: url("../images/screen4/obj/knife.png") no-repeat;
	width: 106px;
	height: 19px;
	position:absolute;
	top: 12px;
	left: 57px;
	cursor:pointer;
}
.knife:hover, .knife.highlighter {
	background-position: -106px 0;
}
.knife:active {
	background-position: -318px 0;
}
.knife.high {
	background-position: -212px 0;
}
.knife.high:hover, .knife.high.highlighter {
	background-position: -530px 0;
}
.knife.done {
	background-position: -422px 0;
}
.bag {
	background: url("../images/screen4/obj/bag.png") no-repeat;
	width: 105px;
	height: 149px;
	position:absolute;
	top: -82px;
	left: 165px;
	cursor:pointer;
}
.bag:hover, .bag.highlighter {
	background-position: -105px 0;
}
.bag:active {
	background-position: -315px 0;
}
.bag.high {
	background-position: -207px 0;
}
.bag.high:hover, .bag.high.highlighter {
	background-position: -526px 0;
}
.bag.done {
	background-position: -422px 0;
}
.cherry {
	background: url("../images/screen4/obj/cherry.png") no-repeat;
	width: 61px;
	height: 32px;
	position:absolute;
	top: 8px;
	left: 274px;
	cursor:pointer;
	transform: scaleX(-1);
}
.cherry:hover, .cherry.highlighter {
	background-position: -61px 0;
}
.cherry:active {
	background-position: -183px 0;
}
.cherry.high {
	background-position: -122px 0;
}
.cherry.high:hover, .cherry.high.highlighter {
	background-position: -304px 0;
}
.cherry.done {
	background-position: -244px 0;
}
.cuttingboard {
	background: url("../images/screen4/obj/cuttingboard.png") no-repeat;
	width: 114px;
	height: 64px;
	position:absolute;
	top: -1px;
	left: 340px;
	cursor:pointer;
}
.cuttingboard:hover, .cuttingboard.highlighter {
	background-position: -114px 0;
}
.cuttingboard:active {
	background-position: -342px 0;
}
.cuttingboard.high {
	background-position: -229px 0;
}
.cuttingboard.high:hover, .cuttingboard.high.highlighter {
	background-position: -570px 0;
}
.cuttingboard.done {
	background-position: -457px 0;
}
.bottle {
	background: url("../images/screen4/obj/bottle.png") no-repeat;
	width: 42px;
	height: 93px;
	position:absolute;
	top: -33px;
	left: 464px;
	cursor:pointer;
}
.bottle:hover, .bottle.highlighter {
	background-position: -42px 0;
}
.bottle:active {
	background-position: -126px 0;
}
.bottle.high {
	background-position: -86px 0;
}
.bottle.high:hover, .bottle.high.highlighter {
	background-position: -214px 0;
}
.bottle.done {
	background-position: -172px 0;
}
.backgroundpart {
	position: absolute;
	width: 789px;
	height:68%;
	top: 0;
	left: 13px;
	overflow: hidden;
	z-index: 7;
}
.card {
	background: url("../images/screen4/obj/card.png") no-repeat;
	width: 134px;
	height: 137px;
	position:absolute;
	top: 171px;
	left:-4px;
	z-index:6;
	cursor:pointer;
}
.card:hover, .card.highlighter {
	background-position: -134px 0;
}
.card:active {
	background-position: -402px 0;
}
.computer {
	background: url("../images/screen4/obj/computer.png") no-repeat;
	width: 85px;
	height: 100px;
	position:absolute;
	top: 183px;
	left: 154px;
	z-index:6;
	cursor:pointer;
}
.computer:hover, .computer.highlighter {
	background-position: -85px 0;
}
.computer:active {
	background-position: -255px 0;
}
.computer.high {
	background-position: -173px 0;
}
.computer.high:hover, .computer.high.highlighter {
	background-position: -426px 0;
}
.computer.done {
	background-position: -341px 0;
}
.fishtank {
	background: url("../images/screen4/obj/fishtank.png") no-repeat;
	width: 52px;
	height: 90px;
	position:absolute;
	top: 196px;
	right:67px;
	z-index:6;
	cursor:pointer;
}
.fishtank:hover, .fishtank.highlighter {
	background-position: -52px 0;
}
.fishtank:active {
	background-position: -156px 0;
}
.glass {
	background: url("../images/screen4/obj/glass.png") no-repeat;
	width: 48px;
	height: 39px;
	position:absolute;
	top: 220px;
	right:-3px;
	z-index:7;
	cursor:pointer;
}
.glass:hover, .glass.highlighter {
	background-position: -48px 0;
}
.glass:active {
	background-position: -144px 0;
}
.glass.high {
	background-position: -96px 0;
}
.glass.high:hover, .glass.high.highlighter {
	background-position: -240px 0;
}
.glass.done {
	background-position: -190px 0;
}
.fridge {
	background: url("../images/screen4/obj/fridge.png") no-repeat;
	width:120px;
	height:191px;
	position:absolute;
	top: 232px;
	right: -34px;
	z-index:6;
	cursor:pointer;
}
.fridge:hover, .fridge.highlighter {
	background-position: -120px 0;
}
.fridge:active {
	background-position: -360px 0;
}
.fridge.high {
	background-position: -238px 0;
}
.fridge.high:hover, .fridge.high.highlighter {
	background-position: -598px 0;
}
.fridge.done {
	background-position: -478px 0;
}
.basket {
	background: url("../images/screen4/obj/basket.png") no-repeat;
	width:91px;
	height:84px;
	position:absolute;
	top: 412px;
	right:13px;
	z-index:5;
	cursor:pointer;
}
.basket:hover, .basket.highlighter {
	background-position: -91px 0;
}
.basket:active {
	background-position: -273px 0;
}
.bookbg {
	position:absolute;
	top: 398px;
	left:13px;
	width: 97px;
	height: 65px;
	overflow:hidden;
}
.book {
	background: url("../images/screen4/obj/book.png") no-repeat;
	width: 97px;
	height: 65px;
	z-index:6;
	cursor:pointer;
	position:absolute;
	top:0;
	left:-5px;
}
.book:hover, .bookbg.highlighter .book {
	background-position: -97px 0;
}
.book:active {
	background-position: -291px 0;
}
.popup {
	background: url("../images/screen4/popup.png") no-repeat;
	width:444px;
	height:189px;
	position:absolute;
	top: 22px;
	right:40px;
	opacity:1;
	transform-origin: top left;
	font-family: 'SassoonSans';
	z-index:8;
}
.popup.fadein {
	animation: fadein 0.5s 2s linear forwards;
}
@keyframes fadein {
 to {
transform:scale(1.03);
background: url("../images/screen4/border.png") no-repeat;
}
}
.popup.fadeout {
	animation: fadeout 0.5s 2s linear forwards;
}
 @keyframes fadeout {
 to {
transform:scale(1);
background:url("../images/screen4/popup.png") no-repeat;
}
}
#screen4 .heading {
	color:#e5740c;
	font-size:21px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	margin-top:8px;
}
.row {
	position:absolute;
}
.row1 {
	top:25px;
	left:20px;
}
.row2 {
	top:30px;
	left:235px;
}
.row3 {
	top:70px;
	left:20px;
}
.row4 {
	top:70px;
	left:235px;
}
.row5 {
	top:112px;
	left:20px;
}
.row6 {
	top:112px;
	left:235px;
}
.row7 {
	top:148px;
	left:20px;
}
.row8 {
	top:148px;
	left:235px;
}
.row span {
	display:inline-block;
	vertical-align:middle;
}
.row span.checkbox {
	background: url("../images/screen4/checkbox.png") no-repeat;
	width:15px;
	height:15px;
}
span.banana {
	background: url("../images/screen4/banana.png") no-repeat;
	background-position: 0 0;
	width: 53px;
	height: 48px;
	position: relative;
	top: -6px;
	left: 5px;
}
span.banana.active {
	background-position: -53px 0;
}
span.icecream {
	background: url("../images/screen4/icecream.png") no-repeat;
	width:40px;
	height: 38px;
	position: relative;
	top: -2px;
	left: 8px;
}
span.icecream.active {
	background-position: 0 -38px;
}
span.chopping {
	background: url("../images/screen4/chopping-board.png") no-repeat;
	width: 53px;
	height: 42px;
	position: relative;
	top: -2px;
	left: 5px;
}
span.chopping.active {
	background-position: 8px -42px;
	top: 0px;
	left: 0px;
}
span.chocolate {
	background: url("../images/screen4/chocolate-sause.png") no-repeat;
	width:33px;
	height: 38px;
	position: relative;
	top: -2px;
	left: 10px;
}
span.chocolate.active {
	background-position: 0 -38px;
}
span.knife2 {
	background: url("../images/screen4/knife.png") no-repeat;
	width:53px;
	height: 28px;
	margin-left:2px;
}
span.knife2.active {
	background-position: 0 -28px;
}
span.cherry2 {
	background: url("../images/screen4/cherry.png") no-repeat;
	width: 37px;
	height: 28px;
	margin-left:5px;
}
span.cherry2.active {
	background-position: 0 -28px;
}
span.bowl {
	background: url("../images/screen4/bowl.png") no-repeat;
	width: 45px;
	height: 29px;
	margin-left:10px;
}
span.bowl.active {
	background-position: 0 -29px;
}
span.spoon {
	background: url("../images/screen4/spoon.png") no-repeat;
	width: 47px;
	height: 24px;
}
span.spoon.active {
	background-position: 0 -24px;
}
#screen4 .special {
	position: absolute;
	z-index: 999;
}
.row span.text {
	font-size:17px;
	font-weight:bold;
}
.row8 span.text {
	margin-left:-5px;
}
.row .arrow {
	background: url("../images/screen4/right-arrow.png") no-repeat;
	width:36px;
	height:32px;
	position:absolute;
	top: 3px;
	left: -7px;
	display: none;
}
.row2 .arrow {
	top: -2px;
	left: -7px;
}
.row3 .arrow {
	top:0px;
	left: -7px;
}
.row4 .arrow {
	top:-2px;
	left: -7px;
}
.row5 .arrow {
	top:-7px;
	left: -7px;
}
.row6 .arrow {
	top:-7px;
	left: -7px;
}
.row7 .arrow {
	top:-7px;
	left: -7px;
}
.row8 .arrow {
	top:-9px;
	left: -7px;
}
#screen4 .chefMessage {
	position: absolute;
	width: 185px;
	height: 40px;
	bottom: 70px;
	left: 318px;
	z-index: 8;
	background: #fff;
	border: 2px solid #111;
	text-align: center;
	font-weight: 600;
	vertical-align: middle;
	font-size: 22pt;
	padding-top: 1px;
	font-family: SassoonSans;
}
/* end screen4 */

/* start screen5 */
#screen5 .frame {
	z-index:8;
}
.overlay {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(238, 249, 255, .8);
	z-index:7;
}
.gallerybg {
	background: url("../images/screen5/galleryimage.png") no-repeat;
	width:600px;
	height:144px;
	position:absolute;
	z-index: 12;
	top: 57px;
	right:30px;
	font-family: 'SassoonSans';
	display: none;
}
.ph {
	position: absolute;
	top: 0px;
	left: 58px;
	font-size: 17px;
	color: #2d4024;
	font-weight: bold;
	letter-spacing: 2px;
}
.step {
	position: absolute;
	width: 93px;
	height:115px;
	text-align:center;
	transition: 0.3s all;
}
.step .image {
	width: 92px;
	height: 89px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.step3 .image {
	width: 93px;
}
.step.img .image1 {
	background: url(../images/screen5/camera_default.png) no-repeat;
	background-size: 132px;
	background-position: -16px 0;
}
.step.active .image1 {
	background: url("../images/screen5/image1.png") no-repeat;
	background-size: 100% auto;
}
.step.active.nowClick .image {
	cursor: pointer;
}
.step.active.nowClick .image1:hover, .step.active.nowClick.highlighter .image1 {
	background: url("../images/screen5/image1.png") no-repeat;
	background-size: 118% auto;
	background-position: 61% 64%;
	border: 2px solid #fa6200;
	top: -2px;
	left: -1px;
}
.step.active .image2 {
	background: url("../images/screen5/image2.png") no-repeat;
	background-size: 100% auto;
}
.step.active.nowClick .image2:hover, .step.active.nowClick.highlighter .image2 {
	background: url("../images/screen5/image2.png") no-repeat;
	background-size: 118% auto;
	background-position: 61% 64%;
	border: 2px solid #fa6200;
	top: -2px;
	left: -1px;
}
.step.active .image3 {
	background: url("../images/screen5/image3.png") no-repeat;
	background-size: 100% auto;
}
.step.active.nowClick .image3:hover, .step.active.nowClick.highlighter .image3 {
	background: url("../images/screen5/image3.png") no-repeat;
	background-size: 118% auto;
	background-position: 61% 64%;
	border: 2px solid #fa6200;
	top: -2px;
	left: -1px;
}
.step.active .image4 {
	background: url("../images/screen5/image4.png") no-repeat;
	background-size: 100% auto;
}
.step.active.nowClick .image4:hover, .step.active.nowClick.highlighter .image4 {
	background: url("../images/screen5/image4.png") no-repeat;
	background-size: 118% auto;
	background-position: 61% 64%;
	border: 2px solid #fa6200;
	top: -2px;
	left: -1px;
}
.step.active .image5 {
	background: url("../images/screen5/image5.png") no-repeat;
	background-size: 100% auto;
}
.step.active.nowClick .image5:hover, .step.active.nowClick.highlighter .image5 {
	background: url("../images/screen5/image5.png") no-repeat;
	background-size: 118% auto;
	background-position: 61% 64%;
	border: 2px solid #fa6200;
	top: -2px;
	left: -1px;
}
.step.active .image6 {
	background: url("../images/screen5/image6.png") no-repeat;
	background-size: 100% auto;
}
.step.active.nowClick .image6:hover, .step.active.nowClick.highlighter .image6 {
	background: url("../images/screen5/image6.png") no-repeat;
	background-size: 118% auto;
	background-position: 61% 64%;
	border: 2px solid #fa6200;
	top: -2px;
	left: -1px;
}
.step .head {
	position:absolute;
	bottom:2px;
	right:0;
	left:0;
	margin:auto;
	color:#FFFFFF;
}
.step1 {
	top: 29px;
	left: 11px;
}
.step2 {
	top: 28px;
	left:107px;
}
.step3 {
	top: 28px;
	left:204px;
}
.step4 {
	top: 28px;
	left:303px;
}
.step5 {
	top: 28px;
	left:400px;
}
.step6 {
	top: 28px;
	left:498px;
}
.camera {
	position:absolute;
	z-index: 8;
	right: 104px;
	top: 455px;
}
.camera .videos .active {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 267px;
	height: 171px;
	background: #EEF9FF;
}
.cameraimage {
	background: url("../images/screen5/camera.png") no-repeat;
	width: 77px;
	height: 73px;
	pointer-events:none;
}
.camera.active .cameraimage.disabled {
	pointer-events: none;
}
.camera.active .cameraimage {
	background-position: -77px 0;
	cursor:pointer;
	pointer-events: visible;
}
.camera.active .cameraimage:hover, .camera.active .cameraimage.highlighter {
	background-position: -154px 0;
}
.camera.active .cameraimage:active {
	background-position: -385px 0;
}
.camera.active .cameraimage.activeImg {
	background-position: -154px 0;
}
.camera.active .arrowMarker2, .file.active .arrowMarker2 {
	background: url("../images/screen5/arrow.png") no-repeat;
	width:41px;
	height:38px;
	position:absolute;
	top: 17px;
	right: -51px;
 animation:shake .8s ease-in infinite;
	display:none;
}
.arrowMarker2.hide {
	display:none;
}
 @keyframes shake {
 0% {
right: -51px;
}
 25% {
right: -41px;
}
 50% {
right: -51px;
}
 75% {
right: -41px;
}
 100% {
right: -51px;
}
}
.file {
	position:absolute;
	z-index:8;
	right: 104px;
	top:370px;
}
.fileimage {
	background: url("../images/screen5/file.png") no-repeat;
	width: 77px;
	height: 73px;
	pointer-events:none;
}
.file.active .fileimage {
	background-position: -77px 0;
	cursor:pointer;
	pointer-events: visible;
}
.file.active .fileimage.disabled {
	pointer-events: none;
}
.file.active .fileimage.activeImg {
	background-position: -232px 0;
}
.file.active .fileimage:hover, .file.active .fileimage.highlighter {
	background-position: -154px 0;
}
.file.active .fileimage:active {
	background-position: -385px 0;
}
.videoplayer {
	width:325px;
	height:214px;
	bottom: 15px;
	right: 8px;
	position:absolute;
	opacity:0;
	visibility:hidden;
	transform:scale(0);
	transform-origin:bottom right;
 transition:.7s;
	z-index:1;
}
.videoplayerimage {
	background: url("../images/screen5/camerabig.png") no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: 1;
}
.videoplayer.show {
	opacity:1;
	visibility:visible;
	transform:scale(1);
	bottom: 3px;
	right: 115px;
}
.videoplayer .clickbtn {
	background: url("../images/screen5/clickbtn.png") no-repeat;
	width: 70px;
	height: 36px;
	position:absolute;
	top: -33px;
	left: 215px;
	background-position: -70px 0;
	cursor:pointer;
	z-index: -2;
}
.videoplayer .clickbtn.disabled {
	background-position:0 0;
	pointer-events: none;
}
.videoplayer .clickbtn:hover, .videoplayer .clickbtn.highlighter {
	background-position: -140px 0;
}
.videoplayer .clickbtn:active {
	background-position: -280px 0;
}
.videos {
	position: absolute;
	width: 279px;
	height: 171px;
	top: 26px;
	left: 5px;
	z-index: 0;
}
.videos .imgVideoPlayer {
	position: absolute;
	top: 0px;
	left: 18px;
	width: 242px;
	height: 173px;
	background: #fff;
	z-index: 1;
}
.videos .imgVideoPlayer.active {
	background: url(../images/screen5/camera_default.png) no-repeat;
	background-size: 100% auto;
}
video {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: 1;
	border-radius:4px;
}
#screen5 .screen3pop.active {
	display: block;
	left: -441px;
	top: -1745px;
}
.borderRed {
	border: 5px solid red;
	color: red;
}
#screen5 .screen3pop1_closeBtn.highlighter {
	outline: 7px solid #ffff00;
	padding: 4px;
}
#screen5 .screen3pop1_closeBtn {
	top: 1726px;
	left: 1673px;
	display: none;
}
#screen5ActivityVideo, #screen6ActivityVideo {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	width: 100%;
	height: 100%;
}
#screen5 .tableContainer {
	z-index: 2;
}
/* end screen5 */



/* start screen6 */
																
.step_box {
	background: url(../images/screen6/step_box.png) no-repeat;
	position: absolute;
	background-size: 100% 100%;
	width: 652px;
	height: 334px;
	left: 77px;
	top: 68px;
	z-index: 4;
}
.step_box_title {
	width: 236px;
	position: absolute;
	top: 147px;
	left: 101px;
	font-family: 'SassoonSans';
	color: #7F7F7F;
	font-size: 19px;
	font-weight: bold;
	z-index: 8;
	letter-spacing: 3px;
}
.step_box_title.t2 {
    top: 147px;
    left: 291px;
}
.step_box_title.t3 {
    top: 147px;
    left: 485px;
}
.step_box_title.t4 {
    top: 294px;
    left: 101px;
}
.step_box_title.t5 {
    top: 294px;
    left: 291px;
}
.step_box_title.t6 {
    top: 293px;
    left: 485px;
}
.stepBox_Common {
	position: absolute;
	width: 135px;
	height: 115px;
	z-index: 5;
}
.stepBox_Common.one {
	left: 75px;
	top: 30px;
	background: url(../images/screen6/screen6box.svg) no-repeat;
	background-size: 100% 100%;
	display:block;
}
.stepBox_Common.one.add1 {
	position: absolute;
	width: 177px;
	height: 195px;
	left: 55px;
	top: 16px;
	background: url(../images/screen6/img_1/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-11deg);
}
.stepBox_Common.one.add2 {
	position: absolute;
	width: 165px;
	height: 186px;
	left: 58px;
	top: 16px;
	background: url(../images/screen6/img_2/add.png) no-repeat;
	/*background: url(../images/screen6/img_2/img_up.png) no-repeat;*/
    background-size: 100% 100%;
	transform: rotate(12deg);
}
.stepBox_Common.one.add3 {
	position: absolute;
	width: 164px;
	height: 172px;
	left: 66px;
	top: 24px;
	background: url(../images/screen6/img_3/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(3deg);
}
.stepBox_Common.one.add4 {
	position: absolute;
	width: 165px;
	height: 155px;
	left: 60px;
	top: 13px;
	background: url(../images/screen6/img_4/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-15deg);
}
.stepBox_Common.one.add5 {
	position: absolute;
	width: 177px;
	height: 188px;
	left: 54px;
	top: 20px;
	background: url(../images/screen6/img_5/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(7deg);
}
.stepBox_Common.one.add6 {
	position: absolute;
	width: 166px;
	height: 181px;
	left: 63px;
	top: 9px;
	background: url(../images/screen6/img_6/add.png) no-repeat;
	background-size: 100% 95%;
	transform: rotate(-19deg);
}
.stepBox_Common.two {
	left: 259px;
	top: 30px;
	background: url(../images/screen6/screen6box.svg) no-repeat;
	background-size: 100% 100%;
	display:none;
}
.stepBox_Common.two.add1 {
	position: absolute;
	width: 177px;
	height: 195px;
	left: 240px;
	top: 16px;
	background: url(../images/screen6/img_1/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-11deg);
}
.stepBox_Common.two.add3 {
	position: absolute;
	width: 164px;
	height: 172px;
	left: 252px;
	top: 24px;
	background: url(../images/screen6/img_3/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(3deg);
}
.stepBox_Common.two.add4 {
	position: absolute;
	width: 174px;
	height: 163px;
	left: 237px;
	top: 11px;
	background: url(../images/screen6/img_4/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-14.2deg);
}
.stepBox_Common.two.add5 {
	position: absolute;
	width: 177px;
	height: 188px;
	left: 239px;
	top: 20px;
	background: url(../images/screen6/img_5/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(7deg);
}
.stepBox_Common.two.add6 {
	position: absolute;
	width: 166px;
	height: 181px;
	left: 250px;
	top: 9px;
	background: url(../images/screen6/img_6/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-19deg);
}
.stepBox_Common.three {
	left: 450px;
	top: 30px;
	background: url(../images/screen6/screen6box.svg) no-repeat;
	background-size: 100% 100%;
	display:none;
}
.stepBox_Common.three.add1 {
	position: absolute;
	width: 177px;
	height: 195px;
	left: 430px;
	top: 16px;
	background: url(../images/screen6/img_1/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-11deg);
}
.stepBox_Common.three.add3 {
	position: absolute;
	width: 164px;
	height: 172px;
	left: 443px;
	top: 24px;
	background: url(../images/screen6/img_3/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(3deg);
}
.stepBox_Common.three.add5 {
	position: absolute;
	width: 177px;
	height: 188px;
	left: 430px;
	top: 20px;
	background: url(../images/screen6/img_5/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(7deg);
}
.stepBox_Common.three.add6 {
	position: absolute;
	width: 166px;
	height: 181px;
	left: 440px;
	top: 9px;
	background: url(../images/screen6/img_6/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-19deg);
}
.stepBox_Common.four {
	left: 75px;
	top: 176px;
	background: url(../images/screen6/screen6box.svg) no-repeat;
	background-size: 100% 100%;
	display:none;
}
.stepBox_Common.four.add1 {
	position: absolute;
	width: 177px;
	height: 195px;
	left: 55px;
	top: 162px;
	background: url(../images/screen6/img_1/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-11deg);
}
.stepBox_Common.four.add3 {
	position: absolute;
	width: 164px;
	height: 172px;
	left: 66px;
	top: 170px;
	background: url(../images/screen6/img_3/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(3deg);
}
.stepBox_Common.four.add6 {
	position: absolute;
	width: 166px;
	height: 181px;
	left: 64px;
	top: 155px;
	background: url(../images/screen6/img_6/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-19deg);
}
.stepBox_Common.five {
	left: 259px;
	top: 176px;
	background: url(../images/screen6/screen6box.svg) no-repeat;
	background-size: 100% 100%;
	display:none;
}
.stepBox_Common.five.add3 {
	position: absolute;
	width: 164px;
	height: 172px;
	left: 251px;
	top: 170px;
	background: url(../images/screen6/img_3/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(3deg);
}
.stepBox_Common.five.add6 {
	position: absolute;
	width: 166px;
	height: 181px;
	left: 248px;
	top: 155px;
	background: url(../images/screen6/img_6/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-19deg);
}
.stepBox_Common.six {
	left: 450px;
	top: 177px;
	background: url(../images/screen6/screen6box.svg) no-repeat;
	background-size: 100% 100%;
	display:none;
}
.stepBox_Common.six.add6 {
	position: absolute;
	width: 166px;
	height: 181px;
	left: 439px;
	top: 156px;
	background: url(../images/screen6/img_6/add.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-19deg);
}
.stepBox_Common.one.valid {
	background: url(../images/screen6/img_2/img_up.png) no-repeat;
	background-size: 105% auto;
	top: 16px;
	left: 54px;
}
.stepBox_Common.two.valid {
	background: url(../images/screen6/img_4/img_up.png) no-repeat;
	background-size: 100% auto;
	top: 12px;
	left: 236px;
}
.stepBox_Common.three.valid {
	background: url(../images/screen6/img_5/img_up.png) no-repeat;
	background-size: 100% auto;
	top: 23px;
	width: 167px;
	left: 438px;
}
.stepBox_Common.four.valid {
	background: url(../images/screen6/img_1/img_up.png) no-repeat;
	background-size: 100% auto;
	top: 165px;
	width: 166px;
	left: 59px;
}
.stepBox_Common.five.valid {
	background: url(../images/screen6/img_3/img_up.png) no-repeat;
	background-size: 100% auto;
	top: 172px;
	left: 252px;
	width: 165px;
}
.stepBox_Common.six.valid {
	background: url(../images/screen6/img_6/img_up.png) no-repeat;
	background-size: 100% auto;
	top: 157px;
	left: 441px;
}
.img_for_box {
	cursor:pointer;
	position: absolute;
	width: 133px;
	height: 147px;
	top: 430px;
	z-index: 6;
	backface-visibility: hidden;
}
.img_for_box.one {
	z-index: 6;
	left:84px;
	background: url(../images/screen6/img_1/img_up.png) no-repeat;
	background-size: 100% 100%;
	height:150px;
}
.img_for_box.one.disabled {
	background: url(../images/screen6/img_1/fade.png) no-repeat;
	background-size: 100% 100%;
	cursor: default;
}
.img_for_box.one.add {
	display:none;
}
.img_for_box.one:not(.disabled):hover, .img_for_box.one:not(.disabled).highlighter {
 z-index: 6;
 background: url(../images/screen6/img_1/img_hover.png) no-repeat;
 background-size: 100% 100%;
 transform:scale(1.2);
 top: 427px;
}
.img_for_box.two {
	z-index: 5;
	left: 198px;
	background: url(../images/screen6/img_2/img_up.png) no-repeat;
	background-size: 100% 100%;
}
.img_for_box.two.disabled {
	background: url(../images/screen6/img_2/fade.png) no-repeat;
	background-size: 100% 100%;
	cursor: default;
}
.img_for_box.two.add {
	display:none;
}
.img_for_box.two:not(.disabled):hover, .img_for_box.two:not(.disabled).highlighter {
 z-index: 5;
 background: url(../images/screen6/img_2/img_hover.png) no-repeat;
 background-size: 100% 100%;
 transform:scale(1.2);
}
.img_for_box.three {
	z-index: 6;
	left: 306px;
	background: url(../images/screen6/img_3/img_up.png) no-repeat;
	background-size: 100% 100%;
	width:130px;
	height:147px;
}
.img_for_box.three.disabled {
	background: url(../images/screen6/img_3/fade.png) no-repeat;
	background-size: 100% 100%;
	cursor: default;
}
.img_for_box.three.add {
	display:none;
}
.img_for_box.three:not(.disabled):hover, .img_for_box.three:not(.disabled).highlighter {
 z-index: 6;
 background: url(../images/screen6/img_3/img_hover.png) no-repeat;
 background-size: 100% 100%;
 transform:scale(1.2);
}
.img_for_box.four {
	z-index: 6;
	left: 397px;
	background: url(../images/screen6/img_4/img_up.png) no-repeat;
	background-size: 100% 100%;
	top: 408px;
	width: 130px;
}
.img_for_box.four.disabled {
	background: url(../images/screen6/img_4/fade.png) no-repeat;
	background-size: 100% 100%;
	cursor: default;
}
.img_for_box.four.add {
	display:none;
}
.img_for_box.four:not(.disabled):hover, .img_for_box.four:not(.disabled).highlighter {
 z-index: 6;
 background: url(../images/screen6/img_4/img_hover.png) no-repeat;
 background-size: 100% 100%;
 transform:scale(1.2);
}
.img_for_box.five {
	z-index: 6;
	left: 503px;
	background: url(../images/screen6/img_5/img_up.png) no-repeat;
	background-size: 100% 100%;
}
.img_for_box.five.disabled {
	background: url(../images/screen6/img_5/fade.png) no-repeat;
	background-size: 100% 100%;
	cursor: default;
}
.img_for_box.five.add {
	display:none;
}
.img_for_box.five:not(.disabled):hover, .img_for_box.five:not(.disabled).highlighter {
 z-index: 6;
 background: url(../images/screen6/img_5/img_hover.png) no-repeat;
 background-size: 100% 100%;
 transform: scale(1.2);
 left: 498px;
 top: 426px;
}
.img_for_box.six {
	z-index: 6;
	left: 602px;
	background: url(../images/screen6/img_6/img_up.png) no-repeat;
	background-size: 100% 100%;
	top:414px;
}
.img_for_box.six.disabled {
	background: url(../images/screen6/img_6/fade.png) no-repeat;
	background-size: 100% 100%;
	cursor: default;
}
.img_for_box.six.add {
	display:none;
}
.img_for_box.six:not(.disabled):hover, .img_for_box.six:not(.disabled).highlighter {
 z-index: 6;
 background: url(../images/screen6/img_6/img_hover.png) no-repeat;
 background-size: 100% 100%;
 transform: scale(1.2);
 top: 429px;
 left: 597px;
}
.screen6_popup {
	position: absolute;
	width: 453px;
	height: 290px;
	left: 197px;
	top: 172px;
}
.screen6_popup .end_vid {
	z-index: 6;
	overflow: hidden;
}
.screen6_popup .screen_frame {
	background: url(../images/screen6/screen6_popup.svg) no-repeat;
	background-size: 100% 100%;
	z-index: 6;
	width: 360px;
	height: 256px;
	position: absolute;
	top: -4px;
	left: 19px;
}
.screen6_popup_button {
	background: url(../images/screen6/button_pop0001.png) no-repeat;
	position: absolute;
	background-size: 100% 100%;
	width: 56px;
	height: 56px;
	left: 333px;
	top: 205px;
	z-index: 7;
	cursor: pointer;
}
.screen6_popup_button:hover, .screen6_popup_button.highlighter {
	background: url(../images/screen6/button_pop0002.png) no-repeat;
	background-size: 100% 100%;
}
#sixintro {
	width: 79%;
	height: 100%;
	position: absolute;
	top: -20px;
	left: 21px;
	z-index: 6;
}
#screen6StartIntroVideo, #screen6ActivityVideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.screen6_popup {
	display: none;
}
.replayBtn {
	position: absolute;
	left: 300px;
	bottom: 75px;
	width: 98px;
	height: 99px;
	background: url(../images/screen6/replay.png) no-repeat;
	background-size: 100% auto;
	cursor: pointer;
	display: none;
	z-index: 13;
}
.replayBtn:hover {
	background: url('../images/screen6/replay-hover.png') no-repeat;
	background-size: 100% auto;
}
/* end screen6 */

/* start screen7 */
#screen7 .tableContainer {
	z-index: 1;
}
.print_bg {
	background: url("../images/print/print_bg.png");
	background-size: 100% 100%;
	width: 839px;
	height: 357px;
	position: absolute;
	left: -30px;
	top: 248px;
}
#screen7 .people {
	width: 679px;
	height: 309px;
	position: absolute;
	top: 269px;
	left: 69px;
	z-index: 1;
}
#screen7 .eye2_7 {
	z-index: 5;
}
#screen7 .glasses_7 {
	position: absolute;
	z-index: 5;
}
#screen7 .eye3_7 {
	z-index: 10;
}
#screen7 .eye4_7 {
	z-index: 5;
}
#screen7 .eye4_r_7 {
	position: absolute;
	top: 64px;
	left: 1px;
	z-index: 10;
	transform: scale(.9);
}
#screen7 .eye5_7 {
	z-index: 5;
}
#screen7 .eye6_7 {
	z-index: 10;
}
#chef {
	background: url("../images/screen2/chefs.png") no-repeat top left;
	width: 172px;
	height: 425px;
	position:absolute;
	top: 121px;
	left: 201px;
	z-index: 1;
	transform: scale(0.95);
}
.print_button {
	background: url("../images/print/print.png");
	background-size: 100% auto;
	width: 403px;
	height: 126px;
	position: absolute;
	left: 286px;
	top: 376px;
	z-index: 13;
	cursor: pointer;
}
.print_button:hover {
	background: url("../images/print/print-hover.png");
	background-size: 100% auto;
}
.print_button:active {
	background: url("../images/print/print-active.png");
	background-size: 100% auto;
}
.print_button .print_text {
	left: 178px;
	width: 210px;
	position: relative;
	top: 51px;
	font-family: 'SassoonSans';
	color: #000000;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
}
.print_button .printlogo {
	background: url("../images/print/printlogo.png") no-repeat;
	background-size: 100% auto;
	width: 87px;
	height: 70px;
	position: absolute;
	left: 6px;
	top: 26px;
	z-index: 25;
	cursor: pointer;
}
/* end screen7 */




/*------------------------------ end ----------------------------------------------------------------*/
.footer {
	min-width: 816px;
	height: 50px;
	position: absolute;
	top: 620px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.footer .fter {
	width:816px;
	position:relative;
	margin:auto;
}
.footer .copyright {
	position: relative;
	text-align: center;
	font-size: 12px;
	margin-top: 9px;
	font-family: arial;
}
.footer .logo {
	width: 108px;
	height:48px;
	background: url('../images/support_files/tlf_logo.png') no-repeat;
	position: absolute;
	top:0px;
	left:0;
	cursor:pointer;
}
.footer .link {
	width: 88px;
	height:31px;
	background: url('../images/support_files/link.png') no-repeat;
	position: absolute;
	top:0px;
	right:0;
	cursor:pointer;
}
.footer .copyright .gameLink {
	cursor: pointer;
	color: #00F;
}
.footer .link .gameLink {
	width: 88px;
	height:31px;
	position:absolute;
	cursor: pointer;
}
/*-----------------------------------------------------------------------------------*/
ol.step-list {
	list-style-type: none;
}
.step-list li {
	display: table;
}
.step-list .num {
	display: table-cell;
	padding-right: 25px;
}
.tbl {
	position: absolute;
	top: 437px;
	left: 140px;
	width:546px;
	height:171px;
	background: url("../images/screen2/table.png") no-repeat;
	background-size: 100% auto;
	z-index:4;
}
#screen4 .popup {
	z-index: 1;
}
.filterGray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
.filterGrayBlue {
	-webkit-filter: url(#monochrome) grayscale(100%) contrast(0.7) brightness(1.2);
	-moz-filter: url(#monochrome) grayscale(100%) contrast(0.7) brightness(1.2);
	-ms-filter: url(#monochrome) grayscale(100%) contrast(0.7) brightness(1.2);
	-o-filter: url(#monochrome) grayscale(100%) contrast(0.7) brightness(1.2);
	filter: url(#monochrome) grayscale(100%) contrast(0.7) brightness(1.2);
}
#screen7 .people .eye1 {
	background: url(../images/print/eye1.png) no-repeat top left;
	width: 37px;
	height: 20px;
	position: absolute;
	top: 52px;
	left: 260px;
	-webkit-animation: eye1_7 5s 2s steps(62) infinite;
	-moz-animation: eye1_7 5s 2s steps(62) infinite;
	-ms-animation: eye1_7 5s 2s steps(62) infinite;
	-o-animation: eye1_7 5s 2s steps(62) infinite;
	animation: eye1_7 5s 2s steps(62) infinite;
}
@-webkit-keyframes eye1_7 {
from {
background-position:0 0;
}
to {
	background-position:-2294px 0px;
}
}
@-moz-keyframes eye1_7 {
from {
background-position:0 0;
}
to {
	background-position:-2294px 0px;
}
}
@-ms-keyframes eye1_7 {
from {
background-position:0 0;
}
to {
	background-position:-2294px 0px;
}
}
@-o-keyframes eye1_7 {
from {
background-position:0 0;
}
to {
	background-position:-2294px 0px;
}
}
@keyframes eye1_7 {
from {
background-position:0 0;
}
to {
	background-position:-2294px 0px;
}
}
#screen7 .people .eye2 {
	background: url(../images/print/eye2.png) no-repeat top left;
	width:39px;
	height: 18px;
	position:absolute;
	top: 42px;
	left: 532px;
	-webkit-animation: eye2_7 1.5s 5s steps(51) infinite;
	-moz-animation: eye2_7 1.5s 5s steps(51) infinite;
	-ms-animation: eye2_7 1.5s 5s steps(51) infinite;
	-o-animation: eye2_7 1.5s 5s steps(51) infinite;
	animation: eye2_7 1.5s 5s steps(51) infinite;
}
@-webkit-keyframes eye2_7 {
from {
background-position:0 0;
}
to {
	background-position:-1989px 0px;
}
}
@-moz-keyframes eye2_7 {
from {
background-position:0 0;
}
to {
	background-position:-1989px 0px;
}
}
@-ms-keyframes eye2_7 {
from {
background-position:0 0;
}
to {
	background-position:-1989px 0px;
}
}
@-o-keyframes eye2_7 {
from {
background-position:0 0;
}
to {
	background-position:-1989px 0px;
}
}
@keyframes eye2_7 {
from {
background-position:0 0;
}
to {
	background-position:-1989px 0px;
}
}
#screen7 .people .glasses {
	background: url("../images/print/glass.png") no-repeat top left;
	width:58px;
	height:17px;
	position:absolute;
	top: 43px;
	left: 521px;
}
#screen7 .people .eye3 {
	background: url("../images/print/eye3.png") no-repeat top left;
	width: 36px;
	height: 17px;
	position:absolute;
	top: 39px;
	left: 417px;
	-webkit-animation: eye3_7 2s 4s steps(50) infinite;
	-moz-animation: eye3_7 2s 4s steps(50) infinite;
	-ms-animation: eye3_7 2s 4s steps(50) infinite;
	-o-animation: eye3_7 2s 4s steps(50) infinite;
	animation: eye3_7 2s 4s steps(50) infinite;
}
@-webkit-keyframes eye3_7 {
from {
background-position:0 0;
}
to {
	background-position:-1800px 0px;
}
}
@-moz-keyframes eye3_7 {
from {
background-position:0 0;
}
to {
	background-position:-1800px 0px;
}
}
@-ms-keyframes eye3_7 {
from {
background-position:0 0;
}
to {
	background-position:-1800px 0px;
}
}
@-o-keyframes eye3_7 {
from {
background-position:0 0;
}
to {
	background-position:-1800px 0px;
}
}
@keyframes eye3_7 {
from {
background-position:0 0;
}
to {
	background-position:-1800px 0px;
}
}
#screen7 .people .eye4 {
	background: url("../images/print/eye4.png") no-repeat top left;
	width: 9px;
	height: 7px;
	position:absolute;
	top: 60px;
	left: -23px;
	-webkit-animation: eye4_7 1.5s 4s steps(57) infinite;
	-moz-animation: eye4_7 1.5s 4s steps(57) infinite;
	-ms-animation: eye4_7 1.5s 4s steps(57) infinite;
	-o-animation: eye4_7 1.5s 4s steps(57) infinite;
	animation: eye4_7 1.5s 4s steps(57) infinite;
}
#screen7 .people .eye4_r {
	background: url("../images/print/eye4.png") no-repeat top left;
	width: 9px;
	height: 7px;
	position:absolute;
	top: 60px;
	left: -1px;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-webkit-animation:eye4_7 1.5s 4s steps(57) infinite;
	-moz-animation:eye4_7 1.5s 4s steps(57) infinite;
	-ms-animation:eye4_7 1.5s 4s steps(57) infinite;
	-o-animation:eye4_7 1.5s 4s steps(57) infinite;
	animation:eye4_7 1.5s 4s steps(57) infinite;
}
@-webkit-keyframes eye4_7 {
from {
background-position:0 0;
}
to {
	background-position:-513px 0px;
}
}
@-moz-keyframes eye4_7 {
from {
background-position:0 0;
}
to {
	background-position:-513px 0px;
}
}
@-ms-keyframes eye4_7 {
from {
background-position:0 0;
}
to {
	background-position:-513px 0px;
}
}
@-o-keyframes eye4_7 {
from {
background-position:0 0;
}
to {
	background-position:-513px 0px;
}
}
@keyframes eye4_7 {
from {
background-position:0 0;
}
to {
	background-position:-513px 0px;
}
}
#screen7 .people .eye5 {
	background: url("../images/print/eye5.png") no-repeat top left;
	width: 36px;
	height: 13px;
	position:absolute;
	top: 40px;
	left: 117px;
	-webkit-animation: eye5_7 1.5s 4s steps(50) infinite;
	-moz-animation: eye5_7 1.5s 4s steps(50) infinite;
	-ms-animation: eye5_7 1.5s 4s steps(50) infinite;
	-o-animation: eye5_7 1.5s 4s steps(50) infinite;
	animation: eye5_7 1.5s 4s steps(50) infinite;
}
@-webkit-keyframes eye5_7 {
from {
background-position:0 0;
}
to {
	background-position:-1800px 0px;
}
}
@-moz-keyframes eye5_7 {
from {
background-position:0 0;
}
to {
	background-position:-1800px 0px;
}
}
@-ms-keyframes eye5_7 {
from {
background-position:0 0;
}
to {
	background-position:-1800px 0px;
}
}
@-o-keyframes eye5_7 {
from {
background-position:0 0;
}
to {
	background-position:-1800px 0px;
}
}
@keyframes eye5_7 {
from {
background-position:0 0;
}
to {
	background-position:-1800px 0px;
}
}
#screen7 .people .eye6 {
	background: url("../images/print/eye6.png") no-repeat top left;
	width: 37px;
	height: 16px;
	position:absolute;
	top: 47px;
	left: 662px;
	-webkit-animation: eye6_7 1.5s 3s steps(50) infinite;
	-moz-animation: eye6_7 1.5s 3s steps(50) infinite;
	-ms-animation: eye6_7 1.5s 3s steps(50) infinite;
	-o-animation: eye6_7 1.5s 3s steps(50) infinite;
	animation: eye6_7 2s 1.5s steps(50) infinite;
}
@-webkit-keyframes eye6_7 {
from {
background-position:0 0;
}
to {
	background-position:-1850px 0px;
}
}
@-moz-keyframes eye6_7 {
from {
background-position:0 0;
}
to {
	background-position:-1850px 0px;
}
}
@-ms-keyframes eye6_7 {
from {
background-position:0 0;
}
to {
	background-position:-1850px 0px;
}
}
@-o-keyframes eye6_7 {
from {
background-position:0 0;
}
to {
	background-position:-1850px 0px;
}
}
@keyframes eye6_7 {
from {
background-position:0 0;
}
to {
	background-position:-1850px 0px;
}
}