/*! * animsition v4.0.2 * A simple and easy jQuery plugin for CSS animated page transitions. * http://blivesta.github.io/animsition * License : MIT * Author : blivesta (http://blivesta.com/) */ .animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-loading{background:url("../assets/loader.svg")center no-repeat;background-size:contain;width:64px;height:64px;position:fixed;top:50%;left:50%;margin-top:-32px;margin-left:-32px;z-index:9999!important;border-radius:360px} @-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @-webkit-keyframes fade-in{0%{opacity:0} to{opacity:1}} @keyframes fade-in{0%{opacity:0} to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in} @-webkit-keyframes fade-out{0%{opacity:1} to{opacity:0}} @keyframes fade-out{0%{opacity:1} to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out} @-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0} to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0} to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up} @-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}} @keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up} @-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0} to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0} to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm} @-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}} @keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm} @-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0} to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0} to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg} @-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}} @keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg} @-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0} to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0} to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down} @-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}} @keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down} @-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0} to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0} to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm} @-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}} @keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down} @-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}} @keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg} @-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left} @-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}} @keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left} @-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm} @-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}} @keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm} @-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg} @-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}} @keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg} @-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right} @-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}} @keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right} @-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm} @-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}} @keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm} @-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0} to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg} @-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}} @keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg} @-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}} @keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in} @-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}} @keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out} @-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}} @keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm} @-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}} @keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm} @-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}} @keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg} @-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}} @keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1} 0%,to{-webkit-transform-origin:center center} to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg} @-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px)rotateX(90deg);transform:perspective(550px)rotateX(90deg);opacity:0} to{-webkit-transform:perspective(550px)rotateX(0deg);transform:perspective(550px)rotateX(0deg);opacity:1}} @keyframes flip-in-x{0%{-webkit-transform:perspective(550px)rotateX(90deg);transform:perspective(550px)rotateX(90deg);opacity:0} to{-webkit-transform:perspective(550px)rotateX(0deg);transform:perspective(550px)rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px)rotateX(0deg);transform:perspective(550px)rotateX(0deg);opacity:1} to{-webkit-transform:perspective(550px)rotateX(90deg);transform:perspective(550px)rotateX(90deg);opacity:0}} @keyframes flip-out-x{0%{-webkit-transform:perspective(550px)rotateX(0deg);transform:perspective(550px)rotateX(0deg);opacity:1} to{-webkit-transform:perspective(550px)rotateX(90deg);transform:perspective(550px)rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px)rotateX(90deg);transform:perspective(100px)rotateX(90deg);opacity:0} to{-webkit-transform:perspective(100px)rotateX(0deg);transform:perspective(100px)rotateX(0deg);opacity:1}} @keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px)rotateX(90deg);transform:perspective(100px)rotateX(90deg);opacity:0} to{-webkit-transform:perspective(100px)rotateX(0deg);transform:perspective(100px)rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px)rotateX(0deg);transform:perspective(100px)rotateX(0deg);opacity:1} to{-webkit-transform:perspective(100px)rotateX(90deg);transform:perspective(100px)rotateX(90deg);opacity:0}} @keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px)rotateX(0deg);transform:perspective(100px)rotateX(0deg);opacity:1} to{-webkit-transform:perspective(100px)rotateX(90deg);transform:perspective(100px)rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px)rotateX(90deg);transform:perspective(1000px)rotateX(90deg);opacity:0} to{-webkit-transform:perspective(1000px)rotateX(0deg);transform:perspective(1000px)rotateX(0deg);opacity:1}} @keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px)rotateX(90deg);transform:perspective(1000px)rotateX(90deg);opacity:0} to{-webkit-transform:perspective(1000px)rotateX(0deg);transform:perspective(1000px)rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px)rotateX(0deg);transform:perspective(1000px)rotateX(0deg);opacity:1} to{-webkit-transform:perspective(1000px)rotateX(90deg);transform:perspective(1000px)rotateX(90deg);opacity:0}} @keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px)rotateX(0deg);transform:perspective(1000px)rotateX(0deg);opacity:1} to{-webkit-transform:perspective(1000px)rotateX(90deg);transform:perspective(1000px)rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px)rotateY(90deg);transform:perspective(550px)rotateY(90deg);opacity:0} to{-webkit-transform:perspective(550px)rotateY(0deg);transform:perspective(550px)rotateY(0deg);opacity:1}} @keyframes flip-in-y{0%{-webkit-transform:perspective(550px)rotateY(90deg);transform:perspective(550px)rotateY(90deg);opacity:0} to{-webkit-transform:perspective(550px)rotateY(0deg);transform:perspective(550px)rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px)rotateY(0deg);transform:perspective(550px)rotateY(0deg);opacity:1} to{-webkit-transform:perspective(550px)rotateY(90deg);transform:perspective(550px)rotateY(90deg);opacity:0}} @keyframes flip-out-y{0%{-webkit-transform:perspective(550px)rotateY(0deg);transform:perspective(550px)rotateY(0deg);opacity:1} to{-webkit-transform:perspective(550px)rotateY(90deg);transform:perspective(550px)rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px)rotateY(90deg);transform:perspective(100px)rotateY(90deg);opacity:0} to{-webkit-transform:perspective(100px)rotateY(0deg);transform:perspective(100px)rotateY(0deg);opacity:1}} @keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px)rotateY(90deg);transform:perspective(100px)rotateY(90deg);opacity:0} to{-webkit-transform:perspective(100px)rotateY(0deg);transform:perspective(100px)rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px)rotateY(0deg);transform:perspective(100px)rotateY(0deg);opacity:1} to{-webkit-transform:perspective(100px)rotateY(90deg);transform:perspective(100px)rotateY(90deg);opacity:0}} @keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px)rotateY(0deg);transform:perspective(100px)rotateY(0deg);opacity:1} to{-webkit-transform:perspective(100px)rotateY(90deg);transform:perspective(100px)rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px)rotateY(90deg);transform:perspective(1000px)rotateY(90deg);opacity:0} to{-webkit-transform:perspective(1000px)rotateY(0deg);transform:perspective(1000px)rotateY(0deg);opacity:1}} @keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px)rotateY(90deg);transform:perspective(1000px)rotateY(90deg);opacity:0} to{-webkit-transform:perspective(1000px)rotateY(0deg);transform:perspective(1000px)rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px)rotateY(0deg);transform:perspective(1000px)rotateY(0deg);opacity:1} to{-webkit-transform:perspective(1000px)rotateY(90deg);transform:perspective(1000px)rotateY(90deg);opacity:0}} @keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px)rotateY(0deg);transform:perspective(1000px)rotateY(0deg);opacity:1} to{-webkit-transform:perspective(1000px)rotateY(90deg);transform:perspective(1000px)rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0} to{opacity:1}} @keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0} to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in} @-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1} 50%{-webkit-transform:scale(.7);transform:scale(.7)} 50%,to{opacity:0}} @keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1} 50%{-webkit-transform:scale(.7);transform:scale(.7)} 50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out} @-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0} to{opacity:1}} @keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0} to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm} @-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1} 50%{-webkit-transform:scale(.95);transform:scale(.95)} 50%,to{opacity:0}} @keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1} 50%{-webkit-transform:scale(.95);transform:scale(.95)} 50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm} @-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0} to{opacity:1}} @keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0} to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg} @-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1} 50%{-webkit-transform:scale(.4);transform:scale(.4)} 50%,to{opacity:0}} @keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1} 50%{-webkit-transform:scale(.4);transform:scale(.4)} 50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg} @-webkit-keyframes overlay-slide-in-top{0%{height:100%} to{height:0}} @keyframes overlay-slide-in-top{0%{height:100%} to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top} @-webkit-keyframes overlay-slide-out-top{0%{height:0} to{height:100%}} @keyframes overlay-slide-out-top{0%{height:0} to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top} @-webkit-keyframes overlay-slide-in-bottom{0%{height:100%} to{height:0}} @keyframes overlay-slide-in-bottom{0%{height:100%} to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom} @-webkit-keyframes overlay-slide-out-bottom{0%{height:0} to{height:100%}} @keyframes overlay-slide-out-bottom{0%{height:0} to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom} @-webkit-keyframes overlay-slide-in-left{0%{width:100%} to{width:0}} @keyframes overlay-slide-in-left{0%{width:100%} to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left} @-webkit-keyframes overlay-slide-out-left{0%{width:0} to{width:100%}} @keyframes overlay-slide-out-left{0%{width:0} to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left} @-webkit-keyframes overlay-slide-in-right{0%{width:100%} to{width:0}} @keyframes overlay-slide-in-right{0%{width:100%} to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right} @-webkit-keyframes overlay-slide-out-right{0%{width:0} to{width:100%}} @keyframes overlay-slide-out-right{0%{width:0} to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}