html, body {
	margin: 0 0 0 0;
	border: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Comic_Sans_MS, arial, verdana, helvetica, sans-serif, tahoma;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	 -khtml-user-select: none; /* Konqueror */
	   -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  not supported by any browser */
}

.container{
	/*width: 950px;
	height: 631px;	
	border: 7px solid #2484FF;*/
    background-color: #FFFFFF;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	position: relative;
}

.container #mainGame {
	position: relative;
	margin:0px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	/* width: 86.3157894736842%;
	height: 97.82945736434108%; */
	/*border: 7px solid rgb(204, 204, 204);*/
	overflow:hidden;
	width: 820px;
	height: 617px;
	 background: url(../images/bg.png);
	 background-size: 100% 101%;
    background-position: 0px -2px;
}
.loadermove{
	width: 278px;
	height: 459px;
	position:absolute;
	transform:scale(0.6);
	left:-25%;
	top:3%;
	animation:loadermove 13s linear forwards;
	display:none;
	
}
@keyframes loadermove{
	from{left:-25%;top:0%;}
	to{left:100%;top:17%; }
}

.loader1{
	width: 278px;
	height: 459px;
	position:relative;
	top:0px;left:0px;
	background:url(../images/sprite3.png);
	animation:sprite1 3s steps(34) infinite;
	
}

@keyframes sprite1{
	from{background-position:0 0;}
	to{background-position: -9452px 0; }
}

.mouth1{
	width: 27px;
    height: 17px;
    position: absolute;
    background:#e8b6a0 url(../images/1.png) no-repeat;
    top: 136px;
    left: 161px;
	animation:mouth1 1.2s 2s linear infinite;
}
@keyframes mouth1{
	0%{background:#e8b6a0 url(../images/1.png) no-repeat;top: 136px;left: 161px;}
	32%{background:#e8b6a0 url(../images/1.png) no-repeat;top: 136px;left: 161px;}
	32%{background:#e8b6a0 url(../images/2.png) no-repeat;top: 136px;left: 161px;}
	66%{background:#e8b6a0 url(../images/2.png) no-repeat;top: 136px;left: 161px;}
	67%{background:#e8b6a0 url(../images/3.png) no-repeat;top: 136px;left: 161px;background-position: 9px}
	100%{background:#e8b6a0 url(../images/3.png) no-repeat;top: 136px;left: 161px;background-position: 9px}
}



.loadingscreen{
	width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(128 128 128 / 0.4);
    top: 0px;
    left: 0px;
}
.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.startButton {
	display: inline-block;
    padding: 8px 28px;
    border-radius: 10rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: .15rem;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    font-size: 24px;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    width: 100px;
    height: 40px;
    line-height: 40px;
	
}
.startButton:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0cf;
  border-radius: 10rem;
  z-index: -2;
}
.startButton:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #008fb3;
  transition: all .3s;
  border-radius: 10rem;
  z-index: -1;
}
.startButton:hover {
  color: #fff;
}
.startButton:hover:before {
  width: 100%;
}
#video1{
	width: 101%;
    height: 101%;
    position: relative;
    left: -4px;
    display: none;
    top: -4px;
}

#video2{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.second{
	width: 101%;
    height: 101%;
    background: url(../images/bg1.png);
    position: absolute;
    top: -3px;
    left: -3px;
	background-size: 100% 102%;
	display:none;
}

.animation1{
	width: 100px;
    height: 194px;
    position: absolute;
    top: 333px;
    left: 484px;
	animation:animation1 2s 4s linear forwards;
}
@keyframes animation1{
	from{ top: 333px;left: 484px;}
	to{top: 356px;left: 438px;}
}
.ani1{
	width: 100px;
    height: 194px;
    background: url(../images/sprite4.png);
    position: absolute;
    top: 0px;
    left:0px;
	animation:ani1 6s steps(160) forwards;
}
@keyframes ani1{
	from{background-position:0 0;}
	to{ background-position: -16000px 0;}
}


.animation2{
	width: 140px;
    height: 197px;
    position: absolute;
    top: 350px;
    left: 780px;
	animation:animation2 5.5s linear forwards;
}
@keyframes animation2{
	from{  top: 350px;left: 780px;}
	to{top: 435px;left: 475px;}
}
.ani2{
	width: 140px;
    height: 197px;
    background: url(../images/sprite5.png);
    position: absolute;
    top: 0px;
    left: 0px;
	animation:ani2 6s steps(175) forwards;
}

@keyframes ani2{
	from{background-position:0 0;}
	to{ background-position: -24500px 0;}
}



.third{
	width: 101%;
    height: 101%;
    background: url(../images/bg2.png);
    position: absolute;
    top: -3px;
    left: -3px;
	background-size: 100% 102%;
    display:none; 
}

.third .girl1img1{
	width: 489px;
    height: 856px;
    background: url(../images/girl1/img1.png);
    position: absolute;
    top: 119px;
    left: 406px;
    background-size: 100% 100%;
}


.third .girl1img2{
	width: 105px;
    height: 24px;
    background: url(../images/girl1/img2.png);
    position: absolute;
    top: 106px;
    left: 173px;
    background-size: 100% 100%;
}

.third .girl1img3{
	width: 85px;
    height: 38px;
    background: url(../images/girl1/img3.png) no-repeat;
    position: absolute;
    top: 217px;
    left: 188px;
    background-position: center;
	animation:girl1img3 1s linear 2;
}

@keyframes girl1img3{
	
	0%{ background: url(../images/girl1/img3.png);background-size: 100% 100%;}
	25%{ background: url(../images/girl1/img3.png);background-size: 100% 100%;}
	26%{ background: url(../images/girl1/img5.png);background-size: 100% 100%;}
	50%{ background: url(../images/girl1/img5.png);background-size: 100% 100%;}
	51%{ background: url(../images/girl1/img6.png);background-size: 100% 100%;}
	75%{ background: url(../images/girl1/img6.png);background-size: 100% 100%;}
	76%{ background: url(../images/girl1/img11.png) no-repeat;background-size: unset; background-position: center;}
	100%{ background: url(../images/girl1/img11.png) no-repeat;background-size: unset; background-position: center;}
	
	
}


.third .girl1img7{
	width: 111px;
    height: 29px;
    background: url(../images/girl1/img7.png);
    position: absolute;
    top: 136px;
    left: 171px;
    background-size: 100% 100%;
	opacity:0;
	animation:girl1img7 3s 1s linear 2;
}
@keyframes girl1img7{
	0%{opacity:0;}
	90%{opacity:0;}
	96%{opacity:1;}
	100%{opacity:1;}
}

.third .girl2img1{
	width: 432px;
    height: 503px;
    background: url(../images/girl2/img1.png);
    position: absolute;
    top: 416px;
    left: 382px;
    background-size: 100% 100%;
	animation:girl2img1 1s 0.1s linear forwards;
}
@keyframes girl2img1{
	0%{ left: 382px;}
	100%{ left: 85px;}
}

.third .girl2img2{
	width: 420px;
    height: 557px;
    background: url(../images/girl2/img2.png);
    position: absolute;
    top: -279px;
    left: -55px;
    background-size: 100% 100%;
}
.third .girl2img9{
	width: 94px;
    height: 160px;
    background: url(../images/girl2/img9.png);
    position: absolute;
    top: -26px;
    left: -36px;
    background-size: 100% 100%;
	transform-origin: 60px 30px;
	animation:girl2img9 1s 0.1s linear forwards
}
@keyframes girl2img9{
	0%{ transform: rotate(0deg);}
	33%{ transform: rotate(-7deg);}
	66%{ transform: rotate(0deg);}
	100%{  transform: rotate(-7deg);}
}

.third .girl2img10{
	width: 102px;
    height: 179px;
    background: url(../images/girl2/img10.png);
    position: absolute;
    top: 124px;
    left: -37px;
    background-size: 100% 100%;
}


.third .girl2img6{
	width: 80px;
    height: 35px;
    background: url(../images/girl2/img6.png);
    position: absolute;
    top: 201px;
    left: 171px;
    background-size: 100% 100%;
	animation:girl2img6 1s 3s linear 8;
}
@keyframes girl2img6{
	
	0%{ background: url(../images/girl2/img6.png);background-size: 100% 100%;}
	25%{ background: url(../images/girl2/img6.png);background-size: 100% 100%;}
	26%{ background: url(../images/girl2/img7.png) no-repeat;background-size: auto 100%;background-position: center;}
	50%{ background: url(../images/girl2/img7.png) no-repeat;background-size: auto 100%;background-position: center;}
	51%{ background: url(../images/girl2/img8.png) no-repeat;background-position: center;}
	75%{ background: url(../images/girl2/img8.png) no-repeat;background-position: center;}
	76%{ background: url(../images/girl2/img11.png) no-repeat;background-position: center;}
	100%{ background: url(../images/girl2/img11.png) no-repeat;background-position: center;}
	
}

.third .girl2img12{
	width: 111px;
    height: 25px;
    background: url(../images/girl2/img12.png);
    position: absolute;
    top: 118px;
    left: 156px;
    background-size: 100% 100%;
}

.third .girl2img13{
	width: 122px;
    height: 20px;
    background: url(../images/girl2/img13.png);
    position: absolute;
    top: -1px;
    left: -6px;
    background-size: 100% 100%;
}

.third .girl2img3{
	width: 99px;
    height: 19px;
    background: url(../images/girl2/img3.png);
    position: absolute;
    top: 88px;
    left: 159px;
    background-size: 100% 100%;
}

.third .girl2img4{
	width: 123px;
    height: 25px;
    background: url(../images/girl2/img4.png);
    position: absolute;
    top: 118px;
    left: 150px;
    background-size: 100% 100%;
	animation:girl2img4 7s linear 1;
	opacity:0;
}
@keyframes girl2img4{
	0%{opacity:0;}
	10%{opacity:0;}
	11%{opacity:1;}
	12%{opacity:1;}
	13%{opacity:0;}
	98%{opacity:0;}
	99%{opacity:1;}
	100%{opacity:1;}
}

.thumsup{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:white;
	display:none;
}


.third .up{
	width: 176px;
    height: 198px;
    background: url(../images/up.png);
    position: absolute;
    top: 100px;
	left: 450px;
	cursor: pointer;
    background-size: 100% 100%;
	animation:z 0.2s 2s linear 1;
}
.third .down{
	width: 176px;
    height: 198px;
    background: url(../images/down.png);
    position: absolute;
    top: 340px;
	left: 450px;
	cursor: pointer;
    background-size: 100% 100%;
	animation:z 0.2s 2.3s linear 1;
}
@keyframes z{
	0%{transform:scale(1);}
	100%{transform:scale(1.1);}
}
.third .upText {
    
    position: absolute;
    left: 119px;
    top: 183px;
    font-size: 30px;
    text-transform: uppercase;
	color:red;
}
.third .downText {
    
    position: absolute;
    left: 119px;
    top: 405px;
    font-size: 30px;
    text-transform: uppercase;
	color:red;
}

.imgscreen{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background: url(../images/bg3.png);
	background-size:100% 100%;
	display:none;
}

/* .imgscreen1{
	width:1331px;
	height:638px;
	position:absolute;
	top: -14px;
    left: -70px;
	background: url(../images/img1/img2.png);
	background-size:100% 100%;
}
.imgscreen2{
	width:1278px;
	height:319px;
	position:absolute;
	top: -14px;
    left: -90px;
	background: url(../images/img1/img1.png);
	background-size:100% 100%;
}
.imgscreen3{
	width:625px;
	height:326px;
	position:absolute;
	top: -14px;
    left: 562px;
	background: url(../images/img1/img5.png);
	background-size:100% 100%;
}
.imgscreen4{
	width:593px;
	height:376px;
	position:absolute;
	top: 88px;
    left: 281px;
	background: url(../images/img1/img3.png);
	background-size:100% 100%;
} */
.imgscreen1{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg4.png);
	background-size: 100% 100%;
	display:none;

}
/* .imgscreen1img{
	width:654px;
	height:928px;
	position:absolute;
	top: 293px;
    left: 128px;
	

}

.imgscreen1img1{
	width:654px;
	height:928px;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/girl3/img4.png);
	background-position: 100% 100%;

}


.imgscreen1img2{
	width:503px;
	height:574px;
	position:absolute;
	top: -64px;
    left: 0px;
	background: url(../images/girl3/img1.png);
	background-position: 100% 100%;

}
.imgscreen1img3{
	width:399px;
	height:446px;
	position:absolute;
	top: -239px;
    left: 61px;
	background: url(../images/girl3/img2.png);
	background-position: 100% 100%;

}

.imgscreen1img4{
	width:339px;
	height:111px;
	position:absolute;
	top: -258px;
    left: 121px;
	background: url(../images/girl3/img5.png);
	background-position: 100% 100%;

}
.imgscreen1img4 div{
	width:204px;
	height:95px;
	position:absolute;
	top: 19px;
    left: 66px;
	background: url(../images/girl3/img15.png);
	background-position: 100% 100%;

}
.imgscreen1img5{
	width:150px;
	height:222px;
	position:absolute;
	top: -217px;
    left: 359px;
	background: url(../images/girl3/img6.png);
	background-position: 100% 100%;

}
.imgscreen1img6{
	width:115px;
	height:137px;
	position:absolute;
	top: -7px;
    left: 413px;
	background: url(../images/girl3/img7.png);
	background-position: 100% 100%;

}
 */

.imgscreen1img1{
	width:183px;
	height:33px;
	position:absolute;
	top: 150px;
    left: 381px;
	background: url(../images/girl3/img13.png);
	background-size: 100% 100%;
	animation:imgscreen1img1 4s 1.3s linear 3;

}
@keyframes imgscreen1img1{
	50%{background: url(../images/girl3/img13.png);background-size: 100% 100%;}
	51%{background: url(../images/girl3/img14.png);background-size: 100% 100%;}
	60%{background: url(../images/girl3/img14.png);background-size: 100% 100%;}
	61%{background: url(../images/girl3/img13.png);background-size: 100% 100%;}
}
 .imgscreen1img2{
	width:163px;
	height:34px;
	position:absolute;
	top: 207px;
    left: 400px;
	background: url(../images/girl3/img16.png);
	background-position: 100% 100%;
	opacity:0;
	animation:imgscreen1img2 4s 1s linear 3;
}
@keyframes imgscreen1img2{
	50%{opacity:0;}
	51%{opacity:1;}
	52%{opacity:1;}
	53%{opacity:0;}
}
 .imgscreen1img3{
	width:120px;
	height:53px;
	position:absolute;
	top: 340px;
    left: 422px;
	background: url(../images/girl3/img8.png) no-repeat;
	background-position:center;
}
.imgscreen1img3.one{animation:imgscreen1img3 1s 0.6s linear 15 ;}
.imgscreen1img3.repeat{
	animation:imgscreen1img3 1s 0.2s linear 4 ;
}
.imgscreen1img3.repeat1{
	animation:imgscreen1img3 1.2s 0.6s linear 2 ;
}
@keyframes imgscreen1img3{
	
	0%{ background: url(../images/girl3/img9.png);background-size: 100% 100%;}
	33%{ background: url(../images/girl3/img9.png);background-size: 100% 100%;}
	34%{ background: url(../images/girl3/img10.png) no-repeat;background-size: unset; background-position: center;}
	66%{ background: url(../images/girl3/img10.png) no-repeat;background-size: unset; background-position: center;}
	67%{ background: url(../images/girl3/img12.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl3/img12.png);background-size: 100% 100%;}
	
	
}
 
 .fullscreen{
	position: absolute;
    border: 1px solid black;
    padding: 5px 5px;
    color: black;
    cursor: pointer;
    top: 0px;
    background: white;
    font-size: 12px;
    font-weight: bold;
 }
.zoom{
	zoom: 1.4;
}
.skipintro{
	position: absolute;
    border: 1px solid black;
    padding: 4px 19px;
    color: black;
    cursor: pointer;
    top: 0px;
    right: 0px;
    background: white;
    font-size: 12px;
    font-weight: bold;
	display:none;
 }




.imgscreen2{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg5.png);
	background-size: 100% 100%;
	display:none;

}
.imgscreen2img1{
	width:148px;
	height:26px;
	position:absolute;
	top: 172px;
    left: 395px;
	background: url(../images/girl4/img1.png);
	background-size: 100% 100%;
	animation:imgscreen2img1 4s 3s linear 5;

}
@keyframes imgscreen2img1{
	50%{top: 172px;}
	51%{top: 152px;}
	60%{top: 152px;}
	61%{top: 172px;}
}
 .imgscreen2img2{
	width:157px;
	height:37px;
	position:absolute;
	top: 196px;
    left: 389px;
	background: url(../images/girl4/img3.png);
	background-position: 100% 100%;
    opacity:0;
	animation:imgscreen2img2 5s 4s linear 4;
} 
@keyframes imgscreen2img2{
	50%{opacity:0;}
	51%{opacity:1;}
	52%{opacity:1;}
	53%{opacity:0;}
}
 .imgscreen2img3{
	width:111px;
	height:49px;
	position:absolute;
	top: 317px;
    left: 414px;
	background: url(../images/girl4/img2.png) no-repeat;
	
	 animation:imgscreen2img3 1.25s 0.5s linear 20 ;
	background-position:center;
}
 
