@charset "utf-8";
/* CSS Document */


html {
width: 100%;
height: 100%;
}

body {
width: 100%;
height: 100%;
margin: 0px;
}


.point {
	width: 1px;
	height: 1px;
	background-color: red;
	left: 49.55%;
	top: 36.15%;
	position: relative;
}
.wrapper_old{
	display: block;
	height: 953px;
	width: 1919px;
	background-color: #0e757b;
}

.wrapper{
	/* background-image: url(images/grid.png);*/
	display: block;
	height: 100%;
	width: 100%;
	background-color: #0e757b;
	background-position: center 30%;
	background-repeat: no-repeat;
	
}

/*.paused {
    -webkit-animation-play-state: paused;  Chrome, Safari, Opera 
    animation-play-state: paused;
}*/	
	
/*.grid_opened{
	background-image: url(images/grid_opened.png);
	background-size: cover;
	display: block;
	height: 431px;
	width: 887px;
	position: absolute;
	left: -433px;
	top: -252px;
} */




	/* Chrome, Safari, Opera */
@-webkit-keyframes change_text {
	0%  {filter: Alpha(Opacity=0); opacity: 0;}
	42%  {filter: Alpha(Opacity=0); opacity: 0;}
	46%  {filter: Alpha(Opacity=100); opacity: 1;}
	86%  {filter: Alpha(Opacity=100); opacity: 1;}
	91%  {filter: Alpha(Opacity=0); opacity: 0;}
	100% {filter: Alpha(Opacity=0); opacity: 0;}
	
}

/* Standard syntax */
@keyframes change_text {
	0%  {filter: Alpha(Opacity=0); opacity: 0;}
	42%  {filter: Alpha(Opacity=0); opacity: 0;}
	46%  {filter: Alpha(Opacity=100); opacity: 1;}
	86%  {filter: Alpha(Opacity=100); opacity: 1;}
	91%  {filter: Alpha(Opacity=0); opacity: 0;}
	100% {filter: Alpha(Opacity=0); opacity: 0;}
	}


/* Chrome, Safari, Opera */
@-webkit-keyframes move_circle {
	0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.42); left: -181px; top: -20px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.42); left: -181px; top: -20px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.42); left: -181px; top: -20px;}
	45%  {transform: scale(1); left: -435px; top: -30px;}
	88%  {transform: scale(1); left: -435px; top: -30px;}
	95% {filter: Alpha(Opacity=100); opacity: 1;transform: scale(0.42); left: -181px; top: -20px;}
	100% {filter: Alpha(Opacity=100); opacity: 1;transform: scale(0.42); left: -181px; top: -20px;}
	
}
/* igul_1 */
.igul_1 {
	background-image: url(images/pink.png);
	background-size: cover;
	height: 161px;
	width: 180px;
	left: -181px;
	top: -20;
	position: absolute;
	-webkit-animation-name: igul_1; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 10s; /* Chrome, Safari, Opera */
	/*-webkit-animation-iteration-count:infinite;*/
	animation-name: igul_1;
	animation-duration: 10s;
	transition: All ease;
	filter: Alpha(Opacity=0); opacity: 0;
	z-index: 10;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

}




/* Chrome, Safari, Opera */
@-webkit-keyframes igul_1 {
	0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.42); left: -181px; top: -20px;}
	25%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.42); left: -181px; top: -20px;}
	75%  {transform: scale(1); left: -435px; top: -30px;}
	100% {filter: Alpha(Opacity=100); opacity: 1;transform: scale(0.42); left: -181px; top: -20px;}
	
}

/* Standard syntax */
@keyframes igul_1 {
	0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.42); left: -181px; top: -20px;}
	25%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.42); left: -181px; top: -20px;}
	75%  {transform: scale(1); left: -435px; top: -30px;}
	100% {filter: Alpha(Opacity=100); opacity: 1;transform: scale(0.42); left: -181px; top: -20px;}
	
}

.igul_1_text {
	width: 100%;
	height: 100%;
	background-size: 43%; 
	background-position: center center;
	margin-top: 1px;
	background-repeat: no-repeat;
	background-image: url(images/pink_text.png);
	-webkit-animation-name: change_text ; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 10s; /* Chrome, Safari, Opera */
	animation-name: change_text ;
	animation-duration: 10s;
	transition: All ease;
	z-index: 11;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
	filter: Alpha(Opacity=0); opacity: 0;
	}


