/*! * animsition v4.0.1 * 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;}/** * overlay option */.animsition-overlay-slide { position: fixed; z-index: 1; width: 100%; height: 100%; background-color: #ddd;}/* loading option */.animsition-loading { width: 70px; height: 70px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 105; display: block; margin: auto; -webkit-transition: opacity .25s linear; transition: opacity .25s linear;}.animsition-loading:before { border: 3px solid #f5f5f5;}.animsition-loading:before,.animsition-loading:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 110%; content: ''; display: block;}.animsition-loading:after { -webkit-animation: loader-loading-spin .75s linear infinite; animation: loader-loading-spin .75s linear infinite; border: 3px solid transparent; border-color: #de0f18 transparent transparent transparent;}.animsition-loading:before,.animsition-loading:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 110%; content: ''; display: block;}@-webkit-keyframes loader-loading-spin{ from{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(360deg); transform:rotate(360deg) }}@keyframes loader-loading-spin{ from{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(360deg); transform:rotate(360deg) }}@-webkit-keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; }}@keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; }}.fade-in { -webkit-animation-name: fade-in; animation-name: fade-in;}@-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; }}@keyframes fade-out { 0% { opacity: 1; } 100% { 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; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}@keyframes fade-in-up { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } 100% { -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; } 100% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; }}@keyframes fade-out-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -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; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}@keyframes fade-in-up-sm { 0% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } 100% { -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; } 100% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; }}@keyframes fade-out-up-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -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; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}@keyframes fade-in-up-lg { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } 100% { -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; } 100% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; }}@keyframes fade-out-up-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -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; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}@keyframes fade-in-down { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } 100% { -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; } 100% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; }}@keyframes fade-out-down { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -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; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}@keyframes fade-in-down-sm { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } 100% { -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; } 100% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; }}@keyframes fade-out-down-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -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;}@-webkit-keyframes fade-in-down-lg { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}@keyframes fade-in-down-lg { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}.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; } 100% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; }}@keyframes fade-out-down-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -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; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }}@keyframes fade-in-left { 0% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } 100% { -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; } 100% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; }}@keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -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; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }}@keyframes fade-in-left-sm { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 100% { -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; } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }}@keyframes fade-out-left-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -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; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }}@keyframes fade-in-left-lg { 0% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } 100% { -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; } 100% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; }}@keyframes fade-out-left-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -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; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }}@keyframes fade-in-right { 0% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } 100% { -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; } 100% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; }}@keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -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; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }}@keyframes fade-in-right-sm { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } 100% { -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; } 100% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; }}@keyframes fade-out-right-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -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; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }}@keyframes fade-in-right-lg { 0% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } 100% { -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; } 100% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; }}@keyframes fade-out-right-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -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); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; }}@keyframes rotate-in { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; 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); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; }}@keyframes rotate-out { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center center; 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); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; }}@keyframes rotate-in-sm { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; 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); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; }}@keyframes rotate-out-sm { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; 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); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; }}@keyframes rotate-in-lg { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; 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); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; }}@keyframes rotate-out-lg { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center center; 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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { opacity: 1; }}@keyframes zoom-in { 0% { -webkit-transform: scale(.7); transform: scale(.7); opacity: 0; } 100% { 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); opacity: 0; } 100% { opacity: 0; }}@keyframes zoom-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(.7); transform: scale(.7); opacity: 0; } 100% { 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; } 100% { opacity: 1; }}@keyframes zoom-in-sm { 0% { -webkit-transform: scale(.95); transform: scale(.95); opacity: 0; } 100% { 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); opacity: 0; } 100% { opacity: 0; }}@keyframes zoom-out-sm { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(.95); transform: scale(.95); opacity: 0; } 100% { 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; } 100% { opacity: 1; }}@keyframes zoom-in-lg { 0% { -webkit-transform: scale(.4); transform: scale(.4); opacity: 0; } 100% { 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); opacity: 0; } 100% { opacity: 0; }}@keyframes zoom-out-lg { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(.4); transform: scale(.4); opacity: 0; } 100% { 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%; } 100% { height: 0; }}@keyframes overlay-slide-in-top { 0% { height: 100%; } 100% { 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; } 100% { height: 100%; }}@keyframes overlay-slide-out-top { 0% { height: 0; } 100% { 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%; } 100% { height: 0; }}@keyframes overlay-slide-in-bottom { 0% { height: 100%; } 100% { 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; } 100% { height: 100%; }}@keyframes overlay-slide-out-bottom { 0% { height: 0; } 100% { 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%; } 100% { width: 0; }}@keyframes overlay-slide-in-left { 0% { width: 100%; } 100% { 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; } 100% { width: 100%; }}@keyframes overlay-slide-out-left { 0% { width: 0; } 100% { 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%; } 100% { width: 0; }}@keyframes overlay-slide-in-right { 0% { width: 100%; } 100% { 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; } 100% { width: 100%; }}@keyframes overlay-slide-out-right { 0% { width: 0; } 100% { width: 100%; }}.overlay-slide-out-right { right: 0; width: 100%; -webkit-animation-name: overlay-slide-out-right; animation-name: overlay-slide-out-right;}