@charset "utf-8";

.trans {

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease;

}

.ani-view {

    -webkit-animation-duration: 1s;

    -moz-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: forwards;

    -moz-animation-fill-mode: forwards;

    -o-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}

@-webkit-keyframes fadeInDown {

0% {

opacity:0;

-webkit-transform:translateY(20px)

}

100% {

opacity:1;

-webkit-transform:translateY(0)

}

}

@-moz-keyframes fadeInDown {

0% {

opacity:0;

-moz-transform:translateY(20px)

}

100% {

opacity:1;

-moz-transform:translateY(0)

}

}

@-o-keyframes fadeInDown {

0% {

opacity:0;

-o-transform:translateY(20px)

}

100% {

opacity:1;

-o-transform:translateY(0)

}

}

@keyframes fadeInDown {

0% {

opacity:0;

transform:translateY(20px)

}

100% {

opacity:1;

transform:translateY(0)

}

}

.ani-view.fade-in-down {

    opacity: 0;

    opacity: 1\0/IE9;

    -webkit-transform: translateY(20px);

    -moz-transform: translateY(20px);

    -o-transform: translateY(20px);

    transform: translateY(20px);

    -ms-transform: translateY(0) \0/IE9;

}

.ani-view.fadeInDown {

    -webkit-animation-name: fadeInDown;

    -moz-animation-name: fadeInDown;

    -o-animation-name: fadeInDown;

    animation-name: fadeInDown;

}

@-webkit-keyframes fadeInLeft {

0% {

opacity:0;

-webkit-transform:translateX(-100px)

}

100% {

opacity:1;

-webkit-transform:translateX(0)

}

}

@-moz-keyframes fadeInLeft {

0% {

opacity:0;

-moz-transform:translateX(-100px)

}

100% {

opacity:1;

-moz-transform:translateX(0)

}

}

@-o-keyframes fadeInLeft {

0% {

opacity:0;

-o-transform:translateX(-100px)

}

100% {

opacity:1;

-o-transform:translateX(0)

}

}

@keyframes fadeInLeft {

0% {

opacity:0;

transform:translateX(-100px)

}

100% {

opacity:1;

transform:translateX(0)

}

}

.ani-view.fade-in-left {

    opacity: 0;

    opacity: 1\0/IE9;

    -webkit-transform: translateX(-100px);

    -moz-transform: translateX(-100px);

    -o-transform: translateX(-100px);

    transform: translateX(-100px);

    -ms-transform: translateX(0) \0/IE9;

}

.ani-view.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    -moz-animation-name: fadeInLeft;

    -o-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

}

@-webkit-keyframes fadeInRight {

0% {

opacity:0;

-webkit-transform:translateX(100px)

}

100% {

opacity:1;

-webkit-transform:translateX(0)

}

}

@-moz-keyframes fadeInRight {

0% {

opacity:0;

-moz-transform:translateX(100px)

}

100% {

opacity:1;

-moz-transform:translateX(0)

}

}

@-ms-keyframes fadeInRight {

0% {

opacity:0;

-ms-transform:translateX(100px)

}

100% {

opacity:1;

-ms-transform:translateX(0)

}

}

@-o-keyframes fadeInRight {

0% {

opacity:0;

-o-transform:translateX(100px)

}

100% {

opacity:1;

-o-transform:translateX(0)

}

}

@keyframes fadeInRight {

0% {

opacity:0;

transform:translateX(100px)

}

100% {

opacity:1;

transform:translateX(0)

}

}

.ani-view.fade-in-right {

    opacity: 0;

    opacity: 1\0/IE9;

    -webkit-transform: translateX(100px);

    -moz-transform: translateX(100px);

    -o-transform: translateX(100px);

    transform: translateX(100px);

    -ms-transform: translateX(0) \0/IE9;

}

.ani-view.fadeInRight {

    -webkit-animation-name: fadeInRight;

    -moz-animation-name: fadeInRight;

    -o-animation-name: fadeInRight;

    animation-name: fadeInRight;

}

@-webkit-keyframes indCon2fadeInDown {

0% {

opacity:0;

-webkit-transform:translateY(167px)

}

100% {

opacity:1;

-webkit-transform:translateY(0)

}

}

@-moz-keyframes indCon2fadeInDown {

0% {

opacity:0;

-moz-transform:translateY(167px)

}

100% {

opacity:1;

-moz-transform:translateY(0)

}

}

@-ms-keyframes indCon2fadeInDown {

0% {

opacity:0;

-ms-transform:translateY(167px)

}

100% {

opacity:1;

-ms-transform:translateY(0)

}

}

@-o-keyframes indCon2fadeInDown {

0% {

opacity:0;

-o-transform:translateY(167px)

}

100% {

opacity:1;

-o-transform:translateY(0)

}

}

@keyframes indCon2fadeInDown {

0% {

opacity:0;

transform:translateY(167px)

}

100% {

opacity:1;

transform:translateY(0)

}

}

.ani-view.indCon2-fade-in-down {

    opacity: 0;

    opacity: 1\0/IE9;

    -webkit-transform: translateY(167px);

    -moz-transform: translateY(167px);

    -o-transform: translateY(167px);

    transform: translateY(167px);

    -ms-transform: translateY(0) \0/IE9;

}

.ani-view.indCon2fadeInDown {

    -webkit-animation-name: indCon2fadeInDown;

    -moz-animation-name: indCon2fadeInDown;

    -o-animation-name: indCon2fadeInDown;

    animation-name: indCon2fadeInDown;

}

@-webkit-keyframes indCon2fadeInUp {

0% {

opacity:0;

-webkit-transform:translateY(-167px)

}

100% {

opacity:1;

-webkit-transform:translateY(0)

}

}

@-moz-keyframes indCon2fadeInUp {

0% {

opacity:0;

-moz-transform:translateY(-167px)

}

100% {

opacity:1;

-moz-transform:translateY(0)

}

}

@-ms-keyframes indCon2fadeInUp {

0% {

opacity:0;

-ms-transform:translateY(-167px)

}

100% {

opacity:1;

-ms-transform:translateY(0)

}

}

@-o-keyframes indCon2fadeInUp {

0% {

opacity:0;

-o-transform:translateY(-167px)

}

100% {

opacity:1;

-o-transform:translateY(0)

}

}

@keyframes indCon2fadeInUp {

0% {

opacity:0;

transform:translateY(-167px)

}

100% {

opacity:1;

transform:translateY(0)

}

}

.ani-view.indCon2-fade-in-up {

    opacity: 0;

    opacity: 1\0/IE9;

    -webkit-transform: translateY(-167px);

    -moz-transform: translateY(-167px);

    -o-transform: translateY(-167px);

    transform: translateY(-167px);

    -ms-transform: translateY(0) \0/IE9;

}

.ani-view.indCon2fadeInUp {

    -webkit-animation-name: indCon2fadeInUp;

    -moz-animation-name: indCon2fadeInUp;

    -o-animation-name: indCon2fadeInUp;

    animation-name: indCon2fadeInUp;

}