/* igul_2 */
.igul_2 {
	background-image: url(images/yellow_1.png);
	background-size: cover;
	height: 95px;
	width: 106px;
	left: -173px;
	top: -34px;
	position: absolute;
	-webkit-animation-name: igul_2; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 7.6s; /* Chrome, Safari, Opera */
	animation-name: igul_2;
	animation-duration: 7.6s;
	animation-delay: 2.4s;
	transition: All ease;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes igul_2 {
	0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.7); left: -173px; top: -34px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.7); left: -173px; top: -34px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.7); left: -173px; top: -34px;}
	45%  {transform: scale(1); left: -235px; top: -85px;}
	88%  {transform: scale(1); left: -235px; top: -85px;}
	95% {filter: Alpha(Opacity=100); opacity: 1;transform: scale(0.7); left: -173px; top: -34px;}
	100% {filter: Alpha(Opacity=100); opacity: 1;transform: scale(0.7); left: -173px; top: -34px;}
	
}
	
	
/* Standard syntax */
@keyframes igul_2 {
	0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.7); left: -173px; top: -34px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.7); left: -173px; top: -34px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.7); left: -173px; top: -34px;}
	45%  {transform: scale(1); left: -235px; top: -85px;}
	88%  {transform: scale(1); left: -235px; top: -85px;}
	95% {filter: Alpha(Opacity=100); opacity: 1;transform: scale(0.7); left: -173px; top: -34px;}
	100% {filter: Alpha(Opacity=100); opacity: 1;transform: scale(0.7); left: -173px; top: -34px;}
	
}


.igul_2_text {
	width: 100%;
	height: 100%;
	background-size: 75%; 
	background-position: center center;
	margin-top: -4px;
	background-repeat: no-repeat;
	background-image: url(images/yellow_1_text.png);
	-webkit-animation-name: change_text ; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 7.6s; /* Chrome, Safari, Opera */
	animation-name: change_text ;
	animation-duration: 7.6s;
	animation-delay: 2.4s;
	transition: All ease;
	z-index: 10;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
	filter: Alpha(Opacity=0); opacity: 0;
	}


/* igul_3 */
.igul_3 {
	background-image: url(images/blue_up.png);
	background-size: cover;
	height: 152px;
	width: 170px;
	left: -176px;
	top: -137px;
	position: absolute;
	-webkit-animation-name: igul_3; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 8.2s; /* Chrome, Safari, Opera */
	animation-name: igul_3;
	animation-duration: 8.2s;
	animation-delay: 1.8s;
	transition: All ease;
	z-index: 50;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes igul_3 {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(1); left: -176px; top: -137px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -176px; top: -137px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -176px; top: -137px;}
	45%  {transform: scale(0.81); left: -330px; top: -225px;}
	88%  {transform: scale(0.81); left: -330px; top: -225px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -176px; top: -137px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -176px; top: -137px;}
	
	
}

/* Standard syntax */
@keyframes igul_3 {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(1); left: -176px; top: -137px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -176px; top: -137px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -176px; top: -137px;}
	45%  {transform: scale(0.81); left: -330px; top: -225px;}
	88%  {transform: scale(0.81); left: -330px; top: -225px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -176px; top: -137px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -176px; top: -137px;}
	

}

.igul_3_text {
	width: 100%;
	height: 100%;
	background-size: 50%; 
	background-position: center center;
	margin-top: 1px;
	background-repeat: no-repeat;
	background-image: url(images/blue_up_text.png);
	-webkit-animation-name: change_text ; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 8.2s; /* Chrome, Safari, Opera */
	animation-name: change_text ;
	animation-duration: 8.2s;
	animation-delay: 1.8s;
	transition: All ease;
	z-index: 51;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
	filter: Alpha(Opacity=0); opacity: 0;
	}


/* igul_4 */
.igul_4 {
	background-image: url(images/green_up.png);
	background-size: cover;
	height: 107px;
	width: 120px;
	left: -62px;
	top: -155px;
	position: absolute;
	-webkit-animation-name: igul_4; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 9.7s; /* Chrome, Safari, Opera */
	animation-name: igul_4;
	animation-duration: 9.7s;
	transition: All ease;
	animation-delay: 0.3s;
	filter: Alpha(Opacity=0); opacity: 0;
	z-index: 20;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
	
}


