/* // rotate
----------------------------------------------- */
@keyframes rotate {
  0% {
    transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
}
@-moz-keyframes rotate {
  0% {
    transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
}
@-o-keyframes rotate {
  0% {
    transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
}
/* // FadeDown
----------------------------------------------- */

@-webkit-keyframes FadeDown {
    0%{
			-webkit-transform: translateY(-30px);
			-ms-transform: translateY(-30px);
			transform: translateY(-30px);
			opacity: 0;
		}
    100%{
			-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
			opacity: 1;
		}
}
@-moz-keyframes FadeDown {
    0%{
			-webkit-transform: translateY(-30px);
			-ms-transform: translateY(-30px);
			transform: translateY(-30px);
			opacity: 0;
		}
    100%{
			-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
			opacity: 1;
		}
}
@keyframes FadeDown {
    0%{
			-webkit-transform: translateY(-30px);
			-ms-transform: translateY(-30px);
			transform: translateY(-30px);
			opacity: 0;
		}
    100%{
			-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
			opacity: 1;
		}
}

/* // FadeUp
----------------------------------------------- */

@-webkit-keyframes FadeUp {
    0%{
			-webkit-transform: translateY(30px);
			-ms-transform: translateY(30px);
			transform: translateY(30px);
			opacity: 0;
		}
    100%{
			-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
			opacity: 1;
		}
}
@-moz-keyframes FadeUp {
    0%{
			-webkit-transform: translateY(30px);
			-ms-transform: translateY(30px);
			transform: translateY(30px);
			opacity: 0;
		}
    100%{
			-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
			opacity: 1;
		}
}
@keyframes FadeUp {
    0%{
			-webkit-transform: translateY(30px);
			-ms-transform: translateY(30px);
			transform: translateY(30px);
			opacity: 0;
		}
    100%{
			-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
			opacity: 1;
		}
}
/* // LeftAppear
----------------------------------------------- */

@-webkit-keyframes LeftAppear {
    0%{
			max-width: 0;
		}
    100%{
			max-width: 500px;
		}
}
@-moz-keyframes LeftAppear {
    0%{
			max-width: 0;
		}
    100%{
			max-width: 500px;
		}
}
@keyframes LeftAppear {
    0%{
			max-width: 0;
		}
    100%{
			max-width: 500px;
		}
}


/* // White&Black
----------------------------------------------- */

@-webkit-keyframes White {
  0%{
		-webkit-transform: translateX(0);
	}
  100%{
		-webkit-transform: translateX(100%);
	}
}
@-moz-keyframes White {
  0%{
		-moz-transform: translateX(0);
	}
  100%{
		-moz-transform: translateX(100%);
	}
}
@keyframes White {
  0%{
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
  100%{
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
}
@-webkit-keyframes Black {
  0%{
		-webkit-transform: translateX(-100%);
	}
  100%{
		-webkit-transform: translateX(100%);
	}
}
}
@-moz-keyframes Black {
  0%{
		-moz-transform: translateX(-100%);
	}
  100%{
		-moz-transform: translateX(100%);
	}
}
}
@keyframes Black {
  0%{
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
  100%{
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
}



/* // OpacityLoop
----------------------------------------------- */

@-webkit-keyframes OpacityLoop {
    0%{
      opacity: 1;
		}
    50%{
      opacity:.3;
    }
    100%{
			opacity: 1;
		}
}
@-moz-keyframes OpacityLoop {
    0%{
      opacity: 1;
		}
    50%{
      opacity:.3;
    }
    100%{
			opacity: 1;
		}
}
@keyframes OpacityLoop {
    0%{
      opacity: 1;
		}
    50%{
      opacity:.3;
    }
    100%{
			opacity: 1;
		}
}


/* // BgWhiteLoop
----------------------------------------------- */

@-webkit-keyframes BgWhiteLoop {
    0%{
      background-color: rgba(255, 255, 255, 1);
		}
    50%{
      background-color: rgba(255, 255, 255, .8);
    }
    100%{
			background-color: rgba(255, 255, 255, 1);
		}
}
@-moz-keyframes BgWhiteLoop {
    0%{
      background-color: rgba(255, 255, 255, 1);
		}
    50%{
      background-color: rgba(255, 255, 255, .8);
    }
    100%{
			background-color: rgba(255, 255, 255, 1);
		}
}
@keyframes BgWhiteLoop {
    0%{
      background-color: rgba(255, 255, 255, 1);
		}
    50%{
      background-color: rgba(255, 255, 255, .8);
    }
    100%{
			background-color: rgba(255, 255, 255, 1);
		}
}