@keyframes animationFrames{
  0% {
	transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-webkit-transform: translate(0, 421px);
  }
  100% {
	transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-webkit-transform: translate(0, 0);
  }
}

@-moz-keyframes animationFrames{
  0% {
	-moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-moz-transform: translate(0, 421px);
  }
  100% {
	-moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-moz-transform: translate(0, 0);
  }
}

@-webkit-keyframes animationFrames {
  0% {
	-webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-webkit-transform: translate(0, 421px);
  }
  100% {
	-webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-webkit-transform: translate(0, 0);
  }
}

@-ms-keyframes animationFrames {
  0% {
	-ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-ms-transform: translate(0, 421px);
  }
  100% {
	-ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-ms-transform: translate(0, 0);
  }
}

/*--------------------slideIn-----------------------*/
@keyframes slideIn{
  0% {
	opacity:0;
	transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	transform: translate(-200px, 0); 
  }
  100% {
	opacity:1;
	transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	transform: translate(0, 0); 
  }
}

@-moz-keyframes slideIn{
  0% {
	opacity:0;
	-moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-moz-transform: translate(-200px, 0); 
  }
  100% {
	opacity:1;
	-moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-moz-transform: translate( 0, 0); 
  }
}

@-webkit-keyframes slideIn {
  0% {
	opacity:0;
	-webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-webkit-transform: translate(-200px, 0); 
  }
  100% {
	opacity:1;
	-webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-webkit-transform: translate(0, 0); 
  }
}

@-ms-keyframes slideIn {
  0% {
	opacity:0;
	-ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-ms-transform: translate(-200px, 0); 
  }
  100% {
	opacity:1;
	-ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-ms-transform: translate(0, 0); 
  }
}




@keyframes slideInSocial{
  0% {
	right:-105px;
	opacity:0;
	transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	transform: translate(125px, 0); 
  }
  60% {
	transform: translate(105px, 0); 
	opacity:0;
  }
  100% {
	opacity:1;
	transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	transform: translate(0, 0); 
  }
}

@-moz-keyframes slideInSocial{
  0% {
	opacity:0;
	-moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-mox-transform: translate(125px, 0); 
  }
  60% {
	opacity:0;
	-moz-transform: translate(105px, 0); 
  }
  100% {
	opacity:1;
	-moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-moz-transform: translate(0, 0); 
  }
}

@-webkit-keyframes slideInSocial {
  0% {
	opacity:0;
	-webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-webkit-transform: translate( 125px, 0); 
  }
  60% {
	opacity:0;
	-webkit-transform: translate( 125px, 0); 
  }
  100% {
	opacity:1;
	-webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-webkit-transform: translate( 0, 0); 
  }
}

@-ms-keyframes slideInSocial {
  0% {
	opacity:0;
	-ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-ms-transform: translate( 125px, 0); 
  }
  60% {
	opacity:0;
	-ms-transform: translate( 125px, 0); 
  }
  100% {
	opacity:1;
	-ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-ms-transform: translate( 0, 0); 
  }
}


/*------------------------bokehIn-----------------------*/
@keyframes bokehIn{
  0% {
	transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	transform: translate(-200px, 0); 
  }
  100% {
	transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	transform: translate(0, 0); 
  }
}

@-moz-keyframes bokehIn{
  0% {
	opacity:0;
	-moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-moz-transform: translate(-200px, 0); 
  }
  100% {
	opacity:.1;
	-moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-moz-transform: translate(0, 0); 
  }
}

@-webkit-keyframes bokehIn {
  0% {
	opacity:0;
	-webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-webkit-transform: translate(-200px, 0); 
  }
  100% {
	opacity:.1;
	-webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-webkit-transform: translate(0, 0); 
  }
}

@-ms-keyframes bokehIn {
  0% {
	opacity:0;
	-ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-ms-transform: translate(-200px, 0); 
  }
  100% {
	opacity:.1;
	-ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	-ms-transform: translate(0, 0); 
  }
}


/*Bokeh ambient*/

@keyframes bokehAmbient {
  0% {
	opacity:1;
	transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
	transform: translate(0px, 0px);
  }
  49% {
	transform: translate(0px, 8px);
	opacity:0.77;
  }
  87% {
	transform: translate(0px, -4px);
  }
  100% {
	transform: translate(0px, 0px);
	opacity:1;
  }
  101% {
	opacity:1;
	transform: translate(0px, -10px);
	transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-moz-keyframes bokehAmbient {
  0% {
	transform: translate(0px, 0px);
	opacity:1;
	-moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  49% {
	transform: translate(0px, 8px);
	opacity:0.77;
  }
  87% {
	transform: translate(0px, -4px);
  }
  100% {
	opacity:1;
	transform: translate(0px, 0px);
  }
  101% {
	opacity:1;
	transform: translate(0px, -10px);
	-moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes  bokehAmbient {
  0% {
	-webkit-transform: translate(0px, 0px);
	opacity:1;
	-webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  49% {
	-webkit-transform: translate(0px, 8px);
	opacity:0.77;
  }
  87% {
	-webkit-transform: translate(0px, -4px);
  }
  100% {
	-webkit-transform: translate(0px, 0px);
	opacity:1;
  }
  101% {
	-webkit-transform: translate(0px, -10px);
	opacity:1;
	-webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-ms-keyframes  bokehAmbient {
  0% {
	opacity:1;
	-ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  49% {
	opacity:0.77;
	-ms-transform: translate(0px, 8px);
  }
  87% {
	-ms-transform: translate(0px, -4px);
  }
  100% {
	opacity:1;
	-ms-transform: translate(0px, 0);
  }
}