/* Chrome, Safari, Opera */
@-webkit-keyframes igul_4 {
	0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.85); left: -62px; top: -155px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.85); left: -62px; top: -155px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.85); left: -62px; top: -155px;}
	45%  {transform: scale(1); left: -58px; top: -290px;}
	88%  {transform: scale(1); left: -58px; top: -290px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.85); left: -62px; top: -155px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.85); left: -62px; top: -155px;}
	
}


/* Standard syntax */
@keyframes igul_4 {
	0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.85); left: -62px; top: -155px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.85); left: -62px; top: -155px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.85); left: -62px; top: -155px;}
	45%  {transform: scale(1); left: -58px; top: -290px;}
	88%  {transform: scale(1); left: -58px; top: -290px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.85); left: -62px; top: -155px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.85); left: -62px; top: -155px;}
	
}


.igul_4_text {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: 58%; 
	margin-top: 4px;
	background-repeat: no-repeat;
	background-image: url(images/green_up_text.png);
	-webkit-animation-name: change_text ; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 10s; /* Chrome, Safari, Opera */
	animation-name: change_text ;
	animation-duration: 10s;
	transition: All ease;
	z-index: 10;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
	filter: Alpha(Opacity=0); opacity: 0;
	}

	

/* igul_5 */
.igul_5 {
	background-image: url(images/orange.png);
	background-size: cover;
	height: 130px;
	width: 146px;
	left: 20px;
	top: -138px;
	position: absolute;
	-webkit-animation-name: igul_5; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 8.8s; /* Chrome, Safari, Opera */
	animation-name: igul_5;
	animation-duration: 8.8s;
	animation-delay: 1.2s;
	transition: All ease;
	z-index: 50;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes igul_5 {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(1); left: 20px; top: -138px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 20px; top: -138px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 20px; top: -138px;}
	45%  {transform: scale(1); left: 125px; top: -210px;}
	88%  {transform: scale(1); left: 125px; top: -210px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 20px; top: -138px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 20px; top: -138px;}
	
}

/* Standard syntax */
@keyframes igul_5 {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(1); left: 20px; top: -138px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 20px; top: -138px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 20px; top: -138px;}
	45%  {transform: scale(1); left: 125px; top: -210px;}
	88%  {transform: scale(1); left: 125px; top: -210px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 20px; top: -138px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 20px; top: -138px;}
	
}

.igul_5_text {
	width: 100%;
	height: 100%;
	background-size: 25%; 
	background-position: center center;
	margin-top: 1px;
	background-repeat: no-repeat;
	background-image: url(images/orange_text.png);
	-webkit-animation-name: change_text ; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 8.8s; /* Chrome, Safari, Opera */
	animation-name: change_text ;
	animation-duration: 8.8s;
	animation-delay: 1.2s;
	transition: All ease;
	z-index: 51;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
	filter: Alpha(Opacity=0); opacity: 0;
	}


/* igul_6 */
.igul_6 {
	background-image: url(images/red.png);
	background-size: cover;
	height: 152px;
	width: 170px;
	left: 26px;
	top: -55px;
	position: absolute;
	-webkit-animation-name: igul_6; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 9.4s; /* Chrome, Safari, Opera */
	animation-name: igul_6;
	animation-duration: 9.4s;
	animation-delay: 0.6s; 
	transition: All ease;
	z-index: 80;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;


}

/* Chrome, Safari, Opera */
@-webkit-keyframes igul_6 {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(1); left: 26px; top: -55px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 26px; top: -55px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 26px; top: -55px;}
	45%  {transform: scale(1); left: 290px; top: -90px;}
	88%  {transform: scale(1); left: 290px; top: -90px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 26px; top: -55px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 26px; top: -55px;}
	
}

/* Standard syntax */
@keyframes igul_6 {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(1); left: 26px; top: -55px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 26px; top: -55px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 26px; top: -55px;}
	45%  {transform: scale(1); left: 290px; top: -90px;}
	88%  {transform: scale(1); left: 290px; top: -90px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 26px; top: -55px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: 26px; top: -55px;}
	
}

