body{
	background:url('../congruent_outline.png');
	overflow:hidden;
}

.head{
	color: #cccccc;

	width:160px;
	height:60px;
	position: absolute;
	left:40%;
	top:-6%;
	border-radius:10px;
	
}
.head p{
	font-family: 'Milonga',cursive;
}
.head {
-webkit-animation: cssAnimation 2.3997s ease-in-out 1s infinite alternate;
-moz-animation: cssAnimation 2.3997s ease-in-out 1s infinite alternate;
-o-animation: cssAnimation 2.3997s 2 ease-in-out 1s infinite alternate;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(1.5) skew(0deg) ; }
25% { -webkit-transform: rotate(4deg) scale(1) skew(0deg) ; color:rgb(73,67,129);}
50%{ -webkit-transform:rotate(0deg) scale(1.5) skew(0deg);color:red;}
75%{-webkit-transform:rotate(-4deg) scale(1) skew(0deg) ;color: rgb(103,129,96);}
to{-webkit-transform:rotate(0deg) scale(1.5) skew(0deg) ;color: yellow;}
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(1.5) skew(0deg) ; }
25% { -moz-transform: rotate(4deg) scale(1) skew(0deg) ; color:rgb(73,67,129);}
50%{ -moz-transform:rotate(0deg) scale(1.5) skew(0deg);color:red;}
75%{-moz-transform:rotate(-4deg) scale(1) skew(0deg) ;color: rgb(103,129,96);}
to{-moz-transform:rotate(0deg) scale(1.5) skew(0deg) ;color: yellow;}
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(1.5) skew(0deg) ; }
25% { -o-transform: rotate(4deg) scale(1) skew(0deg) ; color:rgb(73,67,129);}
50%{ -o-transform:rotate(0deg) scale(1.5) skew(0deg);color:red;}
75%{-o-transform:rotate(-4deg) scale(1) skew(0deg) ;color: rgb(103,129,96);}
to{-o-transform:rotate(0deg) scale(1.5) skew(0deg) ;color: yellow;}
}

.slide{
	height:25px;
	background: rgba(0,0,0,0.7);
	color: white;
	font-family: Arial;
	display: none;
	text-align: center;
	padding-top: 5px;
}