@keyframes imgscreen2img3{
	
	0%{ background: url(../images/girl4/img4.png);background-size: 100% 100%;}
	25%{ background: url(../images/girl4/img4.png);background-size: 100% 100%;}
	26%{ background: url(../images/girl4/img5.png);background-size: 100% 100%;}
	50%{ background: url(../images/girl4/img5.png);background-size: 100% 100%;}
	51%{ background: url(../images/girl4/img6.png) no-repeat;background-size: unset; background-position: center;}
	75%{ background: url(../images/girl4/img6.png) no-repeat;background-size: unset; background-position: center;}
	76%{ background: url(../images/girl4/img7.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl4/img7.png);background-size: 100% 100%;}
	
	
}
 











.imgscreen3{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg6.png);
	background-size: 100% 100%;
	display:none;

}
.imgscreen3img1{
	width:147px;
	height:37px;
	position:absolute;
	top: 172px;
    left: 395px;
	background: url(../images/girl5/img1.png);
	background-size: 100% 100%;
	animation:imgscreen3img1 3s 0.5s linear 1; 

}
@keyframes imgscreen3img1{
	50%{top: 172px;}
	51%{top: 152px;}
	60%{top: 152px;}
	61%{top: 172px;}
}
 .imgscreen3img2{
	width:153px;
	height:42px;
	position:absolute;
	top: 203px;
    left: 387px;
	background: url(../images/girl5/img2.png);
	background-position: 100% 100%;
    opacity:0;
	 animation:imgscreen3img2 1s 0.5s linear 1;
} 
@keyframes imgscreen3img2{
	50%{opacity:0;}
	51%{opacity:1;}
	52%{opacity:1;}
	53%{opacity:0;}
}
 .imgscreen3img3{
	width:119px;
	height:54px;
	position:absolute;
	top: 317px;
    left: 420px;
	background: url(../images/girl5/img3.png) no-repeat;
	
	animation:imgscreen3img3 1.5s 0.5s linear 2 ;
	background-position:center;
}
 
@keyframes imgscreen3img3{
	
	0%{ background: url(../images/girl5/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl5/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl5/img5.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl5/img5.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl5/img6.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl5/img6.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl5/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl5/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl5/img8.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl5/img8.png);background-size: 100% 100%;}	
	
	
	
}













.imgscreen4{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg7.png);
	background-size: 100% 100%;
	display:none;

}
.imgscreen4img1{
	width:173px;
	height:37px;
	position:absolute;
	top: 150px;
    left: 388px;
	background: url(../images/girl6/img1.png);
	background-size: 100% 100%;
	animation:imgscreen4img1 3s 0.2s linear 1; 

}
@keyframes imgscreen4img1{
	50%{top: 150px;}
	51%{top: 160px;}
	60%{top: 160px;}
	61%{top: 150px;}
}
 .imgscreen4img2{
	width:176px;
	height:36px;
	position:absolute;
	top: 203px;
    left: 387px;
	background: url(../images/girl6/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:imgscreen4img2 1s 1.5s linear 1; 
} 
@keyframes imgscreen4img2{
	50%{opacity:0;}
	51%{opacity:1;}
	52%{opacity:1;}
	53%{opacity:0;}
}
 .imgscreen4img3{
	width:115px;
	height:51px;
	position:absolute;
	top: 310px;
    left: 409px;
	background: url(../images/girl6/img3.png) no-repeat;
	
	animation:imgscreen4img3 1.4s 0.5s linear 3 ; 
	background-position:center;
}
 
@keyframes imgscreen4img3{
	
	0%{ background: url(../images/girl6/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl6/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl6/img5.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl6/img5.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl6/img6.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl6/img6.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl6/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl6/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl6/img8.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl6/img8.png);background-size: 100% 100%;}	
}
.fourthSlide{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
	left:0px;
	background:white;	
	display: none;
}
#video3{width:100%;}
#video8{width:100%;}

.step1{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg8.png);
	background-size: 100% 100%;
	display:none;

}


