/*  Animasyonlar */

@keyframes icerden {
	from {
		opacity:0;
		transform:scale(0.2)
	}
	to {
		opacity:1;
		transform:scale(1)
	}
}
@-webkit-keyframes icerden {
	from {
		opacity:0;
		-webkit-transform:scale(0.2)
	}
	to {
		opacity:1;
		-webkit-transform:scale(1)
	}
}
.animate_icerden{
	opacity:0
}
.animate_icerden.animate_start {
	-webkit-animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 icerden;
	animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 icerden;
	opacity:1
}

/* Soldan Çık */
@keyframes soldancik {
 0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@-webkit-keyframes soldancik {
	 0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@-moz-keyframes soldancik {
	 0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@-o-keyframes soldancik {
	 0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.animate_soldancik{
	opacity:0;
}
.animate_soldancik.animate_start {
 -webkit-animation:soldancik 1s;
 -moz-animation:soldancik 1s;
	animation:soldancik 1s;
	 opacity:0;
}


/* sodlan çık*/

@keyframes soldan {
	from {
		opacity:0;
		transform:translateX(-100px)
	}
	to {
		opacity:1;
		transform:translateX(0)
	}
}
@-webkit-keyframes soldan {
	from {
		opacity:0;
		-webkit-transform:translateX(-100px)
	}
	to {
		opacity:1;
		-webkit-transform:translateX(0)
	}
}
.animate_soldan{
	opacity:0
}
.animate_soldan.animate_start {
	animation-name:soldan;
	-webkit-animation-name:soldan;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-timing-function:normal;
	-webkit-animation-timing-function:normal;
	animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards;
	opacity:1;
}
@keyframes sagdan {
	from {
		opacity:0;
		transform:translateX(100px)
	}
	to {
		opacity:1;
		transform:translateX(0)
	}
}
@-webkit-keyframes sagdan {
	from {
		opacity:0;
		-webkit-transform:translateX(100px)
	}
	to {
		opacity:1;
		-webkit-transform:translateX(0)
	}
}
.animate_sagdan {
	opacity:0
}
.animate_sagdan.animate_start {
	animation-name:sagdan;
	-webkit-animation-name:sagdan;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-timing-function:normal;
	-webkit-animation-timing-function:normal;
	animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards;
	opacity:1;
}
@keyframes yukardan {
	from {
		opacity:0;
		transform:translateY(-100px)
	}
	to {
		opacity:1;
		transform:translateY(0)
	}
}
@-webkit-keyframes yukardan{
	from {
		opacity:0;
		-webkit-transform:translateY(-100px)
	}
	to {
		opacity:1;
		-webkit-transform:translateY(0)
	}
}
.animate_yukardan {
	opacity:0
}
.animate_yukardan.animate_start {
	animation-name:yukardan;
	-webkit-animation-name:yukardan;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-timing-function:normal;
	-webkit-animation-timing-function:normal;
	animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards;
	opacity:1;
}
@keyframes asagidan {
	from {
		opacity:0;
		transform:translateY(100px)
	}
	to {
		opacity:1;
		transform:translateY(0)
	}
}
@-webkit-keyframes asagidan {
	from {
		opacity:0;
		-webkit-transform:translateY(100px)
	}
	to {
		opacity:1;
		-webkit-transform:translateY(0)
	}
}
.animate_asagidan {
	opacity:0
}
.animate_asagidan.animate_start {
	-webkit-animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 asagidan;
	animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 asagidan;
	opacity:1
}
@keyframes arkadan {
	from {
		opacity:0;
		transform:scaleX(0.01)
	}
	to {
		opacity:1;
		transform:scaleX(1)
	}
}
@-webkit-keyframes arkadan {
	from {
		opacity:0;
		-webkit-transform:scaleX(0.01)
	}
	to {
		opacity:1;
		-webkit-transform:scaleX(1)
	}
}
.animate_arkadan {
	opacity:0
}
.animate_arkadan.animate_start {
	-webkit-animation:1s cubic-bezier(1,0,0,1) 0s normal backwards 1 arkadan;
	animation:1s cubic-bezier(1,0,0,1) 0s normal backwards 1 arkadan;
	opacity:1
}
@keyframes clip {
	from {
		opacity:0;
		transform:scaleY(0.01)
	}
	to {
		opacity:1;
		transform:scaleY(1)
	}
}
@-webkit-keyframes clip {
	from {
		opacity:0;
		-webkit-transform:scaleY(0.01)
	}
	to {
		opacity:1;
		-webkit-transform:scaleY(1)
	}
}
.animate_clip{
	opacity:0
}
.animate_clip.animate_start {
	-webkit-animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 clip;
	animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 clip;
	opacity:1
}
@keyframes kivrilan {
	from {
		opacity:0;
		transform:scale(0.01) rotate(360deg)
	}
	to {
		opacity:1;
		transform:scale(1) rotate(0)
	}
}
@-webkit-keyframes kivrilan {
	from {
		opacity:0;
		-webkit-transform:scale(0.01) rotate(360deg)
	}
	to {
		opacity:1;
		-webkit-transform:scale(1) rotate(0)
	}
}
.animate_kivrilan {
	opacity:0
}
.animate_kivrilan.animate_start {
	-webkit-animation:0.8s ease 0s normal backwards 1 kivrilan;
	animation:0.8s ease 0s normal backwards 1 kivrilan;
	opacity:1
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.animate_fadeIn{
	opacity:0;
}
.animate_fadeIn.animate_start {
	animation-name:fadeIn;
	-webkit-animation-name:fadeIn;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-timing-function:normal;
	-webkit-animation-timing-function:normal;
	animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards;
	opacity:1;
}
@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
.animate_fadeOut{
	opacity:1;
}
.animate_fadeOut.animate_start {	
	animation-name:fadeOut;
	-webkit-animation-name:fadeOut;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-timing-function:normal;
	-webkit-animation-timing-function:normal;
	animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards;

}
@keyframes sp_animate {
	from {
		opacity:0;
		transform:translateY(100px)
	}
	to {
		opacity:1;
		transform:translateY(0)
	}
}
@-webkit-keyframes sp_animate  {
	from {
		opacity:0;
		-webkit-transform:translateY(100px)
	}
	to {
		opacity:1;
		-webkit-transform:translateY(0)
	}
}

.sp_animate {
animation-name:sp_animate;
-webkit-animation-name:sp_animate;
animation-duration:1s;
-webkit-animation-duration:1s;
animation-timing-function:normal;
-webkit-animation-timing-function:normal;
animation-fill-mode: backwards;
-webkit-animation-fill-mode: backwards;
-webkit-animation-delay:0.1s;
animation-delay:0.1s;
-webkit-animation-duration: 1s; 
animation-duration: 1s;
}
.d0.animate_start {
	-webkit-animation-delay:0.1s;
	animation-delay:0.1s;
	-webkit-animation-duration: 0.5s; 
    animation-duration: 0.5s;
}
.d1.animate_start {
	-webkit-animation-delay:0.2s;
	animation-delay:0.2s
}
.d2.animate_start {
	-webkit-animation-delay:0.4s;
	animation-delay:0.4s
}
.d3.animate_start {
	-webkit-animation-delay:0.6s;
	animation-delay:0.6s
}
.d4.animate_start {
	-webkit-animation-delay:0.8s;
	animation-delay:0.8s
}
.d5.animate_start {
	-webkit-animation-delay:1s;
	animation-delay: 1s
}

.d6.animate_start {
	-webkit-animation-delay:1.2s;
	animation-delay: 1.2s
}

.d7.animate_start {
	-webkit-animation-delay:1.4s;
	animation-delay: 1.4s
}
.dslow.animate_start {
	-webkit-animation-delay:0.4s;
	animation-delay: 0.4s;
	
}