.a1d{
	background: url(1.JPG);
	background-size: 100% 100%;
	position: absolute;
	left:3%;
	top:7%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-o-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-ms-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
}
.a2d{
	background: url(2.png);
	background-size: 100% 100%;
	position: absolute;
	left:29%;
	top:7%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
}
.a3d{
	background: url(3.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:7%;
	left: 54%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-o-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-ms-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
}
.a4d{
	background: url(4.JPG);
	background-size: 100% 100%;
	position: absolute;
	top: 7%;
	left: 79%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
}
.a5d{
	background: url(5.jpg);
	background-size: 100% 100%;
	position: absolute;
	top:45%;
	left:18%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(350deg) scale(1) skew(1deg) translate(-2px);
-webkit-transform: rotate(350deg) scale(1) skew(1deg) translate(-2px);
-moz-transform: rotate(350deg) scale(1) skew(1deg) translate(-2px);
-o-transform: rotate(350deg) scale(1) skew(1deg) translate(-2px);
-ms-transform: rotate(350deg) scale(1) skew(1deg) translate(-2px);
}
.a6d{
	background: url(6.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:45%;
	left: 43%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(7deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(7deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(7deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(7deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(7deg) scale(1) skew(1deg) translate(0px);
}

.a7d{
	background: url(8.JPG);
	background-size: 100% 100%;
	position: absolute;
	top: 45%;
	left:68%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(355deg) scale(1) skew(1deg) translate(0px);
}
.a8d{
	background: url(9.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:80%;
	left:3%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-o-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
-ms-transform: rotate(4deg) scale(1) skew(1deg) translate(-2px);
}
.a9d{
	background: url(ten.JPG);
	background-size: 100% 100%;
	position: absolute;
	top: 80%;
	left: 29%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(5deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(5deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(5deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(5deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(5deg) scale(1) skew(1deg) translate(0px);
}
.a10{
	background: url(11.JPG);
	background-size: 100% 100%;
	position: absolute;
	top: 80%;
	left: 54%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(354deg) scale(1) skew(1deg) translate(-2px);
-webkit-transform: rotate(354deg) scale(1) skew(1deg) translate(-2px);
-moz-transform: rotate(354deg) scale(1) skew(1deg) translate(-2px);
-o-transform: rotate(354deg) scale(1) skew(1deg) translate(-2px);
-ms-transform: rotate(354deg) scale(1) skew(1deg) translate(-2px);
}
.a11{
	background: url(12.jpg);
	background-size: 100% 100%;
	position: absolute;
	top:80%;
	left: 79%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(5deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(5deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(5deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(5deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(5deg) scale(1) skew(1deg) translate(0px);
}

.a1da{
	background: url(1.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:-35%;
	left:-10%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(5deg) scale(1) skew(4deg) translate(-12px);
-webkit-transform: rotate(5deg) scale(1) skew(4deg) translate(-12px);
-moz-transform: rotate(5deg) scale(1) skew(4deg) ;
-o-transform: rotate(5deg) scale(1) skew(4deg) ;
-ms-transform: rotate(5deg) scale(1) skew(4deg) ;
}
.a2da{
	background: url(2.png);
	background-size: 100% 100%;
	position: absolute;
	top:-35%;
	left:20%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(5deg) scale(1) skew(4deg) ;
-webkit-transform: rotate(5deg) scale(1) skew(4deg) ;
-moz-transform: rotate(5deg) scale(1) skew(4deg) ;
-o-transform: rotate(5deg) scale(1) skew(4deg) ;
-ms-transform: rotate(5deg) scale(1) skew(4deg) ;
}
.a3da{
	background: url(3.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:-35%;
	left:60%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(5deg) scale(1) skew(4deg) ;
-webkit-transform: rotate(5deg) scale(1) skew(4deg) ;
-moz-transform: rotate(5deg) scale(1) skew(4deg) ;
-o-transform: rotate(5deg) scale(1) skew(4deg) ;
-ms-transform: rotate(5deg) scale(1) skew(4deg) ;
}
.a4da{
	background: url(4.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:-35%;
	left:88%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(5deg) scale(1) skew(4deg) ;
-webkit-transform: rotate(5deg) scale(1) skew(4deg) ;
-moz-transform: rotate(5deg) scale(1) skew(4deg) ;
-o-transform: rotate(5deg) scale(1) skew(4deg) ;
-ms-transform: rotate(5deg) scale(1) skew(4deg) ;
}
.a5da{
	background: url(5.jpg);
	background-size: 100% 100%;
	position: absolute;
	top:10%;
	left:-23%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(-95deg) scale(1) skew(4deg) ;
-webkit-transform: rotate(-95deg) scale(1) skew(4deg) ;
-moz-transform: rotate(-95deg) scale(1) skew(4deg) ;
-o-transform: rotate(-95deg) scale(1) skew(4deg) ;
-ms-transform: rotate(-95deg) scale(1) skew(4deg) ;
}
.a6da{
	background: url(6.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:70%;
	left:-23%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(-95deg) scale(1) skew(4deg) ;
-webkit-transform: rotate(-95deg) scale(1) skew(4deg) ;
-moz-transform: rotate(-95deg) scale(1) skew(4deg) ;
-o-transform: rotate(-95deg) scale(1) skew(4deg) ;
-ms-transform: rotate(-95deg) scale(1) skew(4deg) ;
}
.a7da{
	background: url(8.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:109%;
	left:0%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(5deg) scale(1) skew(4deg) ;
-webkit-transform: rotate(5deg) scale(1) skew(4deg) ;
-moz-transform: rotate(5deg) scale(1) skew(4deg) ;
-o-transform: rotate(5deg) scale(1) skew(4deg) ;
-ms-transform: rotate(5deg) scale(1) skew(4deg) ;
}
.a8da{
	background: url(9.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:109%;
	left:33%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(5deg) scale(1) skew(4deg) ;
-webkit-transform: rotate(5deg) scale(1) skew(4deg) ;
-moz-transform: rotate(5deg) scale(1) skew(4deg) ;
-o-transform: rotate(5deg) scale(1) skew(4deg) ;
-ms-transform: rotate(5deg) scale(1) skew(4deg) ;
}
.a9da{
	background: url(ten.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:109%;
	left:66%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(5deg) scale(1) skew(4deg) ;
-webkit-transform: rotate(5deg) scale(1) skew(4deg) ;
-moz-transform: rotate(5deg) scale(1) skew(4deg) ;
-o-transform: rotate(5deg) scale(1) skew(4deg) ;
-ms-transform: rotate(5deg) scale(1) skew(4deg) ;
}
.a10a{
	background: url(11.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:10%;
	left:100%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(95deg) scale(1) skew(4deg) ;
-webkit-transform: rotate(95deg) scale(1) skew(4deg) ;
-moz-transform: rotate(95deg) scale(1) skew(4deg) ;
-o-transform: rotate(95deg) scale(1) skew(4deg) ;
-ms-transform: rotate(95deg) scale(1) skew(4deg) ;
}
.a11a{
	background: url(12.jpg);
	background-size: 100% 100%;
	position: absolute;
	top:80%;
	left:100%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(95deg) scale(1) skew(4deg) ;
-webkit-transform: rotate(95deg) scale(1) skew(4deg) ;
-moz-transform: rotate(95deg) scale(1) skew(4deg) ;
-o-transform: rotate(95deg) scale(1) skew(4deg) ;
-ms-transform: rotate(95deg) scale(1) skew(4deg) ;
}


.head{
	text-align: center;
	font-size: 50px;
	font-family: Arial;
}
#frame img{
	background-size: inherit;
}

#container{
	margin:6px;
	position: relative;
	top:5%;
	left:5%;
	width:87%;
	height:80%;
}
#frame{
	width:242;
	height: 160;
	margin:22px;
	
	border: 2px solid #e1e1e1;
	-moz-box-shadow: 9px 7px 31px #000000;
-webkit-box-shadow: 9px 7px 31px #000000;
box-shadow: 9px 7px 31px #000000;
}

#frame:hover{

	width:242;
	height: 160;
	margin:22px;
	
	border: 2px solid orange;
	cursor: pointer;
	-moz-box-shadow: 9px 7px 31px #000000;
-webkit-box-shadow: 9px 7px 31px #000000;
box-shadow: 9px 7px 31px #000000;
}

#frame {
transition:hover 0.5s ease-in-out;
-webkit-transition:hover 0.5s ease-in-out;
-moz-transition:hover 0.5s ease-in-out;
-o-transition:hover 0.5s ease-in-out;
}


button{
	position: absolute;
	right:12%;
	top:7%;
	padding:3px;
	text-align: center;
	font-size: 20px;
	border-radius:10px 2px 8px 3px; 
}
#slate{
	width:70%;
	height:90%;
	position: absolute;
	top: 5%;
	left:15%;
	background:;
}



#slate{
	background: auto;
	margin: 0 0 0 20px; 
	padding: 15px 15px 0 15px; 
	width: 500px;
	position:absolute;
	top:10%;
	left:12%;
}
#slate img{
	position: absolute;
	left:23%;
	width: 700px; 
	height: 470px;
	border: 14px solid #404040;
	border-radius: 20px;
}
#slate-caption{
	color: grey;
	width:800px;

}

/* Caption and controls */
#prev{
	position: absolute;
	left:13%;
	top:40%;
	width: 80px;
	height:130px;
	background: url(slider_mega_arrows.png) 0 0;

}

#next{
	position: absolute;
	right:13%;
	top:40%;
	width: 80px;
	height:130px;
	background: url(slider_mega_arrows.png) -80 0;

}

#prev:hover{
	position: absolute;
	left:13%;
	top:40%;
	width: 80px;
	height:130px;
	background: url(slider_mega_arrows.png) -200 0;
	cursor: pointer;

}

#next:hover{
	position: absolute;
	right:13%;
	top:40%;
	width: 80px;
	height: 130px;
	background: url(slider_mega_arrows.png) -280 0;
	cursor: pointer;

}
.caption{
	background-color:rgba(255,255,255,0.6);
	position: absolute;
	top: 80%;
	left:21%;
	text-align: center;
	width:58%;
	height: 80px;
	padding-top: 10px;	
	border-radius: 10px;
	font-size: 20px;
	font-family: Arial; 
}

.a1db{
	background: url(1.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:27%;
	left:35%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(360deg) scale(2) skew(0deg) ;
-webkit-transform: rotate(360deg) scale(2) skew(0deg) ;
-moz-transform: rotate(360deg) scale(2) skew(0deg) ;
-o-transform: rotate(360deg) scale(2) skew(0deg) ;
-ms-transform: rotate(360deg) scale(2) skew(0deg) ;
}
.a2db{
	background: url(2.png);
	background-size: 100% 100%;
	position: absolute;
	top:27%;
	left:35%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(360deg) scale(2) skew(0deg) ;
-webkit-transform: rotate(360deg) scale(2) skew(0deg) ;
-moz-transform: rotate(360deg) scale(2) skew(0deg) ;
-o-transform: rotate(360deg) scale(2) skew(0deg) ;
-ms-transform: rotate(360deg) scale(2) skew(0deg) ;
}
.a3db{
	background: url(3.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:27%;
	left:35%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(360deg) scale(2) skew(0deg) ;
-webkit-transform: rotate(360deg) scale(2) skew(0deg) ;
-moz-transform: rotate(360deg) scale(2) skew(0deg) ;
-o-transform: rotate(360deg) scale(2) skew(0deg) ;
-ms-transform: rotate(360deg) scale(2) skew(0deg) ;
}
.a4db{
	background: url(4.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:27%;
	left:35%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(360deg) scale(2) skew(0deg) ;
-webkit-transform: rotate(360deg) scale(2) skew(0deg) ;
-moz-transform: rotate(360deg) scale(2) skew(0deg) ;
-o-transform: rotate(360deg) scale(2) skew(0deg) ;
-ms-transform: rotate(360deg) scale(2) skew(0deg) ;
}
.a5db{
	background: url(5.jpg);
	background-size: 100% 100%;
	position: absolute;
	top:27%;
	left:35%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(360deg) scale(2) skew(0deg) ;
-webkit-transform: rotate(360deg) scale(2) skew(0deg) ;
-moz-transform: rotate(360deg) scale(2) skew(0deg) ;
-o-transform: rotate(360deg) scale(2) skew(0deg) ;
-ms-transform: rotate(360deg) scale(2) skew(0deg) ;
}
.a6db{
	background: url(6.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:27%;
	left:35%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(360deg) scale(2) skew(0deg) ;
-webkit-transform: rotate(360deg) scale(2) skew(0deg) ;
-moz-transform: rotate(360deg) scale(2) skew(0deg) ;
-o-transform: rotate(360deg) scale(2) skew(0deg) ;
-ms-transform: rotate(360deg) scale(2) skew(0deg) ;
}
.a7db{
	background:url(8.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:27%;
	left:35%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(360deg) scale(2) skew(0deg) ;
-webkit-transform: rotate(360deg) scale(2) skew(0deg) ;
-moz-transform: rotate(360deg) scale(2) skew(0deg) ;
-o-transform: rotate(360deg) scale(2) skew(0deg) ;
-ms-transform: rotate(360deg) scale(2) skew(0deg) ;
}
.a8db{
	background: url(9.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:27%;
	left:35%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(360deg) scale(2) skew(0deg) ;
-webkit-transform: rotate(360deg) scale(2) skew(0deg) ;
-moz-transform: rotate(360deg) scale(2) skew(0deg) ;
-o-transform: rotate(360deg) scale(2) skew(0deg) ;
-ms-transform: rotate(360deg) scale(2) skew(0deg) ;
}
.a9db{
	background:url(ten.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:27%;
	left:35%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(360deg) scale(2) skew(0deg) ;
-webkit-transform: rotate(360deg) scale(2) skew(0deg) ;
-moz-transform: rotate(360deg) scale(2) skew(0deg) ;
-o-transform: rotate(360deg) scale(2) skew(0deg) ;
-ms-transform: rotate(360deg) scale(2) skew(0deg) ;
}

.a10b{
	background: url(11.JPG);
	background-size: 100% 100%;
	position: absolute;
	top:27%;
	left:35%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(360deg) scale(2) skew(0deg) ;
-webkit-transform: rotate(360deg) scale(2) skew(0deg) ;
-moz-transform: rotate(360deg) scale(2) skew(0deg) ;
-o-transform: rotate(360deg) scale(2) skew(0deg) ;
-ms-transform: rotate(360deg) scale(2) skew(0deg) ;
}

.a11b{
	background: url(12.jpg);
	background-size:100% 100%; 
	position: absolute;
	top:27%;
	left:35%;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	transform: rotate(360deg) scale(2) skew(0deg) ;
-webkit-transform: rotate(360deg) scale(2) skew(0deg) ;
-moz-transform: rotate(360deg) scale(2) skew(0deg) ;
-o-transform: rotate(360deg) scale(2) skew(0deg) ;
-ms-transform: rotate(360deg) scale(2) skew(0deg) ;
}
#yo{
	display: none;
}