.step2{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg9.png);
	background-size: 100% 100%;
	display:none;

}
.step2img1{
	width:166px;
	height:42px;
	position:absolute;
    top: 164px;
    left: 388px;
	background: url(../images/girl7/img1.png);
	background-size: 100% 100%;
	animation:step2img1 5.8s 0.6s linear forwards; 
}
@keyframes step2img1{
	0%{top:164px;}
	40%{top:164px;}
	41%{top:154px;}
	50%{top:154px;}
	100%{top:154px;
	
	}
}
.step2img2{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 419px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:step2img2 5.8s 0.6s linear forwards; 
}
@keyframes step2img2{
	0%{ left: 419px;}
	50%{ left: 419px;}
	55%{ left: 405px;}
	100%{ left: 405px;}
}

.step2img3{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 522px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:step2img3 5.8s 0.6s linear forwards; 
}
@keyframes step2img3{
	0%{ left: 522px;}
	50%{ left: 522px;}
	55%{ left: 508px;}
	100%{ left: 508px;}
}

.step2img4{
	width:160px;
	height:29px;
	position:absolute;
	top: 211px;
    left: 393px;
	background: url(../images/girl7/img4.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:step2img4 5.8s 0.6s linear 1; 
}
@keyframes step2img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.step2img5{
	width:115px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 414px;
	background: url(../images/girl7/img5.png);
	background-size: 100% 100%;
	animation:step2img5 1.45s 0.6s linear 4; 
}

@keyframes step2img5{
	
	0%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}	
}

.step3{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg10.png);
	background-size: 100% 100%;
	display:none;

}
.step3img1{
	width:147px;
	height:42px;
	position:absolute;
	top: 221px;
    left: 408px;
	background: url(../images/girl8/img1.png);
	background-size: 100% 100%;
	animation:step3img1 5.4s 0.5s linear forwards; 

}
@keyframes step3img1{
	50%{top: 221px;}
	51%{top: 189px;}
	60%{top: 189px;}
	100%{top: 189px;}
}
 .step3img2{
	width:154px;
	height:35px;
	position:absolute;
	top: 260px;
    left: 408px;
	background: url(../images/girl8/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:step3img2 5.4s .5s linear forwards; 
} 
@keyframes step3img2{
	33%{opacity:0;}
	34%{opacity:1;}
	35%{opacity:1;}
	36%{opacity:0;}
	75%{opacity:0;}
	76%{opacity:1;}
	77%{opacity:1;}
	78%{opacity:0;}

}
 .step3img3{
	width:102px;
	height:45px;
	position:absolute;
	top: 381px;
    left: 437px;
	background: url(../images/girl8/img3.png) no-repeat;
	
	animation:step3img3 1.3s 0.6s linear 4 ; 
	background-position:center;
}
 
@keyframes step3img3{
	
	0%{ background: url(../images/girl8/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl8/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl8/img5.png);background-size: 100% 100%;}
	40%{ background: url(../images/girl8/img5.png);background-size: 100% 100%;}
	41%{ background: url(../images/girl8/img6.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl8/img6.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl8/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl8/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl8/img8.png) no-repeat;background-size: unset; background-position: center;}
	100%{ background: url(../images/girl8/img8.png) no-repeat;background-size: unset; background-position: center;}	
}


.step4{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg11.png);
	background-size: 100% 100%;
	display:none;

}
.step4img1{
	width: 139px;
    height: 35px;
    position: absolute;
    top: 160px;
    left: 384px;
    background: url(../images/girl9/img1.png);
    background-size: 100% 100%;
	animation:step4img1 2.7s 0.4s linear forwards; 

}
@keyframes step4img1{
	50%{top: 160px;}
	51%{top: 176px;}
	60%{top: 176px;}
	100%{top: 176px;}
}
 .step4img2{
	width:144px;
	height:40px;
	position:absolute;
	top: 207px;
    left: 389px;
	background: url(../images/girl9/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:step4img2 2.7s .4s linear forwards; 
} 
@keyframes step4img2{
	33%{opacity:0;}
	49%{opacity:0;}
	50%{opacity:1;}
	52%{opacity:1;}
	53%{opacity:0;}
	
	
	100%{opacity:0;}

}
 .step4img3{
	width:112px;
	height:51px;
	position:absolute;
	top: 316px;
    left: 412px;
	background: url(../images/girl9/img3.png) no-repeat;
	
	animation:step4img3 1.35s 0.4s linear 2 ; 
	background-position:center;
}
 
@keyframes step4img3{
	
	0%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl9/img5.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl9/img5.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl9/img6.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl9/img6.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl9/img7.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl9/img7.png);background-size: 100% 100%;}	
	
	
	
}






.step5{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg9.png);
	background-size: 100% 100%;
	display:none;

}
.step5img1{
	width:166px;
	height:42px;
	position:absolute;
    top: 164px;
    left: 388px;
	background: url(../images/girl7/img1.png);
	background-size: 100% 100%;
	animation:step5img1 4.3s 0.3s linear forwards; 
}
@keyframes step5img1{
	0%{top:164px;}
	40%{top:164px;}
	41%{top:154px;}
	50%{top:154px;}
	100%{top:154px;
	
	}
}
.step5img2{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 405px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:step5img2 4.3s 0.3s linear forwards; 
}
@keyframes step5img2{
	0%{ left: 405px;}
	33%{ left: 405px;}
	38%{ left: 419px;}
	70%{ left: 419px;}
	75%{ left: 405px;}
	100%{ left: 405px;}
}

.step5img3{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 508px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:step5img3 4.3s 0.3s linear forwards; 
}
@keyframes step5img3{
	0%{ left: 508px;}
	33%{ left: 508px;}
	38%{ left: 522px;}
	70%{ left: 522px;}
	75%{ left: 508px;}
	100%{ left: 508px;}
}

.step5img4{
	width:160px;
	height:29px;
	position:absolute;
	top: 211px;
    left: 393px;
	background: url(../images/girl7/img4.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:step5img4 4.3s 0.3s linear 1; 
}
@keyframes step5img4{
	0%{opacity: 0;}
	50%{opacity: 0;}
	51%{opacity: 1;}
	53%{opacity: 1;}
	
	54%{opacity: 0;}

	100%{opacity: 0;}
}
.step5img5{
	width:115px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 414px;
	background: url(../images/girl7/img5.png);
	background-size: 100% 100%;
	animation:step5img5 1.4s 0.3s linear 3; 
}

@keyframes step5img5{
	
	0%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}	
}








.step6{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg12.png);
	background-size: 100% 100%;
	display:none;

}
.step6img1{
	width: 116px;
    height: 27px;
    position: absolute;
    top: 140px;
    left: 423px;
    background: url(../images/girl10/img1.png);
    background-size: 100% 100%;
	animation:step6img1 5s 0.6s linear forwards; 
	opacity: 1;

}
@keyframes step6img1{
	50%{opacity: 1;}
	51%{opacity: 0;}
	100%{opacity: 0;}
}

.step6img4{
	width: 130px;
    height: 31px;
    position: absolute;
    top: 146px;
    left: 428px;
    background: url(../images/girl10/img2.png);
    background-size: 100% 100%;
	animation:step6img4 5s 0.6s linear forwards; 
	opacity: 0;
}

@keyframes step6img4{
	50%{opacity: 0;}
	51%{opacity: 1;}
	100%{opacity: 1;}
}


 .step6img2{
	width:126px;
	height:29px;
	position:absolute;
	top: 178px;
    left: 420px;
	background: url(../images/girl10/img3.png);
	background-position: 100% 100%;
    opacity:0;
	animation:step6img2 5s .6s linear forwards; 
} 
@keyframes step6img2{
	33%{opacity:0;}
	34%{opacity:1;}
	35%{opacity:1;}
	36%{opacity:0;}
	75%{opacity:0;}
	76%{opacity:1;}
	77%{opacity:1;}
	78%{opacity:0;}

}
 .step6img3{
	width:89px;
	height:39px;
	position:absolute;
	top: 269px;
    left: 439px;
	background: url(../images/girl10/img4.png) no-repeat;
	
	animation:step6img3 1.3s 0.6s linear 4 ; 
	background-position:center;
}
 
@keyframes step6img3{
	
	0%{ background: url(../images/girl10/img5.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl10/img5.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl10/img8.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl10/img8.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl10/img5.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl10/img5.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl10/img6.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl10/img6.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl10/img7.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl10/img7.png);background-size: 100% 100%;}	
	
	
	
}








.step7{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg9.png);
	background-size: 100% 100%;
	display:none;


}
.step7img1{
	width:166px;
	height:42px;
	position:absolute;
    top: 164px;
    left: 388px;
	background: url(../images/girl7/img1.png);
	background-size: 100% 100%;
	animation:step7img1 7s 0.5s linear forwards; 
}
@keyframes step7img1{
	0%{top:164px;}
	40%{top:164px;}
	41%{top:154px;}
	50%{top:154px;}
	100%{top:154px;
	
	}
}
.step7img2{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 405px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:step7img2 7s 0.5s linear forwards; 
}
@keyframes step7img2{
	0%{ left: 405px;}
	50%{ left: 405px;}
	55%{ left: 419px;}
	100%{ left: 419px;}
	
	
}

.step7img3{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 508px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:step7img3 7s 0.5s linear forwards; 
}
@keyframes step7img3{
	0%{ left: 508px;}
	50%{ left: 508px;}
	55%{ left: 522px;}
	100%{ left: 522px;}
	
}

.step7img4{
	width:160px;
	height:29px;
	position:absolute;
	top: 211px;
    left: 393px;
	background: url(../images/girl7/img4.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:step7img4 7s 0.5s linear 1; 
}
@keyframes step7img4{
	33%{opacity:0;}
	34%{opacity:1;}
	35%{opacity:1;}
	36%{opacity:0;}
	75%{opacity:0;}
	76%{opacity:1;}
	77%{opacity:1;}
	78%{opacity:0;}
}
.step7img5{
	width:115px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 414px;
	background: url(../images/girl7/img5.png);
	background-size: 100% 100%;
	animation:step7img5 1.4s 0.5s linear 5; 
}

@keyframes step7img5{
	
	0%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}	
}


