
.animate {
	-webkit-transition: width 0.2s ease, height 0.2s ease;
	-moz-transition: width 0.2s ease, height 0.2s ease;
	-o-transition: width 0.2s ease, height 0.2s ease;
	-ms-transition: width 0.2s ease, height 0.2s ease;
	transition: width 0.2s ease, height 0.2s ease;
}
.animated {
-webkit-animation-duration: 1s;
		animation-duration: 1s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-half-second {
-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-1-second {
-webkit-animation-duration: 1s;
		animation-duration: 1s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-2-seconds {
-webkit-animation-duration: 2s;
		animation-duration: 2s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-3-seconds {
-webkit-animation-duration: 3s;
		animation-duration: 3s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-4-seconds {
-webkit-animation-duration: 4s;
		animation-duration: 4s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-5-seconds {
-webkit-animation-duration: 5s;
		animation-duration: 5s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-6-seconds {
-webkit-animation-duration: 6s;
		animation-duration: 6s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-7-seconds {
-webkit-animation-duration: 7s;
		animation-duration: 7s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-this-long {
-webkit-animation-duration: 13s;
		animation-duration: 13s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.delayed {
	opacity:0;
}
.delayed-quarter-sec {
	-webkit-animation-delay: 0.25s;
	-moz-animation-delay: 0.25s;
	-ms-animation-delay: 0.25s;
	-o-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
.delayed-half-sec {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.delayed-1-sec {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}

/* fadeIn */
@-webkit-keyframes fadeIn {
0% {
	opacity:0;
    padding-top: 0;
}
100% {
	opacity:1;
    padding-top: 0;
}
}
@keyframes fadeIn {
0% {
	opacity:0;
    padding-top: 0;
}
100% {
	opacity:1;
    padding-top: 0;
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
			animation-name:fadeIn;
}

/* fadeInSqueeze */
@-webkit-keyframes fadeInSqueeze {
0% {
	opacity:0;
    padding-top: 0;
}
33% {
	opacity:1;
    padding-top: 0;
}
100% {
	opacity:1;
    padding-top: 0;
}
}
@keyframes fadeInSqueeze {
0% {
	opacity:0;
    padding-top: 0;
}
33% {
	opacity:1;
    padding-top: 0;
}
100% {
	opacity:1;
    padding-top: 0;
}
}
.fadeInSqueeze {
	-webkit-animation-name:fadeInSqueeze;
			animation-name:fadeInSqueeze;
}

/* fadeInUp */
@-webkit-keyframes fadeInUp {
0% {
	opacity:0;
	padding-top:25px;
}
100% {
	opacity:1;
	padding-top:0;
}
}
@keyframes fadeInUp {
0% {
	opacity:0;
	padding-top:25px;
}
100% {
	opacity:1;
	padding-top:0;
}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
			animation-name:fadeInUp;
}

/* fadeInLeft */
@-webkit-keyframes fadeInLeft {
0% {
	opacity:0;
	padding-left:35px;
}
100% {
	opacity:1;
	padding-left:0;
}
}
@keyframes fadeInLeft {
0% {
	opacity:0;
	padding-left:35px;
}
100% {
	opacity:1;
	padding-left:0;
}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
			animation-name:fadeInLeft;
}


/* fadeInUpBot */
@-webkit-keyframes fadeInUpBot {
0% {
	opacity:0;
	margin-bottom:-25px;
}
100% {
	opacity:1;
	margin-bottom:1px;
}
}
@keyframes fadeInUpBot {
0% {
	opacity:0;
	margin-bottom:-25px;
}
100% {
	opacity:1;
	margin-bottom:1px;
}
}
.fadeInUpBot {
	-webkit-animation-name:fadeInUpBot;
			animation-name:fadeInUpBot;
}

@media screen and (max-width: 1023px) {

/* fadeInUpBot */
@-webkit-keyframes fadeInUpBot {
0% {
	opacity:0;
	margin-bottom:0;
	padding-top:25px;
}
100% {
	opacity:1;
	margin-bottom:0;
	padding-top:1px;
}
}
@keyframes fadeInUpBot {
0% {
	opacity:0;
	margin-bottom:0;
	padding-top:25px;
}
100% {
	opacity:1;
	margin-bottom:0;
	padding-top:1px;
}
}
.fadeInUpBot {
	-webkit-animation-name:fadeInUpBot;
			animation-name:fadeInUpBot;
}

}
