@media screen and (min-width: 1220px) {
/* animated elements */
.animateblock {
  opacity: 0;
  -webkit-transition: all 0.55s linear;
  -moz-transition: all 0.55s linear;
  transition: all 0.55s linear;
}

.animateblock.time_08{
	-moz-transition: 0.8s;
	-webkit-transition: -webkit-transform 0.8s;
          transition: transform 0.8s;

}

/* animation transition styles */
.animateblock.effect-slideup {
	-moz-transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
}

.animateblock.effect-slidedown {
	-moz-transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.animateblock.effect-slidefromleft {
	-moz-transform: translateX(-150px);
	-webkit-transform: translateX(-150px);
	-o-transform: translateX(-150px);
	-ms-transform: translateX(-150px);
	transform: translateX(-150px);
}

.animateblock.effect-slidefromright {
	-moz-transform: translateX(150px);
	-webkit-transform: translateX(150px);
	-o-transform: translateX(150px);
	-ms-transform: translateX(150px);
	transform: translateX(150px);
}

.animateblock.effect-zoomin {
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

.animateblock.effect-zoomout {
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
.animateblock.effect-rotate {
	-webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}




.animateblock.effect-fade {
 -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}

.animateblock.effect-fade.one {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
   
}

.effect-fade.two {
-webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.effect-fade.three {
-webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

	
.animateblock.animated {
  opacity: 1;
  -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}


}