.step8{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg13.png);
	background-size: 100% 100%;
	display:none;

}
.step8img1{
	width:171px;
	height:45px;
	position:absolute;
	top: 144px;
    left: 244px;
	background: url(../images/girl12/img1.png);
	background-size: 100% 100%;
	animation:step8img1 4s 0.5s linear forwards; 
}
@keyframes step8img1{
	0%{top:144px;}
	39%{top:144px;}
	40%{top:134px;}
	100%{top:134px;
	
	}
}
.step8img2{
	width:21px;
	height:21px;
	position:absolute;
	top: 205px;
    left: 280px;
	background: url(../images/girl12/img3.png);
	background-size: 100% 100%;
	animation:step8img2 4s 0.5s linear forwards; 
}
@keyframes step8img2{
	0%{ left: 280px;}
	50%{ left: 280px;}
	55%{ left: 265px;}
	100%{ left: 265px;}
}

.step8img3{
	width:21px;
	height:19px;
	position:absolute;
	top: 205px;
    left: 381px;
	background: url(../images/girl12/img3.png);
	background-size: 100% 100%;
	animation:step8img3 4s 0.5s linear forwards; 
}
@keyframes step8img3{
	0%{ left: 381px;}
	50%{ left: 381px;}
	55%{ left: 366px;}
	100%{ left: 366px;}
}

.step8img4{
	width:158px;
	height:33px;
	position:absolute;
	top: 193px;
    left: 253px;
	background: url(../images/girl12/img2.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:step8img4 4s 0.5s linear 1; 
}
@keyframes step8img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.step8img5{
	width:112px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 275px;
	background: url(../images/girl12/img4.png);
	background-size: 100% 100%;
	animation:step8img5 1.3s 0.5s linear 3; 
}

@keyframes step8img5{
	
	0%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl12/img6.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl12/img6.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl12/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl12/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl12/img8.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl12/img8.png);background-size: 100% 100%;}	
}

.step9{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg11.png);
	background-size: 100% 100%;
	display:none;

}
.step9img1{
	width: 139px;
    height: 35px;
    position: absolute;
    top: 160px;
    left: 384px;
    background: url(../images/girl9/img1.png);
    background-size: 100% 100%;
	animation:step9img1 4.7s 0.4s linear forwards; 

}
@keyframes step9img1{
	50%{top: 160px;}
	51%{top: 176px;}
	60%{top: 176px;}
	100%{top: 176px;}
}
 .step9img2{
	width:144px;
	height:40px;
	position:absolute;
	top: 207px;
    left: 389px;
	background: url(../images/girl9/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:step9img2 4.7s .4s linear forwards; 
} 
@keyframes step9img2{
	33%{opacity:0;}
	49%{opacity:0;}
	50%{opacity:1;}
	52%{opacity:1;}
	53%{opacity:0;}
	
	
	100%{opacity:0;}

}
 .step9img3{
	width:112px;
	height:51px;
	position:absolute;
	top: 316px;
    left: 412px;
	background: url(../images/girl9/img3.png) no-repeat;
	
	animation:step9img3 1.18s 0.4s linear 4 ; 
	background-position:center;
}
 
@keyframes step9img3{
	
	0%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl9/img5.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl9/img5.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl9/img6.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl9/img6.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl9/img7.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl9/img7.png);background-size: 100% 100%;}	
	
	
	
}





.step10{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg13.png);
	background-size: 100% 100%;
	display:none;

}
.step10img1{
	width:171px;
	height:45px;
	position:absolute;
	top: 144px;
    left: 244px;
	background: url(../images/girl12/img1.png);
	background-size: 100% 100%;
	animation:step10img1 0.7s 0.5s linear forwards; 
}
@keyframes step10img1{
	0%{top:144px;}
	39%{top:144px;}
	40%{top:134px;}
	100%{top:134px;
	
	}
}
.step10img2{
	width:21px;
	height:21px;
	position:absolute;
	top: 205px;
    left: 271px;
	background: url(../images/girl12/img3.png);
	background-size: 100% 100%;
	/* animation:step10img2 4s 0.5s linear forwards;  */
}
@keyframes step10img2{
	0%{ left: 280px;}
	50%{ left: 280px;}
	55%{ left: 265px;}
	100%{ left: 265px;}
}

.step10img3{
	width:21px;
	height:19px;
	position:absolute;
	top: 205px;
    left: 371px;
	background: url(../images/girl12/img3.png);
	background-size: 100% 100%;
	/* animation:step10img3 4s 0.5s linear forwards;  */
}
@keyframes step10img3{
	0%{ left: 381px;}
	50%{ left: 381px;}
	55%{ left: 366px;}
	100%{ left: 366px;}
}

.step10img4{
	width:158px;
	height:33px;
	position:absolute;
	top: 193px;
    left: 253px;
	background: url(../images/girl12/img2.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:step10img4 0.7s 0.5s linear 1; 
}
@keyframes step10img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.step10img5{
	width:112px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 275px;
	background: url(../images/girl12/img4.png);
	background-size: 100% 100%;
	animation:step10img5 0.7s 0.5s linear 1; 
}

@keyframes step10img5{
	
	0%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl12/img6.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl12/img6.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl12/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl12/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl12/img8.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl12/img8.png);background-size: 100% 100%;}	
}




.step11{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg10.png);
	background-size: 100% 100%;
	display:none;

}
.step11img1{
	width:147px;
	height:42px;
	position:absolute;
	top: 221px;
    left: 408px;
	background: url(../images/girl8/img1.png);
	background-size: 100% 100%;
	animation:step11img1 5.3s 0.4s linear forwards; 

}
@keyframes step11img1{
	50%{top: 211px;}
	51%{top: 189px;}
	60%{top: 189px;}
	100%{top: 189px;}
}
 .step11img2{
	width:154px;
	height:35px;
	position:absolute;
	top: 260px;
    left: 408px;
	background: url(../images/girl8/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:step11img2 5.3s .4s linear forwards; 
} 
@keyframes step11img2{
	33%{opacity:0;}
	34%{opacity:1;}
	35%{opacity:1;}
	36%{opacity:0;}
	75%{opacity:0;}
	76%{opacity:1;}
	77%{opacity:1;}
	78%{opacity:0;}

}
 .step11img3{
	width:102px;
	height:45px;
	position:absolute;
	top: 381px;
    left: 437px;
	background: url(../images/girl8/img3.png) no-repeat;
	
	animation:step11img3 1.35s 0.4s linear 4 ; 
	background-position:center;
}
 
@keyframes step11img3{
	
	0%{ background: url(../images/girl8/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl8/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl8/img5.png);background-size: 100% 100%;}
	40%{ background: url(../images/girl8/img5.png);background-size: 100% 100%;}
	41%{ background: url(../images/girl8/img6.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl8/img6.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl8/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl8/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl8/img8.png) no-repeat;background-size: unset; background-position: center;}
	100%{ background: url(../images/girl8/img8.png) no-repeat;background-size: unset; background-position: center;}	
}



.step12{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg9.png);
	background-size: 100% 100%;
	display:none;

}
.step12img1{
	width:166px;
	height:42px;
	position:absolute;
    top: 164px;
    left: 388px;
	background: url(../images/girl7/img1.png);
	background-size: 100% 100%;
	animation:step12img1 2.7s 0.6s linear forwards; 
}
@keyframes step12img1{
	0%{top:164px;}
	40%{top:164px;}
	41%{top:154px;}
	50%{top:154px;}
	100%{top:154px;
	
	}
}
.step12img2{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 411px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	/* animation:step12img2 5.8s 0.6s linear forwards;  */
}
@keyframes step12img2{
	0%{ left: 419px;}
	50%{ left: 419px;}
	55%{ left: 405px;}
	100%{ left: 405px;}
}

.step12img3{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 514px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	/* animation:step12img3 5.8s 0.6s linear forwards;  */
}
@keyframes step12img3{
	0%{ left: 522px;}
	50%{ left: 522px;}
	55%{ left: 508px;}
	100%{ left: 508px;}
}

.step12img4{
	width:160px;
	height:29px;
	position:absolute;
	top: 211px;
    left: 393px;
	background: url(../images/girl7/img4.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:step12img4 2.7s 0.6s linear 1; 
}
@keyframes step12img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.step12img5{
	width:115px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 414px;
	background: url(../images/girl7/img5.png);
	background-size: 100% 100%;
	animation:step12img5 1.35s 0.6s linear 2; 
}

@keyframes step12img5{
	
		0%{ background: url(../images/girl6/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl6/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl6/img5.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl6/img5.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl6/img6.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl6/img6.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl6/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl6/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl6/img8.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl6/img8.png);background-size: 100% 100%;}	
}


.step13{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg14.png);
	background-size: 100% 100%;
	display:none;

}


.step13img1{
	width:28px;
	height:13px;
	position:absolute;
	top: 137px;
    left: 380px;
	background: url(../images/img2/img1.png);
	background-size: 100% 100%;
	
}
.step13img1.repeat{
	animation:step13img1 1.35s 0.6s linear 13; 
}

@keyframes step13img1{
	
	0%{ background: url(../images/img2/img2.png);background-size: 100% 100%;}
	20%{ background: url(../images/img2/img2.png);background-size: 100% 100%;}
	21%{ background: url(../images/img2/img3.png);background-size: 100% 100%;}
	40%{ background: url(../images/img2/img3.png);background-size: 100% 100%;}
	41%{ background: url(../images/img2/img4.png);background-size: 100% 100%;}
	60%{ background: url(../images/img2/img4.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/img2/img5.png) no-repeat;background-size: unset; background-position: center;}
	80%{ background: url(../images/img2/img5.png) no-repeat;background-size: unset; background-position: center;}	
	81%{ background: url(../images/img2/img6.png);background-size: 100% 100%;}
	100%{ background: url(../images/img2/img6.png);background-size: 100% 100%;}	
}


.step13 .arrow1{
	width:18px;
	height:49px;
	position:absolute;
	top: 395px;
    left: 210px;
	background: url(../images/img2/arrow.png);
	background-size: 100% 100%;
	animation:arrow1 0.5s 6.6s linear 8; 
	opacity: 0;
}


.step13 .arrow2{
	width: 18px;
    height: 49px;
    position: absolute;
    top: 481px;
    left: 117px;
    background: url(../images/img2/arrow.png);
    background-size: 100% 100%;
	transform: rotate(-90deg);
	opacity: 0;
	animation:arrow1 0.5s 6.6s linear 8; 
}
.step13 .arrow3{
	width:18px;
	height:49px;
	position:absolute;
	top: 395px;
    left: 600px;
	background: url(../images/img2/arrow.png);
	background-size: 100% 100%;
	animation:arrow1 0.5s 14s linear 8;
	opacity: 0;
}

