Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
wp-content
/
themes
/
indutri
/
css
:
animate.css
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { 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); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { 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; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { 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; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { 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; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { 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; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { 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; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .aos-init { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0; -webkit-opacity: 0; transition: all 0.35s; -webkit-transition: all 0.35s; } body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] { transition-duration: 100ms; -webkit-transition-duration: 100ms; } body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate { transition-delay: 100ms; -webkit-transition-delay: 100ms; } body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] { transition-duration: 200ms; -webkit-transition-duration: 200ms; } body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate { transition-delay: 200ms; -webkit-transition-delay: 200ms; } body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] { transition-duration: 300ms; -webkit-transition-duration: 300ms; } body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate { transition-delay: 300ms; -webkit-transition-delay: 300ms; } body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] { transition-duration: 400ms; -webkit-transition-duration: 400ms; } body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate { transition-delay: 400ms; -webkit-transition-delay: 400ms; } body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] { transition-duration: 500ms; -webkit-transition-duration: 500ms; } body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate { transition-delay: 500ms; -webkit-transition-delay: 500ms; } body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] { transition-duration: 600ms; -webkit-transition-duration: 600ms; } body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate { transition-delay: 600ms; -webkit-transition-delay: 600ms; } body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] { transition-duration: 700ms; -webkit-transition-duration: 700ms; } body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate { transition-delay: 700ms; -webkit-transition-delay: 700ms; } body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] { transition-duration: 800ms; -webkit-transition-duration: 800ms; } body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate { transition-delay: 800ms; -webkit-transition-delay: 800ms; } body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] { transition-duration: 900ms; -webkit-transition-duration: 900ms; } body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate { transition-delay: 900ms; -webkit-transition-delay: 900ms; } body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] { transition-duration: 1000ms; -webkit-transition-duration: 1000ms; } body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; } body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] { transition-duration: 1100ms; -webkit-transition-duration: 1100ms; } body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; } body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] { transition-duration: 1200ms; -webkit-transition-duration: 1200ms; } body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate { transition-delay: 1200ms; -webkit-transition-delay: 1200ms; } body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] { transition-duration: 1300ms; -webkit-transition-duration: 1300ms; } body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate { transition-delay: 1300ms; -webkit-transition-delay: 1300ms; } body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] { transition-duration: 1400ms; -webkit-transition-duration: 1400ms; } body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate { transition-delay: 1400ms; -webkit-transition-delay: 1400ms; } body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] { transition-duration: 1500ms; -webkit-transition-duration: 1500ms; } body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate { transition-delay: 1500ms; -webkit-transition-delay: 1500ms; } body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] { transition-duration: 1600ms; -webkit-transition-duration: 1600ms; } body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate { transition-delay: 1600ms; -webkit-transition-delay: 1600ms; } body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] { transition-duration: 1700ms; -webkit-transition-duration: 1700ms; } body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate { transition-delay: 1700ms; -webkit-transition-delay: 1700ms; } body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] { transition-duration: 1800ms; -webkit-transition-duration: 1800ms; } body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate { transition-delay: 1800ms; -webkit-transition-delay: 1800ms; } body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] { transition-duration: 1900ms; -webkit-transition-duration: 1900ms; } body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate { transition-delay: 1900ms; -webkit-transition-delay: 1900ms; } body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] { transition-duration: 2000ms; -webkit-transition-duration: 2000ms; } body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate { transition-delay: 2000ms; -webkit-transition-delay: 2000ms; } body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] { transition-duration: 2100ms; -webkit-transition-duration: 2100ms; } body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate { transition-delay: 2100ms; -webkit-transition-delay: 2100ms; } body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] { transition-duration: 2200ms; -webkit-transition-duration: 2200ms; } body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate { transition-delay: 2200ms; -webkit-transition-delay: 2200ms; } body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] { transition-duration: 2300ms; -webkit-transition-duration: 2300ms; } body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate { transition-delay: 2300ms; -webkit-transition-delay: 2300ms; } body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] { transition-duration: 2400ms; -webkit-transition-duration: 2400ms; } body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate { transition-delay: 2400ms; -webkit-transition-delay: 2400ms; } body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] { transition-duration: 2500ms; -webkit-transition-duration: 2500ms; } body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate { transition-delay: 2500ms; -webkit-transition-delay: 2500ms; } body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] { transition-duration: 2600ms; -webkit-transition-duration: 2600ms; } body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate { transition-delay: 2600ms; -webkit-transition-delay: 2600ms; } body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] { transition-duration: 2700ms; -webkit-transition-duration: 2700ms; } body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate { transition-delay: 2700ms; -webkit-transition-delay: 2700ms; } body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] { transition-duration: 2800ms; -webkit-transition-duration: 2800ms; } body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate { transition-delay: 2800ms; -webkit-transition-delay: 2800ms; } body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] { transition-duration: 2900ms; -webkit-transition-duration: 2900ms; } body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate { transition-delay: 2900ms; -webkit-transition-delay: 2900ms; } body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] { transition-duration: 3000ms; -webkit-transition-duration: 3000ms; } body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate { transition-delay: 3000ms; -webkit-transition-delay: 3000ms; } body[data-aos-duration='3100'] [data-aos], [data-aos][data-aos][data-aos-duration='3100'] { transition-duration: 3100ms; -webkit-transition-duration: 3100ms; } body[data-aos-delay='3100'] [data-aos], [data-aos][data-aos][data-aos-delay='3100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3100'].aos-animate { transition-delay: 3100ms; -webkit-transition-delay: 3100ms; } body[data-aos-duration='3200'] [data-aos], [data-aos][data-aos][data-aos-duration='3200'] { transition-duration: 3200ms; -webkit-transition-duration: 3200ms; } body[data-aos-delay='3200'] [data-aos], [data-aos][data-aos][data-aos-delay='3200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3200'].aos-animate { transition-delay: 3200ms; -webkit-transition-delay: 3200ms; } body[data-aos-duration='3300'] [data-aos], [data-aos][data-aos][data-aos-duration='3300'] { transition-duration: 3300ms; -webkit-transition-duration: 3300ms; } body[data-aos-delay='3300'] [data-aos], [data-aos][data-aos][data-aos-delay='3300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3300'].aos-animate { transition-delay: 3300ms; -webkit-transition-delay: 3300ms; } body[data-aos-duration='3400'] [data-aos], [data-aos][data-aos][data-aos-duration='3400'] { transition-duration: 3400ms; -webkit-transition-duration: 3400ms; } body[data-aos-delay='3400'] [data-aos], [data-aos][data-aos][data-aos-delay='3400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3400'].aos-animate { transition-delay: 3400ms; -webkit-transition-delay: 3400ms; } body[data-aos-duration='3500'] [data-aos], [data-aos][data-aos][data-aos-duration='3500'] { transition-duration: 3500ms; -webkit-transition-duration: 3500ms; } body[data-aos-delay='3500'] [data-aos], [data-aos][data-aos][data-aos-delay='3500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3500'].aos-animate { transition-delay: 3500ms; -webkit-transition-delay: 3500ms; } body[data-aos-duration='3600'] [data-aos], [data-aos][data-aos][data-aos-duration='3600'] { transition-duration: 3600ms; -webkit-transition-duration: 3600ms; } body[data-aos-delay='3600'] [data-aos], [data-aos][data-aos][data-aos-delay='3600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3600'].aos-animate { transition-delay: 3600ms; -webkit-transition-delay: 3600ms; } body[data-aos-duration='3700'] [data-aos], [data-aos][data-aos][data-aos-duration='3700'] { transition-duration: 3700ms; -webkit-transition-duration: 3700ms; } body[data-aos-delay='3700'] [data-aos], [data-aos][data-aos][data-aos-delay='3700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3700'].aos-animate { transition-delay: 3700ms; -webkit-transition-delay: 3700ms; } body[data-aos-duration='3800'] [data-aos], [data-aos][data-aos][data-aos-duration='3800'] { transition-duration: 3800ms; -webkit-transition-duration: 3800ms; } body[data-aos-delay='3800'] [data-aos], [data-aos][data-aos][data-aos-delay='3800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3800'].aos-animate { transition-delay: 3800ms; -webkit-transition-delay: 3800ms; } body[data-aos-duration='3900'] [data-aos], [data-aos][data-aos][data-aos-duration='3900'] { transition-duration: 3900ms; -webkit-transition-duration: 3900ms; } body[data-aos-delay='3900'] [data-aos], [data-aos][data-aos][data-aos-delay='3900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='3900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3900'].aos-animate { transition-delay: 3900ms; -webkit-transition-delay: 3900ms; } body[data-aos-duration='4000'] [data-aos], [data-aos][data-aos][data-aos-duration='4000'] { transition-duration: 4000ms; -webkit-transition-duration: 4000ms; } body[data-aos-delay='4000'] [data-aos], [data-aos][data-aos][data-aos-delay='4000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4000'].aos-animate { transition-delay: 4000ms; -webkit-transition-delay: 4000ms; } body[data-aos-duration='4100'] [data-aos], [data-aos][data-aos][data-aos-duration='4100'] { transition-duration: 4100ms; -webkit-transition-duration: 4100ms; } body[data-aos-delay='4100'] [data-aos], [data-aos][data-aos][data-aos-delay='4100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4100'].aos-animate { transition-delay: 4100ms; -webkit-transition-delay: 4100ms; } body[data-aos-duration='4200'] [data-aos], [data-aos][data-aos][data-aos-duration='4200'] { transition-duration: 4200ms; -webkit-transition-duration: 4200ms; } body[data-aos-delay='4200'] [data-aos], [data-aos][data-aos][data-aos-delay='4200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4200'].aos-animate { transition-delay: 4200ms; -webkit-transition-delay: 4200ms; } body[data-aos-duration='4300'] [data-aos], [data-aos][data-aos][data-aos-duration='4300'] { transition-duration: 4300ms; -webkit-transition-duration: 4300ms; } body[data-aos-delay='4300'] [data-aos], [data-aos][data-aos][data-aos-delay='4300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4300'].aos-animate { transition-delay: 4300ms; -webkit-transition-delay: 4300ms; } body[data-aos-duration='4400'] [data-aos], [data-aos][data-aos][data-aos-duration='4400'] { transition-duration: 4400ms; -webkit-transition-duration: 4400ms; } body[data-aos-delay='4400'] [data-aos], [data-aos][data-aos][data-aos-delay='4400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4400'].aos-animate { transition-delay: 4400ms; -webkit-transition-delay: 4400ms; } body[data-aos-duration='4500'] [data-aos], [data-aos][data-aos][data-aos-duration='4500'] { transition-duration: 4500ms; -webkit-transition-duration: 4500ms; } body[data-aos-delay='4500'] [data-aos], [data-aos][data-aos][data-aos-delay='4500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4500'].aos-animate { transition-delay: 4500ms; -webkit-transition-delay: 4500ms; } body[data-aos-duration='4600'] [data-aos], [data-aos][data-aos][data-aos-duration='4600'] { transition-duration: 4600ms; -webkit-transition-duration: 4600ms; } body[data-aos-delay='4600'] [data-aos], [data-aos][data-aos][data-aos-delay='4600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4600'].aos-animate { transition-delay: 4600ms; -webkit-transition-delay: 4600ms; } body[data-aos-duration='4700'] [data-aos], [data-aos][data-aos][data-aos-duration='4700'] { transition-duration: 4700ms; -webkit-transition-duration: 4700ms; } body[data-aos-delay='4700'] [data-aos], [data-aos][data-aos][data-aos-delay='4700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4700'].aos-animate { transition-delay: 4700ms; -webkit-transition-delay: 4700ms; } body[data-aos-duration='4800'] [data-aos], [data-aos][data-aos][data-aos-duration='4800'] { transition-duration: 4800ms; -webkit-transition-duration: 4800ms; } body[data-aos-delay='4800'] [data-aos], [data-aos][data-aos][data-aos-delay='4800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4800'].aos-animate { transition-delay: 4800ms; -webkit-transition-delay: 4800ms; } body[data-aos-duration='4900'] [data-aos], [data-aos][data-aos][data-aos-duration='4900'] { transition-duration: 4900ms; -webkit-transition-duration: 4900ms; } body[data-aos-delay='4900'] [data-aos], [data-aos][data-aos][data-aos-delay='4900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='4900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4900'].aos-animate { transition-delay: 4900ms; -webkit-transition-delay: 4900ms; } body[data-aos-duration='5000'] [data-aos], [data-aos][data-aos][data-aos-duration='5000'] { transition-duration: 5000ms; -webkit-transition-duration: 5000ms; } body[data-aos-delay='5000'] [data-aos], [data-aos][data-aos][data-aos-delay='5000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5000'].aos-animate { transition-delay: 5000ms; -webkit-transition-delay: 5000ms; } body[data-aos-duration='5100'] [data-aos], [data-aos][data-aos][data-aos-duration='5100'] { transition-duration: 5100ms; -webkit-transition-duration: 5100ms; } body[data-aos-delay='5100'] [data-aos], [data-aos][data-aos][data-aos-delay='5100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5100'].aos-animate { transition-delay: 5100ms; -webkit-transition-delay: 5100ms; } body[data-aos-duration='5200'] [data-aos], [data-aos][data-aos][data-aos-duration='5200'] { transition-duration: 5200ms; -webkit-transition-duration: 5200ms; } body[data-aos-delay='5200'] [data-aos], [data-aos][data-aos][data-aos-delay='5200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5200'].aos-animate { transition-delay: 5200ms; -webkit-transition-delay: 5200ms; } body[data-aos-duration='5300'] [data-aos], [data-aos][data-aos][data-aos-duration='5300'] { transition-duration: 5300ms; -webkit-transition-duration: 5300ms; } body[data-aos-delay='5300'] [data-aos], [data-aos][data-aos][data-aos-delay='5300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5300'].aos-animate { transition-delay: 5300ms; -webkit-transition-delay: 5300ms; } body[data-aos-duration='5400'] [data-aos], [data-aos][data-aos][data-aos-duration='5400'] { transition-duration: 5400ms; -webkit-transition-duration: 5400ms; } body[data-aos-delay='5400'] [data-aos], [data-aos][data-aos][data-aos-delay='5400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5400'].aos-animate { transition-delay: 5400ms; -webkit-transition-delay: 5400ms; } body[data-aos-duration='5500'] [data-aos], [data-aos][data-aos][data-aos-duration='5500'] { transition-duration: 5500ms; -webkit-transition-duration: 5500ms; } body[data-aos-delay='5500'] [data-aos], [data-aos][data-aos][data-aos-delay='5500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5500'].aos-animate { transition-delay: 5500ms; -webkit-transition-delay: 5500ms; } body[data-aos-duration='5600'] [data-aos], [data-aos][data-aos][data-aos-duration='5600'] { transition-duration: 5600ms; -webkit-transition-duration: 5600ms; } body[data-aos-delay='5600'] [data-aos], [data-aos][data-aos][data-aos-delay='5600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5600'].aos-animate { transition-delay: 5600ms; -webkit-transition-delay: 5600ms; } body[data-aos-duration='5700'] [data-aos], [data-aos][data-aos][data-aos-duration='5700'] { transition-duration: 5700ms; -webkit-transition-duration: 5700ms; } body[data-aos-delay='5700'] [data-aos], [data-aos][data-aos][data-aos-delay='5700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5700'].aos-animate { transition-delay: 5700ms; -webkit-transition-delay: 5700ms; } body[data-aos-duration='5800'] [data-aos], [data-aos][data-aos][data-aos-duration='5800'] { transition-duration: 5800ms; -webkit-transition-duration: 5800ms; } body[data-aos-delay='5800'] [data-aos], [data-aos][data-aos][data-aos-delay='5800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5800'].aos-animate { transition-delay: 5800ms; -webkit-transition-delay: 5800ms; } body[data-aos-duration='5900'] [data-aos], [data-aos][data-aos][data-aos-duration='5900'] { transition-duration: 5900ms; -webkit-transition-duration: 5900ms; } body[data-aos-delay='5900'] [data-aos], [data-aos][data-aos][data-aos-delay='5900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='5900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5900'].aos-animate { transition-delay: 5900ms; -webkit-transition-delay: 5900ms; } body[data-aos-duration='6000'] [data-aos], [data-aos][data-aos][data-aos-duration='6000'] { transition-duration: 6000ms; -webkit-transition-duration: 6000ms; } body[data-aos-delay='6000'] [data-aos], [data-aos][data-aos][data-aos-delay='6000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6000'].aos-animate { transition-delay: 6000ms; -webkit-transition-delay: 6000ms; } body[data-aos-duration='6100'] [data-aos], [data-aos][data-aos][data-aos-duration='6100'] { transition-duration: 6100ms; -webkit-transition-duration: 6100ms; } body[data-aos-delay='6100'] [data-aos], [data-aos][data-aos][data-aos-delay='6100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6100'].aos-animate { transition-delay: 6100ms; -webkit-transition-delay: 6100ms; } body[data-aos-duration='6200'] [data-aos], [data-aos][data-aos][data-aos-duration='6200'] { transition-duration: 6200ms; -webkit-transition-duration: 6200ms; } body[data-aos-delay='6200'] [data-aos], [data-aos][data-aos][data-aos-delay='6200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6200'].aos-animate { transition-delay: 6200ms; -webkit-transition-delay: 6200ms; } body[data-aos-duration='6300'] [data-aos], [data-aos][data-aos][data-aos-duration='6300'] { transition-duration: 6300ms; -webkit-transition-duration: 6300ms; } body[data-aos-delay='6300'] [data-aos], [data-aos][data-aos][data-aos-delay='6300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6300'].aos-animate { transition-delay: 6300ms; -webkit-transition-delay: 6300ms; } body[data-aos-duration='6400'] [data-aos], [data-aos][data-aos][data-aos-duration='6400'] { transition-duration: 6400ms; -webkit-transition-duration: 6400ms; } body[data-aos-delay='6400'] [data-aos], [data-aos][data-aos][data-aos-delay='6400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6400'].aos-animate { transition-delay: 6400ms; -webkit-transition-delay: 6400ms; } body[data-aos-duration='6500'] [data-aos], [data-aos][data-aos][data-aos-duration='6500'] { transition-duration: 6500ms; -webkit-transition-duration: 6500ms; } body[data-aos-delay='6500'] [data-aos], [data-aos][data-aos][data-aos-delay='6500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6500'].aos-animate { transition-delay: 6500ms; -webkit-transition-delay: 6500ms; } body[data-aos-duration='6600'] [data-aos], [data-aos][data-aos][data-aos-duration='6600'] { transition-duration: 6600ms; -webkit-transition-duration: 6600ms; } body[data-aos-delay='6600'] [data-aos], [data-aos][data-aos][data-aos-delay='6600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6600'].aos-animate { transition-delay: 6600ms; -webkit-transition-delay: 6600ms; } body[data-aos-duration='6700'] [data-aos], [data-aos][data-aos][data-aos-duration='6700'] { transition-duration: 6700ms; -webkit-transition-duration: 6700ms; } body[data-aos-delay='6700'] [data-aos], [data-aos][data-aos][data-aos-delay='6700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6700'].aos-animate { transition-delay: 6700ms; -webkit-transition-delay: 6700ms; } body[data-aos-duration='6800'] [data-aos], [data-aos][data-aos][data-aos-duration='6800'] { transition-duration: 6800ms; -webkit-transition-duration: 6800ms; } body[data-aos-delay='6800'] [data-aos], [data-aos][data-aos][data-aos-delay='6800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6800'].aos-animate { transition-delay: 6800ms; -webkit-transition-delay: 6800ms; } body[data-aos-duration='6900'] [data-aos], [data-aos][data-aos][data-aos-duration='6900'] { transition-duration: 6900ms; -webkit-transition-duration: 6900ms; } body[data-aos-delay='6900'] [data-aos], [data-aos][data-aos][data-aos-delay='6900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='6900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='6900'].aos-animate { transition-delay: 6900ms; -webkit-transition-delay: 6900ms; } body[data-aos-duration='7000'] [data-aos], [data-aos][data-aos][data-aos-duration='7000'] { transition-duration: 7000ms; -webkit-transition-duration: 7000ms; } body[data-aos-delay='7000'] [data-aos], [data-aos][data-aos][data-aos-delay='7000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7000'].aos-animate { transition-delay: 7000ms; -webkit-transition-delay: 7000ms; } body[data-aos-duration='7100'] [data-aos], [data-aos][data-aos][data-aos-duration='7100'] { transition-duration: 7100ms; -webkit-transition-duration: 7100ms; } body[data-aos-delay='7100'] [data-aos], [data-aos][data-aos][data-aos-delay='7100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7100'].aos-animate { transition-delay: 7100ms; -webkit-transition-delay: 7100ms; } body[data-aos-duration='7200'] [data-aos], [data-aos][data-aos][data-aos-duration='7200'] { transition-duration: 7200ms; -webkit-transition-duration: 7200ms; } body[data-aos-delay='7200'] [data-aos], [data-aos][data-aos][data-aos-delay='7200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7200'].aos-animate { transition-delay: 7200ms; -webkit-transition-delay: 7200ms; } body[data-aos-duration='7300'] [data-aos], [data-aos][data-aos][data-aos-duration='7300'] { transition-duration: 7300ms; -webkit-transition-duration: 7300ms; } body[data-aos-delay='7300'] [data-aos], [data-aos][data-aos][data-aos-delay='7300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7300'].aos-animate { transition-delay: 7300ms; -webkit-transition-delay: 7300ms; } body[data-aos-duration='7400'] [data-aos], [data-aos][data-aos][data-aos-duration='7400'] { transition-duration: 7400ms; -webkit-transition-duration: 7400ms; } body[data-aos-delay='7400'] [data-aos], [data-aos][data-aos][data-aos-delay='7400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7400'].aos-animate { transition-delay: 7400ms; -webkit-transition-delay: 7400ms; } body[data-aos-duration='7500'] [data-aos], [data-aos][data-aos][data-aos-duration='7500'] { transition-duration: 7500ms; -webkit-transition-duration: 7500ms; } body[data-aos-delay='7500'] [data-aos], [data-aos][data-aos][data-aos-delay='7500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7500'].aos-animate { transition-delay: 7500ms; -webkit-transition-delay: 7500ms; } body[data-aos-duration='7600'] [data-aos], [data-aos][data-aos][data-aos-duration='7600'] { transition-duration: 7600ms; -webkit-transition-duration: 7600ms; } body[data-aos-delay='7600'] [data-aos], [data-aos][data-aos][data-aos-delay='7600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7600'].aos-animate { transition-delay: 7600ms; -webkit-transition-delay: 7600ms; } body[data-aos-duration='7700'] [data-aos], [data-aos][data-aos][data-aos-duration='7700'] { transition-duration: 7700ms; -webkit-transition-duration: 7700ms; } body[data-aos-delay='7700'] [data-aos], [data-aos][data-aos][data-aos-delay='7700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7700'].aos-animate { transition-delay: 7700ms; -webkit-transition-delay: 7700ms; } body[data-aos-duration='7800'] [data-aos], [data-aos][data-aos][data-aos-duration='7800'] { transition-duration: 7800ms; -webkit-transition-duration: 7800ms; } body[data-aos-delay='7800'] [data-aos], [data-aos][data-aos][data-aos-delay='7800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7800'].aos-animate { transition-delay: 7800ms; -webkit-transition-delay: 7800ms; } body[data-aos-duration='7900'] [data-aos], [data-aos][data-aos][data-aos-duration='7900'] { transition-duration: 7900ms; -webkit-transition-duration: 7900ms; } body[data-aos-delay='7900'] [data-aos], [data-aos][data-aos][data-aos-delay='7900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='7900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='7900'].aos-animate { transition-delay: 7900ms; -webkit-transition-delay: 7900ms; } body[data-aos-duration='8000'] [data-aos], [data-aos][data-aos][data-aos-duration='8000'] { transition-duration: 8000ms; -webkit-transition-duration: 8000ms; } body[data-aos-delay='8000'] [data-aos], [data-aos][data-aos][data-aos-delay='8000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8000'].aos-animate { transition-delay: 8000ms; -webkit-transition-delay: 8000ms; } body[data-aos-duration='8100'] [data-aos], [data-aos][data-aos][data-aos-duration='8100'] { transition-duration: 8100ms; -webkit-transition-duration: 8100ms; } body[data-aos-delay='8100'] [data-aos], [data-aos][data-aos][data-aos-delay='8100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8100'].aos-animate { transition-delay: 8100ms; -webkit-transition-delay: 8100ms; } body[data-aos-duration='8200'] [data-aos], [data-aos][data-aos][data-aos-duration='8200'] { transition-duration: 8200ms; -webkit-transition-duration: 8200ms; } body[data-aos-delay='8200'] [data-aos], [data-aos][data-aos][data-aos-delay='8200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8200'].aos-animate { transition-delay: 8200ms; -webkit-transition-delay: 8200ms; } body[data-aos-duration='8300'] [data-aos], [data-aos][data-aos][data-aos-duration='8300'] { transition-duration: 8300ms; -webkit-transition-duration: 8300ms; } body[data-aos-delay='8300'] [data-aos], [data-aos][data-aos][data-aos-delay='8300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8300'].aos-animate { transition-delay: 8300ms; -webkit-transition-delay: 8300ms; } body[data-aos-duration='8400'] [data-aos], [data-aos][data-aos][data-aos-duration='8400'] { transition-duration: 8400ms; -webkit-transition-duration: 8400ms; } body[data-aos-delay='8400'] [data-aos], [data-aos][data-aos][data-aos-delay='8400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8400'].aos-animate { transition-delay: 8400ms; -webkit-transition-delay: 8400ms; } body[data-aos-duration='8500'] [data-aos], [data-aos][data-aos][data-aos-duration='8500'] { transition-duration: 8500ms; -webkit-transition-duration: 8500ms; } body[data-aos-delay='8500'] [data-aos], [data-aos][data-aos][data-aos-delay='8500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8500'].aos-animate { transition-delay: 8500ms; -webkit-transition-delay: 8500ms; } body[data-aos-duration='8600'] [data-aos], [data-aos][data-aos][data-aos-duration='8600'] { transition-duration: 8600ms; -webkit-transition-duration: 8600ms; } body[data-aos-delay='8600'] [data-aos], [data-aos][data-aos][data-aos-delay='8600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8600'].aos-animate { transition-delay: 8600ms; -webkit-transition-delay: 8600ms; } body[data-aos-duration='8700'] [data-aos], [data-aos][data-aos][data-aos-duration='8700'] { transition-duration: 8700ms; -webkit-transition-duration: 8700ms; } body[data-aos-delay='8700'] [data-aos], [data-aos][data-aos][data-aos-delay='8700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8700'].aos-animate { transition-delay: 8700ms; -webkit-transition-delay: 8700ms; } body[data-aos-duration='8800'] [data-aos], [data-aos][data-aos][data-aos-duration='8800'] { transition-duration: 8800ms; -webkit-transition-duration: 8800ms; } body[data-aos-delay='8800'] [data-aos], [data-aos][data-aos][data-aos-delay='8800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8800'].aos-animate { transition-delay: 8800ms; -webkit-transition-delay: 8800ms; } body[data-aos-duration='8900'] [data-aos], [data-aos][data-aos][data-aos-duration='8900'] { transition-duration: 8900ms; -webkit-transition-duration: 8900ms; } body[data-aos-delay='8900'] [data-aos], [data-aos][data-aos][data-aos-delay='8900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='8900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='8900'].aos-animate { transition-delay: 8900ms; -webkit-transition-delay: 8900ms; } body[data-aos-duration='9000'] [data-aos], [data-aos][data-aos][data-aos-duration='9000'] { transition-duration: 9000ms; -webkit-transition-duration: 9000ms; } body[data-aos-delay='9000'] [data-aos], [data-aos][data-aos][data-aos-delay='9000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9000'].aos-animate { transition-delay: 9000ms; -webkit-transition-delay: 9000ms; } body[data-aos-duration='9100'] [data-aos], [data-aos][data-aos][data-aos-duration='9100'] { transition-duration: 9100ms; -webkit-transition-duration: 9100ms; } body[data-aos-delay='9100'] [data-aos], [data-aos][data-aos][data-aos-delay='9100'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9100'].aos-animate { transition-delay: 9100ms; -webkit-transition-delay: 9100ms; } body[data-aos-duration='9200'] [data-aos], [data-aos][data-aos][data-aos-duration='9200'] { transition-duration: 9200ms; -webkit-transition-duration: 9200ms; } body[data-aos-delay='9200'] [data-aos], [data-aos][data-aos][data-aos-delay='9200'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9200'].aos-animate { transition-delay: 9200ms; -webkit-transition-delay: 9200ms; } body[data-aos-duration='9300'] [data-aos], [data-aos][data-aos][data-aos-duration='9300'] { transition-duration: 9300ms; -webkit-transition-duration: 9300ms; } body[data-aos-delay='9300'] [data-aos], [data-aos][data-aos][data-aos-delay='9300'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9300'].aos-animate { transition-delay: 9300ms; -webkit-transition-delay: 9300ms; } body[data-aos-duration='9400'] [data-aos], [data-aos][data-aos][data-aos-duration='9400'] { transition-duration: 9400ms; -webkit-transition-duration: 9400ms; } body[data-aos-delay='9400'] [data-aos], [data-aos][data-aos][data-aos-delay='9400'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9400'].aos-animate { transition-delay: 9400ms; -webkit-transition-delay: 9400ms; } body[data-aos-duration='9500'] [data-aos], [data-aos][data-aos][data-aos-duration='9500'] { transition-duration: 9500ms; -webkit-transition-duration: 9500ms; } body[data-aos-delay='9500'] [data-aos], [data-aos][data-aos][data-aos-delay='9500'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9500'].aos-animate { transition-delay: 9500ms; -webkit-transition-delay: 9500ms; } body[data-aos-duration='9600'] [data-aos], [data-aos][data-aos][data-aos-duration='9600'] { transition-duration: 9600ms; -webkit-transition-duration: 9600ms; } body[data-aos-delay='9600'] [data-aos], [data-aos][data-aos][data-aos-delay='9600'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9600'].aos-animate { transition-delay: 9600ms; -webkit-transition-delay: 9600ms; } body[data-aos-duration='9700'] [data-aos], [data-aos][data-aos][data-aos-duration='9700'] { transition-duration: 9700ms; -webkit-transition-duration: 9700ms; } body[data-aos-delay='9700'] [data-aos], [data-aos][data-aos][data-aos-delay='9700'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9700'].aos-animate { transition-delay: 9700ms; -webkit-transition-delay: 9700ms; } body[data-aos-duration='9800'] [data-aos], [data-aos][data-aos][data-aos-duration='9800'] { transition-duration: 9800ms; -webkit-transition-duration: 9800ms; } body[data-aos-delay='9800'] [data-aos], [data-aos][data-aos][data-aos-delay='9800'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9800'].aos-animate { transition-delay: 9800ms; -webkit-transition-delay: 9800ms; } body[data-aos-duration='9900'] [data-aos], [data-aos][data-aos][data-aos-duration='9900'] { transition-duration: 9900ms; -webkit-transition-duration: 9900ms; } body[data-aos-delay='9900'] [data-aos], [data-aos][data-aos][data-aos-delay='9900'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='9900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='9900'].aos-animate { transition-delay: 9900ms; -webkit-transition-delay: 9900ms; } body[data-aos-duration='10000'] [data-aos], [data-aos][data-aos][data-aos-duration='10000'] { transition-duration: 10000ms; -webkit-transition-duration: 10000ms; } body[data-aos-delay='10000'] [data-aos], [data-aos][data-aos][data-aos-delay='10000'] { transition-delay: 0; -webkit-transition-delay: 0; } body[data-aos-delay='10000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='10000'].aos-animate { transition-delay: 10000ms; -webkit-transition-delay: 10000ms; } body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1); transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ [data-aos^='fade'][data-aos^='fade'] { opacity: 0; -webkit-opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-property: opacity, transform; } [data-aos^='fade'][data-aos^='fade'].aos-animate { opacity: 1; -webkit-opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); } [data-aos='fade-up'] { transform: translate(0, 100px); -webkit-transform: translate(0, 100px); } [data-aos='fade-down'] { transform: translate(0, -100px); -webkit-transform: translate(0, -100px); } [data-aos='fade-right'] { transform: translate(-100px, 0); -webkit-transform: translate(-100px, 0); } [data-aos='fade-left'] { transform: translate(100px, 0); -webkit-transform: translate(100px, 0); } [data-aos='fade-up-right'] { transform: translate(-100px, 100px); -webkit-transform: translate(-100px, 100px); } [data-aos='fade-up-left'] { transform: translate(100px, 100px); -webkit-transform: translate(100px, 100px); } [data-aos='fade-down-right'] { transform: translate(-100px, -100px); -webkit-transform: translate(-100px, -100px); } [data-aos='fade-down-left'] { transform: translate(100px, -100px); -webkit-transform: translate(100px, -100px); } /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ [data-aos^='zoom'][data-aos^='zoom'] { opacity: 0; -webkit-opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-property: opacity, transform; } [data-aos^='zoom'][data-aos^='zoom'].aos-animate { opacity: 1; -webkit-opacity: 1; transform: translate(0, 0) scale(1); -webkit-transform: translate(0, 0) scale(1); } [data-aos='zoom-in'] { opacity: 1; -webkit-opacity: 1; transform: scale(0.6); -webkit-transform: scale(0.6); } [data-aos='zoom-in-up'] { transform: translate(0, 100px) scale(0.6); -webkit-transform: translate(0, 100px) scale(0.6); } [data-aos='zoom-in-down'] { transform: translate(0, -100px) scale(0.6); -webkit-transform: translate(0, -100px) scale(0.6); } [data-aos='zoom-in-right'] { transform: translate(-100px, 0) scale(0.6); -webkit-transform: translate(-100px, 0) scale(0.6); } [data-aos='zoom-in-left'] { transform: translate(100px, 0) scale(0.6); -webkit-transform: translate(100px, 0) scale(0.6); } [data-aos='zoom-out'] { transform: scale(1.2); -webkit-transform: scale(1.2); } [data-aos='zoom-out-up'] { transform: translate(0, 100px) scale(1.2); -webkit-transform: translate(0, 100px) scale(1.2); } [data-aos='zoom-out-down'] { transform: translate(0, -100px) scale(1.2); -webkit-transform: translate(0, -100px) scale(1.2); } [data-aos='zoom-out-right'] { transform: translate(-100px, 0) scale(1.2); -webkit-transform: translate(-100px, 0) scale(1.2); } [data-aos='zoom-out-left'] { transform: translate(100px, 0) scale(1.2); -webkit-transform: translate(100px, 0) scale(1.2); } /** * Slide animations */ [data-aos^='slide'][data-aos^='slide'] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-property: transform; } [data-aos^='slide'][data-aos^='slide'].aos-animate { transform: translate(0, 0); -webkit-transform: translate(0, 0); opacity: 1; -webkit-opacity: 1; } [data-aos='slide-up'] { transform: translateY(100%); -webkit-transform: translateY(100%); } [data-aos='slide-down'] { transform: translateY(-100%); -webkit-transform: translateY(-100%); } [data-aos='slide-right'] { transform: translateX(-100%); -webkit-transform: translateX(-100%); } [data-aos='slide-left'] { transform: translateX(100%); -webkit-transform: translateX(100%); } /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ [data-aos^='flip'][data-aos^='flip'] { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-property: transform; } [data-aos='flip-left'] { transform: perspective(2500px) rotateY(-100deg); -webkit-transform: perspective(2500px) rotateY(-100deg); } [data-aos='flip-left'].aos-animate { transform: perspective(2500px) rotateY(0); -webkit-transform: perspective(2500px) rotateY(0); opacity: 1; -webkit-opacity: 1; } [data-aos='flip-right'] { transform: perspective(2500px) rotateY(100deg); -webkit-transform: perspective(2500px) rotateY(100deg); } [data-aos='flip-right'].aos-animate { transform: perspective(2500px) rotateY(0); -webkit-transform: perspective(2500px) rotateY(0); opacity: 1; -webkit-opacity: 1; } [data-aos='flip-up'] { transform: perspective(2500px) rotateX(-100deg); -webkit-transform: perspective(2500px) rotateX(-100deg); } [data-aos='flip-up'].aos-animate { transform: perspective(2500px) rotateX(0); -webkit-transform: perspective(2500px) rotateX(0); opacity: 1; -webkit-opacity: 1; } [data-aos='flip-down'] { transform: perspective(2500px) rotateX(100deg); -webkit-transform: perspective(2500px) rotateX(100deg); } [data-aos='flip-down'].aos-animate { transform: perspective(2500px) rotateX(0); -webkit-transform: perspective(2500px) rotateX(0); opacity: 1; -webkit-opacity: 1; }