@font-face {
font-family: "tb-icon";
src: url(//www.versajoy.com/wp-content/themes/joy/fonts/tb-icon/tb-icon.eot);
src: url(//www.versajoy.com/wp-content/themes/joy/fonts/tb-icon/tb-icon.eot?#iefix) format('eot'),
url(//www.versajoy.com/wp-content/themes/joy/fonts/tb-icon/tb-icon.woff2) format('woff2'),
url(//www.versajoy.com/wp-content/themes/joy/fonts/tb-icon/tb-icon.woff) format('woff'),
url(//www.versajoy.com/wp-content/themes/joy/fonts/tb-icon/tb-icon.ttf) format('truetype'),
url(//www.versajoy.com/wp-content/themes/joy/fonts/tb-icon/tb-icon.svg#tb-icon) format('svg');
font-display: swap;
}
.tb-icon:before {
font-family: "tb-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal; text-decoration: none;
text-transform: none;
}
.tb-icon-arrow-bottom:before {
content: "\E001";
}
.tb-icon-arrow-left:before {
content: "\E002";
}
.tb-icon-arrow-right:before {
content: "\E003";
}
.tb-icon-arrow-top:before {
content: "\E004";
}
.tb-icon-check-square:before {
content: "\E005";
}
.tb-icon-check:before {
content: "\E006";
}
.tb-icon-plus:before {
content: "\E007";
}
.tb-icon-star:before {
content: "\E008";
}
.tb-icon-zz-arrow-down-1:before {
content: "\E009";
}
.tb-icon-zz-arrow-down:before {
content: "\E00A";
}
.tb-icon-zz-arrow-left-1:before {
content: "\E00B";
}
.tb-icon-zz-arrow-left:before {
content: "\E00C";
}
.tb-icon-zz-arrow-right-1:before {
content: "\E00D";
}
.tb-icon-zz-arrow-right:before {
content: "\E00E";
}
.tb-icon-zz-arrow-up-1:before {
content: "\E00F";
}
.tb-icon-zz-arrow-up:before {
content: "\E010";
}
.tb-icon-zz-bag:before {
content: "\E011";
}
.tb-icon-zz-cancel-1:before {
content: "\E012";
}
.tb-icon-zz-compare:before {
content: "\E013";
}
.tb-icon-zz-heart-footer:before {
content: "\E014";
}
.tb-icon-zz-heart:before {
content: "\E015";
}
.tb-icon-zz-img-post-1:before {
content: "\E016";
}
.tb-icon-zz-img-post-2:before {
content: "\E017";
}
.tb-icon-zz-img-post-3:before {
content: "\E018";
}
.tb-icon-zz-list:before {
content: "\E019";
}
.tb-icon-zz-minus:before {
content: "\E01A";
}
.tb-icon-zz-plus:before {
content: "\E01B";
}
.tb-icon-zz-quick-view:before {
content: "\E01C";
}
.tb-icon-zz-right-arrow:before {
content: "\E01D";
}
.tb-icon-zz-search:before {
content: "\E01E";
}
.tb-icon-zz-squares:before {
content: "\E01F";
}
.tb-icon-zz-user:before {
content: "\E020";
}
.tb-icon-zzz-bars:before {
content: "\E021";
}
.tb-icon-zzz-home:before {
content: "\E022";
}
.tb-icon-zzz-picture-1:before {
content: "\E023";
}
.tb-icon-zzzz-close:before {
content: "\E024";
}
.tb-icon-zzzz-delivery-return:before {
content: "\E025";
}
.tb-icon-zzzz-delivery-time:before {
content: "\E026";
}
.tb-icon-zzzz-question:before {
content: "\E027";
}
.tb-icon-zzzz-size-guide:before {
content: "\E028";
}@font-face {
font-family: simple-line-icons;
src: url(//www.versajoy.com/wp-content/themes/joy/fonts/Simple-Line-Icons.eot?v=2.4.0);
src: url(//www.versajoy.com/wp-content/themes/joy/fonts/Simple-Line-Icons.eot?v=2.4.0#iefix) format("embedded-opentype"),url(//www.versajoy.com/wp-content/themes/joy/fonts/Simple-Line-Icons.woff2?v=2.4.0) format("woff2"),url(//www.versajoy.com/wp-content/themes/joy/fonts/Simple-Line-Icons.ttf?v=2.4.0) format("truetype"),url(//www.versajoy.com/wp-content/themes/joy/fonts/Simple-Line-Icons.woff?v=2.4.0) format("woff"),url(//www.versajoy.com/wp-content/themes/joy/fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
} .icon-action-redo,.icon-action-undo,.icon-anchor,.icon-arrow-down,.icon-arrow-down-circle,.icon-arrow-left,.icon-arrow-left-circle,.icon-arrow-right,.icon-arrow-right-circle,.icon-arrow-up,.icon-arrow-up-circle,.icon-badge,.icon-bag,.icon-ban,.icon-basket,.icon-basket-loaded,.icon-bell,.icon-book-open,.icon-briefcase,.icon-bubble,.icon-bubbles,.icon-bulb,.icon-calculator,.icon-calendar,.icon-call-end,.icon-call-in,.icon-call-out,.icon-camera,.icon-camrecorder,.icon-chart,.icon-check,.icon-chemistry,.icon-clock,.icon-close,.icon-cloud-download,.icon-cloud-upload,.icon-compass,.icon-control-end,.icon-control-forward,.icon-control-pause,.icon-control-play,.icon-control-rewind,.icon-control-start,.icon-credit-card,.icon-crop,.icon-cup,.icon-cursor,.icon-cursor-move,.icon-diamond,.icon-direction,.icon-directions,.icon-disc,.icon-dislike,.icon-doc,.icon-docs,.icon-drawer,.icon-drop,.icon-earphones,.icon-earphones-alt,.icon-emotsmile,.icon-energy,.icon-envelope,.icon-envelope-letter,.icon-envelope-open,.icon-equalizer,.icon-event,.icon-exclamation,.icon-eye,.icon-eyeglass,.icon-feed,.icon-film,.icon-fire,.icon-flag,.icon-folder,.icon-folder-alt,.icon-frame,.icon-game-controller,.icon-ghost,.icon-globe,.icon-globe-alt,.icon-graduation,.icon-graph,.icon-grid,.icon-handbag,.icon-heart,.icon-home,.icon-hourglass,.icon-info,.icon-key,.icon-layers,.icon-like,.icon-link,.icon-list,.icon-location-pin,.icon-lock,.icon-lock-open,.icon-login,.icon-logout,.icon-loop,.icon-magic-wand,.icon-magnet,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-map,.icon-menu,.icon-microphone,.icon-minus,.icon-mouse,.icon-music-tone,.icon-music-tone-alt,.icon-mustache,.icon-note,.icon-notebook,.icon-options,.icon-options-vertical,.icon-organization,.icon-paper-clip,.icon-paper-plane,.icon-paypal,.icon-pencil,.icon-people,.icon-phone,.icon-picture,.icon-pie-chart,.icon-pin,.icon-plane,.icon-playlist,.icon-plus,.icon-power,.icon-present,.icon-printer,.icon-puzzle,.icon-question,.icon-refresh,.icon-reload,.icon-rocket,.icon-screen-desktop,.icon-screen-smartphone,.icon-screen-tablet,.icon-settings,.icon-share,.icon-share-alt,.icon-shield,.icon-shuffle,.icon-size-actual,.icon-size-fullscreen,.icon-social-behance,.icon-social-dribbble,.icon-social-dropbox,.icon-social-facebook,.icon-social-foursqare,.icon-social-github,.icon-social-google,.icon-social-instagram,.icon-social-linkedin,.icon-social-pinterest,.icon-social-reddit,.icon-social-skype,.icon-social-soundcloud,.icon-social-spotify,.icon-social-steam,.icon-social-stumbleupon,.icon-social-tumblr,.icon-social-twitter,.icon-social-vkontakte,.icon-social-youtube,.icon-speech,.icon-speedometer,.icon-star,.icon-support,.icon-symbol-female,.icon-symbol-male,.icon-tag,.icon-target,.icon-trash,.icon-trophy,.icon-umbrella,.icon-user,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-vector,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-wallet,.icon-wrench,.sim-icon:before {
font-family: simple-line-icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
content: "\e005";
}
.icon-people:before {
content: "\e001";
}
.icon-user-female:before {
content: "\e000";
}
.icon-user-follow:before {
content: "\e002";
}
.icon-user-following:before {
content: "\e003";
}
.icon-user-unfollow:before {
content: "\e004";
}
.icon-login:before {
content: "\e066";
}
.icon-logout:before {
content: "\e065";
}
.icon-emotsmile:before {
content: "\e021";
}
.icon-phone:before {
content: "\e600";
}
.icon-call-end:before {
content: "\e048";
}
.icon-call-in:before {
content: "\e047";
}
.icon-call-out:before {
content: "\e046";
}
.icon-map:before {
content: "\e033";
}
.icon-location-pin:before {
content: "\e096";
}
.icon-direction:before {
content: "\e042";
}
.icon-directions:before {
content: "\e041";
}
.icon-compass:before {
content: "\e045";
}
.icon-layers:before {
content: "\e034";
}
.icon-menu:before {
content: "\e601";
}
.icon-list:before {
content: "\e067";
}
.icon-options-vertical:before {
content: "\e602";
}
.icon-options:before {
content: "\e603";
}
.icon-arrow-down:before {
content: "\e604";
}
.icon-arrow-left:before {
content: "\e605";
}
.icon-arrow-right:before {
content: "\e606";
}
.icon-arrow-up:before {
content: "\e607";
}
.icon-arrow-up-circle:before {
content: "\e078";
}
.icon-arrow-left-circle:before {
content: "\e07a";
}
.icon-arrow-right-circle:before {
content: "\e079";
}
.icon-arrow-down-circle:before {
content: "\e07b";
}
.icon-check:before {
content: "\e080";
}
.icon-clock:before {
content: "\e081";
}
.icon-plus:before {
content: "\e095";
}
.icon-minus:before {
content: "\e615";
}
.icon-close:before {
content: "\e082";
}
.icon-event:before {
content: "\e619";
}
.icon-exclamation:before {
content: "\e617";
}
.icon-organization:before {
content: "\e616";
}
.icon-trophy:before {
content: "\e006";
}
.icon-screen-smartphone:before {
content: "\e010";
}
.icon-screen-desktop:before {
content: "\e011";
}
.icon-plane:before {
content: "\e012";
}
.icon-notebook:before {
content: "\e013";
}
.icon-mustache:before {
content: "\e014";
}
.icon-mouse:before {
content: "\e015";
}
.icon-magnet:before {
content: "\e016";
}
.icon-energy:before {
content: "\e020";
}
.icon-disc:before {
content: "\e022";
}
.icon-cursor:before {
content: "\e06e";
}
.icon-cursor-move:before {
content: "\e023";
}
.icon-crop:before {
content: "\e024";
}
.icon-chemistry:before {
content: "\e026";
}
.icon-speedometer:before {
content: "\e007";
}
.icon-shield:before {
content: "\e00e";
}
.icon-screen-tablet:before {
content: "\e00f";
}
.icon-magic-wand:before {
content: "\e017";
}
.icon-hourglass:before {
content: "\e018";
}
.icon-graduation:before {
content: "\e019";
}
.icon-ghost:before {
content: "\e01a";
}
.icon-game-controller:before {
content: "\e01b";
}
.icon-fire:before {
content: "\e01c";
}
.icon-eyeglass:before {
content: "\e01d";
}
.icon-envelope-open:before {
content: "\e01e";
}
.icon-envelope-letter:before {
content: "\e01f";
}
.icon-bell:before {
content: "\e027";
}
.icon-badge:before {
content: "\e028";
}
.icon-anchor:before {
content: "\e029";
}
.icon-wallet:before {
content: "\e02a";
}
.icon-vector:before {
content: "\e02b";
}
.icon-speech:before {
content: "\e02c";
}
.icon-puzzle:before {
content: "\e02d";
}
.icon-printer:before {
content: "\e02e";
}
.icon-present:before {
content: "\e02f";
}
.icon-playlist:before {
content: "\e030";
}
.icon-pin:before {
content: "\e031";
}
.icon-picture:before {
content: "\e032";
}
.icon-handbag:before {
content: "\e035";
}
.icon-globe-alt:before {
content: "\e036";
}
.icon-globe:before {
content: "\e037";
}
.icon-folder-alt:before {
content: "\e039";
}
.icon-folder:before {
content: "\e089";
}
.icon-film:before {
content: "\e03a";
}
.icon-feed:before {
content: "\e03b";
}
.icon-drop:before {
content: "\e03e";
}
.icon-drawer:before {
content: "\e03f";
}
.icon-docs:before {
content: "\e040";
}
.icon-doc:before {
content: "\e085";
}
.icon-diamond:before {
content: "\e043";
}
.icon-cup:before {
content: "\e044";
}
.icon-calculator:before {
content: "\e049";
}
.icon-bubbles:before {
content: "\e04a";
}
.icon-briefcase:before {
content: "\e04b";
}
.icon-book-open:before {
content: "\e04c";
}
.icon-basket-loaded:before {
content: "\e04d";
}
.icon-basket:before {
content: "\e04e";
}
.icon-bag:before {
content: "\e04f";
}
.icon-action-undo:before {
content: "\e050";
}
.icon-action-redo:before {
content: "\e051";
}
.icon-wrench:before {
content: "\e052";
}
.icon-umbrella:before {
content: "\e053";
}
.icon-trash:before {
content: "\e054";
}
.icon-tag:before {
content: "\e055";
}
.icon-support:before {
content: "\e056";
}
.icon-frame:before {
content: "\e038";
}
.icon-size-fullscreen:before {
content: "\e057";
}
.icon-size-actual:before {
content: "\e058";
}
.icon-shuffle:before {
content: "\e059";
}
.icon-share-alt:before {
content: "\e05a";
}
.icon-share:before {
content: "\e05b";
}
.icon-rocket:before {
content: "\e05c";
}
.icon-question:before {
content: "\e05d";
}
.icon-pie-chart:before {
content: "\e05e";
}
.icon-pencil:before {
content: "\e05f";
}
.icon-note:before {
content: "\e060";
}
.icon-loop:before {
content: "\e064";
}
.icon-home:before {
content: "\e069";
}
.icon-grid:before {
content: "\e06a";
}
.icon-graph:before {
content: "\e06b";
}
.icon-microphone:before {
content: "\e063";
}
.icon-music-tone-alt:before {
content: "\e061";
}
.icon-music-tone:before {
content: "\e062";
}
.icon-earphones-alt:before {
content: "\e03c";
}
.icon-earphones:before {
content: "\e03d";
}
.icon-equalizer:before {
content: "\e06c";
}
.icon-like:before {
content: "\e068";
}
.icon-dislike:before {
content: "\e06d";
}
.icon-control-start:before {
content: "\e06f";
}
.icon-control-rewind:before {
content: "\e070";
}
.icon-control-play:before {
content: "\e071";
}
.icon-control-pause:before {
content: "\e072";
}
.icon-control-forward:before {
content: "\e073";
}
.icon-control-end:before {
content: "\e074";
}
.icon-volume-1:before {
content: "\e09f";
}
.icon-volume-2:before {
content: "\e0a0";
}
.icon-volume-off:before {
content: "\e0a1";
}
.icon-calendar:before {
content: "\e075";
}
.icon-bulb:before {
content: "\e076";
}
.icon-chart:before {
content: "\e077";
}
.icon-ban:before {
content: "\e07c";
}
.icon-bubble:before {
content: "\e07d";
}
.icon-camrecorder:before {
content: "\e07e";
}
.icon-camera:before {
content: "\e07f";
}
.icon-cloud-download:before {
content: "\e083";
}
.icon-cloud-upload:before {
content: "\e084";
}
.icon-envelope:before {
content: "\e086";
}
.icon-eye:before {
content: "\e087";
}
.icon-flag:before {
content: "\e088";
}
.icon-heart:before {
content: "\e08a";
}
.icon-info:before {
content: "\e08b";
}
.icon-key:before {
content: "\e08c";
}
.icon-link:before {
content: "\e08d";
}
.icon-lock:before {
content: "\e08e";
}
.icon-lock-open:before {
content: "\e08f";
}
.icon-magnifier:before {
content: "\e090";
}
.icon-magnifier-add:before {
content: "\e091";
}
.icon-magnifier-remove:before {
content: "\e092";
}
.icon-paper-clip:before {
content: "\e093";
}
.icon-paper-plane:before {
content: "\e094";
}
.icon-power:before {
content: "\e097";
}
.icon-refresh:before {
content: "\e098";
}
.icon-reload:before {
content: "\e099";
}
.icon-settings:before {
content: "\e09a";
}
.icon-star:before {
content: "\e09b";
}
.icon-symbol-female:before {
content: "\e09c";
}
.icon-symbol-male:before {
content: "\e09d";
}
.icon-target:before {
content: "\e09e";
}
.icon-credit-card:before {
content: "\e025";
}
.icon-paypal:before {
content: "\e608";
}
.icon-social-tumblr:before {
content: "\e00a";
}
.icon-social-twitter:before {
content: "\e009";
}
.icon-social-facebook:before {
content: "\e00b";
}
.icon-social-instagram:before {
content: "\e609";
}
.icon-social-linkedin:before {
content: "\e60a";
}
.icon-social-pinterest:before {
content: "\e60b";
}
.icon-social-github:before {
content: "\e60c";
}
.icon-social-google:before {
content: "\e60d";
}
.icon-social-reddit:before {
content: "\e60e";
}
.icon-social-skype:before {
content: "\e60f";
}
.icon-social-dribbble:before {
content: "\e00d";
}
.icon-social-behance:before {
content: "\e610";
}
.icon-social-foursqare:before {
content: "\e611";
}
.icon-social-soundcloud:before {
content: "\e612";
}
.icon-social-spotify:before {
content: "\e613";
}
.icon-social-stumbleupon:before {
content: "\e614";
}
.icon-social-youtube:before {
content: "\e008";
}
.icon-social-dropbox:before {
content: "\e00c";
}
.icon-social-vkontakte:before {
content: "\e618";
}
.icon-social-steam:before {
content: "\e620";
}.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;
}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes a {
0%,20%,53%,80%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%,43% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.06);
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.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 a {
0%,20%,53%,80%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%,43% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.06);
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.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: a;
animation-name: a;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes b {
0%,50%,to {
opacity: 1;
}
25%,75% {
opacity: 0;
}
}
@keyframes b {
0%,50%,to {
opacity: 1;
}
25%,75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: b;
animation-name: b;
} @-webkit-keyframes c {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05,1.05,1.05);
transform: scale3d(1.05,1.05,1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes c {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05,1.05,1.05);
transform: scale3d(1.05,1.05,1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.pulse {
-webkit-animation-name: c;
animation-name: c;
}
@-webkit-keyframes d {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25,.75,1);
transform: scale3d(1.25,.75,1);
}
40% {
-webkit-transform: scale3d(.75,1.25,1);
transform: scale3d(.75,1.25,1);
}
50% {
-webkit-transform: scale3d(1.15,.85,1);
transform: scale3d(1.15,.85,1);
}
65% {
-webkit-transform: scale3d(.95,1.05,1);
transform: scale3d(.95,1.05,1);
}
75% {
-webkit-transform: scale3d(1.05,.95,1);
transform: scale3d(1.05,.95,1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes d {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25,.75,1);
transform: scale3d(1.25,.75,1);
}
40% {
-webkit-transform: scale3d(.75,1.25,1);
transform: scale3d(.75,1.25,1);
}
50% {
-webkit-transform: scale3d(1.15,.85,1);
transform: scale3d(1.15,.85,1);
}
65% {
-webkit-transform: scale3d(.95,1.05,1);
transform: scale3d(.95,1.05,1);
}
75% {
-webkit-transform: scale3d(1.05,.95,1);
transform: scale3d(1.05,.95,1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.rubberBand {
-webkit-animation-name: d;
animation-name: d;
}
@-webkit-keyframes e {
0%,to {
-webkit-transform: translateZ(0);
transform: translateZ(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 e {
0%,to {
-webkit-transform: translateZ(0);
transform: translateZ(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: e;
animation-name: e;
}
@-webkit-keyframes f {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes f {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: f;
animation-name: f;
}
@-webkit-keyframes g {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes g {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: g;
animation-name: g;
}
@-webkit-keyframes h {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%,20% {
-webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
transform: scale3d(.9,.9,.9) rotate(-3deg);
}
30%,50%,70%,90% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
transform: scale3d(1.1,1.1,1.1) rotate(3deg);
}
40%,60%,80% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes h {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%,20% {
-webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
transform: scale3d(.9,.9,.9) rotate(-3deg);
}
30%,50%,70%,90% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
transform: scale3d(1.1,1.1,1.1) rotate(3deg);
}
40%,60%,80% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.tada {
-webkit-animation-name: h;
animation-name: h;
} @-webkit-keyframes i {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
transform: translate3d(-25%,0,0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%,0,0) rotate(3deg);
transform: translate3d(20%,0,0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
transform: translate3d(-15%,0,0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%,0,0) rotate(2deg);
transform: translate3d(10%,0,0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
transform: translate3d(-5%,0,0) rotate(-1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes i {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
transform: translate3d(-25%,0,0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%,0,0) rotate(3deg);
transform: translate3d(20%,0,0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
transform: translate3d(-15%,0,0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%,0,0) rotate(2deg);
transform: translate3d(10%,0,0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
transform: translate3d(-5%,0,0) rotate(-1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: i;
animation-name: i;
}
@-webkit-keyframes j {
0%,11.1%,to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg);
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg);
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg);
}
}
@keyframes j {
0%,11.1%,to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg);
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg);
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg);
}
}
.jello {
-webkit-animation-name: j;
animation-name: j;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes k {
0%,20%,40%,60%,80%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
20% {
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1);
}
40% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.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(.97,.97,.97);
transform: scale3d(.97,.97,.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes k {
0%,20%,40%,60%,80%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
20% {
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1);
}
40% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.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(.97,.97,.97);
transform: scale3d(.97,.97,.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.bounceIn {
-webkit-animation-name: k;
animation-name: k;
}
@-webkit-keyframes l {
0%,60%,75%,90%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.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);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes l {
0%,60%,75%,90%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.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);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: l;
animation-name: l;
}
@-webkit-keyframes m {
0%,60%,75%,90%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.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);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes m {
0%,60%,75%,90%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.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);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: m;
animation-name: m;
}
@-webkit-keyframes n {
0%,60%,75%,90%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.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);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes n {
0%,60%,75%,90%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.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);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: n;
animation-name: n;
}
@-webkit-keyframes o {
0%,60%,75%,90%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.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);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes o {
0%,60%,75%,90%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.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);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.bounceInUp {
-webkit-animation-name: o;
animation-name: o;
}
@-webkit-keyframes p {
20% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.9);
}
50%,55% {
opacity: 1;
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
}
@keyframes p {
20% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.9);
}
50%,55% {
opacity: 1;
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
}
.bounceOut {
-webkit-animation-name: p;
animation-name: p;
}
@-webkit-keyframes q {
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);
}
to {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0);
}
}
@keyframes q {
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);
}
to {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0);
}
}
.bounceOutDown {
-webkit-animation-name: q;
animation-name: q;
}
@-webkit-keyframes r {
20% {
opacity: 1;
-webkit-transform: translate3d(20px,0,0);
transform: translate3d(20px,0,0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0);
}
}
@keyframes r {
20% {
opacity: 1;
-webkit-transform: translate3d(20px,0,0);
transform: translate3d(20px,0,0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0);
}
}
.bounceOutLeft {
-webkit-animation-name: r;
animation-name: r;
}
@-webkit-keyframes s {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0);
}
}
@keyframes s {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0);
}
}
.bounceOutRight {
-webkit-animation-name: s;
animation-name: s;
}
@-webkit-keyframes t {
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);
}
to {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0);
}
}
@keyframes t {
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);
}
to {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0);
}
}
.bounceOutUp {
-webkit-animation-name: t;
animation-name: t;
}
@-webkit-keyframes u {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes u {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: u;
animation-name: u;
}
@-webkit-keyframes v {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes v {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: v;
animation-name: v;
}
@-webkit-keyframes w {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes w {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: w;
animation-name: w;
}
@-webkit-keyframes x {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes x {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: x;
animation-name: x;
}
@-webkit-keyframes y {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes y {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: y;
animation-name: y;
}
@-webkit-keyframes z {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes z {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: z;
animation-name: z;
}
@-webkit-keyframes A {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes A {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: A;
animation-name: A;
}
@-webkit-keyframes B {
0% {
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes B {
0% {
opacity: 0;
-webkit-transform: translate3d(0,5%,0);
transform: translate3d(0,50%,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: B;
animation-name: B;
}
@-webkit-keyframes C {
0% {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes C {
0% {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: C;
animation-name: C;
}
@-webkit-keyframes D {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes D {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: D;
animation-name: D;
}
@-webkit-keyframes E {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
@keyframes E {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
.fadeOutDown {
-webkit-animation-name: E;
animation-name: E;
}
@-webkit-keyframes F {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0);
}
}
@keyframes F {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0);
}
}
.fadeOutDownBig {
-webkit-animation-name: F;
animation-name: F;
}
@-webkit-keyframes G {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
@keyframes G {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
.fadeOutLeft {
-webkit-animation-name: G;
animation-name: G;
}
@-webkit-keyframes H {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0);
}
}
@keyframes H {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: H;
animation-name: H;
}
@-webkit-keyframes I {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
@keyframes I {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
.fadeOutRight {
-webkit-animation-name: I;
animation-name: I;
}
@-webkit-keyframes J {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0);
}
}
@keyframes J {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0);
}
}
.fadeOutRightBig {
-webkit-animation-name: J;
animation-name: J;
}
@-webkit-keyframes K {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
@keyframes K {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
.fadeOutUp {
-webkit-animation-name: K;
animation-name: K;
}
@-webkit-keyframes L {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0);
}
}
@keyframes L {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0);
}
}
.fadeOutUpBig {
-webkit-animation-name: L;
animation-name: L;
}
@-webkit-keyframes M {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95,.95,.95);
transform: perspective(400px) scale3d(.95,.95,.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes M {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95,.95,.95);
transform: perspective(400px) scale3d(.95,.95,.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-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: M;
animation-name: M;
}
@-webkit-keyframes N {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes N {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: N;
animation-name: N;
}
@-webkit-keyframes O {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes O {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: O;
animation-name: O;
}
@-webkit-keyframes P {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes P {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: P;
animation-name: P;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes Q {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes Q {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: Q;
animation-name: Q;
}
@-webkit-keyframes R {
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;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes R {
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;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: R;
animation-name: R;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes S {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%,0,0) skewX(30deg);
transform: translate3d(100%,0,0) skewX(30deg);
opacity: 0;
}
}
@keyframes S {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%,0,0) skewX(30deg);
transform: translate3d(100%,0,0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: S;
animation-name: S;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes T {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes T {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: T;
animation-name: T;
}
@-webkit-keyframes U {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes U {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: U;
animation-name: U;
}
@-webkit-keyframes V {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes V {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: V;
animation-name: V;
}
@-webkit-keyframes W {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes W {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: W;
animation-name: W;
}
@-webkit-keyframes X {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes X {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: X;
animation-name: X;
}
@-webkit-keyframes Y {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes Y {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: Y;
animation-name: Y;
}
@-webkit-keyframes Z {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@keyframes Z {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: Z;
animation-name: Z;
}
@-webkit-keyframes ab {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes ab {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: ab;
animation-name: ab;
}
@-webkit-keyframes bb {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes bb {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: bb;
animation-name: bb;
}
@-webkit-keyframes cb {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes cb {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: cb;
animation-name: cb;
}
@-webkit-keyframes db {
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: rotate(80deg);
transform: rotate(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: rotate(60deg);
transform: rotate(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;
}
to {
-webkit-transform: translate3d(0,700px,0);
transform: translate3d(0,700px,0);
opacity: 0;
}
}
@keyframes db {
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: rotate(80deg);
transform: rotate(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: rotate(60deg);
transform: rotate(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;
}
to {
-webkit-transform: translate3d(0,700px,0);
transform: translate3d(0,700px,0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: db;
animation-name: db;
} @-webkit-keyframes eb {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
transform: translate3d(-100%,0,0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes eb {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
transform: translate3d(-100%,0,0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: eb;
animation-name: eb;
} @-webkit-keyframes fb {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,0,0) rotate(120deg);
transform: translate3d(100%,0,0) rotate(120deg);
}
}
@keyframes fb {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,0,0) rotate(120deg);
transform: translate3d(100%,0,0) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: fb;
animation-name: fb;
}
@-webkit-keyframes gb {
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
50% {
opacity: 1;
}
}
@keyframes gb {
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: gb;
animation-name: gb;
}
@-webkit-keyframes hb {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
@keyframes hb {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
.zoomInDown {
-webkit-animation-name: hb;
animation-name: hb;
}
@-webkit-keyframes ib {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
@keyframes ib {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
.zoomInLeft {
-webkit-animation-name: ib;
animation-name: ib;
}
@-webkit-keyframes jb {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
@keyframes jb {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
.zoomInRight {
-webkit-animation-name: jb;
animation-name: jb;
}
@-webkit-keyframes kb {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
@keyframes kb {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
.zoomInUp {
-webkit-animation-name: kb;
animation-name: kb;
}
@-webkit-keyframes lb {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
to {
opacity: 0;
}
}
@keyframes lb {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: lb;
animation-name: lb;
}
@-webkit-keyframes mb {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
@keyframes mb {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
.zoomOutDown {
-webkit-animation-name: mb;
animation-name: mb;
}
@-webkit-keyframes nb {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px,0,0);
transform: scale(.1) translate3d(-2000px,0,0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes nb {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px,0,0);
transform: scale(.1) translate3d(-2000px,0,0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: nb;
animation-name: nb;
}
@-webkit-keyframes ob {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px,0,0);
transform: scale(.1) translate3d(2000px,0,0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes ob {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px,0,0);
transform: scale(.1) translate3d(2000px,0,0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: ob;
animation-name: ob;
}
@-webkit-keyframes pb {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
@keyframes pb {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1);
}
}
.zoomOutUp {
-webkit-animation-name: pb;
animation-name: pb;
}
@-webkit-keyframes qb {
0% {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes qb {
0% {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInDown {
-webkit-animation-name: qb;
animation-name: qb;
}
@-webkit-keyframes rb {
0% {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes rb {
0% {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInLeft {
-webkit-animation-name: rb;
animation-name: rb;
}
@-webkit-keyframes sb {
0% {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes sb {
0% {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInRight {
-webkit-animation-name: sb;
animation-name: sb;
}
@-webkit-keyframes tb {
0% {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes tb {
0% {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInUp {
-webkit-animation-name: tb;
animation-name: tb;
}
@-webkit-keyframes ub {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
@keyframes ub {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
.slideOutDown {
-webkit-animation-name: ub;
animation-name: ub;
}
@-webkit-keyframes vb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
@keyframes vb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
.slideOutLeft {
-webkit-animation-name: vb;
animation-name: vb;
}
@-webkit-keyframes wb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
@keyframes wb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
.slideOutRight {
-webkit-animation-name: wb;
animation-name: wb;
}
@-webkit-keyframes xb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
@keyframes xb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
.slideOutUp {
-webkit-animation-name: xb;
animation-name: xb;
}.treeview,.treeview ul { 
padding: 0;
margin: 0;
list-style: none;
}
.treeview ul {
background-color: #fff;
margin-top: 4px;
}
.treeview .hitarea {
background: url(//www.versajoy.com/wp-content/themes/joy/images/treeview-default.gif) -64px -25px no-repeat;
height: 16px;
width: 16px;
margin-left: -16px;
float: left;
cursor: pointer;
} * html .hitarea {
display: inline;
float:none;
}
.treeview li { 
margin: 0;
padding: 3px 0 3px 16px;
}
.treeview a.selected {
background-color: #eee;
}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: url(//www.versajoy.com/wp-content/themes/joy/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable,.treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable,.treeview li.lastExpandable { background-image: url(//www.versajoy.com/wp-content/themes/joy/images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea,.treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url(//www.versajoy.com/wp-content/themes/joy/images/treeview-red-line.gif); }
.treeview-red .hitarea,.treeview-red li.lastCollapsable,.treeview-red li.lastExpandable { background-image: url(//www.versajoy.com/wp-content/themes/joy/images/treeview-red.gif); } 
.treeview-black li { background-image: url(//www.versajoy.com/wp-content/themes/joy/images/treeview-black-line.gif); }
.treeview-black .hitarea,.treeview-black li.lastCollapsable,.treeview-black li.lastExpandable { background-image: url(//www.versajoy.com/wp-content/themes/joy/images/treeview-black.gif); }  
.treeview-gray li { background-image: url(//www.versajoy.com/wp-content/themes/joy/images/treeview-gray-line.gif); }
.treeview-gray .hitarea,.treeview-gray li.lastCollapsable,.treeview-gray li.lastExpandable { background-image: url(//www.versajoy.com/wp-content/themes/joy/images/treeview-gray.gif); } 
.treeview-famfamfam li { background-image: url(//www.versajoy.com/wp-content/themes/joy/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea,.treeview-famfamfam li.lastCollapsable,.treeview-famfamfam li.lastExpandable { background-image: url(//www.versajoy.com/wp-content/themes/joy/images/treeview-famfamfam.gif); } 
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.file,.filetree span.folder { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(//www.versajoy.com/wp-content/themes/joy/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(//www.versajoy.com/wp-content/themes/joy/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(//www.versajoy.com/wp-content/themes/joy/images/file.gif) 0 0 no-repeat; }