.step13 .arrow4{
	width: 18px;
    height: 49px;
    position: absolute;
    top: 481px;
    left: 685px;
    background: url(../images/img2/arrow.png);
    background-size: 100% 100%;
	animation:arrow1 0.5s 14s linear 8;
	transform: rotate(90deg);
	opacity: 0;
}
@keyframes arrow1{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	75%{opacity: 1;}
	76%{opacity: 0;}
	100%{opacity: 0;}
}

.step13 .btnUp{
	width: 98px;
    height: 110px;
    position: absolute;
    top: 455px;
    left: 168px;
}
.step13 .btnDown{
	width: 98px;
    height: 110px;
    position: absolute;
    top: 455px;
    left: 559px;
}



.step14{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
	left:0px;
	background:white;
	display:none;

}
.videoElement{
	width:516px;
	height:474px;
	position: absolute;
	top: 26px;
	left: 118px;
	text-align: left;
	overflow: hidden;
}
#video6{
	position: absolute;
	top: -24px;
	display: none;
}
#video5{
	    position: absolute;
    top: 13px;
    display: none;
    left: 70px;
}



.fifthSlide{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
	left:0px;
	background:white;	
	display: none;
}
#video7{width:100%;top: -10px;position: relative;}


.slide1{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg15.png);
	background-size: 100% 100%;
	display:none;

}




.slide2{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg9.png);
	background-size: 100% 100%;
	display:none;

}
.slide2img1{
	width:166px;
	height:42px;
	position:absolute;
    top: 164px;
    left: 388px;
	background: url(../images/girl7/img1.png);
	background-size: 100% 100%;
	animation:slide2img1 4.6s 0.6s linear forwards; 
}
@keyframes slide2img1{
	0%{top:164px;}
	40%{top:164px;}
	41%{top:154px;}
	50%{top:154px;}
	100%{top:154px;
	
	}
}
.slide2img2{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 419px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:slide2img2 4.6s 0.6s linear forwards; 
}
@keyframes slide2img2{
	0%{ left: 419px;}
	50%{ left: 419px;}
	55%{ left: 405px;}
	100%{ left: 405px;}
}

.slide2img3{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 522px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:slide2img3 4.6s 0.6s linear forwards; 
}
@keyframes slide2img3{
	0%{ left: 522px;}
	50%{ left: 522px;}
	55%{ left: 508px;}
	100%{ left: 508px;}
}

.slide2img4{
	width:160px;
	height:29px;
	position:absolute;
	top: 211px;
    left: 393px;
	background: url(../images/girl7/img4.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:slide2img4 4.6s 0.6s linear 1; 
}
@keyframes slide2img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.slide2img5{
	width:115px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 414px;
	background: url(../images/girl7/img5.png);
	background-size: 100% 100%;
	animation:slide2img5 1.15s 0.6s linear 4; 
}

@keyframes slide2img5{
	
	0%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}	
}



.slide3{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg10.png);
	background-size: 100% 100%;
	display:none;

}
.slide3img1{
	width:147px;
	height:42px;
	position:absolute;
	top: 221px;
    left: 408px;
	background: url(../images/girl8/img1.png);
	background-size: 100% 100%;
	animation:slide3img1 1.4s 0.5s linear forwards; 

}
@keyframes slide3img1{
	50%{top: 221px;}
	51%{top: 189px;}
	60%{top: 189px;}
	100%{top: 189px;}
}
 .slide3img2{
	width:154px;
	height:35px;
	position:absolute;
	top: 260px;
    left: 408px;
	background: url(../images/girl8/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:slide3img2 1.4s .5s linear forwards; 
} 
@keyframes slide3img2{
	33%{opacity:0;}
	34%{opacity:1;}
	35%{opacity:1;}
	36%{opacity:0;}
	75%{opacity:0;}
	76%{opacity:1;}
	77%{opacity:1;}
	78%{opacity:0;}

}
 .slide3img3{
	width:102px;
	height:45px;
	position:absolute;
	top: 381px;
    left: 437px;
	background: url(../images/girl8/img3.png) no-repeat;
	
	animation:slide3img3 1.4s 0.5s linear 1 ; 
	background-position:center;
}
 
@keyframes slide3img3{
	
	0%{ background: url(../images/girl8/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl8/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl8/img5.png);background-size: 100% 100%;}
	40%{ background: url(../images/girl8/img5.png);background-size: 100% 100%;}
	41%{ background: url(../images/girl8/img6.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl8/img6.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl8/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl8/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl8/img8.png) no-repeat;background-size: unset; background-position: center;}
	100%{ background: url(../images/girl8/img8.png) no-repeat;background-size: unset; background-position: center;}	
}








.slide4{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg16.png);
	background-size: 100% 100%;
	display:none;

}
.slide4img1{
	width:173px;
	height:37px;
	position:absolute;
	top: 163px;
    left: 388px;
	background: url(../images/girl6/img1.png);
	background-size: 100% 100%;
	animation:slide4img1 3s 0.3s linear 1; 

}
@keyframes slide4img1{
	50%{top: 163px;}
	51%{top: 173px;}
	60%{top: 173px;}
	61%{top: 163px;}
}
 .slide4img2{
	width:176px;
	height:36px;
	position:absolute;
	top: 196px;
    left: 382px;
	background: url(../images/girl6/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:slide4img2 3s 0.3s linear 1; 
} 
@keyframes slide4img2{
	50%{opacity:0;}
	51%{opacity:1;}
	53%{opacity:1;}
	54%{opacity:0;}
}
 .slide4img3{
	width:115px;
	height:51px;
	position:absolute;
	top: 310px;
    left: 409px;
	background: url(../images/girl6/img3.png) no-repeat;
	
	animation:slide4img3 1.5s 0.3s linear 2 ; 
	background-position:center;
}
 
@keyframes slide4img3{
	
	0%{ background: url(../images/girl6/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl6/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl6/img5.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl6/img5.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl6/img6.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl6/img6.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl6/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl6/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl6/img8.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl6/img8.png);background-size: 100% 100%;}	
}







.slide5{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg12.png);
	background-size: 100% 100%;
	display:none;

}
.slide5img1{
	width: 116px;
    height: 27px;
    position: absolute;
    top: 140px;
    left: 423px;
    background: url(../images/girl10/img1.png);
    background-size: 100% 100%;
	animation:slide5img1 4.1s 0.5s linear forwards; 
	opacity: 1;

}
@keyframes slide5img1{
	50%{opacity: 1;}
	51%{opacity: 0;}
	100%{opacity: 0;}
}

.slide5img4{
	width: 130px;
    height: 31px;
    position: absolute;
    top: 146px;
    left: 428px;
    background: url(../images/girl10/img2.png);
    background-size: 100% 100%;
	animation:slide5img4 4.1s 0.5s linear forwards; 
	opacity: 0;
}

@keyframes slide5img4{
	50%{opacity: 0;}
	51%{opacity: 1;}
	100%{opacity: 1;}
}


 .slide5img2{
	width:126px;
	height:29px;
	position:absolute;
	top: 178px;
    left: 420px;
	background: url(../images/girl10/img3.png);
	background-position: 100% 100%;
    opacity:0;
	animation:slide5img2 4.1s .5s linear forwards; 
} 
@keyframes slide5img2{
	33%{opacity:0;}
	34%{opacity:1;}
	35%{opacity:1;}
	36%{opacity:0;}
	75%{opacity:0;}
	76%{opacity:1;}
	77%{opacity:1;}
	78%{opacity:0;}

}
 .slide5img3{
	width:89px;
	height:39px;
	position:absolute;
	top: 269px;
    left: 439px;
	background: url(../images/girl10/img4.png) no-repeat;
	
	animation:slide5img3 1.36s 0.5s linear 3 ; 
	background-position:center;
}
 
@keyframes slide5img3{
	
	0%{ background: url(../images/girl10/img5.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl10/img5.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl10/img8.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl10/img8.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl10/img5.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl10/img5.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl10/img6.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl10/img6.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl10/img7.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl10/img7.png);background-size: 100% 100%;}	
	
	
	
}







.slide6{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg11.png);
	background-size: 100% 100%;
	display:none;

}
.slide6img1{
	width: 139px;
    height: 35px;
    position: absolute;
    top: 160px;
    left: 384px;
    background: url(../images/girl9/img1.png);
    background-size: 100% 100%;
	animation:slide6img1 4s 0.3s linear forwards; 

}
@keyframes slide6img1{
	50%{top: 160px;}
	51%{top: 176px;}
	60%{top: 176px;}
	100%{top: 176px;}
}
 .slide6img2{
	width:144px;
	height:40px;
	position:absolute;
	top: 207px;
    left: 389px;
	background: url(../images/girl9/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:slide6img2 4s .3s linear forwards; 
} 
@keyframes slide6img2{
	33%{opacity:0;}
	49%{opacity:0;}
	50%{opacity:1;}
	52%{opacity:1;}
	53%{opacity:0;}
	
	
	100%{opacity:0;}

}
 .slide6img3{
	width:112px;
	height:51px;
	position:absolute;
	top: 316px;
    left: 412px;
	background: url(../images/girl9/img3.png) no-repeat;
	
	animation:slide6img3 1.4s 0.3s linear 3 ; 
	background-position:center;
}
 
@keyframes slide6img3{
	
	0%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl9/img5.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl9/img5.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl9/img6.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl9/img6.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl9/img7.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl9/img7.png);background-size: 100% 100%;}	
}







