.og-grid>div{ opacity: 0; } .og-grid>div.mypassion-animation{ -webkit-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; opacity: 1; } .og-gridd>div{ opacity: 0; } .og-gridd>div.mypassion-animation{ -webkit-animation: animation-slide-top 0.8s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-slide-top 0.8s 1 ease; /* Fx 5+ */ -o-animation: animation-slide-top 0.8s 1 ease; /* Opera 12+ */ animation: animation-slide-top 0.8s 1 ease; /* IE 10+ */ opacity: 1; } .og2>div{ opacity: 0; } .og2>h3.bounce{ animation-name: bounce; -webkit-animation-name: bounce; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease; -webkit-animation-timing-function: ease; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; opacity: 1; } .slideUp>div{ opacity: 0; } .slideUp>div.slide{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; opacity:1; } .og-griddd>li{ opacity: 0; } .og-griddd>li.mypassion-animation{ -webkit-animation: animation-slide-left 1.5s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-slide-left 1.5s 1 ease; /* Fx 5+ */ -o-animation: animation-slide-left 1.5s 1 ease; /* Opera 12+ */ animation: animation-slide-left 1.5s 1 ease; /* IE 10+ */ opacity: 1; } .og-grid-2>div{ opacity: 0; } .og-grid-2>div.mypassion-animation{ -webkit-animation: animation-slide-left 1.5s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-slide-left 1.5s 1 ease; /* Fx 5+ */ -o-animation: animation-slide-left 1.5s 1 ease; /* Opera 12+ */ animation: animation-slide-left 1.5s 1 ease; /* IE 10+ */ opacity: 1; } .slide-right>div{ opacity: 0; } .slide-right>div.mypassion-animation{ -webkit-animation: animation-slide-right 0.8s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-slide-right 0.8s 1 ease; /* Fx 5+ */ -o-animation: animation-slide-right 0.8s 1 ease; /* Opera 12+ */ animation: animation-slide-right 0.8s 1 ease; /* IE 10+ */ opacity: 1; } .grid>div{ opacity: 1; } .grid>div.mypassion-animation{ -webkit-animation: ease-in 2s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: ease-in 2s 1 ease; /* Fx 5+ */ -o-animation: ease-in 2s 1 ease; /* Opera 12+ */ animation: ease-in 2s 1 ease; /* IE 10+ */ opacity: 1; } .con-an-1>div{ opacity: 0; } .con-an-1>div.an-right-1.mypassion-animation{ -webkit-animation: animation-rtl 1s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-rtl 1s 1 ease; /* Fx 5+ */ -o-animation: animation-rtl 1s 1 ease; /* Opera 12+ */ animation: animation-rtl 1s 1 ease; /* IE 10+ */ opacity: 1; } .con-an-1>div.an-left-1.mypassion-animation{ -webkit-animation: animation-ltr 1s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-ltr 1s 1 ease; /* Fx 5+ */ -o-animation: animation-ltr 1s 1 ease; /* Opera 12+ */ animation: animation-ltr 1s 1 ease; /* IE 10+ */ opacity: 1; } .og-grid-4>div{ opacity: 0; } .og-grid-4>div.mypassion-animation{ -webkit-animation: animation-btt 1s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-btt 1s 1 ease; /* Fx 5+ */ -o-animation: animation-btt 1s 1 ease; /* Opera 12+ */ animation: animation-btt 1s 1 ease; /* IE 10+ */ opacity: 1; } .og-grid-5>div{ opacity: 0; } .og-grid-5>div.mypassion-animation{ -webkit-animation: animation-slide-bottom 2s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-slide-botom 2s 1 ease; /* Fx 5+ */ -o-animation: animation-slide-bottom 2s 1 ease; /* Opera 12+ */ animation: animation-slide-bottom 2s 1 ease; /* IE 10+ */ opacity: 1; } .work-animation>div{ opacity: 0; } .work-animation>div.mypassion-animation{ -webkit-animation: animation-slide-bottom 1s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-slide-botom 1s 1 ease; /* Fx 5+ */ -o-animation: animation-slide-bottom 1s 1 ease; /* Opera 12+ */ animation: animation-slide-bottom 1s 1 ease; /* IE 10+ */ opacity: 1; } .team>div{ opacity: 0; } .team>div.mypassion-animation{ -webkit-animation: animation-slide-bottom 0.8s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-slide-botom 0.8s 1 ease; /* Fx 5+ */ -o-animation: animation-slide-bottom 0.8s 1 ease; /* Opera 12+ */ animation: animation-slide-bottom 0.8s 1 ease; /* IE 10+ */ opacity: 1; } .hatch>div{ opacity: 0; } .hatch >div.flashh{ animation-name: hatch; -webkit-animation-name: hatch; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible !important; opacity: 1; } .con-an>div.an-left.mypassion-animation{ -webkit-animation: animation-ltr 1s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-ltr 1s 1 ease; /* Fx 5+ */ -o-animation: animation-ltr 1s 1 ease; /* Opera 12+ */ animation: animation-ltr 1s 1 ease; /* IE 10+ */ opacity: 1; } .fadeIn>div{ opacity: 0; } .fadeIn>div.fade{ animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; opacity:1; } .fadeInli>li{ opacity: 0; } .fadeInli>li.fadeli{ animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; opacity:1; } .slideExpandUp>div{ opacity:0; } .slideExpandUp>div.expand{ animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important; opacity:1; } .bounceInRight>div{ opacity:0; } .bounceInRight>div.bouncer{ -webkit-animation-name: bounceInRight; animation-name: bounceInRight; animation-duration: 1.4s; -webkit-animation-duration: 1.4s; opacity:1; } .content-boxes.version-4 .article-in:hover i{ -webkit-animation: animation-rotate 1s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-rotate 1s 1 ease; /* Fx 5+ */ -o-animation: animation-rotate 1s 1 ease; /* Opera 12+ */ animation: animation-rotate 1s 1 ease; /* IE 10+ */ } .showcase .add-animation{ opacity:0; } .showcase .add-animation.mypassion-animation{ -webkit-animation: animation-ltr 1s 1 ease; /* Safari 4+ */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(0.175, 0.885, 0.320, 1.275) */ -moz-animation: animation-ltr 1s 1 ease; /* Fx 5+ */ -o-animation: animation-ltr 1s 1 ease; /* Opera 12+ */ animation: animation-ltr 1s 1 ease; /* IE 10+ */ opacity: 1; } .animated { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; animation-delay: .1s; /* W3C and Opera */ -o-animation-delay: .1s; /* Firefox */ -moz-animation-delay: .1s; /* Firefox */ -webkit-animation-delay: .1s; /* Safari and Chrome */ } .animated.hinge { -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; } [animation_type=animation-appear], [animation_type=animation-btt], [animation_type=animation-ttb], [animation_type=animation-rtl], [animation_type=animation-ltr], [animation_type=animation-slide-left], [animation_type=animation-slide-right], [animation_type=animation-slide-bottom], [animation_type=animation-slide-top] { visibility:hidden; } /* ===================================================== CORE ANIMATIONS ===================================================== */ /*appearing animation*/ @-webkit-keyframes animation-appear { 0% { -webkit-transform:scale(0.5); opacity: 0.1; } 100% { -webkit-transform:scale(1); opacity: 1; } } @-moz-keyframes animation-appear { 0% { -moz-transform:scale(0.5); opacity: 0.1; } 100% { -moz-transform:scale(1);opacity: 1; } } @-o-keyframes animation-appear { 0% { -o-transform:scale(0.5); opacity: 0.1; } 100% { -o-transform:scale(1); opacity: 1; } } @keyframes animation-appear { 0% { transform:scale(0.5); opacity: 0.1; } 100% { transform:scale(1); opacity: 1; } } .animation-appear{ -webkit-animation-name: animation-appear; -moz-animation-name: animation-appear; -o-animation-name: animation-appear; animation-name: animation-appear; } /* flash animation */ @-webkit-keyframes animation-flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes animation-flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes animation-flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes animation-flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .animation-flash { -webkit-animation-name: animation-flash; -moz-animation-name: animation-flash; -o-animation-name: animation-flash; animation-name: animation-flash; } @-webkit-keyframes animation-rotate { 0% { -webkit-transform:rotate(0deg);} 100% { -webkit-transform:rotate(720deg);} } @-moz-keyframes animation-rotate { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(720deg);} } @-o-keyframes animation-rotate { 0% { -o-transform:rotate(0deg); } 100% { -o-transform:rotate(720deg);} } @keyframes animation-rotate { 0% { transform:rotate(0deg); } 100% { transform:rotate(720deg);} } .animation-rotate{ -webkit-animation-name: animation-rotate; -moz-animation-name: animation-rotate; -o-animation-name: animation-rotate; animation-name: animation-rotate; } @-webkit-keyframes animation-shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes animation-shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes animation-shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes animation-shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .animation-shake { -webkit-animation-name: animation-shake; -moz-animation-name: animation-shake; -o-animation-name: animation-shake; animation-name: animation-shake; } @-webkit-keyframes animation-bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes animation-bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes animation-bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes animation-bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } @keyframes bounce { 0% { transform: translateY(0%) scaleY(0.6); } 60%{ transform: translateY(-100%) scaleY(1.1); } 70%{ transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80%{ transform: translateY(0%) scaleY(1.05) scaleX(1); } 90%{ transform: translateY(0%) scaleY(0.95) scaleX(1); } 100%{ transform: translateY(0%) scaleY(1) scaleX(1); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0%) scaleY(0.6); } 60%{ -webkit-transform: translateY(-100%) scaleY(1.1); } 70%{ -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80%{ -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); } 90%{ -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); } 100%{ -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } } .animation-tada { -webkit-animation-name: animation-tada; -moz-animation-name: animation-tada; -o-animation-name: animation-tada; animation-name: animation-tada; } @-webkit-keyframes animation-swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes animation-swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes animation-swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes animation-swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .animation-swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: animation-swing; -moz-animation-name: animation-swing; -o-animation-name: animation-swing; animation-name: animation-swing; } @-webkit-keyframes animation-wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes animation-wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes animation-wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes animation-wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .animation-wobble { -webkit-animation-name: animation-wobble; -moz-animation-name: animation-wobble; -o-animation-name: animation-wobble; animation-name: animation-wobble; } @-webkit-keyframes animation-pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes animation-pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes animation-pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes animation-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .animation-pulse { -webkit-animation-name: animation-pulse; -moz-animation-name: animation-pulse; -o-animation-name: animation-pulse; animation-name: animation-pulse; } @-webkit-keyframes animation-flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes animation-flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes animation-flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in; } } @keyframes animation-flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animation-flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: animation-flip; -moz-backface-visibility: visible !important; -moz-animation-name: animation-flip; -o-backface-visibility: visible !important; -o-animation-name: animation-flip; backface-visibility: visible !important; animation-name: animation-flip; } /*fade in animation*/ @-webkit-keyframes animation-ltr { 0% { -webkit-transform:translate(-20%,0); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes animation-ltr { 0% { -moz-transform:translate(-20%,0); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes animation-ltr { 0% { -o-transform:translate(-20%,0); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes animation-ltr { 0% { transform:translate(-20%,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } .animation-ltr{ -webkit-animation-name: animation-ltr; -moz-animation-name: animation-ltr; -o-animation-name: animation-ltr; animation-name: animation-ltr; } @-webkit-keyframes animation-rtl { 0% { -webkit-transform:translate(20%,0); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes animation-rtl { 0% { -moz-transform:translate(20%,0); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes animation-rtl { 0% { -o-transform:translate(20%,0); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes animation-rtl { 0% { transform:translate(20%,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } .animation-rtl{ -webkit-animation-name: animation-rtl; -moz-animation-name: animation-rtl; -o-animation-name: animation-rtl; animation-name: animation-rtl; } @-webkit-keyframes animation-btt { 0% { -webkit-transform:translate(0,20%); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes animation-btt { 0% { -moz-transform:translate(0,20%); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes animation-btt { 0% { -o-transform:translate(0,20%); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes animation-btt { 0% { transform:translate(0,20%); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } .animation-btt{ -webkit-animation-name: animation-btt; -moz-animation-name: animation-btt; -o-animation-name: animation-btt; animation-name: animation-btt; } @-webkit-keyframes animation-ttb { 0% { -webkit-transform:translate(0, -20%); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes animation-ttb { 0% { -moz-transform:translate(0, -20%); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes animation-ttb { 0% { -o-transform:translate(0, -20%); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes animation-ttb { 0% { transform:translate(0, -20%); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } .animation-ttb{ -webkit-animation-name: animation-ttb; -moz-animation-name: animation-ttb; -o-animation-name: animation-ttb; animation-name: animation-ttb; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } /*caption animation*/ @-webkit-keyframes animation-slide-right { 0% { -webkit-transform:translate(-100px,0); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes animation-slide-right { 0% { -moz-transform:translate(-100px,0); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes animation-slide-right { 0% { -o-transform:translate(-100px,0); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes animation-slide-right { 0% { transform:translate(-100px,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } .animation-slide-right{ -webkit-animation-name: animation-slide-right; -moz-animation-name: animation-slide-right; -o-animation-name: animation-slide-right; animation-name: animation-slide-right; } @-webkit-keyframes animation-slide-left { 0% { -webkit-transform:translate(100px,0); opacity: 0; } 0% { -webkit-transform:translate(100px,0); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes animation-slide-left { 0% { -moz-transform:translate(100px,0); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes animation-slide-left { 0% { -o-transform:translate(100px,0); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes animation-slide-left { 0% { transform:translate(100px,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } .animation-slide-left{ -webkit-animation-name: animation-slide-left; -moz-animation-name: animation-slide-left; -o-animation-name: animation-slide-left; animation-name: animation-slide-left; } @-webkit-keyframes animation-slide-right { 0% { -webkit-transform:translate(100px,0); opacity: 0; } 0% { -webkit-transform:translate(100px,0); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes animation-slide-left { 0% { -moz-transform:translate(100px,0); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes animation-slide-left { 0% { -o-transform:translate(100px,0); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes animation-slide-left { 0% { transform:translate(100px,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } .animation-slide-right{ -webkit-animation-name: animation-slide-right; -moz-animation-name: animation-slide-right; -o-animation-name: animation-slide-right; animation-name: animation-slide-right; } @-webkit-keyframes animation-slide-top { 0% { -webkit-transform:translate(0,-50px); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes animation-slide-top { 0% { -moz-transform:translate(0,-50px); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes animation-slide-top { 0% { -o-transform:translate(0,-50px); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes animation-slide-top { 0% { transform:translate(0,-50px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } .animation-slide-top{ -webkit-animation-name: animation-slide-top; -moz-animation-name: animation-slide-top; -o-animation-name: animation-slide-top; animation-name: animation-slide-top; } @-webkit-keyframes animation-slide-bottom { 0% { -webkit-transform:translate(0,50px); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes animation-slide-bottom { 0% { -moz-transform:translate(0,50px); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes animation-slide-bottom { 0% { -o-transform:translate(0,50px); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes animation-slide-bottom { 0% { transform:translate(0,50px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } .animation-slide-bottom{ -webkit-animation-name: animation-slide-bottom; -moz-animation-name: animation-slide-bottom; -o-animation-name: animation-slide-bottom; animation-name: animation-slide-bottom; } @keyframes fadeIn { 0% { transform: scale(0); opacity: 0.0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(0); opacity: 0.0; } 60% { -webkit-transform: scale(1.1); } 80% { -webkit-transform: scale(0.9); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes fadeInli { 0% { transform: scale(0); opacity: 0.0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeInli { 0% { -webkit-transform: scale(0); opacity: 0.0; } 60% { -webkit-transform: scale(1.1); } 80% { -webkit-transform: scale(0.9); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes slideExpandUp { 0% { transform: translateY(100%) scaleX(0.5); } 30%{ transform: translateY(-8%) scaleX(0.5); } 40%{ transform: translateY(2%) scaleX(0.5); } 50%{ transform: translateY(0%) scaleX(1.1); } 60%{ transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80%{ transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100%{ transform: translateY(0%) scaleX(1); } } @-webkit-keyframes slideExpandUp { 0% { -webkit-transform: translateY(100%) scaleX(0.5); } 30%{ -webkit-transform: translateY(-8%) scaleX(0.5); } 40%{ -webkit-transform: translateY(2%) scaleX(0.5); } 50%{ -webkit-transform: translateY(0%) scaleX(1.1); } 60%{ -webkit-transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); } 80%{ -webkit-transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); } 100%{ -webkit-transform: translateY(0%) scaleX(1); } } @keyframes hatch { 0% { transform: rotate(0deg) scaleY(0.6); } 20% { transform: rotate(-2deg) scaleY(1.05); } 35% { transform: rotate(2deg) scaleY(1); } 50% { transform: rotate(-2deg); } 65% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes hatch { 0% { -webkit-transform: rotate(0deg) scaleY(0.6); } 20% { -webkit-transform: rotate(-2deg) scaleY(1.05); } 35% { -webkit-transform: rotate(2deg) scaleY(1); } 50% { -webkit-transform: rotate(-2deg); } 65% { -webkit-transform: rotate(1deg); } 80% { -webkit-transform: rotate(-1deg); } 100% { -webkit-transform: rotate(0deg); } } /* FILE ARCHIVED ON 07:04:17 Jan 10, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 17:37:56 Dec 10, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.847 exclusion.robots: 0.024 exclusion.robots.policy: 0.012 esindex: 0.023 cdx.remote: 10.118 LoadShardBlock: 508.695 (3) PetaboxLoader3.datanode: 427.851 (5) PetaboxLoader3.resolve: 236.824 (3) load_resource: 232.101 (2) */