.igul_6_text {
	width: 100%;
	height: 100%;
	background-size: 20%; 
	background-position: center center;
	margin-top: 1px;
	background-repeat: no-repeat;
	background-image: url(images/red_text.png);
	-webkit-animation-name: change_text ; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 9.4s; /* Chrome, Safari, Opera */
	animation-name: change_text ;
	animation-duration: 9.4s;
	animation-delay: 0.6s;
	transition: All ease;
	z-index: 81;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
	filter: Alpha(Opacity=0); opacity: 0;
	}


/* igul_7 */
.igul_7 {
	background-image: url(images/yellow_2.png);
	background-size: cover;
	height: 113px;
	width: 126px;
	left: 43px;
	top: 41px;
	position: absolute;
	-webkit-animation-name: igul_7; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 7.9s; /* Chrome, Safari, Opera */
	animation-name: igul_7;
	animation-duration: 7.9s;
	animation-delay: 2.1s; 
	transition: All ease;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes igul_7 {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.48); left: 43px; top: 41px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.48); left: 43px; top: 41px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.48); left: 43px; top: 41px;}
	45%  {transform: scale(1); left: 50px; top: 65px;}
	88%  {transform: scale(1); left: 50px; top: 65px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.48); left: 43px; top: 41px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.48); left: 43px; top: 41px;}
	
}

/* Standard syntax */
@keyframes igul_7 {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.48); left: 43px; top: 41px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.48); left: 43px; top: 41px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.48); left: 43px; top: 41px;}
	45%  {transform: scale(1); left: 50px; top: 65px;}
	88%  {transform: scale(1); left: 50px; top: 65px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.48); left: 43px; top: 41px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.48); left: 43px; top: 41px;}
	
}
.igul_7_text {
	width: 100%;
	height: 100%;
	background-size: 70%; 
	background-position: center center;
	margin-top: -5px;
	background-repeat: no-repeat;
	background-image: url(images/yellow_2_text.png);
	-webkit-animation-name: change_text ; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 7.9s; /* Chrome, Safari, Opera */
	animation-name: change_text ;
	animation-duration: 7.9s;
	animation-delay: 2.1s;
	transition: All ease;
	z-index: 81;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
	filter: Alpha(Opacity=0); opacity: 0;
	}



/* igul_8 */
.igul_8 {
	background-image: url(images/blue_bottom.png);
	background-size: cover;
	height: 125px;
	width: 140px;
	left: -34px;
	top: 31px;
	position: absolute;
	-webkit-animation-name: igul_8; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 8.5s; /* Chrome, Safari, Opera */
	animation-name: igul_8;
	animation-duration: 8.5s;
	animation-delay: 1.5s; 
	transition: All ease;
	z-index: 60;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes igul_8 {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.83); left: -34px; top: 31px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.83); left: -34px; top: 31px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.83); left: -34px; top: 31px;}
	45%  {transform: scale(1); left: 202px; top: 43px;}
	88%  {transform: scale(1); left: 202px; top: 43px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.83); left: -34px; top: 31px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.83); left: -34px; top: 31px;}
	
}

/* Standard syntax */
@keyframes igul_8 {
   0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.83); left: -34px; top: 31px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.83); left: -34px; top: 31px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.83); left: -34px; top: 31px;}
	45%  {transform: scale(1); left: 202px; top: 43px;}
	88%  {transform: scale(1); left: 202px; top: 43px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.83); left: -34px; top: 31px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.83); left: -34px; top: 31px;}
	
}

.igul_8_text {
	width: 100%;
	height: 100%;
	background-size: 72%; 
	background-position: center center;
	margin-top: 1px;
	background-repeat: no-repeat;
	background-image: url(images/blue_bottom_text.png);
	-webkit-animation-name: change_text ; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 8.5s; /* Chrome, Safari, Opera */
	animation-name: change_text ;
	animation-duration: 8.5s;
	animation-delay: 1.5s;
	transition: All ease;
	z-index: 81;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
	filter: Alpha(Opacity=0); opacity: 0;
	}



/* igul_9 */
.igul_9 {
	background-image: url(images/green_bottom.png);
	background-size: cover;
	height: 114px;
	width: 127px;
	left: -96px;
	top: 25px;
	position: absolute;
	-webkit-animation-name: igul_9; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 9.1s; /* Chrome, Safari, Opera */
	animation-name: igul_9;
	animation-duration: 9.1s;
	animation-delay: 0.9s; 
	transition: All ease;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes igul_9 {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.91); left: -96px; top: 25px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.91); left: -96px; top: 25px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.91); left: -96px; top: 25px;}
	45%  {transform: scale(1); left: -200px; top: 42px;}
	88%  {transform: scale(1); left: -200px; top: 42px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.91); left: -96px; top: 25px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.91); left: -96px; top: 25px;}
	
	
}