.slide7{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg16.png);
	background-size: 100% 100%;
	display:none;

}
.slide7img1{
	width:173px;
	height:37px;
	position:absolute;
	top: 163px;
    left: 388px;
	background: url(../images/girl6/img1.png);
	background-size: 100% 100%;
	animation:slide7img1 4.3s 0.6s linear 1; 

}
@keyframes slide7img1{
	50%{top: 163px;}
	51%{top: 173px;}
	60%{top: 173px;}
	61%{top: 163px;}
}
 .slide7img2{
	width:176px;
	height:36px;
	position:absolute;
	top: 196px;
    left: 382px;
	background: url(../images/girl6/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:slide7img2 4.3s 0.6s linear 1; 
} 
@keyframes slide7img2{
	50%{opacity:0;}
	51%{opacity:1;}
	53%{opacity:1;}
	54%{opacity:0;}
}
 .slide7img3{
	width:115px;
	height:51px;
	position:absolute;
	top: 310px;
    left: 409px;
	background: url(../images/girl6/img3.png) no-repeat;
	
	animation:slide7img3 1.43s 0.6s linear 3 ; 
	background-position:center;
}
 
@keyframes slide7img3{
	
	0%{ background: url(../images/girl6/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl6/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl6/img5.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl6/img5.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl6/img6.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl6/img6.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl6/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl6/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl6/img8.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl6/img8.png);background-size: 100% 100%;}	
}






.slide8{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg10.png);
	background-size: 100% 100%;
	display:none;

}
.slide8img1{
	width:147px;
	height:42px;
	position:absolute;
	top: 221px;
    left: 408px;
	background: url(../images/girl8/img1.png);
	background-size: 100% 100%;
	animation:slide8img1 3.4s 0.5s linear forwards; 

}
@keyframes slide8img1{
	50%{top: 221px;}
	51%{top: 189px;}
	60%{top: 189px;}
	100%{top: 189px;}
}
 .slide8img2{
	width:154px;
	height:35px;
	position:absolute;
	top: 260px;
    left: 408px;
	background: url(../images/girl8/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:slide8img2 3.4s .5s linear forwards; 
} 
@keyframes slide8img2{
	33%{opacity:0;}
	34%{opacity:1;}
	35%{opacity:1;}
	36%{opacity:0;}
	75%{opacity:0;}
	76%{opacity:1;}
	77%{opacity:1;}
	78%{opacity:0;}

}
 .slide8img3{
	width:102px;
	height:45px;
	position:absolute;
	top: 381px;
    left: 437px;
	background: url(../images/girl8/img3.png) no-repeat;
	
	animation:slide8img3 1.7s 0.5s linear 2 ; 
	background-position:center;
}
 
@keyframes slide8img3{
	
	0%{ background: url(../images/girl8/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl8/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl8/img5.png);background-size: 100% 100%;}
	40%{ background: url(../images/girl8/img5.png);background-size: 100% 100%;}
	41%{ background: url(../images/girl8/img6.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl8/img6.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl8/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl8/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl8/img8.png) no-repeat;background-size: unset; background-position: center;}
	100%{ background: url(../images/girl8/img8.png) no-repeat;background-size: unset; background-position: center;}	
}







.slide9{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg11.png);
	background-size: 100% 100%;
	display:none;

}
.slide9img1{
	width: 139px;
    height: 35px;
    position: absolute;
    top: 160px;
    left: 384px;
    background: url(../images/girl9/img1.png);
    background-size: 100% 100%;
	animation:slide9img1 3.6s 0.5s linear forwards; 

}
@keyframes slide9img1{
	50%{top: 160px;}
	51%{top: 176px;}
	60%{top: 176px;}
	100%{top: 176px;}
}
 .slide9img2{
	width:144px;
	height:40px;
	position:absolute;
	top: 207px;
    left: 389px;
	background: url(../images/girl9/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:slide9img2 3.6s .5s linear forwards; 
} 
@keyframes slide9img2{
	33%{opacity:0;}
	49%{opacity:0;}
	50%{opacity:1;}
	52%{opacity:1;}
	53%{opacity:0;}
	
	
	100%{opacity:0;}

}
 .slide9img3{
	width:112px;
	height:51px;
	position:absolute;
	top: 316px;
    left: 412px;
	background: url(../images/girl9/img3.png) no-repeat;
	
	animation:slide9img3 1.2s 0.5s linear 3 ; 
	background-position:center;
}
 
@keyframes slide9img3{
	
	0%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl9/img5.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl9/img5.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl9/img4.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl9/img6.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl9/img6.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl9/img7.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl9/img7.png);background-size: 100% 100%;}	
}





.slide10{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg9.png);
	background-size: 100% 100%;
	display:none;

}
.slide10img1{
	width:166px;
	height:42px;
	position:absolute;
    top: 164px;
    left: 388px;
	background: url(../images/girl7/img1.png);
	background-size: 100% 100%;
	animation:slide10img1 4.6s 0.2s linear forwards; 
}
@keyframes slide10img1{
	0%{top:164px;}
	40%{top:164px;}
	41%{top:154px;}
	50%{top:154px;}
	100%{top:154px;
	
	}
}
.slide10img2{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 419px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:slide10img2 4.6s 0.2s linear forwards; 
}
@keyframes slide10img2{
	0%{ left: 419px;}
	50%{ left: 419px;}
	55%{ left: 405px;}
	100%{ left: 405px;}
}

.slide10img3{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 522px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:slide10img3 4.6s 0.2s linear forwards; 
}
@keyframes slide10img3{
	0%{ left: 522px;}
	50%{ left: 522px;}
	55%{ left: 508px;}
	100%{ left: 508px;}
}

.slide10img4{
	width:160px;
	height:29px;
	position:absolute;
	top: 211px;
    left: 393px;
	background: url(../images/girl7/img4.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:slide10img4 4.6s 0.2s linear 1; 
}
@keyframes slide10img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.slide10img5{
	width:115px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 414px;
	background: url(../images/girl7/img5.png);
	background-size: 100% 100%;
	animation:slide10img5 1.15s 0.2s linear 4; 
}

@keyframes slide10img5{
	
	0%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}	
}







.slide11{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg13.png);
	background-size: 100% 100%;
	display:none;

}
.slide11img1{
	width:171px;
	height:45px;
	position:absolute;
	top: 144px;
    left: 244px;
	background: url(../images/girl12/img1.png);
	background-size: 100% 100%;
	animation:slide11img1 1.2s 0.3s linear forwards; 
}
@keyframes slide11img1{
	0%{top:144px;}
	39%{top:144px;}
	40%{top:134px;}
	100%{top:134px;
	
	}
}
.slide11img2{
	width:21px;
	height:21px;
	position:absolute;
	top: 205px;
    left: 280px;
	background: url(../images/girl12/img3.png);
	background-size: 100% 100%;
	animation:slide11img2 1.2s 0.3s linear forwards; 
}
@keyframes slide11img2{
	0%{ left: 280px;}
	50%{ left: 280px;}
	55%{ left: 265px;}
	100%{ left: 265px;}
}

.slide11img3{
	width:21px;
	height:19px;
	position:absolute;
	top: 205px;
    left: 381px;
	background: url(../images/girl12/img3.png);
	background-size: 100% 100%;
	animation:slide11img3 1.2s 0.3s linear forwards; 
}
@keyframes slide11img3{
	0%{ left: 381px;}
	50%{ left: 381px;}
	55%{ left: 366px;}
	100%{ left: 366px;}
}

.slide11img4{
	width:158px;
	height:33px;
	position:absolute;
	top: 193px;
    left: 253px;
	background: url(../images/girl12/img2.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:slide11img4 1.2s 0.3s linear 1; 
}
@keyframes slide11img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	/* 26%{opacity: 1;}
	28%{opacity: 1;} */
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.slide11img5{
	width:112px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 275px;
	background: url(../images/girl12/img4.png);
	background-size: 100% 100%;
	animation:slide11img5 1.2s 0.3s linear 1; 
}

@keyframes slide11img5{
	
	0%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl12/img6.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl12/img6.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl12/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl12/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl12/img8.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl12/img8.png);background-size: 100% 100%;}	
}





.slide12{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg9.png);
	background-size: 100% 100%;
	display:none;

}
.slide12img1{
	width:166px;
	height:42px;
	position:absolute;
    top: 164px;
    left: 388px;
	background: url(../images/girl7/img1.png);
	background-size: 100% 100%;
	animation:slide12img1 4.9s 0.2s linear forwards; 
}
@keyframes slide12img1{
	0%{top:164px;}
	40%{top:164px;}
	41%{top:154px;}
	50%{top:154px;}
	100%{top:154px;
	
	}
}
.slide12img2{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 419px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:slide12img2 4.9s 0.2s linear forwards; 
}
@keyframes slide12img2{
	0%{ left: 419px;}
	50%{ left: 419px;}
	55%{ left: 405px;}
	100%{ left: 405px;}
}

.slide12img3{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 522px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:slide12img3 4.9s 0.2s linear forwards; 
}
@keyframes slide12img3{
	0%{ left: 522px;}
	50%{ left: 522px;}
	55%{ left: 508px;}
	100%{ left: 508px;}
}

.slide12img4{
	width:160px;
	height:29px;
	position:absolute;
	top: 211px;
    left: 393px;
	background: url(../images/girl7/img4.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:slide12img4 4.9s 0.2s linear 1; 
}
@keyframes slide12img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.slide12img5{
	width:115px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 414px;
	background: url(../images/girl7/img5.png);
	background-size: 100% 100%;
	animation:slide12img5 1.16s 0.2s linear 4; 
}

@keyframes slide12img5{
	
	0%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}	
}


.slide13{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg17.png);
	background-size: 100% 100%;
	display:none;

}


.slide13 .eye1{
	width:14px;
	height:10px;
	position:absolute;
	top: 335px;
    left: 116px;
	background: url(../images/eye/img1_1.png);
	background-size: 100% 100%;
	animation:eye1 1.4s 0.4s linear 1; 
}
@keyframes eye1{
	0%{ background: url(../images/eye/img1_1.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/img1_1.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/img1_2.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/eye/img1_2.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/eye/img1_1.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/img1_1.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/img1_3.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/img1_3.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/img1_4.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/img1_4.png);background-size: 100% 100%;}	
}


.slide13 .eye2{
	width:14px;
	height:10px;
	position:absolute;
	top: 240px;
    left: 607px;
	background: url(../images/eye/img2_1.png);
	background-size: 100% 100%;
	animation:eye2 1.4s 0.4s linear 1; 
}
@keyframes eye2{
	0%{ background: url(../images/eye/img2_1.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/img2_1.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/img2_2.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/eye/img2_2.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/eye/img2_1.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/img2_1.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/img2_3.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/img2_3.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/img2_4.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/img2_4.png);background-size: 100% 100%;}	
}


.slide13 .eye3{
	width:18px;
	height:11px;
	position:absolute;
	top: 253px;
    left: 739px;
	background: url(../images/eye/img3_1.png);
	background-size: 100% 100%;
	animation:eye3 1.4s 0.4s linear 1; 
}
@keyframes eye3{
	0%{ background: url(../images/eye/img3_1.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/img3_1.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/img3_2.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/eye/img3_2.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/eye/img3_1.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/img3_1.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/img3_3.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/img3_3.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/img3_4.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/img3_4.png);background-size: 100% 100%;}	
}

