/*
 * Background Animations
 */


 /* spinner-l */
 
@-webkit-keyframes spinner-l {
	from { -webkit-transform: rotate(360deg); }
	to { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes spinner-l {
	from { -moz-transform: rotate(360deg); }
	to { -moz-transform: rotate(0deg); }
}

@-ms-keyframes spinner-l {
	from { -ms-transform: rotate(360deg); }
	to { -ms-transform: rotate(0deg); }
}

@keyframes spinner-l {
	from { transform: rotate(360deg); }
	to { transform: rotate(0deg); }
}

/* zeppelin */

@-webkit-keyframes zeppelin {
	from { -webkit-transform: translateY(-250px); left:-150%;  }
	
	to { -webkit-transform: translateY(180px); left:100%;}

}

@-moz-keyframes zeppelin {
	from { -moz-transform: translateY(-250px); left:-150%; }
	to { -moz-transform: translateY(180px); left:100%;}

}

@-ms-keyframes zeppelin {
	from { -ms-transform: translateY(-250px); left:-150%; }
	to { -ms-transform: translateY(180px); left:100%;}
	
	
}

@keyframes zeppelin {
	from { transform: translateY(-250px); left:-150%; }
	to { transform: translateY(180px); left:100%;}
	
	
}

/* slide */

@-webkit-keyframes slide {
    from{ background-position: 0 0; }
    to{ background-position: 100% 0; }
}

@-moz-keyframes slide { 
    from{ background: left; }
    to{ background: right; } 
}

@-ms-keyframes slide { 
    from{ background: left; }
    to{ background: right; } 
}

@keyframes slide { 
    from{ background: left; }
    to{ background: right; } 
}

/* cloud1 */

@-webkit-keyframes cloud1 {
	0% { left: 50%; }
	45% { opacity: 1; }
	50% { left: 0%; opacity: 0; }
	51% { left: 100%; opacity: 0; }
	55% { opacity: 1; }
	100% { left: 50%; }
}

@-moz-keyframes cloud1 {
	0% { left: 50%; }
	45% { opacity: 1; }
	50% { left: 0%; opacity: 0; }
	51% { left: 100%; opacity: 0; }
	55% { opacity: 1; }
	100% { left: 50%; }
}

@-ms-keyframes cloud1 {
	0% { left: 50%; }
	45% { opacity: 1; }
	50% { left: 0%; opacity: 0; }
	51% { left: 100%; opacity: 0; }
	55% { opacity: 1; }
	100% { left: 50%; }
}

@keyframes cloud1 {
	0% { left: 50%; }
	45% { opacity: 1; }
	50% { left: 0%; opacity: 0; }
	51% { left: 100%; opacity: 0; }
	55% { opacity: 1; }
	100% { left: 50%; }
}

/* cloud2 */

@-webkit-keyframes cloud2 {
	0% { left: 70%; }
	65% { opacity: 1; }
	70% { left: 0%; opacity: 0; }
	71% { left: 100%; opacity: 0; }
	75% { opacity: 1; }
	100% { left: 70%; }
}

@-moz-keyframes cloud2 {
	0% { left: 70%; }
	65% { opacity: 1; }
	70% { left: 0%; opacity: 0; }
	71% { left: 100%; opacity: 0; }
	75% { opacity: 1; }
	100% { left: 70%; }
}

@-ms-keyframes cloud2 {
	0% { left: 70%; }
	65% { opacity: 1; }
	70% { left: 0%; opacity: 0; }
	71% { left: 100%; opacity: 0; }
	75% { opacity: 1; }
	100% { left: 70%; }
}

@keyframes cloud2 {
	0% { left: 70%; }
	65% { opacity: 1; }
	70% { left: 0%; opacity: 0; }
	71% { left: 100%; opacity: 0; }
	75% { opacity: 1; }
	100% { left: 70%; }
}

/* cloud3 */

@-webkit-keyframes cloud3 {
	0% { left: 30%; }
	65% { opacity: 1; }
	70% { left: 100%; opacity: 0; }
	71% { left: 0%; opacity: 0; }
	75% { opacity: 1; }
	100% { left: 30%; }
}

@-moz-keyframes cloud3 {
	0% { left: 30%; }
	65% { opacity: 1; }
	70% { left: 100%; opacity: 0; }
	71% { left: 0%; opacity: 0; }
	75% { opacity: 1; }
	100% { left: 30%; }
}

@-ms-keyframes cloud3 {
	0% { left: 30%; }
	65% { opacity: 1; }
	70% { left: 100%; opacity: 0; }
	71% { left: 0%; opacity: 0; }
	75% { opacity: 1; }
	100% { left: 30%; }
}

@keyframes cloud3 {
	0% { left: 30%; }
	65% { opacity: 1; }
	70% { left: 100%; opacity: 0; }
	71% { left: 0%; opacity: 0; }
	75% { opacity: 1; }
	100% { left: 30%; }
}


/*
 * Islands Background
 */
 
body { -webkit-font-smoothing: antialiased; }

#block-top-a { 
	
	position: relative;
	background: #59b3d0 url(../images/background/islands/islands_bg.jpg) 50% 100% repeat;
}


.top-a-layer-2 {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -240px;
	height: 46px;
	width: 109px;
	background: url(../images/background/islands/cloud1.png) 0 0 no-repeat;
	-webkit-animation: cloud1 100s linear infinite;
	-moz-animation: cloud1 100s linear infinite;
	-ms-animation: cloud1 100s linear infinite;
	animation: cloud1 100s linear infinite;
}

.top-a-layer-3 {
	position: absolute;
	top: 12px;
	left: 50%;
	margin-left: 0px;
	height: 163px;
	width: 365px;
	background: url(../images/background/islands/cloud2.png) 0 0 no-repeat;
	-webkit-animation: cloud2 140s linear infinite;
	-moz-animation: cloud2 140s linear infinite;
	-ms-animation: cloud2 140s linear infinite;
	animation: cloud2 140s linear infinite;
}

.top-a-layer-4 {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -423px;
	height: 90px;
	width: 246px;
	background: url(../images/background/islands/cloud3.png) 0 0 no-repeat;
	-webkit-animation: cloud3 160s linear infinite;
	-moz-animation: cloud3 160s linear infinite;
	-ms-animation: cloud3 160s linear infinite;
	animation: cloud3 160s linear infinite;
}


.ucak{
  animation: 12s ease 0s normal none infinite running zeppelin;
  -webkit-animation: 12s ease 0s normal none infinite running zeppelin;
-moz-animation: 12s ease 0s normal none infinite running zeppelin;
-ms-animation: 12s ease 0s normal none infinite running zeppelin;
  background: url("../images/ucak2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  top: 5px;
  height: 92px;
  left: 35%;
  position: absolute;
  width: 242px;
}

div#anahtar-teslim{
	position:absolute;
	width:117px;
	height:193px;
	bottom:45px;
	left:22%;
	
	background:transparent url(../images/anahtar-teslim.png) no-repeat 0 0;
}