#content > .ux_banner .inner-wrap.animated, #facebook-login .animated, .columns .ux_banner .inner-wrap.animated, .columns > .animated, .current .animated, .entry-content .animated, .start-anim .animated, .start-anim.animated, .start-anim.animated .animated, html[data-useragent*='MSIE 10.0'] .animated, html[data-useragent*='Mozilla/5.0'] .animated {
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s; }
.inner-wrap .animated:nth-of-type(0), .row > .columns:nth-of-type(0), .scroll-to-bullets a:nth-of-type(0) {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0;
-o-animation-delay: 0s;
animation-delay: 0s; }
.inner-wrap .animated:nth-of-type(1), .row > .columns:nth-of-type(1), .scroll-to-bullets a:nth-of-type(1) {
-webkit-animation-delay: .2s;
-moz-animation-delay: .2;
-o-animation-delay: .2s;
animation-delay: .2s; }
.inner-wrap .animated:nth-of-type(2), .row > .columns:nth-of-type(2), .scroll-to-bullets a:nth-of-type(2) {
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
-o-animation-delay: .4s;
animation-delay: .4s; }
.inner-wrap .animated:nth-of-type(3), .row > .columns:nth-of-type(3), .scroll-to-bullets a:nth-of-type(3) {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s; }
.inner-wrap .animated:nth-of-type(4), .row > .columns:nth-of-type(4), .scroll-to-bullets a:nth-of-type(4) {
-webkit-animation-delay: .8s;
-moz-animation-delay: .8s;
-o-animation-delay: .8s;
animation-delay: .8s; }
.inner-wrap .animated:nth-of-type(5), .row > .columns:nth-of-type(5), .scroll-to-bullets a:nth-of-type(5) {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s; }
.inner-wrap .animated:nth-of-type(6), .row > .columns:nth-of-type(6), .scroll-to-bullets a:nth-of-type(6) {
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
animation-delay: 1.2s; }
.inner-wrap .animated:nth-of-type(7), .row > .columns:nth-of-type(7), .scroll-to-bullets a:nth-of-type(7) {
-webkit-animation-delay: 1.4s;
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
animation-delay: 1.4s; }
.inner-wrap .animated:nth-of-type(8), .row > .columns:nth-of-type(8), .scroll-to-bullets a:nth-of-type(8) {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
animation-delay: 1.6s; }
.scroll-animate {
opacity: 0; }
#facebook-login .inner.animated, .lt-ie9 .animated {
opacity: 1 !important; }
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0; }
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1; } }
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0; }
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1; } }
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0; }
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1; } }
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0; }
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1; } }
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(60deg);
opacity: 0; }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1; } }
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0; }
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1; } }
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(60deg);
opacity: 0; }
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1; } }
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(60deg);
opacity: 0; }
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1; } }
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(10px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(10px); }
100% {
opacity: 1;
-o-transform: translateY(0); } }
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(10px); }
100% {
opacity: 1;
transform: translateY(0); } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-10px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-10px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-10px); }
100% {
opacity: 1;
-o-transform: translateY(0); } }
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-10px); }
100% {
opacity: 1;
transform: translateY(0); } }
.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(-10px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-10px); }
100% {
opacity: 1;
-moz-transform: translateX(0); } }
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-10px); }
100% {
opacity: 1;
-o-transform: translateX(0); } }
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-10px); }
100% {
opacity: 1;
transform: translateX(0); } }
.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(10px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(10px); }
100% {
opacity: 1;
-moz-transform: translateX(0); } }
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(10px); }
100% {
opacity: 1;
-o-transform: translateX(0); } }
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(10px); }
100% {
opacity: 1;
transform: translateX(0); } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px); }
100% {
opacity: 1;
-o-transform: translateY(0); } }
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px); }
100% {
opacity: 1;
transform: translateY(0); } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px); }
100% {
opacity: 1;
-moz-transform: translateX(0); } }
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px); }
100% {
opacity: 1;
-o-transform: translateX(0); } }
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px); }
100% {
opacity: 1;
transform: translateX(0); } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px); }
100% {
opacity: 1;
-moz-transform: translateX(0); } }
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px); }
100% {
opacity: 1;
-o-transform: translateX(0); } }
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px); }
100% {
opacity: 1;
transform: translateX(0); } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(1.5); }
100% {
opacity: 1;
-webkit-transform: scale(1); } }
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(0.3); }
100% {
opacity: 1;
-moz-transform: scale(1); } }
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(0.3); }
100% {
opacity: 1;
-o-transform: scale(1); } }
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3); }
100% {
opacity: 1;
transform: scale(1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px); }
100% {
opacity: 1;
-o-transform: translateY(0); } }
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px); }
60% {
opacity: 1;
transform: translateY(-30px); }
80% {
transform: translateY(10px);
opacity: 1; }
100% {
transform: translateY(0);
opacity: 1; } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(30px); }
80% {
-webkit-transform: translateY(-10px);
opacity: 1; }
100% {
-webkit-transform: translateY(0);
opacity: 1; } }
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px); }
60% {
opacity: 1;
-moz-transform: translateY(30px); }
80% {
-moz-transform: translateY(-10px);
opacity: 1; }
100% {
-moz-transform: translateY(0);
opacity: 1; } }
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px); }
60% {
opacity: 1;
-o-transform: translateY(30px); }
80% {
-o-transform: translateY(-10px);
opacity: 1; }
100% {
-o-transform: translateY(0);
opacity: 1; } }
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px); }
60% {
opacity: 1;
transform: translateY(30px); }
80% {
transform: translateY(-10px);
opacity: 1; }
100% {
transform: translateY(0);
opacity: 1; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(30px); }
80% {
-webkit-transform: translateX(-10px);
opacity: 1; }
100% {
-webkit-transform: translateX(0);
opacity: 1; } }
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px); }
60% {
opacity: 1;
-moz-transform: translateX(30px); }
80% {
-moz-transform: translateX(-10px);
opacity: 1; }
100% {
-moz-transform: translateX(0);
opacity: 1; } }
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px); }
60% {
opacity: 1;
-o-transform: translateX(30px); }
80% {
-o-transform: translateX(-10px);
opacity: 1; }
100% {
-o-transform: translateX(0);
opacity: 1; } }
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px); }
60% {
opacity: 1;
transform: translateX(30px); }
80% {
transform: translateX(-10px);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(-30px); }
80% {
-webkit-transform: translateX(10px);
opacity: 1; }
100% {
-webkit-transform: translateX(0);
opacity: 1; } }
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px); }
60% {
opacity: 1;
-moz-transform: translateX(-30px); }
80% {
-moz-transform: translateX(10px);
opacity: 1; }
100% {
-moz-transform: translateX(0);
opacity: 1; } }
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px); }
60% {
opacity: 1;
-o-transform: translateX(-30px); }
80% {
-o-transform: translateX(10px);
opacity: 1; }
100% {
-o-transform: translateX(0);
opacity: 1; } }
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px); }
60% {
opacity: 1;
transform: translateX(-30px); }
80% {
transform: translateX(10px);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1; } }
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0; }
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1; } }
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0; }
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1; } }
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0; }
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1; } }
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0; }
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1; } }
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0; }
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1; } }
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0; }
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1; } }
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0; }
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1; } }
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0; }
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1; } }
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0; }
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
html {
background-color: #fff; }
.animsition {
position: relative;
opacity: 0.7;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both; }
.animsition-loading {
position: fixed;
z-index: 99999;
top: 50%;
width: 100%;
font-size: 24px;
text-align: center;
opacity: 0.7;
-webkit-animation-name: blink-slow;
-o-animation-name: blink-slow;
animation-name: blink-slow;
-webkit-animation-duration: .3s;
-o-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-o-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both; }
.animsition-loading:after {
color: #000;
content: "Loading"; }
@-webkit-keyframes fade-in {
0% {
opacity: 0.7; }
100% {
opacity: 1; } }
@-o-keyframes fade-in {
0% {
opacity: 0.7; }
100% {
opacity: 1; } }
@keyframes fade-in {
0% {
opacity: 0.7; }
100% {
opacity: 1; } }
.fade-in {
-webkit-animation-name: fade-in;
-o-animation-name: fade-in;
animation-name: fade-in; }
@-webkit-keyframes fade-out {
0% {
opacity: 1; }
100% {
opacity: 0.7; } }
@-o-keyframes fade-out {
0% {
opacity: 1; }
100% {
opacity: 0.7; } }
@keyframes fade-out {
0% {
opacity: 1; }
100% {
opacity: 0.7; } }
.fade-out {
-webkit-animation-name: fade-out;
-o-animation-name: fade-out;
animation-name: fade-out; }