.slide13 .eye4{
	width:18px;
	height:11px;
	position:absolute;
	top: 364px;
    left: 724px;
	background: url(../images/eye/img4_1.png);
	background-size: 100% 100%;
	animation:eye4 1.4s 0.4s linear 1; 
}

@keyframes eye4{
	0%{ background: url(../images/eye/img4_1.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/img4_1.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/img4_2.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/eye/img4_2.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/eye/img4_1.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/img4_1.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/img4_3.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/img4_3.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/img4_4.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/img4_4.png);background-size: 100% 100%;}	
}


.circleElement{
	width:115px;
	height:115px;
	position:absolute;
	top: 108px;
    left: 838px;
	background: url(../images/circle.png);
	background-size: 100% 100%;
}
.slide14{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg18.png);
	background-size: 100% 100%;
	display:none;

}

.slide14 .eye1{
	width:21px;
	height:10px;
	position:absolute;
	top: 179px;
    left: 555px;
	background: url(../images/eye/11.png);
	background-size: 100% 100%;
	 animation:eye11 1.15s 0.5s linear 1;
}
@keyframes eye11{
	0%{ background: url(../images/eye/12.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/12.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/13.png) ;background-size: 100% 100%;}
	40%{ background: url(../images/eye/13.png);background-size: 100% 100%;}
	41%{ background: url(../images/eye/14.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/14.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/12.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/12.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/13.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/13.png);background-size: 100% 100%;}	
}


.slide14 .eye2{
	width:22px;
	height:11px;
	position:absolute;
	top: 270px;
    left: 643px;
	background: url(../images/eye/21.png);
	background-size: 100% 100%;
	animation:eye22 1.3s 2.6s linear 1;
}
@keyframes eye22{
	0%{ background: url(../images/eye/22.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/22.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/23.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/eye/23.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/eye/24.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/24.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/22.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/22.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/24.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/24.png);background-size: 100% 100%;}	
}
.slide14 .eye3{
	width:24px;
	height:11px;
	position:absolute;
	top: 414px;
    left: 728px;
	background: url(../images/eye/31.png);
	background-size: 100% 100%;
	 animation:eye33 1.15s 5s linear 2; 
}
@keyframes eye33{
	0%{ background: url(../images/eye/32.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/32.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/35.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/eye/35.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/eye/33.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/33.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/34.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/34.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/33.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/33.png);background-size: 100% 100%;}	
}

.slide14 .eye4{
	width:24px;
	height:11px;
	position:absolute;
	top: 420px;
    left: 566px;
	background: url(../images/eye/41.png);
	background-size: 100% 100%;
	animation:eye44 1.7s 8.5s linear 1;
}
@keyframes eye44{
	0%{ background: url(../images/eye/42.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/42.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/44.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/eye/44.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/eye/43.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/43.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/42.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/42.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/43.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/43.png);background-size: 100% 100%;}	
}

.slide14 .eye5{
	width:23px;
	height:11px;
	position:absolute;
	top: 422px;
    left: 451px;
	background: url(../images/eye/51.png);
	background-size: 100% 100%;
	animation:eye55 1s 13s linear 3; 
}
@keyframes eye55{
	0%{ background: url(../images/eye/52.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/52.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/55.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/eye/55.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/eye/53.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/53.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/52.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/52.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/53.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/53.png);background-size: 100% 100%;}	
}


.slide14 .eye6{
	width:22px;
	height:11px;
	position:absolute;
	top: 413px;
    left: 333px;
	background: url(../images/eye/61.png);
	background-size: 100% 100%;
	/* animation:eye66 1.33s 33s linear 6; */
}
@keyframes eye66{
	0%{ background: url(../images/eye/62.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/62.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/65.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/eye/65.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/eye/63.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/63.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/62.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/62.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/63.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/63.png);background-size: 100% 100%;}	
}
.slide14 .eye7{
	width:21px;
	height:11px;
	position:absolute;
	top: 426px;
    left: 223px;
	background: url(../images/eye/71.png);
	background-size: 100% 100%;
	animation:eye77 1.1s 10.9s linear 1;
}
@keyframes eye77{
	0%{ background: url(../images/eye/72.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/72.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/74.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/eye/74.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/eye/73.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/73.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/72.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/72.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/73.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/73.png);background-size: 100% 100%;}	
}
.slide14 .eye8{
	width:21px;
	height:10px;
	position:absolute;
	top: 439px;
    left: 79px;
	background: url(../images/eye/81.png);
	background-size: 100% 100%;
    animation:eye88 1.15s 17s linear 3; 
}
@keyframes eye88{
	0%{ background: url(../images/eye/82.png);background-size: 100% 100%;}
	20%{ background: url(../images/eye/82.png);background-size: 100% 100%;}
	21%{ background: url(../images/eye/85.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/eye/85.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/eye/83.png);background-size: 100% 100%;}
	60%{ background: url(../images/eye/83.png);background-size: 100% 100%;}	
	61%{ background: url(../images/eye/82.png);background-size: 100% 100%;}
	80%{ background: url(../images/eye/82.png);background-size: 100% 100%;}	
	81%{ background: url(../images/eye/83.png);background-size: 100% 100%;}
	100%{ background: url(../images/eye/83.png);background-size: 100% 100%;}	
}

.screen1{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg19.png);
	background-size: 100% 100%;
	display:none;

}


#video9{
	width: 100%;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 101%;
}


.screen2{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg9.png);
	background-size: 100% 100%;
	display:none;

}
.screen2img1{
	width:166px;
	height:42px;
	position:absolute;
    top: 164px;
    left: 388px;
	background: url(../images/girl7/img1.png);
	background-size: 100% 100%;
	animation:screen2img1 9.2s 0.6s linear forwards; 
}
@keyframes screen2img1{
	0%{top:164px;}
	40%{top:164px;}
	41%{top:154px;}
	50%{top:154px;}
	100%{top:154px;
	
	}
}
.screen2img2{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 419px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:screen2img2 9.2s 0.6s linear forwards; 
}
@keyframes screen2img2{
	0%{ left: 419px;}
	50%{ left: 419px;}
	55%{ left: 405px;}
	100%{ left: 405px;}
}

.screen2img3{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 522px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:screen2img3 9.2s 0.6s linear forwards; 
}
@keyframes screen2img3{
	0%{ left: 522px;}
	50%{ left: 522px;}
	55%{ left: 508px;}
	100%{ left: 508px;}
}

.screen2img4{
	width:160px;
	height:29px;
	position:absolute;
	top: 211px;
    left: 393px;
	background: url(../images/girl7/img4.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:screen2img4 9.2s 0.6s linear 1; 
}
@keyframes screen2img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.screen2img5{
	width:115px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 414px;
	background: url(../images/girl7/img5.png);
	background-size: 100% 100%;
	animation:screen2img5 1.311s 0.6s linear 7; 
}

@keyframes screen2img5{
	
	0%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}	
}




.screen3{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg9.png);
	background-size: 100% 100%;
	display:none;

}
.screen3img1{
	width:166px;
	height:42px;
	position:absolute;
    top: 164px;
    left: 388px;
	background: url(../images/girl7/img1.png);
	background-size: 100% 100%;
	animation:screen3img1 2.6s 0.6s linear forwards; 
}
@keyframes screen3img1{
	0%{top:164px;}
	40%{top:164px;}
	41%{top:154px;}
	50%{top:154px;}
	100%{top:154px;
	
	}
}
.screen3img2{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 419px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:screen3img2 2.6s 0.6s linear forwards; 
}
@keyframes screen3img2{
	0%{ left: 419px;}
	50%{ left: 419px;}
	55%{ left: 405px;}
	100%{ left: 405px;}
}

.screen3img3{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 522px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:screen3img3 2.6s 0.6s linear forwards; 
}
@keyframes screen3img3{
	0%{ left: 522px;}
	50%{ left: 522px;}
	55%{ left: 508px;}
	100%{ left: 508px;}
}

.screen3img4{
	width:160px;
	height:29px;
	position:absolute;
	top: 211px;
    left: 393px;
	background: url(../images/girl7/img4.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:screen3img4 2.6s 0.6s linear 1; 
}
@keyframes screen3img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.screen3img5{
	width:115px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 414px;
	background: url(../images/girl7/img5.png);
	background-size: 100% 100%;
	animation:screen3img5 1.3s 0.6s linear 2; 
}

@keyframes screen3img5{
	
	0%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}	
}






.screen4{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg20.png);
	background-size: 100% 100%;
	display:none;

}
.screen4img1{
	width:173px;
	height:37px;
	position:absolute;
	top: 161px;
    left: 413px;
	background: url(../images/girl6/img1.png);
	background-size: 100% 100%;
	/* animation:screen4img1 3s 0.3s linear 1;  */

}
@keyframes screen4img1{
	50%{top: 163px;}
	51%{top: 173px;}
	60%{top: 173px;}
	61%{top: 163px;}
}
 .screen4img2{
	width:176px;
	height:36px;
	position:absolute;
	top: 190px;
    left: 404px;
	background: url(../images/girl6/img2.png);
	background-position: 100% 100%;
    opacity:0;
	animation:screen4img2 2.2s 0.3s linear 1; 
} 
@keyframes screen4img2{
	50%{opacity:0;}
	51%{opacity:1;}
	53%{opacity:1;}
	54%{opacity:0;}
}
 .screen4img3{
	width:115px;
	height:51px;
	position:absolute;
	top: 305px;
    left: 435px;
	background: url(../images/girl6/img3.png) no-repeat;
	
	animation:screen4img3 1.1s 0.3s linear 2 ; 
	background-position:center;
}
 
@keyframes screen4img3{
	
	0%{ background: url(../images/girl6/img4.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl6/img4.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl6/img5.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl6/img5.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl6/img6.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl6/img6.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl6/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl6/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl6/img8.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl6/img8.png);background-size: 100% 100%;}	
}







.screen5{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg9.png);
	background-size: 100% 100%;
	display:none;

}
.screen5img1{
	width:166px;
	height:42px;
	position:absolute;
    top: 164px;
    left: 388px;
	background: url(../images/girl7/img1.png);
	background-size: 100% 100%;
	animation:screen5img1 2.4s 0.6s linear forwards; 
}
@keyframes screen5img1{
	0%{top:164px;}
	40%{top:164px;}
	41%{top:154px;}
	50%{top:154px;}
	100%{top:154px;
	
	}
}
.screen5img2{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 419px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:screen5img2 2.4s 0.6s linear forwards; 
}
@keyframes screen5img2{
	0%{ left: 419px;}
	50%{ left: 419px;}
	55%{ left: 405px;}
	100%{ left: 405px;}
}

