

 

.animated {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}



@-webkit-keyframes fadeIn {

0% {

opacity:0

}

to {

opacity:1

}

}

@keyframes fadeIn {

0% {

opacity:0

}

to {

opacity:1

}

}





@-webkit-keyframes fadeInUp {

0% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

to {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInUp {

0% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

to {

opacity:1;

-webkit-transform:none;

transform:none

}

}

.fadeInUp {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp

}

@-webkit-keyframes fadeInUpBig {

0% {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}

to {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInUpBig {

0% {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}

to {

opacity:1;

-webkit-transform:none;

transform:none

}

}

.fadeInUpBig {

	-webkit-animation-name: fadeInUpBig;

	animation-name: fadeInUpBig

}

@-webkit-keyframes fadeOut {

0% {

opacity:1

}

to {

opacity:0

}

}

@keyframes fadeOut {

0% {

opacity:1

}

to {

opacity:0

}

}

.fadeOut {

	-webkit-animation-name: fadeOut;

	animation-name: fadeOut

}

@-webkit-keyframes fadeOutDown {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

}

@keyframes fadeOutDown {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

}

.fadeOutDown {

	-webkit-animation-name: fadeOutDown;

	animation-name: fadeOutDown

}

@-webkit-keyframes fadeOutDownBig {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}

}

@keyframes fadeOutDownBig {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}

}

.fadeOutDownBig {

	-webkit-animation-name: fadeOutDownBig;

	animation-name: fadeOutDownBig

}

@-webkit-keyframes fadeOutLeft {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0);

transform:translate3d(-100%, 0, 0)

}

}

@keyframes fadeOutLeft {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0);

transform:translate3d(-100%, 0, 0)

}

}

.fadeOutLeft {

	-webkit-animation-name: fadeOutLeft;

	animation-name: fadeOutLeft

}

@-webkit-keyframes fadeOutLeftBig {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(-2000px, 0, 0);

transform:translate3d(-2000px, 0, 0)

}

}

@keyframes fadeOutLeftBig {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(-2000px, 0, 0);

transform:translate3d(-2000px, 0, 0)

}

}

.fadeOutLeftBig {

	-webkit-animation-name: fadeOutLeftBig;

	animation-name: fadeOutLeftBig

}

@-webkit-keyframes fadeOutRight {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0);

transform:translate3d(100%, 0, 0)

}

}

@keyframes fadeOutRight {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0);

transform:translate3d(100%, 0, 0)

}

}

.fadeOutRight {

	-webkit-animation-name: fadeOutRight;

	animation-name: fadeOutRight

}

@-webkit-keyframes fadeOutRightBig {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(2000px, 0, 0);

transform:translate3d(2000px, 0, 0)

}

}

@keyframes fadeOutRightBig {

0% {

opacity:1

}

to {

opacity:0;

-webkit-transform:translate3d(2000px, 0, 0);

transform:translate3d(2000px, 0, 0)

}

}