/* Standard syntax */
@keyframes igul_9 {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.91); left: -96px; top: 25px;}
	20%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.91); left: -96px; top: 25px;}
	39%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.91); left: -96px; top: 25px;}
	45%  {transform: scale(1); left: -200px; top: 42px;}
	88%  {transform: scale(1); left: -200px; top: 42px;}
	95% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.91); left: -96px; top: 25px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(0.91); left: -96px; top: 25px;}
	
}
.igul_9_text {
	width: 100%;
	height: 100%;
	background-size: 34%; 
	background-position: center center;
	margin-top: -1px;
	background-repeat: no-repeat;
	background-image: url(images/green_bottom_text.png);
	-webkit-animation-name: change_text ; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 9.1s; /* Chrome, Safari, Opera */
	animation-name: change_text ;
	animation-duration: 9.1s;
	animation-delay: 0.9s;
	transition: All ease;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
	filter: Alpha(Opacity=0); opacity: 0;
	}

.es {
	background-image: url(images/a_1.png);
	height: 224px;
	width: 250px;
	position: absolute;
	left: -125px;
	top:  -112px;
	z-index: 100;
	cursor: pointer;
}

.es_digital {
	background-image: url(images/es_digital.png);
	background-size: cover;
	height: 52px;
	width: 361px;
	left: -173px;
	top: 200px;
	position: absolute;
	-webkit-animation-name: es_digital; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 7.9s; /* Chrome, Safari, Opera */
	animation-name: es_digital;
	animation-duration: 7.9s;
	animation-delay: 2.1s; 
	transition: All ease;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes es_digital {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.5); left: -173px; top: 260px;}
	30%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -173px; top: 200px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -173px; top: 200px;}
}
/* Standard syntax */
@keyframes es_digital {
	0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.5); left: -173px; top: 260px;}
	30%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -173px; top: 200px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -173px; top: 200px;}
	}

@keyframes es_digital_mobile {
		0%  {filter: Alpha(Opacity=0); opacity: 0; transform: translateY(31px);}
		50%  {filter: Alpha(Opacity=100); opacity: 1; transform: translateY(0px);}
		100% {filter: Alpha(Opacity=100); opacity: 1; transform: translatey(0); left: 0px;}
		}
.slogen {
	background-image: url(images/slogen.png);
	background-size: cover;
	height: 28px;
	width: 360px;
	left: -173px;
	top: 260px;
	position: absolute;
	-webkit-animation-name: slogen; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 7s; /* Chrome, Safari, Opera */
	animation-name: slogen;
	animation-duration: 7s;
	animation-delay: 3s; 
	transition: All ease;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes slogen {
    0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.5); left: -173px; top: 320px;}
	30%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -173px; top: 260px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -173px; top: 260px;}
}
/* Standard syntax */
@keyframes slogen {
	 0%  {filter: Alpha(Opacity=0); opacity: 0; transform: scale(0.5); left: -173px; top: 320px;}
	30%  {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -173px; top: 260px;}
	100% {filter: Alpha(Opacity=100); opacity: 1; transform: scale(1); left: -173px; top: 260px;}
}

.forMobileOnly > img:first-child{
	width: 95%;
	margin: 0px 2.5% 0px 2.5%;
	top: 55px;
	position: relative;
	animation-name: es_digital_mobile;
	animation-duration: 5s;
	animation-delay: .1s; 
	transition: All ease;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

}


.forMobileOnly > img:nth-child(2){
    top: 63px;
    position: relative;
    width: 90%;
	margin: 0px 5%;
	animation-name:es_digital_mobile;
	animation-duration: 5s;
	animation-delay: .5s;
	transition: All ease;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}
.forMobileOnly > img:nth-child(3){
    top: 70px;
    position: relative;
    width: 90%;
	margin: 0px 5%;
	animation-name:es_digital_mobile;
	animation-duration: 5s;
	animation-delay: 1.1s;
	transition: All ease;
	filter: Alpha(Opacity=0); opacity: 0;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}