.screen5img3{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 522px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:screen5img3 2.4s 0.6s linear forwards; 
}
@keyframes screen5img3{
	0%{ left: 522px;}
	50%{ left: 522px;}
	55%{ left: 508px;}
	100%{ left: 508px;}
}

.screen5img4{
	width:160px;
	height:29px;
	position:absolute;
	top: 211px;
    left: 393px;
	background: url(../images/girl7/img4.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:screen5img4 2.4s 0.6s linear 1; 
}
@keyframes screen5img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.screen5img5{
	width:115px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 414px;
	background: url(../images/girl7/img5.png);
	background-size: 100% 100%;
	animation:screen5img5 1.2s 0.6s linear 2; 
}

@keyframes screen5img5{
	
	0%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}	
}





.screen6{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg21.png);
	background-size: 100% 100%;
	display:none;

}
.screen7{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg9.png);
	background-size: 100% 100%;
	display:none;

}


.screen7img1{
	width:166px;
	height:42px;
	position:absolute;
    top: 164px;
    left: 388px;
	background: url(../images/girl7/img1.png);
	background-size: 100% 100%;
	animation:screen7img1 12s 2.6s linear forwards; 
}
@keyframes screen7img1{
	0%{top:164px;}
	40%{top:164px;}
	41%{top:154px;}
	50%{top:154px;}
	100%{top:154px;
	
	}
}
.screen7img2{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 419px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:screen7img2 12s 2.6s linear forwards; 
}
@keyframes screen7img2{
	0%{ left: 419px;}
	50%{ left: 419px;}
	55%{ left: 405px;}
	100%{ left: 405px;}
}

.screen7img3{
	width:21px;
	height:19px;
	position:absolute;
    top: 218px;
    left: 522px;
	background: url(../images/girl7/img3.png);
	background-size: 100% 100%;
	animation:screen7img3 12s 2.6s linear forwards; 
}
@keyframes screen7img3{
	0%{ left: 522px;}
	50%{ left: 522px;}
	55%{ left: 508px;}
	100%{ left: 508px;}
}

.screen7img4{
	width:160px;
	height:29px;
	position:absolute;
	top: 211px;
    left: 393px;
	background: url(../images/girl7/img4.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:screen7img4 12s 2.6s linear 1; 
}
@keyframes screen7img4{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.screen7img5{
	width:115px;
	height:51px;
	position:absolute;
	top: 319px;
    left: 414px;
	background: url(../images/girl7/img5.png);
	background-size: 100% 100%;
	animation:screen7img5 1.4s 0.6s linear 10; 
}

@keyframes screen7img5{
	
	0%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl7/img6.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl7/img7.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl7/img8.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl7/img9.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl7/img10.png);background-size: 100% 100%;}	
}


.screen8{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg22.png);
	background-size: 100% 100%;
	display:none;

}

.screen8img1{
	width:153px;
	height:35px;
	position:absolute;
	top: 259px;
    left: 430px;
	background: url(../images/girl13/img8.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:screen8img1 2.4s 0.3s linear 1; 
}
@keyframes screen8img1{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
#video10{
	position: absolute;
    top: 357px;
    width: 170px;
    left: 412px;
}






.screen9{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg23.png);
	background-size: 100% 100%;
	display:none;

}
.screen9img1{
	width:171px;
	height:45px;
	position:absolute;
	top: 172px;
    left: 247px;
	background: url(../images/girl12/img1.png);
	background-size: 100% 100%;
	animation:screen9img1 1.4s 0.8s linear forwards; 
}
@keyframes screen9img1{
	0%{top:172px;}
	39%{top:172px;}
	40%{top:162px;}
	100%{top:162px;
	
	}
}

.screen9img2{
	width:158px;
	height:33px;
	position:absolute;
	top: 220px;
    left: 259px;
	background: url(../images/girl12/img2.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:screen9img2 1.4s 0.8s linear 1; 
}
@keyframes screen9img2{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
.screen9img3{
	width:112px;
	height:51px;
	position:absolute;
	top: 345px;
    left: 281px;
	background: url(../images/girl12/img4.png);
	background-size: 100% 100%;
	animation:screen9img5 1.4s 0.8s linear 1; 
}

@keyframes screen9img5{
	
	0%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	20%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	21%{ background: url(../images/girl12/img6.png) no-repeat;background-size: unset; background-position: center;}
	40%{ background: url(../images/girl12/img6.png) no-repeat;background-size: unset; background-position: center;}
	41%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}
	60%{ background: url(../images/girl12/img5.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/girl12/img7.png);background-size: 100% 100%;}
	80%{ background: url(../images/girl12/img7.png);background-size: 100% 100%;}	
	81%{ background: url(../images/girl12/img8.png);background-size: 100% 100%;}
	100%{ background: url(../images/girl12/img8.png);background-size: 100% 100%;}	
}





.screen10{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg22.png);
	background-size: 100% 100%;
	display:none;

}

.screen10img1{
	width:153px;
	height:35px;
	position:absolute;
	top: 259px;
    left: 430px;
	background: url(../images/girl13/img8.png);
	background-size: 100% 100%;
	opacity: 0;
	animation:screen10img1 6.4s 0.4s linear 1; 
}
@keyframes screen10img1{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	28%{opacity: 1;}
	29%{opacity: 0;}
	75%{opacity: 0;}
	76%{opacity: 1;}
	78%{opacity: 1;}
	79%{opacity: 0;}

	100%{opacity: 0;}
}
#video11{
	position: absolute;
    top: 357px;
    width: 170px;
    left: 412px;
}




.screen11{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: url(../images/bg14.png);
	background-size: 100% 100%;
	display:none;

}


.screen11img1{
	width:28px;
	height:13px;
	position:absolute;
	top: 137px;
    left: 380px;
	background: url(../images/img2/img1.png);
	background-size: 100% 100%;

}
.screen11img1.repeat{
	animation:screen11img1 1.35s 0.6s linear 13; 
}
@keyframes screen11img1{
	
	0%{ background: url(../images/img2/img2.png);background-size: 100% 100%;}
	20%{ background: url(../images/img2/img2.png);background-size: 100% 100%;}
	21%{ background: url(../images/img2/img3.png);background-size: 100% 100%;}
	40%{ background: url(../images/img2/img3.png);background-size: 100% 100%;}
	41%{ background: url(../images/img2/img4.png);background-size: 100% 100%;}
	60%{ background: url(../images/img2/img4.png);background-size: 100% 100%;}	
	
	61%{ background: url(../images/img2/img5.png) no-repeat;background-size: unset; background-position: center;}
	80%{ background: url(../images/img2/img5.png) no-repeat;background-size: unset; background-position: center;}	
	81%{ background: url(../images/img2/img6.png);background-size: 100% 100%;}
	100%{ background: url(../images/img2/img6.png);background-size: 100% 100%;}	
}


.screen11 .arrow1{
	width:18px;
	height:49px;
	position:absolute;
	top: 395px;
    left: 210px;
	background: url(../images/img2/arrow.png);
	background-size: 100% 100%;
	animation:arrow1 0.5s 6.6s linear 8; 
	opacity: 0;
}


.screen11 .arrow2{
	width: 18px;
    height: 49px;
    position: absolute;
    top: 481px;
    left: 117px;
    background: url(../images/img2/arrow.png);
    background-size: 100% 100%;
	transform: rotate(-90deg);
	opacity: 0;
	animation:arrow1 0.5s 6.6s linear 8; 
}
 .screen11 .arrow3{
	width:18px;
	height:49px;
	position:absolute;
	top: 395px;
    left: 600px;
	background: url(../images/img2/arrow.png);
	background-size: 100% 100%;
	animation:arrow1 0.5s 14s linear 8;
	opacity: 0;
}

.screen11 .arrow4{
	width: 18px;
    height: 49px;
    position: absolute;
    top: 481px;
    left: 685px;
    background: url(../images/img2/arrow.png);
    background-size: 100% 100%;
	animation:arrow1 0.5s 14s linear 8;
	transform: rotate(90deg);
	opacity: 0;
} 
@keyframes arrow1{
	0%{opacity: 0;}
	25%{opacity: 0;}
	26%{opacity: 1;}
	75%{opacity: 1;}
	76%{opacity: 0;}
	100%{opacity: 0;}
}

.screen11 .btnUp{
	width: 98px;
    height: 110px;
    position: absolute;
    top: 455px;
    left: 168px;
	cursor:pointer;
}
.screen11 .btnDown{
	width: 98px;
    height: 110px;
    position: absolute;
    top: 455px;
    left: 559px;
	cursor:pointer;
}

.thirdscreen{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: white;
	display: none;
}


.screen12{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: white;
	background-size: 100% 100%;
	display:none;

}
.screen13{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
    left:0px;
	background: white;
	background-size: 100% 100%;
	display:none;

}

.playBtn{
	border: 1px solid black;
    position: absolute;
    left: 312px;
    padding: 5px 38px;
    background: white;
    cursor: pointer;
    top: 0px;
	font-size: 12px;
	display: none;
	font-weight: bold;
}
.stopBtn{
	border: 1px solid black;
    position: absolute;
    left: 412px;
    padding: 5px 38px;
    background: white;
    cursor: pointer;
    top: 0px;
	font-size: 12px;
	display: none;
	font-weight: bold;
}
.replayQuestion{
	border: 1px solid black;
    position: absolute;
    right: 0px;
    padding: 5px 30px;
    background: white;
    cursor: pointer;
    top: 0px;
	font-size: 12px;
	display: none;
	font-weight: bold;
}

body  *{animation-play-state: running;}
body.show *{animation-play-state: paused !important}

.loadingscreen .starticon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 60px;
    cursor: pointer;
	display:none;
}
.loadingscreen .arrow {
    position: absolute;
    top: 25px;
    width: 90%;
    height: 10px;
    background-color: #2484FF;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    animation: arrow 700ms linear infinite;
}

.loadingscreen .arrow::before {
    top: 12px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    transform: rotate(-45deg);
}
.loadingscreen .arrow::after, .loadingscreen .arrow::before {
    content: '';
    position: absolute;
    width: 60%;
    height: 10px;
    right: -8px;
    background-color: #2484FF;
}
.loadingscreen .arrow::after {
    top: -12px;
    transform: rotate(45deg);
}

.homeBtn{
	width: 50px;
    height: 20px;
    border: 2px solid blue;
    position: absolute;
    top: 100px;
    background: white;
    padding: 6px 22px;
    color: blue;
    font-weight: 600;
    border-radius: 15px;
    cursor: pointer;
}