.fx-infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.fx-bounce {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bounce;
animation-name: fx-bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes fx-bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes fx-bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.fx-pulse {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-pulse;
animation-name: fx-pulse;
}
@-webkit-keyframes fx-pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes fx-pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.fx-rubberBand {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rubberBand;
animation-name: fx-rubberBand;
}
@-webkit-keyframes fx-rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes fx-rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.fx-shake {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-shake;
animation-name: fx-shake;
}
@-webkit-keyframes fx-shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes fx-shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.fx-headShake {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-headShake;
animation-name: fx-headShake;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes fx-headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-20deg);
transform: translateX(-6px) rotateY(-20deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(15deg);
transform: translateX(5px) rotateY(15deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-10deg);
transform: translateX(-3px) rotateY(-10deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(5deg);
transform: translateX(2px) rotateY(5deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fx-headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-20deg);
transform: translateX(-6px) rotateY(-20deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(15deg);
transform: translateX(5px) rotateY(15deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-10deg);
transform: translateX(-3px) rotateY(-10deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(5deg);
transform: translateX(2px) rotateY(5deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fx-swing {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-swing;
animation-name: fx-swing;
-webkit-transform-origin: top center;
transform-origin: top center;
}
@-webkit-keyframes fx-swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes fx-swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.fx-tada {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-tada;
animation-name: fx-tada;
}
@-webkit-keyframes fx-tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes fx-tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.fx-wobble {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-wobble;
animation-name: fx-wobble;
}
@-webkit-keyframes fx-wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.fx-jello {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-jello;
animation-name: fx-jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes fx-jello {
from,
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(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes fx-jello {
from,
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(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.fx-hinge {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-hinge;
animation-name: fx-hinge;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes fx-hinge {
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 40deg);
transform: rotate3d(0, 0, 1, 40deg);
}
40%,
80% {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 300px, 0);
transform: translate3d(0, 300px, 0);
}
}
@keyframes fx-hinge {
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 40deg);
transform: rotate3d(0, 0, 1, 40deg);
}
40%,
80% {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 300px, 0);
transform: translate3d(0, 300px, 0);
}
}
.fx-bounceIn {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bounceIn;
animation-name: fx-bounceIn;
}
@-webkit-keyframes fx-bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes fx-bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.fx-bounceInDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bounceInDown;
animation-name: fx-bounceInDown;
}
@-webkit-keyframes fx-bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.fx-bounceInLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bounceInLeft;
animation-name: fx-bounceInLeft;
}
@-webkit-keyframes fx-bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 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 fx-bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 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;
}
}
.fx-bounceInRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bounceInRight;
animation-name: fx-bounceInRight;
}
@-webkit-keyframes fx-bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
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 fx-bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
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;
}
}
.fx-bounceInUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bounceInUp;
animation-name: fx-bounceInUp;
}
@-webkit-keyframes fx-bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fx-bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fx-bounceOut {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bounceOut;
animation-name: fx-bounceOut;
}
@-webkit-keyframes fx-bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes fx-bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.fx-bounceOutDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bounceOutDown;
animation-name: fx-bounceOutDown;
}
@-webkit-keyframes fx-bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fx-bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fx-bounceOutLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bounceOutLeft;
animation-name: fx-bounceOutLeft;
}
@-webkit-keyframes fx-bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fx-bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fx-bounceOutRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bounceOutRight;
animation-name: fx-bounceOutRight;
}
@-webkit-keyframes fx-bounceOutRight {
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 fx-bounceOutRight {
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);
}
}
.fx-bounceOutUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bounceOutUp;
animation-name: fx-bounceOutUp;
}
@-webkit-keyframes fx-bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fx-bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fx-fadeIn {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-fadeIn;
animation-name: fx-fadeIn;
}
@-webkit-keyframes fx-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fx-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fx-fadeInDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-fadeInDown;
animation-name: fx-fadeInDown;
}
@-webkit-keyframes fx-fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fx-fadeInLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-fadeInLeft;
animation-name: fx-fadeInLeft;
}
@-webkit-keyframes fx-fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fx-fadeInRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-fadeInRight;
animation-name: fx-fadeInRight;
}
@-webkit-keyframes fx-fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fx-fadeInUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-fadeInUp;
animation-name: fx-fadeInUp;
}
@-webkit-keyframes fx-fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fx-fadeOut {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-fadeOut;
animation-name: fx-fadeOut;
}
@-webkit-keyframes fx-fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fx-fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fx-fadeOutDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-fadeOutDown;
animation-name: fx-fadeOutDown;
}
@-webkit-keyframes fx-fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fx-fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fx-fadeOutLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-fadeOutLeft;
animation-name: fx-fadeOutLeft;
}
@-webkit-keyframes fx-fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fx-fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fx-fadeOutRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-fadeOutRight;
animation-name: fx-fadeOutRight;
}
@-webkit-keyframes fx-fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fx-fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fx-fadeOutUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-fadeOutUp;
animation-name: fx-fadeOutUp;
}
@-webkit-keyframes fx-fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fx-fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fx-rotateIn {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rotateIn;
animation-name: fx-rotateIn;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes fx-rotateIn {
from {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-rotateIn {
from {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fx-rotateInDownLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rotateInDownLeft;
animation-name: fx-rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes fx-rotateInDownLeft {
from {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-rotateInDownLeft {
from {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fx-rotateInDownRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rotateInDownRight;
animation-name: fx-rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes fx-rotateInDownRight {
from {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-rotateInDownRight {
from {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fx-rotateInUpLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rotateInUpLeft;
animation-name: fx-rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes fx-rotateInUpLeft {
from {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-rotateInUpLeft {
from {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fx-rotateInUpRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rotateInUpRight;
animation-name: fx-rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes fx-rotateInUpRight {
from {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-rotateInUpRight {
from {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fx-rotateOut {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rotateOut;
animation-name: fx-rotateOut;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes fx-rotateOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
}
}
@keyframes fx-rotateOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
}
}
.fx-rotateOutDownLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rotateOutDownLeft;
animation-name: fx-rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes fx-rotateOutDownLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
}
@keyframes fx-rotateOutDownLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
}
.fx-rotateOutDownRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rotateOutDownRight;
animation-name: fx-rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes fx-rotateOutDownRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
}
@keyframes fx-rotateOutDownRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
}
.fx-rotateOutUpLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rotateOutUpLeft;
animation-name: fx-rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes fx-rotateOutUpLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
}
@keyframes fx-rotateOutUpLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
}
.fx-rotateOutUpRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rotateOutUpRight;
animation-name: fx-rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes fx-rotateOutUpRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
}
}
@keyframes fx-rotateOutUpRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
}
}
.fx-zoomIn {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-zoomIn;
animation-name: fx-zoomIn;
}
@-webkit-keyframes fx-zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes fx-zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.fx-zoomInDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-zoomInDown;
animation-name: fx-zoomInDown;
-webkit-transform-origin: top left;
transform-origin: top left;
}
@-webkit-keyframes fx-zoomInDown {
from {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
}
60% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
}
}
@keyframes fx-zoomInDown {
from {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
}
60% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
}
}
.fx-zoomInLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-zoomInLeft;
animation-name: fx-zoomInLeft;
}
@-webkit-keyframes fx-zoomInLeft {
from {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
}
60% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
}
}
@keyframes fx-zoomInLeft {
from {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
}
60% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
}
}
.fx-zoomInRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-zoomInRight;
animation-name: fx-zoomInRight;
-webkit-transform-origin: top left;
transform-origin: top left;
}
@-webkit-keyframes fx-zoomInRight {
from {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
}
60% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
}
}
@keyframes fx-zoomInRight {
from {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
}
60% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
}
}
.fx-zoomInUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-zoomInUp;
animation-name: fx-zoomInUp;
}
@-webkit-keyframes fx-zoomInUp {
from {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
}
60% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
}
}
@keyframes fx-zoomInUp {
from {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
}
60% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
}
}
.fx-zoomOut {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-zoomOut;
animation-name: fx-zoomOut;
}
@-webkit-keyframes fx-zoomOut {
from {
opacity: 1;
}
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes fx-zoomOut {
from {
opacity: 1;
}
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.fx-zoomOutDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-zoomOutDown;
animation-name: fx-zoomOutDown;
}
@-webkit-keyframes fx-zoomOutDown {
40% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
}
to {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
}
}
@keyframes fx-zoomOutDown {
40% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
}
to {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
}
}
.fx-zoomOutLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-zoomOutLeft;
animation-name: fx-zoomOutLeft;
}
@-webkit-keyframes fx-zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
@keyframes fx-zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
.fx-zoomOutRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-zoomOutRight;
animation-name: fx-zoomOutRight;
}
@-webkit-keyframes fx-zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
@keyframes fx-zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
.fx-zoomOutUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-zoomOutUp;
animation-name: fx-zoomOutUp;
}
@-webkit-keyframes fx-zoomOutUp {
40% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
}
to {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -4000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -4000px, 0);
}
}
@keyframes fx-zoomOutUp {
40% {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
}
to {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -4000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -4000px, 0);
}
}
.fx-slideInDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-slideInDown;
animation-name: fx-slideInDown;
}
@-webkit-keyframes fx-slideInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fx-slideInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fx-slideInLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-slideInLeft;
animation-name: fx-slideInLeft;
}
@-webkit-keyframes fx-slideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fx-slideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fx-slideInRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-slideInRight;
animation-name: fx-slideInRight;
}
@-webkit-keyframes fx-slideInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fx-slideInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fx-slideInUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-slideInUp;
animation-name: fx-slideInUp;
}
@-webkit-keyframes fx-slideInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fx-slideInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fx-slideOutDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-slideOutDown;
animation-name: fx-slideOutDown;
}
@-webkit-keyframes fx-slideOutDown {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fx-slideOutDown {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fx-slideOutLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-slideOutLeft;
animation-name: fx-slideOutLeft;
}
@-webkit-keyframes fx-slideOutLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fx-slideOutLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fx-slideOutRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-slideOutRight;
animation-name: fx-slideOutRight;
}
@-webkit-keyframes fx-slideOutRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fx-slideOutRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fx-slideOutUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-slideOutUp;
animation-name: fx-slideOutUp;
}
@-webkit-keyframes fx-slideOutUp {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fx-slideOutUp {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fx-perspectiveInDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-perspectiveInDown;
animation-name: fx-perspectiveInDown;
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
}
@-webkit-keyframes fx-perspectiveInDown {
from {
opacity: 0;
-webkit-transform: perspective(800px) rotateX(-180deg);
transform: perspective(800px) rotateX(-180deg);
}
to {
opacity: 1;
-webkit-transform: perspective(800px) rotateX(0deg);
transform: perspective(800px) rotateX(0deg);
}
}
@keyframes fx-perspectiveInDown {
from {
opacity: 0;
-webkit-transform: perspective(800px) rotateX(-180deg);
transform: perspective(800px) rotateX(-180deg);
}
to {
opacity: 1;
-webkit-transform: perspective(800px) rotateX(0deg);
transform: perspective(800px) rotateX(0deg);
}
}
.fx-perspectiveInLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-perspectiveInLeft;
animation-name: fx-perspectiveInLeft;
-webkit-transform-origin: top left;
transform-origin: top left;
}
@-webkit-keyframes fx-perspectiveInLeft {
from {
opacity: 0;
-webkit-transform: perspective(800px) rotateY(-180deg);
transform: perspective(800px) rotateY(-180deg);
}
to {
opacity: 1;
-webkit-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
}
}
@keyframes fx-perspectiveInLeft {
from {
opacity: 0;
-webkit-transform: perspective(800px) rotateY(-180deg);
transform: perspective(800px) rotateY(-180deg);
}
to {
opacity: 1;
-webkit-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
}
}
.fx-perspectiveInRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-perspectiveInRight;
animation-name: fx-perspectiveInRight;
-webkit-transform-origin: top right;
transform-origin: top right;
}
@-webkit-keyframes fx-perspectiveInRight {
from {
opacity: 0;
-webkit-transform: perspective(800px) rotateY(180deg);
transform: perspective(800px) rotateY(180deg);
}
to {
opacity: 1;
-webkit-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
}
}
@keyframes fx-perspectiveInRight {
from {
opacity: 0;
-webkit-transform: perspective(800px) rotateY(180deg);
transform: perspective(800px) rotateY(180deg);
}
to {
opacity: 1;
-webkit-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
}
}
.fx-perspectiveInUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-perspectiveInUp;
animation-name: fx-perspectiveInUp;
-webkit-transform-origin: top right;
transform-origin: top right;
}
@-webkit-keyframes fx-perspectiveInUp {
from {
opacity: 0;
-webkit-transform: perspective(800px) rotateX(180deg);
transform: perspective(800px) rotateX(180deg);
}
to {
opacity: 1;
-webkit-transform: perspective(800px) rotateX(0deg);
transform: perspective(800px) rotateX(0deg);
}
}
@keyframes fx-perspectiveInUp {
from {
opacity: 0;
-webkit-transform: perspective(800px) rotateX(180deg);
transform: perspective(800px) rotateX(180deg);
}
to {
opacity: 1;
-webkit-transform: perspective(800px) rotateX(0deg);
transform: perspective(800px) rotateX(0deg);
}
}
.fx-perspectiveOutDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-perspectiveOutDown;
animation-name: fx-perspectiveOutDown;
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
}
@-webkit-keyframes fx-perspectiveOutDown {
from {
opacity: 1;
-webkit-transform: perspective(800px) rotateX(0deg);
transform: perspective(800px) rotateX(0deg);
}
to {
opacity: 0;
-webkit-transform: perspective(800px) rotateX(-180deg);
transform: perspective(800px) rotateX(-180deg);
}
}
@keyframes fx-perspectiveOutDown {
from {
opacity: 1;
-webkit-transform: perspective(800px) rotateX(0deg);
transform: perspective(800px) rotateX(0deg);
}
to {
opacity: 0;
-webkit-transform: perspective(800px) rotateX(-180deg);
transform: perspective(800px) rotateX(-180deg);
}
}
.fx-perspectiveOutLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-perspectiveOutLeft;
animation-name: fx-perspectiveOutLeft;
-webkit-transform-origin: top left;
transform-origin: top left;
}
@-webkit-keyframes fx-perspectiveOutLeft {
from {
opacity: 1;
-webkit-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
}
to {
opacity: 0;
-webkit-transform: perspective(800px) rotateY(-180deg);
transform: perspective(800px) rotateY(-180deg);
}
}
@keyframes fx-perspectiveOutLeft {
from {
opacity: 1;
-webkit-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
}
to {
opacity: 0;
-webkit-transform: perspective(800px) rotateY(-180deg);
transform: perspective(800px) rotateY(-180deg);
}
}
.fx-perspectiveOutRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-perspectiveOutRight;
animation-name: fx-perspectiveOutRight;
-webkit-transform-origin: top right;
transform-origin: top right;
}
@-webkit-keyframes fx-perspectiveOutRight {
from {
opacity: 1;
-webkit-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
}
to {
opacity: 0;
-webkit-transform: perspective(800px) rotateY(180deg);
transform: perspective(800px) rotateY(180deg);
}
}
@keyframes fx-perspectiveOutRight {
from {
opacity: 1;
-webkit-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
}
to {
opacity: 0;
-webkit-transform: perspective(800px) rotateY(180deg);
transform: perspective(800px) rotateY(180deg);
}
}
.fx-perspectiveOutUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-perspectiveOutUp;
animation-name: fx-perspectiveOutUp;
-webkit-transform-origin: top right;
transform-origin: top right;
}
@-webkit-keyframes fx-perspectiveOutUp {
from {
opacity: 1;
-webkit-transform: perspective(800px) rotateX(0deg);
transform: perspective(800px) rotateX(0deg);
}
to {
opacity: 0;
-webkit-transform: perspective(800px) rotateX(180deg);
transform: perspective(800px) rotateX(180deg);
}
}
@keyframes fx-perspectiveOutUp {
from {
opacity: 1;
-webkit-transform: perspective(800px) rotateX(0deg);
transform: perspective(800px) rotateX(0deg);
}
to {
opacity: 0;
-webkit-transform: perspective(800px) rotateX(180deg);
transform: perspective(800px) rotateX(180deg);
}
}
.fx-tinInDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-tinInDown;
animation-name: fx-tinInDown;
}
@-webkit-keyframes fx-tinInDown {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(900%);
transform: scale(1, 1) translateY(900%);
}
50%,
70%,
90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
transform: scale(1.1, 1.1) translateY(0);
}
60%,
80%,
100% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
}
@keyframes fx-tinInDown {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(900%);
transform: scale(1, 1) translateY(900%);
}
50%,
70%,
90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
transform: scale(1.1, 1.1) translateY(0);
}
60%,
80%,
100% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
}
.fx-tinInLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-tinInLeft;
animation-name: fx-tinInLeft;
}
@-webkit-keyframes fx-tinInLeft {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(-900%);
transform: scale(1, 1) translateX(-900%);
}
50%,
70%,
90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
transform: scale(1.1, 1.1) translateX(0);
}
60%,
80%,
100% {
-webkit-transform: scale(1, 1) translateX(0);
transform: scale(1, 1) translateX(0);
}
}
@keyframes fx-tinInLeft {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(-900%);
transform: scale(1, 1) translateX(-900%);
}
50%,
70%,
90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
transform: scale(1.1, 1.1) translateX(0);
}
60%,
80%,
100% {
-webkit-transform: scale(1, 1) translateX(0);
transform: scale(1, 1) translateX(0);
}
}
.fx-tinInRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-tinInRight;
animation-name: fx-tinInRight;
}
@-webkit-keyframes fx-tinInRight {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(900%);
transform: scale(1, 1) translateX(900%);
}
50%,
70%,
90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
transform: scale(1.1, 1.1) translateX(0);
}
60%,
80%,
100% {
-webkit-transform: scale(1, 1) translateX(0);
transform: scale(1, 1) translateX(0);
}
}
@keyframes fx-tinInRight {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(900%);
transform: scale(1, 1) translateX(900%);
}
50%,
70%,
90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
transform: scale(1.1, 1.1) translateX(0);
}
60%,
80%,
100% {
-webkit-transform: scale(1, 1) translateX(0);
transform: scale(1, 1) translateX(0);
}
}
.fx-tinInUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-tinInUp;
animation-name: fx-tinInUp;
}
@-webkit-keyframes fx-tinInUp {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(-900%);
transform: scale(1, 1) translateY(-900%);
}
50%,
70%,
90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
transform: scale(1.1, 1.1) translateY(0);
}
60%,
80%,
100% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
}
@keyframes fx-tinInUp {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(-900%);
transform: scale(1, 1) translateY(-900%);
}
50%,
70%,
90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
transform: scale(1.1, 1.1) translateY(0);
}
60%,
80%,
100% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
}
.fx-tinOutDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-tinOutDown;
animation-name: fx-tinOutDown;
}
@-webkit-keyframes fx-tinOutDown {
0%,
20%,
40%,
50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
10%,
30% {
-webkit-transform: scale(1.1, 1.1) translateY(0);
transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(900%);
transform: scale(1, 1) translateY(900%);
}
}
@keyframes fx-tinOutDown {
0%,
20%,
40%,
50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
10%,
30% {
-webkit-transform: scale(1.1, 1.1) translateY(0);
transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(900%);
transform: scale(1, 1) translateY(900%);
}
}
.fx-tinOutLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-tinOutLeft;
animation-name: fx-tinOutLeft;
}
@-webkit-keyframes fx-tinOutLeft {
0%,
20%,
40%,
50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
transform: scale(1, 1) translateX(0);
}
10%,
30% {
-webkit-transform: scale(1.1, 1.1) translateX(0);
transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(-900%);
transform: scale(1, 1) translateX(-900%);
}
}
@keyframes fx-tinOutLeft {
0%,
20%,
40%,
50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
transform: scale(1, 1) translateX(0);
}
10%,
30% {
-webkit-transform: scale(1.1, 1.1) translateX(0);
transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(-900%);
transform: scale(1, 1) translateX(-900%);
}
}
.fx-tinOutRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-tinOutRight;
animation-name: fx-tinOutRight;
}
@-webkit-keyframes fx-tinOutRight {
0%,
20%,
40%,
50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
transform: scale(1, 1) translateX(0);
}
10%,
30% {
-webkit-transform: scale(1.1, 1.1) translateX(0);
transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(900%);
transform: scale(1, 1) translateX(900%);
}
}
@keyframes fx-tinOutRight {
0%,
20%,
40%,
50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
transform: scale(1, 1) translateX(0);
}
10%,
30% {
-webkit-transform: scale(1.1, 1.1) translateX(0);
transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(900%);
transform: scale(1, 1) translateX(900%);
}
}
.fx-tinOutUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-tinOutUp;
animation-name: fx-tinOutUp;
}
@-webkit-keyframes fx-tinOutUp {
0%,
20%,
40%,
50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
10%,
30% {
-webkit-transform: scale(1.1, 1.1) translateY(0);
transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(-900%);
transform: scale(1, 1) translateY(-900%);
}
}
@keyframes fx-tinOutUp {
0%,
20%,
40%,
50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
10%,
30% {
-webkit-transform: scale(1.1, 1.1) translateY(0);
transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(-900%);
transform: scale(1, 1) translateY(-900%);
}
}
.fx-spaceInDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-spaceInDown;
animation-name: fx-spaceInDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes fx-spaceInDown {
from {
opacity: 0;
-webkit-transform: scale(0.2) translate(0%, 200%);
transform: scale(0.2) translate(0%, 200%);
}
to {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
}
@keyframes fx-spaceInDown {
from {
opacity: 0;
-webkit-transform: scale(0.2) translate(0%, 200%);
transform: scale(0.2) translate(0%, 200%);
}
to {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
}
.fx-spaceInLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-spaceInLeft;
animation-name: fx-spaceInLeft;
-webkit-transform-origin: left center;
transform-origin: left center;
}
@-webkit-keyframes fx-spaceInLeft {
from {
opacity: 0;
-webkit-transform: scale(0.2) translate(-200%, 0%);
transform: scale(0.2) translate(-200%, 0%);
}
to {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
}
@keyframes fx-spaceInLeft {
from {
opacity: 0;
-webkit-transform: scale(0.2) translate(-200%, 0%);
transform: scale(0.2) translate(-200%, 0%);
}
to {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
}
.fx-spaceInRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-spaceInRight;
animation-name: fx-spaceInRight;
-webkit-transform-origin: right center;
transform-origin: right center;
}
@-webkit-keyframes fx-spaceInRight {
from {
opacity: 0;
-webkit-transform: scale(0.2) translate(200%, 0%);
transform: scale(0.2) translate(200%, 0%);
}
to {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
}
@keyframes fx-spaceInRight {
from {
opacity: 0;
-webkit-transform: scale(0.2) translate(200%, 0%);
transform: scale(0.2) translate(200%, 0%);
}
to {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
}
.fx-spaceInUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-spaceInUp;
animation-name: fx-spaceInUp;
-webkit-transform-origin: center top;
transform-origin: center top;
}
@-webkit-keyframes fx-spaceInUp {
from {
opacity: 0;
-webkit-transform: scale(0.2) translate(0%, -200%);
transform: scale(0.2) translate(0%, -200%);
}
to {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
}
@keyframes fx-spaceInUp {
from {
opacity: 0;
-webkit-transform: scale(0.2) translate(0%, -200%);
transform: scale(0.2) translate(0%, -200%);
}
to {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
}
.fx-spaceOutDown {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-spaceOutDown;
animation-name: fx-spaceOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes fx-spaceOutDown {
from {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
to {
opacity: 0;
-webkit-transform: scale(0.2) translate(0%, 200%);
transform: scale(0.2) translate(0%, 200%);
}
}
@keyframes fx-spaceOutDown {
from {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
to {
opacity: 0;
-webkit-transform: scale(0.2) translate(0%, 200%);
transform: scale(0.2) translate(0%, 200%);
}
}
.fx-spaceOutLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-spaceOutLeft;
animation-name: fx-spaceOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center;
}
@-webkit-keyframes fx-spaceOutLeft {
from {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
to {
opacity: 0;
-webkit-transform: scale(0.2) translate(-200%, 0%);
transform: scale(0.2) translate(-200%, 0%);
}
}
@keyframes fx-spaceOutLeft {
from {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
to {
opacity: 0;
-webkit-transform: scale(0.2) translate(-200%, 0%);
transform: scale(0.2) translate(-200%, 0%);
}
}
.fx-spaceOutRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-spaceOutRight;
animation-name: fx-spaceOutRight;
-webkit-transform-origin: right center;
transform-origin: right center;
}
@-webkit-keyframes fx-spaceOutRight {
from {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
to {
opacity: 0;
-webkit-transform: scale(0.2) translate(200%, 0%);
transform: scale(0.2) translate(200%, 0%);
}
}
@keyframes fx-spaceOutRight {
from {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
to {
opacity: 0;
-webkit-transform: scale(0.2) translate(200%, 0%);
transform: scale(0.2) translate(200%, 0%);
}
}
.fx-spaceOutUp {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-spaceOutUp;
animation-name: fx-spaceOutUp;
-webkit-transform-origin: center top;
transform-origin: center top;
}
@-webkit-keyframes fx-spaceOutUp {
from {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
to {
opacity: 0;
-webkit-transform: scale(0.2) translate(0%, -200%);
transform: scale(0.2) translate(0%, -200%);
}
}
@keyframes fx-spaceOutUp {
from {
opacity: 1;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
}
to {
opacity: 0;
-webkit-transform: scale(0.2) translate(0%, -200%);
transform: scale(0.2) translate(0%, -200%);
}
}
.fx-flip {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-flip;
animation-name: fx-flip;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
@-webkit-keyframes fx-flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes fx-flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.fx-flipInX {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-flipInX;
animation-name: fx-flipInX;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
@-webkit-keyframes fx-flipInX {
from {
opacity: 0;
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
opacity: 1;
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes fx-flipInX {
from {
opacity: 0;
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
opacity: 1;
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.fx-flipInY {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-flipInY;
animation-name: fx-flipInY;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
@-webkit-keyframes fx-flipInY {
from {
opacity: 0;
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
opacity: 1;
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes fx-flipInY {
from {
opacity: 0;
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
opacity: 1;
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.fx-flipOutX {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-flipOutX;
animation-name: fx-flipOutX;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
@-webkit-keyframes fx-flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
}
}
@keyframes fx-flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
}
}
.fx-flipOutY {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-flipOutY;
animation-name: fx-flipOutY;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
@-webkit-keyframes fx-flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
opacity: 1;
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
}
to {
opacity: 0;
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
}
}
@keyframes fx-flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
opacity: 1;
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
}
to {
opacity: 0;
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
}
}
.fx-lightSpeedIn {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-lightSpeedIn;
animation-name: fx-lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes fx-lightSpeedIn {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) skewX(-10deg);
transform: translate3d(100%, 0, 0) skewX(-10deg);
}
60% {
opacity: 1;
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
80% {
-webkit-transform: skewX(-2deg);
transform: skewX(-2deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-lightSpeedIn {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) skewX(-10deg);
transform: translate3d(100%, 0, 0) skewX(-10deg);
}
60% {
opacity: 1;
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
80% {
-webkit-transform: skewX(-2deg);
transform: skewX(-2deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.fx-lightSpeedOut {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-lightSpeedOut;
animation-name: fx-lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes fx-lightSpeedOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) skewX(5deg);
transform: translate3d(100%, 0, 0) skewX(5deg);
}
}
@keyframes fx-lightSpeedOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) skewX(5deg);
transform: translate3d(100%, 0, 0) skewX(5deg);
}
}
.fx-rollIn {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rollIn;
animation-name: fx-rollIn;
}
@-webkit-keyframes fx-rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fx-rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fx-rollOut {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-rollOut;
animation-name: fx-rollOut;
}
@-webkit-keyframes fx-rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes fx-rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.fx-vanishIn {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-vanishIn;
animation-name: fx-vanishIn;
-webkit-transform-origin: center center;
transform-origin: center center;
}
@-webkit-keyframes fx-vanishIn {
from {
opacity: 0;
-webkit-transform: scale(2, 2);
transform: scale(2, 2);
-webkit-filter: blur(20px);
}
to {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-filter: blur(0px);
}
}
@keyframes fx-vanishIn {
from {
opacity: 0;
-webkit-transform: scale(2, 2);
transform: scale(2, 2);
-webkit-filter: blur(20px);
}
to {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-filter: blur(0px);
}
}
.fx-vanishOut {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-vanishOut;
animation-name: fx-vanishOut;
}
@-webkit-keyframes fx-vanishOut {
from {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-filter: blur(0px);
}
to {
opacity: 0;
-webkit-transform: scale(2, 2);
transform: scale(2, 2);
-webkit-filter: blur(20px);
}
}
@keyframes fx-vanishOut {
from {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-filter: blur(0px);
}
to {
opacity: 0;
-webkit-transform: scale(2, 2);
transform: scale(2, 2);
-webkit-filter: blur(20px);
}
}
.fx-swashIn {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-swashIn;
animation-name: fx-swashIn;
-webkit-transform-origin: center center;
transform-origin: center center;
}
@-webkit-keyframes fx-swashIn {
0% {
opacity: 0;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
90% {
opacity: 1;
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes fx-swashIn {
0% {
opacity: 0;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
90% {
opacity: 1;
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.fx-swashOut {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-swashOut;
animation-name: fx-swashOut;
-webkit-transform-origin: center center;
transform-origin: center center;
}
@-webkit-keyframes fx-swashOut {
0% {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
80% {
opacity: 1;
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
100% {
opacity: 0;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
}
@keyframes fx-swashOut {
0% {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
80% {
opacity: 1;
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
100% {
opacity: 0;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
}
.fx-foolishIn {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-foolishIn;
animation-name: fx-foolishIn;
}
@-webkit-keyframes fx-foolishIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0, 0) rotate(360deg);
transform: scale(0, 0) rotate(360deg);
}
20% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(0deg);
transform: scale(1, 1) rotate(0deg);
}
}
@keyframes fx-foolishIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0, 0) rotate(360deg);
transform: scale(0, 0) rotate(360deg);
}
20% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(0deg);
transform: scale(1, 1) rotate(0deg);
}
}
.fx-foolishOut {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-foolishOut;
animation-name: fx-foolishOut;
}
@-webkit-keyframes fx-foolishOut {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(360deg);
transform: scale(1, 1) rotate(360deg);
}
20% {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
-webkit-transform-origin: 0%;
transform-origin: 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0, 0) rotate(0deg);
transform: scale(0, 0) rotate(0deg);
}
}
@keyframes fx-foolishOut {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(360deg);
transform: scale(1, 1) rotate(360deg);
}
20% {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
-webkit-transform-origin: 0%;
transform-origin: 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0, 0) rotate(0deg);
transform: scale(0, 0) rotate(0deg);
}
}
.fx-holeIn {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-holeIn;
animation-name: fx-holeIn;
-webkit-transform-origin: center center;
transform-origin: center center;
}
@-webkit-keyframes fx-holeIn {
from {
opacity: 0;
-webkit-transform: scale(0, 0) rotateY(180deg);
transform: scale(0, 0) rotateY(180deg);
}
to {
opacity: 1;
-webkit-transform: scale(1, 1) rotateY(0deg);
transform: scale(1, 1) rotateY(0deg);
}
}
@keyframes fx-holeIn {
from {
opacity: 0;
-webkit-transform: scale(0, 0) rotateY(180deg);
transform: scale(0, 0) rotateY(180deg);
}
to {
opacity: 1;
-webkit-transform: scale(1, 1) rotateY(0deg);
transform: scale(1, 1) rotateY(0deg);
}
}
.fx-holeOut {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-holeOut;
animation-name: fx-holeOut;
-webkit-transform-origin: center center;
transform-origin: center center;
}
@-webkit-keyframes fx-holeOut {
from {
opacity: 1;
-webkit-transform: scale(1, 1) rotateY(0deg);
transform: scale(1, 1) rotateY(0deg);
}
to {
opacity: 0;
-webkit-transform: scale(0, 0) rotateY(180deg);
transform: scale(0, 0) rotateY(180deg);
}
}
@keyframes fx-holeOut {
from {
opacity: 1;
-webkit-transform: scale(1, 1) rotateY(0deg);
transform: scale(1, 1) rotateY(0deg);
}
to {
opacity: 0;
-webkit-transform: scale(0, 0) rotateY(180deg);
transform: scale(0, 0) rotateY(180deg);
}
}
.fx-bombOutLeft {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bombOutLeft;
animation-name: fx-bombOutLeft;
}
@-webkit-keyframes fx-bombOutLeft {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-filter: blur(0px);
}
50% {
opacity: 1;
-webkit-transform-origin: -30% 50%;
transform-origin: -30% 50%;
-webkit-transform: rotate(-160deg);
transform: rotate(-160deg);
-webkit-filter: blur(0px);
}
100% {
opacity: 0;
-webkit-transform-origin: -30% 50%;
transform-origin: -30% 50%;
-webkit-transform: rotate(-160deg);
transform: rotate(-160deg);
-webkit-filter: blur(20px);
}
}
@keyframes fx-bombOutLeft {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-filter: blur(0px);
}
50% {
opacity: 1;
-webkit-transform-origin: -30% 50%;
transform-origin: -30% 50%;
-webkit-transform: rotate(-160deg);
transform: rotate(-160deg);
-webkit-filter: blur(0px);
}
100% {
opacity: 0;
-webkit-transform-origin: -30% 50%;
transform-origin: -30% 50%;
-webkit-transform: rotate(-160deg);
transform: rotate(-160deg);
-webkit-filter: blur(20px);
}
}
.fx-bombOutRight {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fx-bombOutRight;
animation-name: fx-bombOutRight;
}
@-webkit-keyframes fx-bombOutRight {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-filter: blur(0px);
}
50% {
opacity: 1;
-webkit-transform-origin: 130% 50%;
transform-origin: 130% 50%;
-webkit-transform: rotate(160deg);
transform: rotate(160deg);
-webkit-filter: blur(0px);
}
100% {
opacity: 0;
-webkit-transform-origin: 130% 50%;
transform-origin: 130% 50%;
-webkit-transform: rotate(160deg);
transform: rotate(160deg);
-webkit-filter: blur(20px);
}
}
@keyframes fx-bombOutRight {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-filter: blur(0px);
}
50% {
opacity: 1;
-webkit-transform-origin: 130% 50%;
transform-origin: 130% 50%;
-webkit-transform: rotate(160deg);
transform: rotate(160deg);
-webkit-filter: blur(0px);
}
100% {
opacity: 0;
-webkit-transform-origin: 130% 50%;
transform-origin: 130% 50%;
-webkit-transform: rotate(160deg);
transform: rotate(160deg);
-webkit-filter: blur(20px);
}
}.ipnrm {
font-family: sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.2;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
position: relative;
height: 100%;
width: 100%;
outline: none;
font-size: 14px;
}
.ipnrm p,
.ipnrm iframe {
margin: 0;
line-height: 1;
}
.ipnrm:-moz-full-screen {
height: 100% !important;
width: 100% !important;
}
.ipnrm:-webkit-full-screen {
height: 100% !important;
width: 100% !important;
}
.ipnrm:fullscreen {
height: 100% !important;
width: 100% !important;
}
.ipnrm.ipnrm-fullscreen-emulation {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
overflow: hidden;
}
.ipnrm .ipnrm-notransition {
-webkit-transition: none !important;
transition: none !important;
}
.ipnrm .ipnrm-view,
.ipnrm .ipnrm-preview,
.ipnrm .ipnrm-scene,
.ipnrm .ipnrm-scene canvas,
.ipnrm .ipnrm-hotspots {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.ipnrm .ipnrm-preview {
background: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.ipnrm .ipnrm-hotspots {
overflow: hidden;
}
.ipnrm .ipnrm-hotspot-custom {
position: absolute;
}
.ipnrm .ipnrm-grab {
cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjYiIHdpZHRoPSIyNiI+PHBhdGggc3Ryb2tlPSIjMDAwIiBmaWxsPSIjZmZmIiBkPSJNMTUuMyAyMC41czYuMzgtNi43MyA0LjY0LTguMjQtMy40NyAxLjAxLTMuNDcgMS4wMSAzLjYxLTUuNzIgMS40MS02LjQ5Yy0yLjItLjc3LTMuMzMgNC4zNi0zLjMzIDQuMzZzLjg3My01Ljc2LTEuMDYtNS43Ni0xLjU4IDUuMzktMS41OCA1LjM5LS41NzQtNC41OS0yLjE4LTQuMTJjLTEuNjEuNDY4LS41NzIgNS41MS0uNTcyIDUuNTFzLTEuNTgtNC44OS0yLjkzLTMuNzljLTEuMzUgMS4xMS4yNTggNS4yNS41NzIgNi42Mi44MzYgMi40MyAyLjAzIDIuOTQgMi4xNyA1LjU1Ii8+PC9zdmc+) 12 8, default;
}
.ipnrm .ipnrm-grabbing {
cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjYiIHdpZHRoPSIyNiI+PHBhdGggc3Ryb2tlPSIjMDAwIiBmaWxsPSIjZmZmIiBkPSJNMTUuMyAyMC41czUuMDctNS4yOSAzLjc3LTYuNzRjLTEuMzEtMS40NS0yLjUzLjE0LTIuNTMuMTRzMi43NC0zLjI5LjUzNS00LjA2Yy0yLjItLjc3LTIuNTIgMS4zLTIuNTIgMS4zcy44MS0yLjEzLTEuMTItMi4xMy0xLjUyIDEuNzctMS41MiAxLjc3LS4yNi0xLjU5LTEuODctMS4xMmMtMS42MS40NjgtLjg3NCAyLjE3LS44NzQgMi4xN3MtLjY1LTEuNTUtMi0uNDQ1Yy0xLjM1IDEuMTEtLjY4IDIuMjUtLjM2NCAzLjYyLjgzNiAyLjQzIDIuMDMgMi45NCAyLjE3IDUuNTUiLz48L3N2Zz4=) 12 8, default;
}
.ipnrm .ipnrm-target {
cursor: crosshair;
}
.ipnrm .ipnrm-scene-thumbs {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
}
.ipnrm .ipnrm-toolbar,
.ipnrm .ipnrm-btn-scene-menu,
.ipnrm .ipnrm-btn-scene-prev,
.ipnrm .ipnrm-btn-scene-next,
.ipnrm .ipnrm-btn-zoom-in,
.ipnrm .ipnrm-btn-zoom-out,
.ipnrm .ipnrm-btn-fullscreen,
.ipnrm .ipnrm-btn-share,
.ipnrm .ipnrm-compass {
-webkit-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.ipnrm.ipnrm-hide-controls .ipnrm-toolbar,
.ipnrm.ipnrm-hide-controls .ipnrm-btn-scene-menu,
.ipnrm.ipnrm-hide-controls .ipnrm-btn-scene-prev,
.ipnrm.ipnrm-hide-controls .ipnrm-btn-scene-next,
.ipnrm.ipnrm-hide-controls .ipnrm-btn-zoom-in,
.ipnrm.ipnrm-hide-controls .ipnrm-btn-zoom-out,
.ipnrm.ipnrm-hide-controls .ipnrm-btn-fullscreen,
.ipnrm.ipnrm-hide-controls .ipnrm-btn-share,
.ipnrm.ipnrm-hide-controls .ipnrm-compass {
opacity: 0 !important;
}
.ipnrm .ipnrm-compass,
.ipnrm .ipnrm-title,
.ipnrm .ipnrm-toolbar {
z-index: 2;
}
.ipnrm .ipnrm-btn {
-webkit-transform: translateZ(9999px);
transform: translateZ(9999px);
z-index: 2;
}
.ipnrm .ipnrm-popover {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s;
transition: opacity .3s;
position: absolute;
top: 0px;
left: -99999px;
z-index: 3;
}
.ipnrm .ipnrm-popover.ipnrm-hidden {
opacity: 0 !important;
visibility: hidden !important;
}
.ipnrm .ipnrm-popover.ipnrm-active {
opacity: 1;
visibility: visible;
}.ipnrm.ipnrm-default .ipnrm-view,
.ipnrm.ipnrm-theme-default .ipnrm-view {
background-color: #fbfbfb;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iODEiIHdpZHRoPSI1NCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDFEM0Q0IiBkPSJNMjcuNSAwdjFNLjUgMHY2LjkxN0wyNy41IDFsMjcuMjMgNi4xMDR2LjY4OEwyNy41IDE0IC41IDguMTFWNDJsMjcuMjUgNi4xNjdMNTUgNDJNLjUgODFWNTVsMjcuMjUtNS45NDdMNTUgNTQuOTE2TTI3LjUgMTR2NjciLz48L3N2Zz4=);
}
.ipnrm.ipnrm-default .ipnrm-hotspot,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
width: 16px;
height: 16px;
z-index: 1;
}
.ipnrm.ipnrm-default .ipnrm-hotspot:before,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot:before,
.ipnrm.ipnrm-default .ipnrm-hotspot:after,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot:after {
-webkit-transition: background-color ease-out 0.3s;
transition: background-color ease-out 0.3s;
position: absolute;
content: "";
top: 50%;
left: 50%;
border-radius: 50%;
}
.ipnrm.ipnrm-default .ipnrm-hotspot:before,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot:before {
width: 26px;
height: 26px;
margin-top: -13px;
margin-left: -13px;
background-color: #000000;
}
.ipnrm.ipnrm-default .ipnrm-hotspot:hover:before,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot:hover:before {
background-color: #ffffff;
}
.ipnrm.ipnrm-default .ipnrm-hotspot:after,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot:after {
width: 16px;
height: 16px;
margin-top: -8px;
margin-left: -8px;
background-color: #ffffff;
border: 1px solid #000000;
box-sizing: border-box;
}
.ipnrm.ipnrm-default .ipnrm-hotspot:hover:after,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot:hover:after {
background-color: #000000;
}
.ipnrm.ipnrm-default .ipnrm-hotspot.ipnrm-hotspot-scene:before,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot.ipnrm-hotspot-scene:before {
background-color: #ffffff;
}
.ipnrm.ipnrm-default .ipnrm-hotspot.ipnrm-hotspot-scene:hover:before,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot.ipnrm-hotspot-scene:hover:before {
background-color: #000000;
}
.ipnrm.ipnrm-default .ipnrm-hotspot.ipnrm-hotspot-scene:after,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot.ipnrm-hotspot-scene:after {
background-color: #000000;
border: 1px solid #ffffff;
}
.ipnrm.ipnrm-default .ipnrm-hotspot.ipnrm-hotspot-scene:hover:after,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot.ipnrm-hotspot-scene:hover:after {
background-color: #ffffff;
}
.ipnrm.ipnrm-default .ipnrm-hotspot.ipnrm-hotspot-scene:before,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot.ipnrm-hotspot-scene:before {
-webkit-animation: ipanorama-hotspot-pulse-default 3s infinite linear;
animation: ipanorama-hotspot-pulse-default 3s infinite linear;
}
.ipnrm.ipnrm-default .ipnrm-info,
.ipnrm.ipnrm-theme-default .ipnrm-info,
.ipnrm.ipnrm-default .ipnrm-btn-load,
.ipnrm.ipnrm-theme-default .ipnrm-btn-load,
.ipnrm.ipnrm-default .ipnrm-load-info,
.ipnrm.ipnrm-theme-default .ipnrm-load-info {
font-family: sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.2;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
display: table;
position: absolute;
top: 50%;
left: 50%;
width: 150px;
height: 80px;
margin: -40px 0 0 -75px;
background-color: #ffffff;
color: #333333;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 3px;
text-align: center;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
z-index: 1;
}
.ipnrm.ipnrm-default .ipnrm-btn-load,
.ipnrm.ipnrm-theme-default .ipnrm-btn-load {
cursor: pointer;
}
.ipnrm.ipnrm-default .ipnrm-btn-load:hover,
.ipnrm.ipnrm-theme-default .ipnrm-btn-load:hover {
background-color: #efefef;
}
.ipnrm.ipnrm-default .ipnrm-info p,
.ipnrm.ipnrm-theme-default .ipnrm-info p,
.ipnrm.ipnrm-default .ipnrm-btn-load p,
.ipnrm.ipnrm-theme-default .ipnrm-btn-load p,
.ipnrm.ipnrm-default .ipnrm-load-info-inner,
.ipnrm.ipnrm-theme-default .ipnrm-load-info-inner {
display: table-cell;
vertical-align: middle;
padding: 0 10px;
}
.ipnrm.ipnrm-default .ipnrm-load-progress,
.ipnrm.ipnrm-theme-default .ipnrm-load-progress {
position: relative;
width: 80%;
height: 10px;
margin-left: 10%;
margin-top: 5px;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 3px;
}
.ipnrm.ipnrm-default .ipnrm-load-progress-bar,
.ipnrm.ipnrm-theme-default .ipnrm-load-progress-bar {
height: 100%;
width: 0%;
background-color: #999999;
}
.ipnrm.ipnrm-default .ipnrm-scene-thumbs,
.ipnrm.ipnrm-theme-default .ipnrm-scene-thumbs {
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
position: absolute;
background-color: #fff;
cursor: move;
display: none;
}
.ipnrm.ipnrm-default .ipnrm-scene-thumbs.ipnrm-active,
.ipnrm.ipnrm-theme-default .ipnrm-scene-thumbs.ipnrm-active {
display: block;
}
.ipnrm.ipnrm-default .ipnrm-scene-thumbs .ipnrm-scene-thumbs-inner,
.ipnrm.ipnrm-theme-default .ipnrm-scene-thumbs .ipnrm-scene-thumbs-inner {
-webkit-transition: all 0.5s cubic-bezier(0, 1.1, 1, 1.1);
transition: all 0.5s cubic-bezier(0, 1.1, 1, 1.1);
position: absolute;
white-space: nowrap;
}
.ipnrm.ipnrm-default .ipnrm-scene-thumbs .ipnrm-scene-thumb,
.ipnrm.ipnrm-theme-default .ipnrm-scene-thumbs .ipnrm-scene-thumb {
margin: 10px;
background-color: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.ipnrm.ipnrm-default .ipnrm-scene-thumbs .ipnrm-scene-thumb:hover,
.ipnrm.ipnrm-theme-default .ipnrm-scene-thumbs .ipnrm-scene-thumb:hover {
border-color: rgba(0, 0, 0, 0.5);
}
.ipnrm.ipnrm-default .ipnrm-scene-thumbs .ipnrm-scene-thumb.ipnrm-active,
.ipnrm.ipnrm-theme-default .ipnrm-scene-thumbs .ipnrm-scene-thumb.ipnrm-active {
border: 2px solid rgba(0, 0, 0, 0.8);
}
.ipnrm.ipnrm-default .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img,
.ipnrm.ipnrm-theme-default .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img {
display: block;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-view,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-view {
left: 150px;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-zoom-in,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-zoom-in,
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-zoom-out,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-zoom-out,
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-scene-prev,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-scene-prev,
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-scene-next,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-scene-next,
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-scene-menu,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-scene-menu {
left: 155px;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-title,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-title {
left: 155px;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-h .ipnrm-view,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-h .ipnrm-view {
bottom: 125px;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-h .ipnrm-title,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-h .ipnrm-title {
bottom: 130px;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-h .ipnrm-compass,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-h .ipnrm-compass {
bottom: 130px;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs {
top: 0;
left: 0;
bottom: 0;
width: 150px;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs .ipnrm-scene-thumb,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs .ipnrm-scene-thumb {
display: block;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img {
width: 100%;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-h .ipnrm-view,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-h .ipnrm-view {
bottom: 0px;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs {
left: 0;
bottom: 0;
right: 0;
height: 125px;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs .ipnrm-scene-thumb,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs .ipnrm-scene-thumb {
display: inline-block;
}
.ipnrm.ipnrm-default.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img,
.ipnrm.ipnrm-theme-default.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img {
height: 100px;
}
.ipnrm.ipnrm-default .ipnrm-compass,
.ipnrm.ipnrm-theme-default .ipnrm-compass {
position: absolute;
right: 5px;
bottom: 5px;
width: 26px;
height: 26px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAe1JREFUeNrsVj1rwmAQNpWIThWVksFFXZxEBwdBJ1exP0HcGv+CFIcuujmU+g9UxMXNf6GjoFPr0HTQQfxK0WueKwmWVhMtSoceHJx39zxP8r73vlEgItslTPgXOpuQLMs3y+Xyvtfr3Y7HY2kymYjIezyed7/f/xqLxToul+uhVqu9HSSC0D4vl8tyNBpV0Ga32ykcDlM8HmdHjBxq6EHvIa6fk9qb5vP5J0EQmCiZTJJGRLDVasUOQw419KAXGH2VLAlVKpU7p9O5dbvdVCwWaT6fM7GqqpTJZNgRw1BDD3qBAdaSUKvVutaWAuvNBLptNhv+jbxeQ043vQYsOEyFcrncIwCJRIIURTGI6vU6iaJoCCFuNptGHb3AoAYOU6FIJPLicDioWq0aJP1+nzdfF9FdkiRqt9tGHzDAahzPpkJer1fVxpZGoxGDp9MpZbPZbyK6p9Np7oEBAyw4TIUA1p6IgYvFggqFAk8UHE+768hhxNGDXhiwn6fmK++V1ZMdCARsw+HQNpvN2BEjt91urREcs3TdbtfYD8TIoXbS0u0bhlAoRD6fjwaDATviYDDItZOGYd94NxoNfoNUKsWOvel0OqePt9UDWyqVaNeOPrBWr6D1ev27K+iil+o5PhMX+/D9/zn5+0IfAgwAjiglaYRWLXQAAAAASUVORK5CYII=);
background-repeat: no-repeat;
}
.ipnrm.ipnrm-default .ipnrm-btn,
.ipnrm.ipnrm-theme-default .ipnrm-btn {
position: absolute;
width: 26px;
height: 26px;
background-color: #ffffff;
background-image: url(data:image/png;base64,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);
cursor: pointer;
}
.ipnrm.ipnrm-default .ipnrm-btn:hover,
.ipnrm.ipnrm-theme-default .ipnrm-btn:hover {
background-color: #efefef;
}
.ipnrm.ipnrm-default .ipnrm-btn.ipnrm-btn-zoom-in,
.ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-zoom-in {
top: 5px;
left: 5px;
background-position: 0 -182px;
}
.ipnrm.ipnrm-default .ipnrm-btn.ipnrm-btn-zoom-out,
.ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-zoom-out {
top: 36px;
left: 5px;
background-position: 0 -208px;
}
.ipnrm.ipnrm-default .ipnrm-btn.ipnrm-btn-scene-prev,
.ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-scene-prev {
top: 67px;
left: 5px;
background-position: 0 -26px;
}
.ipnrm.ipnrm-default .ipnrm-btn.ipnrm-btn-scene-next,
.ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-scene-next {
top: 98px;
left: 5px;
background-position: 0 -52px;
}
.ipnrm.ipnrm-default .ipnrm-btn.ipnrm-btn-scene-menu,
.ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-scene-menu {
top: 129px;
left: 5px;
background-position: 0 0;
}
.ipnrm.ipnrm-default .ipnrm-btn.ipnrm-btn-share,
.ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-share {
top: 5px;
right: 36px;
background-position: 0 -234px;
}
.ipnrm.ipnrm-default .ipnrm-btn.ipnrm-btn-fullscreen,
.ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-fullscreen {
top: 5px;
right: 5px;
background-position: 0 -78px;
}
.ipnrm.ipnrm-default .ipnrm-btn.ipnrm-btn-fullscreen.ipnrm-active,
.ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-fullscreen.ipnrm-active {
background-position: 0 -104px;
}
.ipnrm.ipnrm-default.ipnrm-no-zoom-ctrl .ipnrm-btn.ipnrm-btn-scene-prev,
.ipnrm.ipnrm-theme-default.ipnrm-no-zoom-ctrl .ipnrm-btn.ipnrm-btn-scene-prev {
top: 5px;
}
.ipnrm.ipnrm-default.ipnrm-no-zoom-ctrl .ipnrm-btn.ipnrm-btn-scene-next,
.ipnrm.ipnrm-theme-default.ipnrm-no-zoom-ctrl .ipnrm-btn.ipnrm-btn-scene-next {
top: 36px;
}
.ipnrm.ipnrm-default.ipnrm-no-zoom-ctrl .ipnrm-btn.ipnrm-btn-scene-menu,
.ipnrm.ipnrm-theme-default.ipnrm-no-zoom-ctrl .ipnrm-btn.ipnrm-btn-scene-menu {
top: 67px;
}
.ipnrm.ipnrm-default.ipnrm-no-zoom-ctrl.ipnrm-no-scene-nextprev-ctrl .ipnrm-btn.ipnrm-btn-scene-menu,
.ipnrm.ipnrm-theme-default.ipnrm-no-zoom-ctrl.ipnrm-no-scene-nextprev-ctrl .ipnrm-btn.ipnrm-btn-scene-menu {
top: 5px;
}
.ipnrm.ipnrm-default.ipnrm-no-fullscreen-ctrl .ipnrm-btn.ipnrm-btn-share,
.ipnrm.ipnrm-theme-default.ipnrm-no-fullscreen-ctrl .ipnrm-btn.ipnrm-btn-share {
right: 5px;
}
.ipnrm.ipnrm-default .ipnrm-title,
.ipnrm.ipnrm-theme-default .ipnrm-title {
position: absolute;
left: 5px;
bottom: 5px;
max-width: 300px;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.4);
padding: 5px 15px;
}
.ipnrm.ipnrm-default .ipnrm-popover,
.ipnrm.ipnrm-theme-default .ipnrm-popover {
max-width: 276px;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 6px;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-close .ipnrm-close {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
position: absolute;
right: 1px;
top: 1px;
width: 16px;
height: 16px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMy4yNjEsMy4yNjJsOS40NzgsOS40NzcgTTEyLjczOCwzLjI2MmwtOS40NzgsOS40NzciLz48L3N2Zz4=);
cursor: pointer;
opacity: 0.4;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-close .ipnrm-close:hover,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-close .ipnrm-close:hover {
opacity: 0.8;
}
.ipnrm.ipnrm-default .ipnrm-popover .ipnrm-content,
.ipnrm.ipnrm-theme-default .ipnrm-popover .ipnrm-content {
padding: 10px 15px;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-close .ipnrm-content,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-close .ipnrm-content {
padding: 15px;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-left.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-left.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-top-left.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top-left.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-bottom-left.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom-left.ipnrm-close .ipnrm-close {
left: 1px;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-top,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top {
margin-top: -16px;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-right,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-right {
margin-left: 16px;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-bottom,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom {
margin-top: 16px;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-left,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-left {
margin-left: -16px;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-top-right .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top-right .ipnrm-arrow,
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-top-left .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top-left .ipnrm-arrow,
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-bottom-right .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom-right .ipnrm-arrow,
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-bottom-left .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom-left .ipnrm-arrow {
display: none;
}
.ipnrm.ipnrm-default .ipnrm-popover > .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover > .ipnrm-arrow,
.ipnrm.ipnrm-default .ipnrm-popover > .ipnrm-arrow:after,
.ipnrm.ipnrm-theme-default .ipnrm-popover > .ipnrm-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.ipnrm.ipnrm-default .ipnrm-popover > .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover > .ipnrm-arrow {
border-width: 11px;
}
.ipnrm.ipnrm-default .ipnrm-popover > .ipnrm-arrow:after,
.ipnrm.ipnrm-theme-default .ipnrm-popover > .ipnrm-arrow:after {
content: "";
border-width: 11px;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-top > .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top > .ipnrm-arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -11px;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-top > .ipnrm-arrow:after,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top > .ipnrm-arrow:after {
content: "";
bottom: 1px;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #ffffff;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-right > .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-right > .ipnrm-arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: rgba(0, 0, 0, 0.2);
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-right > .ipnrm-arrow:after,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-right > .ipnrm-arrow:after {
content: "";
left: 1px;
bottom: -11px;
border-left-width: 0;
border-right-color: #ffffff;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-bottom > .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom > .ipnrm-arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -11px;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-bottom > .ipnrm-arrow:after,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom > .ipnrm-arrow:after {
content: "";
top: 1px;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-left > .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-left > .ipnrm-arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: rgba(0, 0, 0, 0.2);
}
.ipnrm.ipnrm-default .ipnrm-popover.ipnrm-popover-left > .ipnrm-arrow:after,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-left > .ipnrm-arrow:after {
content: "";
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -11px;
}
@-webkit-keyframes ipanorama-hotspot-pulse-default {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ipanorama-hotspot-pulse-default {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}.ipnrm.ipnrm-theme-modern .ipnrm-view {
background-color: #19191b;
}
.ipnrm.ipnrm-theme-modern:hover .ipnrm-hotspot:after {
opacity: 1;
}
.ipnrm.ipnrm-theme-modern .ipnrm-hotspot {
-webkit-animation: ipanorama-hotspot-pulse-modern 0.7s steps(7) infinite alternate;
animation: ipanorama-hotspot-pulse-modern 0.7s steps(7) infinite alternate;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
width: 48px;
height: 48px;
background-image: url(data:image/png;base64,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);
z-index: 1;
}
.ipnrm.ipnrm-theme-modern .ipnrm-hotspot:after {
-webkit-transition: 0.3s;
transition: 0.3s;
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
margin-top: -16px;
margin-left: -16px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABHBJREFUeNrEV1tLVFEY3Wcu3sfb3LSp6EWIEpnpCmElBb0EQZBdKAR78Cf0W8KHBJ+6WK8JUgY9i6RIEL4U2pg66sx4mdGZOa01nO9wHI/O8VYHNvvMnH32Wt/ae3/fOpqu6+p/Xh6nAwcGBhrRRdE6XC5XW0VFxWmPxxPgHIVCIbG5uTmby+Wm8XsKbaK3t/eXk3m1cgoA2IUuhna9vr7+Ql1dXVN1dXUDCNS43e7iGBBQW1tb2Y2NjdTa2tpyOp2eBpkveDQGIskDEwD4GXT3GhoabjQ2NkZ8Pp+3pqZGVVVVKUSvrAQAqLLZrAIJtbq6qpLJZHxpaWkSz4YwZBxEdMcEjKivIMrHgUDgclNTUyWiV7W1taqyslLh/yI4lqI4nnPk83mqUCSxvr5eJLGysqIWFxd/4J4kRkAiXZYAwBnWTUTaEw6H2/1+v7KCe71eE1zTNJOAkLAqkUql1PLyspqfn4+j/4Ch70EiVW4TXiJ4a2trezAYVJDfBCcwG4EFXC4SICk+5/KQqDT814rx3ViSDAIcAoktWwJ4eAryPkHk5wkO6beBW6PeIaVBio3jhIy8g70QgjoPocoMhn+V91wW8Cp097HmVyG7JpHLhtsLvJSIgHOvcNNyCbmUCIoBPgVWeAcBXGcB2oWovdY13y3ywcHBQGdnZ5SN96VERAUhgROkcJJUc3Mzj/StbQSMJNOFAS124HZXf3//SZx5Nxvv7cYICe4D5I4iCczvhqp3DExTgSiTDAZUOAHfz2VdDi4nEhmJnDOyqkmgAw/8lMp61PZa876+vhls1iwb78uR4D7i3CQBNYjbYZ4C5nb86eNDSTLlNlxPT88im6N8j7nkeBpK6AiyzSTAwoJWLenVyY6PxWIXrb/Hx8fHnJwOI0doaKfNJWBVA7DmFPyglyVHECtg3QOef1H7SwLzmARYz1nR2CSvH8fFeQWHmCYBmglUsk0WEhaU4yAhxcooWDrwZk0CdDI0E6xiLKlC4qgjl5KNgHW0aesemEJGW2IJJQkqIctxlNEDVGUyGZZq3bBuJoEJ2igYhwLNBEkclQql4JwfWHFimgRoIBH1JziYP3QyHMQX+CKVOKz0lJ3gUJkmJYd+REyr9fhNwrVMIiWHkalcpRlxv3XBCk5FDZ9Ih/Qbj0dtLRkqVBTF6EUkEmlDjtdYPlkfSEYq20EipzVbWFhQ8Xg8hf4lon+7myX7BnneYdBzRN+C6DU5knZe0A641KBivVUikSCBdbRhDBsuZ0p96B7AOHSHQqEgeo0egfWcSki9sPOEYs8lcspOU0rwubm5UYx5heh/OrHl9ejuAvgRLNoJuCQX67iQoBqiBJs1ychu54bDmuuIfhUEPmK+N6Xge36YGPb8GgCfQYUOOhmQcEnJFp8oHyYiu3HUdKx7nhsORF5T9lI7vp9PsxC627RRdDJQQSMJllRWNYOATumZ4QBegPRzPGp49BnA3w/1bWj3cUozwXpulNTixylzu5Fej/bj9LivvwIMACgz5oU4E9CoAAAAAElFTkSuQmCC);
opacity: 0;
}
.ipnrm.ipnrm-theme-modern .ipnrm-hotspot.ipnrm-hotspot-scene:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAD9klEQVRIx6WVS2hcZRTHf/e7j9x5ZpJMEqOZNIjBEmtIWo0gxJQKFawURKiKUhhw2aW4s2hWRYQupDvhLkxr1erWQMEKrsWYEKUSkLSZZpLJZDqTeWTm3vt9LuaZR33gWd57/7/v3HO+8z+a4v+FcdRDJ8YkE2LMGjHiGDJbS3mrrLCUvHf4W+1gBo5gipnoyXBPoNsK6oDErVYKpdzuqvcjPyfzfwtwRjnf/VLsiYgZxMagDvCoUqFIfmNnWd7il6Q6EuAIpq234s/3dEUJ0YWFjgAUPi5VyhR5yPYfxVvcTu4eAjg6s8GLgyf6qMtNdAQaoFD4jSwK5NjayH3Ht8lCXad/1AAsTgffGzoxQA9RglgtgIZAQ6BjYGBioEf80Upl8e6U7OiCk7DeHnymnx5CdLXObqXZAInGGzngXSis8xOAAHBsXo+/0Kd1E8LGOCBvQgQ6FkGi9NGfsN5xBlsAjnef7jGjR57eGQKBRZAIMXqnONMAODFOxx5ry5uxFr50fOjUwKlL4/cjnQiTABGiun3WidUzmIyejFgH5X+GrgzfCJl08Xng8nAnQsfCJkxknMk6YCLcF2w0rpn8WujTxPWQjU2YXuaDc8P3w22EQRc2AcEECBBjgYiN1SG/F/okcT1kYKJwsYgyH5xLpMLNcuoYWNjKHAMB1ogVMDqKdzd6dfhGCI7JMVcpj6fdJ2UXXwavDG9G2h0xMDVzBAQYcV3rrL0z+Fm4xrj/4eYbD6uqzCv5y+lnXY1roauDnU0Vmh6v1+DASD+3l1DH1Afp19K26wudqn9ma25zwh9Rk5U2oGkGBsisHJAomlNxbjNezWqvZoRaN3Uk24ZiJvOxlGJmpwlQSCQyCwbUUm7Ms3wUCg0I1GYyElMVdB2FhqmVRdid3dYwVFPu4+MpNwUCvNVKoYqL38pBV6ZqV1wCYKq2XOLjUlO11XoNVko7Fap4SNS+249WoYSr7b/aCp8ae1QUK/UCLu1OF5+KiMCBMYr4F/LLts3FXMw7LC+zu8FSw1Cc2b73E0P9dGPvu86HQyGpUmSblLf+RfJacxqXc8s5uUsFF9n450fJXaoUyZN7wJ3WOCd35NfbqzuqQJnaIxF1+R675MgWSjeTv7X9AH4tfZNJb6s8Jap4HR1pi5uumCVTziywsM8Tp1hM7WlylOB+N1GoVtuqlCmQZaucvsN8cuuwrUc5F30z/niPCBPAwmyYav3a1NijRF5li5nv+Sq5duRicXRetN7tnYjqYWFjYSCgcf4eZVXwcw9KN1loWvrRq22Al+2zkfGAZmNqQgOpPGqqLIvp0m1+SP7+D7uxvVzNMXNEj2PIrJuq/fvl+l/jLyBmoK43F+HNAAAAAElFTkSuQmCC);
}
.ipnrm.ipnrm-theme-modern .ipnrm-info,
.ipnrm.ipnrm-theme-modern .ipnrm-btn-load {
-webkit-transition: 0.3s;
transition: 0.3s;
position: absolute;
bottom: 5px;
left: 5px;
padding: 10px 15px;
color: #ffffff;
background-color: #0d0d0e;
border-radius: 3px;
font-size: 14px;
font-weight: bold;
opacity: 0.8;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn-load {
cursor: pointer;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn-load:hover {
color: #19191b;
background-color: #ffffff;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn-load:before {
content: "CLICK TO LOAD...";
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn-load p {
display: none;
}
.ipnrm.ipnrm-theme-modern .ipnrm-load-info {
position: absolute;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
margin: -22px 0 0 -22px;
background-color: transparent;
z-index: 1;
}
.ipnrm.ipnrm-theme-modern .ipnrm-load-info p {
display: none;
}
.ipnrm.ipnrm-theme-modern .ipnrm-load-info-inner {
-webkit-animation: ipanorama-loader-modern 1.1s infinite linear;
animation: ipanorama-loader-modern 1.1s infinite linear;
width: 100%;
height: 100%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAopJREFUeNrUWYtxgzAMhV4HYAQ2KBvE3YARGCHdIJ3AzQSswAY0EySZADaADVyLs6lDHJAFJkR3yu+C/BDSkyyHQojgleQdXsIwnGODKd2p96FcpLZST1J/lZKkcy7RwwAsl9qAHUdt1LVsDcCwSKkXj6JIpGkqOOeiLEsxFPgN/jMCvnQB7gI4ksr1QnEcizzPRdM0YkoOhwPG61ytsQjgROpZexSAugh4GRkqZ7XWLMCJjlN49BiPDgVu0DG+EyrgHiw8VorADSZJQknK5BHgsHu5p7VEJUQkPRRkWTYZ5HVdB5fLJbher/33oiiCtm0pLAQXfSpKnPRwpGMW41l45AQvYmM6wgDmOmankgnYwligUtdmRjHJ1G8VETSfAsw0G4wl2H6/p3DpDYc7KBsD3Bkcoy4Zz2ZypIT4TB0rZPkIMNNFAeHZZoozEdzeuHp5CDgf865RAOaCpYDObYCbsdg1EiwNlpPUgZtvALMxZjCqVemhxcUmIgOsb0b8BrvdzmrxeDzqj98eAGNtsv/MU3dpaxGrqjJ51pdgeLo0PdxVFMbu6RTKrZLCI2CM7Q7jm5GxVtG9AXz0CPiKZJUeMEZqj4DRticBQ9e1KVFJJ2xJB5xs7MkyjzAyDLWZPNxvgaClBOCWtpF7BMwx7aYJGEPem6K1E8JoTJklIAtCjPjfyYxh5trqPas03zQ/yAs30fz07eXcrfia7SU2LDbTwLvE0ya2SK5efsom1DZIARLfE/uBQjUytUGFH8qrMcHmj9Qv9CDlyYoepFCSYmm1JjV6GLgFsM7j1meDJQ20V4jZ2QNt65GBB130yGAJLl39UGYzx16PJvDUg8XIEoeLHiyGr3Z0+yfAAJ1ViEC/YzjDAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
}
.ipnrm.ipnrm-theme-modern .ipnrm-load-progress {
display: none;
}
.ipnrm.ipnrm-theme-modern .ipnrm-scene-thumbs {
position: absolute;
background-color: rgba(25, 25, 27, 0.9);
cursor: move;
display: none;
}
.ipnrm.ipnrm-theme-modern .ipnrm-scene-thumbs.ipnrm-active {
display: block;
}
.ipnrm.ipnrm-theme-modern .ipnrm-scene-thumbs .ipnrm-scene-thumbs-inner {
-webkit-transition: all 0.5s cubic-bezier(0, 1.1, 1, 1.1);
transition: all 0.5s cubic-bezier(0, 1.1, 1, 1.1);
position: absolute;
white-space: nowrap;
}
.ipnrm.ipnrm-theme-modern .ipnrm-scene-thumbs .ipnrm-scene-thumb {
margin: 10px;
background-color: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.ipnrm.ipnrm-theme-modern .ipnrm-scene-thumbs .ipnrm-scene-thumb:hover {
border-color: rgba(0, 0, 0, 0.5);
}
.ipnrm.ipnrm-theme-modern .ipnrm-scene-thumbs .ipnrm-scene-thumb.ipnrm-active {
border: 2px solid rgba(0, 0, 0, 0.8);
}
.ipnrm.ipnrm-theme-modern .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img {
display: block;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-view {
left: 150px;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-zoom-in,
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-btn.ipnrm-btn-zoom-out {
left: 155px;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-title {
left: 155px;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-h .ipnrm-view {
bottom: 125px;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-h .ipnrm-title {
bottom: 130px;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-h .ipnrm-compass {
bottom: 130px;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs {
top: 0;
left: 0;
bottom: 0;
width: 150px;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs .ipnrm-scene-thumb {
display: block;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img {
width: 100%;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-h .ipnrm-view {
bottom: 0px;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs {
left: 0;
bottom: 0;
right: 0;
height: 125px;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs .ipnrm-scene-thumb {
display: inline-block;
}
.ipnrm.ipnrm-theme-modern.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img {
height: 100px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-compass {
position: absolute;
right: 5px;
bottom: 10px;
width: 26px;
height: 26px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABCRJREFUeNrMVlFMU1cYbpmlsWtThLmxttveWDISkbloim4ZJGAivHRxbz4ocQ9dyJKp+OSC84WkPEAWQknQweN8YCbI02jLWFyYGmwLFphiKAtgWa+wlvZi23vv2f91p3IpreFhM7vJ15x+//f/X8+55/ynWsaY5lU82ldupNVqi2lMhHcJVoKZoOd8ihAjrBD+IGwWK5D1wEeRWaFgVUVFRZvb7X40NTW1sb6+nlL4gzE4xKCBVvUj9mx0gHDy/PkvvMmkKMmywnKQJFkB1Bw00CKH5+7J6EBpaekZn88XlSSJAZFIJNPT0xOn2GO9Xv+UsEDju729vcLa2lo6p0MOcvPNChlh6ifHxjzRVCrNnj9Psb4+d5K4JcIcjDo7O5MAxpy7PzBw/Rm0yEEun5n+ZUZVra2t3q2tLSaKIrPb7XjZ84QAIdTS0hIHD2AMjsfm6uvrZ8EjFzX4OytoZCovL28TBEFKJBKMlirNTaYI03V1dcLy8rISi8UYgDE4xLhmrr+//xlyUQO1+I7dZVTd3d39KBaLs4WFJzJfLj/H4vj4zxJiaoDjugDX3V9cDKcRox/6O2rmjEpU78x6+HDtQVmWNTdv/oACIkEhGFyuLktNTc1riKkB7s6dX22kMXKtcXh4OI7YoUM1b/Kzl33URmarzWqQZEkzOjqaoO8Zwn6Hw2E5e+5sKfhCqHq/qoQ0ldAiZ+T2iADe9o7NwA/4LiO90WjUZTIZzeTkJIxYQ0PDG66urtfzZ5IP0higRc4vExMZbHXUUu88tZFGluQstnfLNuf1eKS3KysFQphDAJeLq46iKb9OvlFqfWMjo1DG0WPHsOba8XGf0H65PUmtQXPi40/28f72F0cKHGLQQIscu71OJyuKFrW4fpdRbCkcFrEUjY2NMMLUt26PjKwODQ2mwQ8ODr1FzdcMYAwOMWigRU5TU5MJfDi8KPKmu8toxR/wR2V6kc3NzTAx8Lh4taNjNeB/IB8/cXyf0+m0ABiDo9gK36HQGk41n9qPGsFg8E/e2bdPbe7AlpWVtT3wB+TZuXnW0XF1x4E9cuQj4be795SZhyEGYGyz2SIUC3LN/LfXriWR6w8EJdQqdmCzLej06c+9M6FZNk3Fams/3NGCqM3EwQMYE/eQH9R5aMEjFzVe1oJeNNUb3w9Gg9MzLBCcZleufJNWN9WvL1xIAqqmugQNtMhB7l6aavaa0Ol0Zwau34jSMjJgzONVLl68hB30lK6BCIAxOI/XJ+d0yEFuoWui2FUO4VGH47PLl9rbP6X758Wmocv1n11Usr2P0um03OVyTdy69aOLvt4jbOzVKLeM75nN5ian88uvPqiuPmi1WAxGkwk7UpPY3MysrK6Ks6FQ1O3u+446+k98iVOFbtj/xZ+Tf+3ZMaP/+vlbgAEAleJ2lIl/JowAAAAASUVORK5CYII=);
background-repeat: no-repeat;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn {
position: absolute;
width: 26px;
height: 26px;
background-image: url(data:image/png;base64,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);
cursor: pointer;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn.ipnrm-btn-zoom-in {
top: 5px;
left: 5px;
background-position: 0 -182px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn.ipnrm-btn-zoom-out {
top: 36px;
left: 5px;
background-position: 0 -208px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn.ipnrm-btn-scene-menu {
right: 98px;
top: 5px;
background-position: 0 0;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn.ipnrm-btn-scene-prev {
right: 67px;
top: 5px;
background-position: 0 -26px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn.ipnrm-btn-scene-next {
right: 36px;
top: 5px;
background-position: 0 -52px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn.ipnrm-btn-fullscreen {
top: 5px;
right: 5px;
background-position: 0 -78px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn.ipnrm-btn-fullscreen.ipnrm-active {
background-position: 0 -104px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-btn.ipnrm-btn-share {
top: 36px;
right: 5px;
background-position: 0 -234px;
}
.ipnrm.ipnrm-theme-modern.ipnrm-no-scene-nextprev-ctrl .ipnrm-btn.ipnrm-btn-scene-menu {
right: 36px;
}
.ipnrm.ipnrm-theme-modern.ipnrm-no-fullscreen-ctrl .ipnrm-btn.ipnrm-btn-scene-menu {
right: 5px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-title {
position: absolute;
left: 5px;
bottom: 5px;
max-width: 300px;
background-color: rgba(25, 25, 27, 0.9);
color: #ffffff;
border-radius: 2px;
padding: 10px 15px;
font-size: 14px;
letter-spacing: 1px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover {
max-width: 276px;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
font-size: 14px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-close .ipnrm-close {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
position: absolute;
right: 1px;
top: 1px;
width: 16px;
height: 16px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMy4yNjEsMy4yNjJsOS40NzgsOS40NzcgTTEyLjczOCwzLjI2MmwtOS40NzgsOS40NzciLz48L3N2Zz4=);
cursor: pointer;
opacity: 0.4;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-close .ipnrm-close:hover {
opacity: 0.8;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover .ipnrm-content {
padding: 10px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-close .ipnrm-content {
padding: 15px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-left.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-top-left.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-bottom-left.ipnrm-close .ipnrm-close {
left: 1px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-top {
margin-top: -11px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-right {
margin-left: 11px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-bottom {
margin-top: 11px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-left {
margin-left: -11px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-top-right .ipnrm-arrow,
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-top-left .ipnrm-arrow,
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-bottom-right .ipnrm-arrow,
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-bottom-left .ipnrm-arrow {
display: none;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover > .ipnrm-arrow,
.ipnrm.ipnrm-theme-modern .ipnrm-popover > .ipnrm-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover > .ipnrm-arrow {
border-width: 11px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover > .ipnrm-arrow:after {
content: "";
border-width: 11px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-top > .ipnrm-arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -11px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-top > .ipnrm-arrow:after {
content: "";
bottom: 1px;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #ffffff;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-right > .ipnrm-arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: rgba(0, 0, 0, 0.2);
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-right > .ipnrm-arrow:after {
content: "";
left: 1px;
bottom: -11px;
border-left-width: 0;
border-right-color: #ffffff;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-bottom > .ipnrm-arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -11px;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-bottom > .ipnrm-arrow:after {
content: "";
top: 1px;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-left > .ipnrm-arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: rgba(0, 0, 0, 0.2);
}
.ipnrm.ipnrm-theme-modern .ipnrm-popover.ipnrm-popover-left > .ipnrm-arrow:after {
content: "";
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -11px;
}
@-webkit-keyframes ipanorama-hotspot-pulse-modern {
0% {
background-position: 0px;
}
100% {
background-position: -336px;
}
}
@keyframes ipanorama-hotspot-pulse-modern {
0% {
background-position: 0px;
}
100% {
background-position: -336px;
}
}
@-webkit-keyframes ipanorama-loader-modern {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes ipanorama-loader-modern {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}.ipnrm.ipnrm-theme-dark .ipnrm-view {
background-color: #999a9b;
}
.ipnrm.ipnrm-theme-dark:hover .ipnrm-hotspot:after {
opacity: 1;
}
.ipnrm.ipnrm-theme-dark .ipnrm-hotspot {
-webkit-animation: ipanorama-hotspot-pulse-dark 0.7s steps(7) infinite alternate;
animation: ipanorama-hotspot-pulse-dark 0.7s steps(7) infinite alternate;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
width: 48px;
height: 48px;
background-image: url(data:image/png;base64,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);
z-index: 1;
}
.ipnrm.ipnrm-theme-dark .ipnrm-hotspot:after {
-webkit-transition: 0.3s;
transition: 0.3s;
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
margin-top: -16px;
margin-left: -16px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABHBJREFUeNrEV1tLVFEY3Wcu3sfb3LSp6EWIEpnpCmElBb0EQZBdKAR78Cf0W8KHBJ+6WK8JUgY9i6RIEL4U2pg66sx4mdGZOa01nO9wHI/O8VYHNvvMnH32Wt/ae3/fOpqu6+p/Xh6nAwcGBhrRRdE6XC5XW0VFxWmPxxPgHIVCIbG5uTmby+Wm8XsKbaK3t/eXk3m1cgoA2IUuhna9vr7+Ql1dXVN1dXUDCNS43e7iGBBQW1tb2Y2NjdTa2tpyOp2eBpkveDQGIskDEwD4GXT3GhoabjQ2NkZ8Pp+3pqZGVVVVKUSvrAQAqLLZrAIJtbq6qpLJZHxpaWkSz4YwZBxEdMcEjKivIMrHgUDgclNTUyWiV7W1taqyslLh/yI4lqI4nnPk83mqUCSxvr5eJLGysqIWFxd/4J4kRkAiXZYAwBnWTUTaEw6H2/1+v7KCe71eE1zTNJOAkLAqkUql1PLyspqfn4+j/4Ch70EiVW4TXiJ4a2trezAYVJDfBCcwG4EFXC4SICk+5/KQqDT814rx3ViSDAIcAoktWwJ4eAryPkHk5wkO6beBW6PeIaVBio3jhIy8g70QgjoPocoMhn+V91wW8Cp097HmVyG7JpHLhtsLvJSIgHOvcNNyCbmUCIoBPgVWeAcBXGcB2oWovdY13y3ywcHBQGdnZ5SN96VERAUhgROkcJJUc3Mzj/StbQSMJNOFAS124HZXf3//SZx5Nxvv7cYICe4D5I4iCczvhqp3DExTgSiTDAZUOAHfz2VdDi4nEhmJnDOyqkmgAw/8lMp61PZa876+vhls1iwb78uR4D7i3CQBNYjbYZ4C5nb86eNDSTLlNlxPT88im6N8j7nkeBpK6AiyzSTAwoJWLenVyY6PxWIXrb/Hx8fHnJwOI0doaKfNJWBVA7DmFPyglyVHECtg3QOef1H7SwLzmARYz1nR2CSvH8fFeQWHmCYBmglUsk0WEhaU4yAhxcooWDrwZk0CdDI0E6xiLKlC4qgjl5KNgHW0aesemEJGW2IJJQkqIctxlNEDVGUyGZZq3bBuJoEJ2igYhwLNBEkclQql4JwfWHFimgRoIBH1JziYP3QyHMQX+CKVOKz0lJ3gUJkmJYd+REyr9fhNwrVMIiWHkalcpRlxv3XBCk5FDZ9Ih/Qbj0dtLRkqVBTF6EUkEmlDjtdYPlkfSEYq20EipzVbWFhQ8Xg8hf4lon+7myX7BnneYdBzRN+C6DU5knZe0A641KBivVUikSCBdbRhDBsuZ0p96B7AOHSHQqEgeo0egfWcSki9sPOEYs8lcspOU0rwubm5UYx5heh/OrHl9ejuAvgRLNoJuCQX67iQoBqiBJs1ychu54bDmuuIfhUEPmK+N6Xge36YGPb8GgCfQYUOOhmQcEnJFp8oHyYiu3HUdKx7nhsORF5T9lI7vp9PsxC627RRdDJQQSMJllRWNYOATumZ4QBegPRzPGp49BnA3w/1bWj3cUozwXpulNTixylzu5Fej/bj9LivvwIMACgz5oU4E9CoAAAAAElFTkSuQmCC);
opacity: 0;
}
.ipnrm.ipnrm-theme-dark .ipnrm-hotspot.ipnrm-hotspot-scene:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAD9klEQVRIx6WVS2hcZRTHf/e7j9x5ZpJMEqOZNIjBEmtIWo0gxJQKFawURKiKUhhw2aW4s2hWRYQupDvhLkxr1erWQMEKrsWYEKUSkLSZZpLJZDqTeWTm3vt9LuaZR33gWd57/7/v3HO+8z+a4v+FcdRDJ8YkE2LMGjHiGDJbS3mrrLCUvHf4W+1gBo5gipnoyXBPoNsK6oDErVYKpdzuqvcjPyfzfwtwRjnf/VLsiYgZxMagDvCoUqFIfmNnWd7il6Q6EuAIpq234s/3dEUJ0YWFjgAUPi5VyhR5yPYfxVvcTu4eAjg6s8GLgyf6qMtNdAQaoFD4jSwK5NjayH3Ht8lCXad/1AAsTgffGzoxQA9RglgtgIZAQ6BjYGBioEf80Upl8e6U7OiCk7DeHnymnx5CdLXObqXZAInGGzngXSis8xOAAHBsXo+/0Kd1E8LGOCBvQgQ6FkGi9NGfsN5xBlsAjnef7jGjR57eGQKBRZAIMXqnONMAODFOxx5ry5uxFr50fOjUwKlL4/cjnQiTABGiun3WidUzmIyejFgH5X+GrgzfCJl08Xng8nAnQsfCJkxknMk6YCLcF2w0rpn8WujTxPWQjU2YXuaDc8P3w22EQRc2AcEECBBjgYiN1SG/F/okcT1kYKJwsYgyH5xLpMLNcuoYWNjKHAMB1ogVMDqKdzd6dfhGCI7JMVcpj6fdJ2UXXwavDG9G2h0xMDVzBAQYcV3rrL0z+Fm4xrj/4eYbD6uqzCv5y+lnXY1roauDnU0Vmh6v1+DASD+3l1DH1Afp19K26wudqn9ma25zwh9Rk5U2oGkGBsisHJAomlNxbjNezWqvZoRaN3Uk24ZiJvOxlGJmpwlQSCQyCwbUUm7Ms3wUCg0I1GYyElMVdB2FhqmVRdid3dYwVFPu4+MpNwUCvNVKoYqL38pBV6ZqV1wCYKq2XOLjUlO11XoNVko7Fap4SNS+249WoYSr7b/aCp8ae1QUK/UCLu1OF5+KiMCBMYr4F/LLts3FXMw7LC+zu8FSw1Cc2b73E0P9dGPvu86HQyGpUmSblLf+RfJacxqXc8s5uUsFF9n450fJXaoUyZN7wJ3WOCd35NfbqzuqQJnaIxF1+R675MgWSjeTv7X9AH4tfZNJb6s8Jap4HR1pi5uumCVTziywsM8Tp1hM7WlylOB+N1GoVtuqlCmQZaucvsN8cuuwrUc5F30z/niPCBPAwmyYav3a1NijRF5li5nv+Sq5duRicXRetN7tnYjqYWFjYSCgcf4eZVXwcw9KN1loWvrRq22Al+2zkfGAZmNqQgOpPGqqLIvp0m1+SP7+D7uxvVzNMXNEj2PIrJuq/fvl+l/jLyBmoK43F+HNAAAAAElFTkSuQmCC);
}
.ipnrm.ipnrm-theme-dark .ipnrm-info,
.ipnrm.ipnrm-theme-dark .ipnrm-btn-load {
-webkit-transition: 0.3s;
transition: 0.3s;
font-family: sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.2;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
position: absolute;
top: 5px;
right: 5px;
padding: 10px 15px;
color: #ffffff;
background-color: #0d0d0e;
border-radius: 3px;
font-size: 14px;
font-weight: bold;
opacity: 0.8;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn-load {
cursor: pointer;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn-load:hover {
color: #19191b;
background-color: #ffffff;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn-load:before {
content: "CLICK TO LOAD...";
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn-load p {
display: none;
}
.ipnrm.ipnrm-theme-dark .ipnrm-load-info {
position: absolute;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
margin: -22px 0 0 -22px;
background-color: transparent;
z-index: 1;
}
.ipnrm.ipnrm-theme-dark .ipnrm-load-info p {
display: none;
}
.ipnrm.ipnrm-theme-dark .ipnrm-load-info-inner {
-webkit-animation: ipanorama-loader-dark 1.1s infinite linear;
animation: ipanorama-loader-dark 1.1s infinite linear;
width: 100%;
height: 100%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAopJREFUeNrUWYtxgzAMhV4HYAQ2KBvE3YARGCHdIJ3AzQSswAY0EySZADaADVyLs6lDHJAFJkR3yu+C/BDSkyyHQojgleQdXsIwnGODKd2p96FcpLZST1J/lZKkcy7RwwAsl9qAHUdt1LVsDcCwSKkXj6JIpGkqOOeiLEsxFPgN/jMCvnQB7gI4ksr1QnEcizzPRdM0YkoOhwPG61ytsQjgROpZexSAugh4GRkqZ7XWLMCJjlN49BiPDgVu0DG+EyrgHiw8VorADSZJQknK5BHgsHu5p7VEJUQkPRRkWTYZ5HVdB5fLJbher/33oiiCtm0pLAQXfSpKnPRwpGMW41l45AQvYmM6wgDmOmankgnYwligUtdmRjHJ1G8VETSfAsw0G4wl2H6/p3DpDYc7KBsD3Bkcoy4Zz2ZypIT4TB0rZPkIMNNFAeHZZoozEdzeuHp5CDgf865RAOaCpYDObYCbsdg1EiwNlpPUgZtvALMxZjCqVemhxcUmIgOsb0b8BrvdzmrxeDzqj98eAGNtsv/MU3dpaxGrqjJ51pdgeLo0PdxVFMbu6RTKrZLCI2CM7Q7jm5GxVtG9AXz0CPiKZJUeMEZqj4DRticBQ9e1KVFJJ2xJB5xs7MkyjzAyDLWZPNxvgaClBOCWtpF7BMwx7aYJGEPem6K1E8JoTJklIAtCjPjfyYxh5trqPas03zQ/yAs30fz07eXcrfia7SU2LDbTwLvE0ya2SK5efsom1DZIARLfE/uBQjUytUGFH8qrMcHmj9Qv9CDlyYoepFCSYmm1JjV6GLgFsM7j1meDJQ20V4jZ2QNt65GBB130yGAJLl39UGYzx16PJvDUg8XIEoeLHiyGr3Z0+yfAAJ1ViEC/YzjDAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
}
.ipnrm.ipnrm-theme-dark .ipnrm-load-progress {
display: none;
}
.ipnrm.ipnrm-theme-dark .ipnrm-scene-thumbs {
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
position: absolute;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAq9JREFUeNp8lll2wjAQBIMw1+D+d4SQtFNQdMZ50YefLM3as2hO1+v142ddLpfH4/H5+Zn9tm3ZrLX4PZ1OX19fkOUwZOfzmSt5b7fbn4crp+HhyOv7/R6J/kaBbJHelFgTemzCAs4jff/NaXie2l53sOU36puHw3w/fq9YEx1aEILYFN5NUhDAfY1io7255RAaVeZW+uZ9cglOFOKpdG2g37EAUySDRERlg69vBSEC6DCE6P6z+B1eqjvfUIKYFhBqEIujuyZ55Cc47ezRaoACKxGLOKwm60iqJU8nBnSYP3QY584IcqHVP6WzyNkm6jC2SuKcWzEMo7exGkbQpgAWyAQWkmFE2BjAOcLg0nuQCTFBDfuuQK/3/5cto76QyLmVFQIC1h5jqLzbyG5KgWt0dySpR51rC45Z8MR2wE1k5DQf0Ip0a5ArwjDWrINO9sjSTFuYWi0CwyNxO2QdrE4emUfDCZ2OWoCWcXetY/yfDbmBbnHKCg72q+Z/vJYtvTtK9gsE/wEaoWDVzdIiGPVsyj5LBEF0/z+Bhhnp9iuQEX1utaaDtNoj3W+gj8nXNWGF6wEbu+zqJHuf/u4zJBJhGO3+n8eKPJ41ibM+gT7LnY79OHclWqpduVu/dt0720zFwQyZUMiLjsZ8dwVmnBotqHsyUIwc7ZS3soD0PZqMXO4JBR6lBKJfj+0LilFZPi14s/TOI3mIP9SMCCOLOp36WQ3juxfx1jt4dbvub9TwXHNiYR8rS18Ru8ac1E+S7Wy8+zATaoVSd8PLvdmZnX03piNbnip7QkDHn1W5OYKNTOWt7lnmOBcdpxAGli7sPcjWekRL0Q1yyDWFjlOIhz3sLockRmsyVUDwD8+Y13oGaAXdMKyk3QMyXadsR+CjLbjirfpEnAjbZQlM9t8CDACqDnMPRN92hQAAAABJRU5ErkJggg==);
border: 1px solid #0f0f0f;
cursor: move;
display: none;
}
.ipnrm.ipnrm-theme-dark .ipnrm-scene-thumbs.ipnrm-active {
display: block;
}
.ipnrm.ipnrm-theme-dark .ipnrm-scene-thumbs .ipnrm-scene-thumbs-inner {
-webkit-transition: all 0.5s cubic-bezier(0, 1.1, 1, 1.1);
transition: all 0.5s cubic-bezier(0, 1.1, 1, 1.1);
position: absolute;
white-space: nowrap;
}
.ipnrm.ipnrm-theme-dark .ipnrm-scene-thumbs .ipnrm-scene-thumb {
margin: 10px;
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.3);
cursor: pointer;
}
.ipnrm.ipnrm-theme-dark .ipnrm-scene-thumbs .ipnrm-scene-thumb:hover {
border-color: rgba(255, 255, 255, 0.5);
}
.ipnrm.ipnrm-theme-dark .ipnrm-scene-thumbs .ipnrm-scene-thumb.ipnrm-active {
border: 2px solid rgba(255, 255, 255, 0.8);
}
.ipnrm.ipnrm-theme-dark .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img {
display: block;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-v .ipnrm-view {
left: 150px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-active.ipnrm-scene-thumbs-h .ipnrm-view {
bottom: 157px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-active.ipnrm-hide-controls.ipnrm-scene-thumbs-v .ipnrm-title {
left: auto;
right: 2px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-active.ipnrm-hide-controls.ipnrm-scene-thumbs-h .ipnrm-view {
bottom: 127px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-active.ipnrm-hide-controls.ipnrm-scene-thumbs-h .ipnrm-title {
bottom: 129px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-active.ipnrm-hide-controls.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs {
bottom: 0;
}
.ipnrm.ipnrm-theme-dark.ipnrm-hide-controls.ipnrm-scene-thumbs-v .ipnrm-view,
.ipnrm.ipnrm-theme-dark.ipnrm-hide-controls.ipnrm-scene-thumbs-h .ipnrm-view {
bottom: 0;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-v .ipnrm-view {
bottom: 30px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs {
top: 0;
left: 0;
bottom: 0;
width: 150px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs .ipnrm-scene-thumb {
display: block;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-v .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img {
width: 100%;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-h .ipnrm-view {
bottom: 30px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs {
left: 0;
bottom: 30px;
right: 0;
height: 125px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs .ipnrm-scene-thumb {
display: inline-block;
}
.ipnrm.ipnrm-theme-dark.ipnrm-scene-thumbs-h .ipnrm-scene-thumbs .ipnrm-scene-thumb .ipnrm-scene-thumb-img {
height: 100px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-toolbar {
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 30px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNJREFUeNpklkuWwjAMBMEJsOEc3P96fDOdVF7Rj/HCGFmW5FZLzvF2ux2Px8/nczgcmBmn0+n5fGYxz/Pr9TrUiCRzhNM0vd9vlLOI/PF4oHM+n7OOwsjGGGNZlraewUlMJAKE+cuMS/6ijJFIYjqesLZ6zUZcjW0QRfb4GzluHPGU8/f7PbsdUAOwbCN20BkESIzsRRJw1MtW5qyjEHmsB5D8zZx1/KFGcBjNILhsEet4bYMFkRI70JGMjMvlQqSYyDo+IkQhc+RAZCZWh+aQe2TmHmSycxsTCTzC6JiA+GA3Eu7tqQQxAzohCxSs8EIMbiPQUcBZ1HIQTcjTGRoJSg6IGghycZOBRf4SctSI15zFLha+qQYvzhhdR80CfFHIea84baPJnb8gyfEdBEVdbviOfM3VGHKJDMcQ+etCAW0M5lR2ZxD3jqaau4MbCWeG06BMC7DUybx2SP7AGwwRFrxSAbElAp7XPVWtDnT3Quu9RZkFvSEzNBeu+IMe2N3x3exGGYtRjpq8h5nDHJID6+snZAMUa0IhAhFOENExwysA+aGyJJZVBm50iwAqj4WILcsCPKHvl6mEA829AfVi/+k0WOqZTRtw81cuMI8+A/OyJgEAQqlnSx6bA3Zx/7/bIx9iJx9wBlYIyQR3ElJ80AiUcIqSjnzFys7HSWodZLiEjCRYnHWz42zTAZvoD6U+kEjc8pGgVRAsa89KTYTMO02794I+2MEK6hb0OQaROpl2FEz7ysbUmmSCBQQeS1GG3TRXd70lmpylW6DTiVwffYEWUKupm/NOie3d7tYbZWH54fFO8e4zoEa503WFgjZATUihTrsk7oipuxnI+p1rvtM4UbPIu7K+fW1LRpNlRa+VNPeDbONGvLJZoX3JHkMx7+3QZgAUdhih6BKFrJ7yM4tL/HwyTdfrlXD6c0wNeAKGNBLT2H239W3ju1dp7reiJcrCttGYcJhPFW9vbfp67+26mxcPJJiQWxVMr4jRiEiPDPbjEwvD7+T+mG1nJFCjtr++Ja90lxE32CuZM94DysoWu6bMU9OPOIvGsrD5/wkwAIOuJZqz4EwpAAAAAElFTkSuQmCC);
border: 1px solid #0f0f0f;
}
.ipnrm.ipnrm-theme-dark .ipnrm-compass {
position: absolute;
right: 5px;
top: 5px;
width: 26px;
height: 26px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABD9JREFUeNrcVV1MW2UY7ulpaaWkdP0ZGDDFbS7DGa/MhMWIyJUmZtDtwjmMEbaEeDESk3kzTGSZ4c6YGN12QWFlM8Sh0mwdMwwpioqOMMoGWCiMKq61f7Q9wLr+Hd+nni7HrsKMcRd+yRO+87zP8779Pt7zHobnecnDWFLJQ1r/80IMw+SCGR0d3RIIBA7HYrHhVCrlJxn+qTz24BCDhvlz3Zfj3kIzZJH7I5xOZzXHcd9RUj6ZTKZCodCy1+t1AdiDQwwaaPPd0L3c+QrV1NTIlpaWWhKJRJrA036uv7//Mwq9qtfrM8AeHGLQQAsPvA9aSGq3259fv3MnFuW4tYErVy6Wl5cfJH5vWVnZ0x6v1w5gDw4xaKCFB17xyf62kMlkKqar+XFtfZ232WwXiXqRsK2kpMTgWlj4CDyAPTjEoIEWPLzIsVkh9tr4eCv9On5uft5VW1u7n7hHCcrrk5MtkWg0gRiAvWNq6ghi0EALD2LIgVwbFSpaXLw1FgyGEr29vWZ63k5QDA5efc7j8d5aWQnzYvh8/oDDMfWGUGw7PPAuLCyOIZe4UG6XFCqUip3cKscNDAx8Rc/BT06d0lY8XnFCJpdVJFNJiRiMlNGpilRvdXR06KGFB17lI8qdyJW3/YQTlXu8v/OzPzvdtN/V3HzYMD0zayEuDSz/djspBrjbHm/qxs3pHmjhgRc5kEucX5ZzIjaVTEoAWuuBgF8eCgaLitVqSTQaDTU1NX0wPX3Th+Du3U9tNZvNb6vVam14ZUUFLTwiP7vhCFpdWw2zMlb1Xnu70Wq1xlpbj56Zm5+7Uagq1DWYGuL0co4A2INDDBpo4YEXOTabdalAIPgLy8qK9+x59iV6jk9MTDi7u7o7w+GIr76+4bil55wGwD4SifoQgwZaeOClHLj61EaF4uPXfhrk02mZQa9/pb39BFrbZ7GcvXrZZjtPl615srLyDEAadd+FC2bEoIEWHngpB7j4Rs1QpNXqqoe+Hp6hJuDp78dob4JGqVRWdZ+1fAke6Orq7iP+GQJeTgW0gmcGOXLb+74XFt1yqLHx6KRj6u71SQc38s23Hx479o6W+BKNRlN36ZLNAeh0ujritra1vbsFGmjhgVfouL+8sIx4mApjvVAul+843tbWsm9ffQto+hyMEy7XvlDTZTAYdkDk9/tdw/aRN+mkLxNwMt5q7T/9/smTp2nAutCB2UKZ3HkKSYXreMK0/0BdU3Pz66WlpZWkwyR302dhLXN0llXRDzKSR0rzbdbc2dnzxed9QxSaJ0QI6c0KZa9QjSswGo2Vrx1qrKuqqt5L1/VYQUFBZmDG4/FIMBj8dWzsh+8/PX9uyO12zxK9TIiKO26zQtmTYYbphMGqF8ZK9iVPCtcTIHgwggix7En+SaEMJZxOKRRRiF4JJLwrFIsJp+DzfWEfpNC/Xtn8snzkf7H+EGAA/XVP3TE5VPAAAAAASUVORK5CYII=);
background-repeat: no-repeat;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn {
position: absolute;
right: 2px;
bottom: 2px;
width: 26px;
height: 26px;
cursor: pointer;
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn:hover {
opacity: .8;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn.ipnrm-disable {
cursor: default;
opacity: 0.4;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn.ipnrm-btn-scene-menu {
left: 2px;
background-position: 0 0;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn.ipnrm-btn-scene-prev {
left: 28px;
background-position: 0 -26px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn.ipnrm-btn-scene-next {
left: 54px;
background-position: 0 -52px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn.ipnrm-btn-zoom-in {
left: 80px;
background-position: 0 -182px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn.ipnrm-btn-zoom-out {
left: 106px;
background-position: 0 -208px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn.ipnrm-btn-share {
right: 28px;
background-position: 0 -234px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn.ipnrm-btn-fullscreen {
right: 2px;
background-position: 0 -78px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-btn.ipnrm-btn-fullscreen.ipnrm-active {
background-position: 0 -104px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-fullscreen-ctrl .ipnrm-btn.ipnrm-btn-share {
right: 5px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-scene-nextprev-ctrl .ipnrm-btn.ipnrm-btn-zoom-in {
left: 28px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-scene-nextprev-ctrl .ipnrm-btn.ipnrm-btn-zoom-out {
left: 54px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-scene-nextprev-ctrl .ipnrm-title {
left: 80px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-scene-menu-ctrl.ipnrm-no-scene-nextprev-ctrl .ipnrm-btn.ipnrm-btn-zoom-in {
left: 2px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-scene-menu-ctrl.ipnrm-no-scene-nextprev-ctrl .ipnrm-btn.ipnrm-btn-zoom-out {
left: 28px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-scene-menu-ctrl.ipnrm-no-scene-nextprev-ctrl .ipnrm-title {
left: 54px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-scene-menu-ctrl .ipnrm-btn.ipnrm-btn-scene-prev {
left: 2px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-scene-menu-ctrl .ipnrm-btn.ipnrm-btn-scene-next {
left: 28px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-scene-menu-ctrl .ipnrm-btn.ipnrm-btn-zoom-in {
left: 54px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-scene-menu-ctrl .ipnrm-btn.ipnrm-btn-zoom-out {
left: 80px;
}
.ipnrm.ipnrm-theme-dark.ipnrm-no-scene-menu-ctrl .ipnrm-title {
left: 106px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-title {
position: absolute;
left: 132px;
right: 80px;
bottom: 2px;
padding: 0 10px;
color: #ffffff;
font-size: 13px;
line-height: 26px;
letter-spacing: 1px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ipnrm.ipnrm-theme-dark.ipnrm-hide-controls .ipnrm-title {
left: 2px;
right: auto;
padding: 1px 10px;
background-color: rgba(30, 30, 30, 0.75);
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover {
max-width: 276px;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
font-size: 14px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-close .ipnrm-close {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
position: absolute;
right: 1px;
top: 1px;
width: 16px;
height: 16px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMy4yNjEsMy4yNjJsOS40NzgsOS40NzcgTTEyLjczOCwzLjI2MmwtOS40NzgsOS40NzciLz48L3N2Zz4=);
cursor: pointer;
opacity: 0.4;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-close .ipnrm-close:hover {
opacity: 0.8;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover .ipnrm-content {
padding: 10px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-close .ipnrm-content {
padding: 15px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-left.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-top-left.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-bottom-left.ipnrm-close .ipnrm-close {
left: 1px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-top {
margin-top: -11px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-right {
margin-left: 11px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-bottom {
margin-top: 11px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-left {
margin-left: -11px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-top-right .ipnrm-arrow,
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-top-left .ipnrm-arrow,
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-bottom-right .ipnrm-arrow,
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-bottom-left .ipnrm-arrow {
display: none;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover > .ipnrm-arrow,
.ipnrm.ipnrm-theme-dark .ipnrm-popover > .ipnrm-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover > .ipnrm-arrow {
border-width: 11px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover > .ipnrm-arrow:after {
content: "";
border-width: 11px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-top > .ipnrm-arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -11px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-top > .ipnrm-arrow:after {
content: "";
bottom: 1px;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #ffffff;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-right > .ipnrm-arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: rgba(0, 0, 0, 0.2);
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-right > .ipnrm-arrow:after {
content: "";
left: 1px;
bottom: -11px;
border-left-width: 0;
border-right-color: #ffffff;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-bottom > .ipnrm-arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -11px;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-bottom > .ipnrm-arrow:after {
content: "";
top: 1px;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-left > .ipnrm-arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: rgba(0, 0, 0, 0.2);
}
.ipnrm.ipnrm-theme-dark .ipnrm-popover.ipnrm-popover-left > .ipnrm-arrow:after {
content: "";
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -11px;
}
@-webkit-keyframes ipanorama-hotspot-pulse-dark {
0% {
background-position: 0px;
}
100% {
background-position: -336px;
}
}
@keyframes ipanorama-hotspot-pulse-dark {
0% {
background-position: 0px;
}
100% {
background-position: -336px;
}
}
@-webkit-keyframes ipanorama-loader-dark {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes ipanorama-loader-dark {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}#debungcontrolls {
z-index:100000;
position:fixed;
bottom:0px; width:100%;
height:auto;
background:rgba(0,0,0,0.6);
padding:10px;
box-sizing: border-box;
}
.debugtimeline {
width:100%;
height:10px;
position:relative;
display:block;
margin-bottom:3px;	
display:none;
white-space: nowrap;	
box-sizing: border-box;
}
.debugtimeline:hover {
height:15px;
}
.the_timeline_tester {
background:#e74c3c;
position:absolute;
top:0px;
left:0px;
height:100%;
width:0;	
}
.rs-go-fullscreen {
position:fixed !important;
width:100% !important;
height:100% !important;
top:0px !important;
left:0px !important;
z-index:9999999 !important;
background:#ffffff !important;
}
.debugtimeline.tl_slide .the_timeline_tester {
background:#f39c12;	
}
.debugtimeline.tl_frame .the_timeline_tester {
background:#3498db;	
}
.debugtimline_txt {
color:#fff;
font-weight: 400;
font-size:7px;
position:absolute;	
left:10px;
top:0px;
white-space: nowrap;
line-height: 10px;
}
.rtl {	direction: rtl;}
@font-face {
font-family: 'revicons';
src: url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.eot?5510888);
src: url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),
url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.woff?5510888) format('woff'),
url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.ttf?5510888) format('truetype'),
url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.svg?5510888#revicons) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="revicon-"]:before, [class*=" revicon-"]:before {
font-family: "revicons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center; font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;    }
.revicon-search-1:before { content: '\e802'; } .revicon-pencil-1:before { content: '\e831'; } .revicon-picture-1:before { content: '\e803'; } .revicon-cancel:before { content: '\e80a'; } .revicon-info-circled:before { content: '\e80f'; } .revicon-trash:before { content: '\e801'; } .revicon-left-dir:before { content: '\e817'; } .revicon-right-dir:before { content: '\e818'; } .revicon-down-open:before { content: '\e83b'; } .revicon-left-open:before { content: '\e819'; } .revicon-right-open:before { content: '\e81a'; } .revicon-angle-left:before { content: '\e820'; } .revicon-angle-right:before { content: '\e81d'; } .revicon-left-big:before { content: '\e81f'; } .revicon-right-big:before { content: '\e81e'; } .revicon-magic:before { content: '\e807'; } .revicon-picture:before { content: '\e800'; } .revicon-export:before { content: '\e80b'; } .revicon-cog:before { content: '\e832'; } .revicon-login:before { content: '\e833'; } .revicon-logout:before { content: '\e834'; } .revicon-video:before { content: '\e805'; } .revicon-arrow-combo:before { content: '\e827'; } .revicon-left-open-1:before { content: '\e82a'; } .revicon-right-open-1:before { content: '\e82b'; } .revicon-left-open-mini:before { content: '\e822'; } .revicon-right-open-mini:before { content: '\e823'; } .revicon-left-open-big:before { content: '\e824'; } .revicon-right-open-big:before { content: '\e825'; } .revicon-left:before { content: '\e836'; } .revicon-right:before { content: '\e826'; } .revicon-ccw:before { content: '\e808'; } .revicon-arrows-ccw:before { content: '\e806'; } .revicon-palette:before { content: '\e829'; } .revicon-list-add:before { content: '\e80c'; } .revicon-doc:before { content: '\e809'; } .revicon-left-open-outline:before { content: '\e82e'; } .revicon-left-open-2:before { content: '\e82c'; } .revicon-right-open-outline:before { content: '\e82f'; } .revicon-right-open-2:before { content: '\e82d'; } .revicon-equalizer:before { content: '\e83a'; } .revicon-layers-alt:before { content: '\e804'; } .revicon-popup:before { content: '\e828'; }  .rev_slider_wrapper{
position:relative;
z-index: 0;
width:100%;
}
.rev_slider{
position:relative;
overflow:visible;
}
.entry-content .rev_slider a,
.rev_slider a { box-shadow: none; }
.tp-overflow-hidden { 	overflow:hidden !important;}
.group_ov_hidden 	{	overflow:hidden}
.tp-simpleresponsive img,
.rev_slider img{
max-width:none !important;	
transition: none;
margin:0px;
padding:0px;
border:none;
}
.rev_slider .no-slides-text{
font-weight:bold;
text-align:center;
padding-top:80px;
}
.rev_slider >ul,
.rev_slider_wrapper >ul,
.tp-revslider-mainul >li,
.rev_slider >ul >li,
.rev_slider >ul >li:before,
.tp-revslider-mainul >li:before,
.tp-simpleresponsive >ul,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before,
.tp-revslider-mainul >li,
.tp-simpleresponsive >ul >li{
list-style:none !important;
position:absolute;	
margin:0px !important;
padding:0px !important;
overflow-x: visible;
overflow-y: visible;
list-style-type: none !important;
background-image:none;
background-position:0px 0px;
text-indent: 0em;
top:0px;left:0px;
}
.tp-revslider-mainul >li,
.rev_slider >ul >li,
.rev_slider >ul >li:before,
.tp-revslider-mainul >li:before,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before,
.tp-revslider-mainul >li,
.tp-simpleresponsive >ul >li { 
visibility:hidden; 
}
.tp-revslider-slidesli,
.tp-revslider-mainul	{	
padding:0 !important; 
margin:0 !important; 
list-style:none !important;
}
.rev_slider li.tp-revslider-slidesli {
position: absolute !important;
}
.tp-caption .rs-untoggled-content { display:block;}
.tp-caption .rs-toggled-content { display:none;}
.rs-toggle-content-active.tp-caption .rs-toggled-content { display:block;}
.rs-toggle-content-active.tp-caption .rs-untoggled-content { display:none;}
.rev_slider .tp-caption,
.rev_slider .caption 	{ 
position:relative;  
visibility:hidden; 
white-space: nowrap;
display: block;	
-webkit-font-smoothing: antialiased !important;
z-index:1;
}
.rev_slider .tp-caption,
.rev_slider .caption,
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.rev_slider .tp-mask-wrap .tp-caption,
.rev_slider .tp-mask-wrap *:last-child,
.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
.wpb_text_column .rev_slider .tp-mask-wrap *:last-child{
margin-bottom:0;
}
.tp-svg-layer svg {	width:100%; height:100%;position: relative;vertical-align: top} .tp-carousel-wrapper {
cursor:url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/css/openhand.cur), move;
}
.tp-carousel-wrapper.dragged {
cursor:url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/css/closedhand.cur), move;
} .tp_inner_padding {	
box-sizing:border-box;	
max-height:none !important;	
}
.tp-caption.tp-layer-selectable {
-moz-user-select: all;
-khtml-user-select: all;
-webkit-user-select: all;
-o-user-select: all;	
}
.tp-forcenotvisible,
.tp-hide-revslider,
.tp-caption.tp-hidden-caption,
.tp-parallax-wrap.tp-hidden-caption {	
visibility:hidden !important; 
display:none !important
}
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider audio,
.rev_slider video {
max-width: none !important
}
.tp-element-background 	{	position:absolute; top:0px;left:0px; width:100%;height:100%;z-index:0;}
.tp-blockmask,
.tp-blockmask_in,
.tp-blockmask_out { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; z-index: 1000; transform: scaleX(0) scaleY(0);}
.tp-parallax-wrap { transform-style: preserve-3d } .rev_row_zone					{	position:absolute; width:100%;left:0px; box-sizing: border-box;min-height:50px; font-size:0px;}
.rev_row_zone_top 				{	top:0px;}
.rev_row_zone_middle 			{	top:50%; transform:translateY(-50%);}
.rev_row_zone_bottom 			{	bottom:0px;}
.rev_column .tp-parallax-wrap  { vertical-align: top }
.rev_slider .tp-caption.rev_row 	{
display:table;
position:relative;
width:100% !important;
table-layout: fixed;
box-sizing: border-box;
vertical-align: top;
height:auto !important;
font-size:0px;
}
.rev_column {	
display: table-cell;
position: relative;
vertical-align: top;
height: auto;
box-sizing: border-box;	
font-size:0px;
}
.rev_column_inner {
box-sizing: border-box;
display: block;
position: relative;
width:100% !important;
height:auto !important;
white-space: normal !important;
}
.rev_column_bg {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
box-sizing: border-box;
background-clip: content-box;
border: 0px solid transparent;
}
.rev_column_inner .tp-parallax-wrap,
.rev_column_inner .tp-loop-wrap,
.rev_column_inner .tp-mask-wrap 			{	text-align: inherit; }
.rev_column_inner .tp-mask-wrap 			{	display: inline-block;}
.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
.rev_column_inner .tp-parallax-wrap .tp-mask-wrap,
.rev_column_inner .tp-parallax-wrap { position: relative !important; left:auto !important; top:auto !important; line-height: 0px;}
.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
.rev_column_inner .tp-parallax-wrap .tp-mask-wrap,
.rev_column_inner .tp-parallax-wrap,
.rev_column_inner .rev_layer_in_column { vertical-align: top; }
.rev_break_columns { display: block !important }
.rev_break_columns .tp-parallax-wrap.rev_column  { display:block !important; width:100% !important; } .fullscreen-container {	
position:relative;
padding:0;
}
.fullwidthbanner-container{
position:relative;
padding:0;
overflow:hidden;
}
.fullwidthbanner-container .fullwidthabanner{
width:100%;
position:relative;
} .tp-static-layers				{	
position:absolute; z-index:101; top:0px;left:0px; } .tp-static-layers-back {	
z-index:0;
}
.tp-caption .frontcorner		{
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcorner		{
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
.tp-caption .frontcornertop		{
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcornertop		{
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
.tp-layer-inner-rotation {	
position: relative !important;
} img.tp-slider-alternative-image	{	
width:100%; height:auto;
} .noFilterClass {
filter:none !important;
} .rs-background-video-layer 		{	position: absolute;top:0px;left:0px; width:100%;height:100%;visibility: hidden;z-index: 0;}
.tp-caption.coverscreenvideo	{	width:100%;height:100%;top:0px;left:0px;position:absolute;}
.caption.fullscreenvideo,
.tp-caption.fullscreenvideo		{	left:0px; top:0px; position:absolute;width:100%;height:100%}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo audio,
.caption.fullscreenvideo video,
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe audio,
.tp-caption.fullscreenvideo iframe video	{ width:100% !important; height:100% !important; display: none}
.fullcoveredvideo audio,
.fullscreenvideo audio
.fullcoveredvideo video,
.fullscreenvideo video				{	background: #000}
.fullcoveredvideo .tp-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}
.videoisplaying .html5vid .tp-poster	{	display: none}
.tp-video-play-button					{	
background:#000;
background:rgba(0,0,0,0.3);										
border-radius:5px;
position: absolute;
top: 50%;
left: 50%;										
color: #FFF;
z-index: 3;
margin-top: -25px;
margin-left: -25px;
line-height: 50px !important;
text-align: center;
cursor: pointer;
width: 50px;
height:50px;
box-sizing: border-box;
display: inline-block;	
vertical-align: top;
z-index: 4;
opacity: 0;	
transition:opacity 300ms ease-out !important;				
}
.tp-hiddenaudio,
.tp-audio-html5 .tp-video-play-button { display:none !important;}
.tp-caption .html5vid					{	width:100% !important; height:100% !important;}									
.tp-video-play-button i 				{	width:50px;height:50px; display:inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important;}									
.tp-caption:hover .tp-video-play-button	{	opacity: 1; display:block;}
.tp-caption .tp-revstop					{	display:none; border-left:5px solid #fff !important; border-right:5px solid #fff !important;margin-top:15px !important;line-height: 20px !important;vertical-align: top; font-size:25px !important;}
.videoisplaying .revicon-right-dir		{	display:none}
.videoisplaying .tp-revstop				{	display:inline-block}
.videoisplaying  .tp-video-play-button			{	display:none}
.fullcoveredvideo .tp-video-play-button			{	display:none !important}
.fullscreenvideo .fullscreenvideo audio 		{	object-fit:contain !important;}
.fullscreenvideo .fullscreenvideo video 		{	object-fit:contain !important;}
.fullscreenvideo .fullcoveredvideo audio 		{	object-fit:cover !important;}
.fullscreenvideo .fullcoveredvideo video 		{	object-fit:cover !important;}
.tp-video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
opacity: 0;	
transition: opacity .3s;
background-image: linear-gradient(to bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);		
display:table;max-width:100%; overflow:hidden;box-sizing:border-box;
}
.tp-caption:hover .tp-video-controls {	opacity: .9;}
.tp-video-button {
background: rgba(0,0,0,.5);
border: 0;
color: #EEE;	
border-radius: 3px;
cursor:pointer;
line-height:12px;
font-size:12px;
color:#fff;
padding:0px;
margin:0px;
outline: none;
}
.tp-video-button:hover 				{	cursor: pointer;}
.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap 				{ 	padding:0px 5px;display:table-cell; vertical-align: middle;}
.tp-video-seek-bar-wrap				{	width:80%}
.tp-video-vol-bar-wrap				{	width:20%}
.tp-volume-bar,
.tp-seek-bar						{	width:100%; cursor: pointer;  outline:none; line-height:12px;margin:0; padding:0;}
.rs-fullvideo-cover					{	width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;}
.disabled_lc .tp-video-play-button,
.rs-background-video-layer video::-webkit-media-controls-start-playback-button,
.rs-background-video-layer video::-webkit-media-controls,
.rs-background-video-layer audio::-webkit-media-controls { display:none !important;}
.tp-audio-html5 .tp-video-controls {	opacity: 1 !important; visibility: visible !important} .tp-dottedoverlay						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}
.tp-dottedoverlay.twoxtwo				{	background:url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite			{	background:url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree			{	background:url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite		{	background:url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3_white.png)} .tp-shadowcover	{	width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;}
.tp-shadow1 	{	box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);}
.tp-shadow2:before, .tp-shadow2:after,
.tp-shadow3:before, .tp-shadow4:after
{
z-index: -2;
position: absolute;
content: "";
bottom: 10px;
left: 10px;
width: 50%;
top: 85%;
max-width:300px;
background: transparent;  
box-shadow: 0 15px 10px rgba(0,0,0,0.8);
transform: rotate(-3deg);
}
.tp-shadow2:after,
.tp-shadow4:after
{  
transform: rotate(3deg);
right: 10px;
left: auto;
}
.tp-shadow5
{
position:relative;        
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tp-shadow5:before, .tp-shadow5:after
{
content:"";
position:absolute; 
z-index:-2;    
box-shadow:0 0 25px 0px  rgba(0,0,0,0.6);
top:30%;
bottom:0;
left:20px;
right:20px;    
border-radius:100px / 20px;
} .tp-button{
padding:6px 13px 5px;
border-radius: 3px;	
height:30px;
cursor:pointer;
color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
text-decoration:none;
}
.tp-button.big	{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; }
.purchase:hover,
.tp-button:hover,
.tp-button.big:hover {	background-position:bottom, 15px 11px} .tp-button.green, .tp-button:hover.green,
.purchase.green, .purchase:hover.green			{ background-color:#21a117;box-shadow:0px 3px 0px 0px #104d0b;}
.tp-button.blue, .tp-button:hover.blue,
.purchase.blue, .purchase:hover.blue			{ background-color:#1d78cb;box-shadow:0px 3px 0px 0px #0f3e68}
.tp-button.red, .tp-button:hover.red,
.purchase.red, .purchase:hover.red				{ background-color:#cb1d1d;box-shadow:0px 3px 0px 0px #7c1212}
.tp-button.orange, .tp-button:hover.orange,
.purchase.orange, .purchase:hover.orange		{ background-color:#ff7700;box-shadow:0px 3px 0px 0px #a34c00}
.tp-button.darkgrey,.tp-button.grey,
.tp-button:hover.darkgrey,.tp-button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey	{ background-color:#555;box-shadow:0px 3px 0px 0px #222}
.tp-button.lightgrey, .tp-button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey	{ background-color:#888;box-shadow:0px 3px 0px 0px #555} .rev-btn,
.rev-btn:visited						{ 	outline:none !important; box-shadow:none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing:border-box;  font-family: "Roboto", sans-serif;  cursor: pointer;}
.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited			{ 	text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900; }
.rev-btn.rev-withicon i					{ 	font-size: 15px; font-weight: normal; position: relative; top: 0px; transition: all 0.2s ease-out !important; margin-left:10px !important;}
.rev-btn.rev-hiddenicon i				{ 	font-size: 15px; font-weight: normal; position: relative; top: 0px; transition: all 0.2s ease-out !important;  opacity: 0; margin-left:0px !important; width:0px !important;  }
.rev-btn.rev-hiddenicon:hover i			{   opacity: 1 !important; margin-left:10px !important; width:auto !important;} .rev-btn.rev-medium,
.rev-btn.rev-medium:visited				{	 line-height: 36px; font-size: 14px; padding: 10px 30px; }
.rev-btn.rev-medium.rev-withicon i		{ 	font-size: 14px; top: 0px; }
.rev-btn.rev-medium.rev-hiddenicon i	{ 	font-size: 14px; top: 0px; } .rev-btn.rev-small,
.rev-btn.rev-small:visited				{	line-height: 28px; font-size: 12px; padding: 7px 20px; }
.rev-btn.rev-small.rev-withicon i		{	font-size: 12px; top: 0px; }
.rev-btn.rev-small.rev-hiddenicon i		{ 	font-size: 12px; top: 0px; } .rev-maxround 							{ 	border-radius: 30px; }
.rev-minround 							{ 	border-radius: 3px; } .rev-burger {
position: relative;
width: 60px;
height: 60px;
box-sizing: border-box;
padding: 22px 0 0 14px;
border-radius: 50%;
border: 1px solid rgba(51,51,51,0.25);
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
cursor: pointer;
}
.rev-burger span {
display: block;
width: 30px;
height: 3px;
background: #333;
transition: .7s;
pointer-events: none;
transform-style: flat !important;
}
.rev-burger span:nth-child(2) {
margin: 3px 0;
}
#dialog_addbutton .rev-burger:hover :first-child,
.open .rev-burger :first-child,
.open.rev-burger :first-child {
transform: translateY(6px) rotate(-45deg);
}
#dialog_addbutton .rev-burger:hover :nth-child(2),
.open .rev-burger :nth-child(2),
.open.rev-burger :nth-child(2) {
transform: rotate(-45deg);
opacity: 0;
}
#dialog_addbutton .rev-burger:hover :last-child,
.open .rev-burger :last-child,
.open.rev-burger :last-child {
transform: translateY(-6px) rotate(-135deg);
}
.rev-burger.revb-white {
border: 2px solid rgba(255,255,255,0.2);
}
.rev-burger.revb-white span {
background: #fff;
}
.rev-burger.revb-whitenoborder {
border: 0;
}
.rev-burger.revb-whitenoborder span {
background: #fff;
}
.rev-burger.revb-darknoborder {
border: 0;
}
.rev-burger.revb-darknoborder span {
background: #333;
}
.rev-burger.revb-whitefull {
background: #fff;
border:none;
}
.rev-burger.revb-whitefull span {
background:#333;
}
.rev-burger.revb-darkfull {
background: #333;
border:none;
}
.rev-burger.revb-darkfull span {
background:#fff;
} @keyframes rev-ani-mouse {
0% {opacity: 1;top: 29%;}
15% {opacity: 1;top: 50%;}
50% {opacity: 0;top: 50%;}
100% {opacity: 0;top: 29%;}
}
.rev-scroll-btn {
display: inline-block;
position: relative;
left: 0;
right: 0;
text-align: center;
cursor: pointer;
width:35px;
height:55px;	
box-sizing: border-box;
border: 3px solid white;
border-radius: 23px;
}
.rev-scroll-btn > * {
display: inline-block;
line-height: 18px;
font-size: 13px;
font-weight: normal;
color: #7f8c8d;
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 2px;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *.active {
color: #ffffff;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *:active,
.rev-scroll-btn > *.active {
opacity: 0.8;
}
.rev-scroll-btn.revs-fullwhite  {
background:#fff;
}
.rev-scroll-btn.revs-fullwhite span {
background: #333;	
}
.rev-scroll-btn.revs-fulldark  {
background:#333;
border:none;
}
.rev-scroll-btn.revs-fulldark  span {
background: #fff;	
}
.rev-scroll-btn span {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 8px;
height: 8px;
margin: -4px 0 0 -4px;
background: white;
border-radius: 50%;	
animation: rev-ani-mouse 2.5s linear infinite;
}
.rev-scroll-btn.revs-dark {
border-color:#333;
}
.rev-scroll-btn.revs-dark span {
background: #333;	
}
.rev-control-btn {
position: relative;
display: inline-block;
z-index: 5;	
color: #FFF;  
font-size: 20px;
line-height: 60px;
font-weight: 400;
font-style: normal;
font-family: Raleway;	
text-decoration: none;
text-align: center;
background-color: #000;	
border-radius: 50px;	
text-shadow: none;
background-color: rgba(0, 0, 0, 0.50);
width:60px;
height:60px;
box-sizing: border-box;
cursor: pointer;
}
.rev-cbutton-dark-sr	{	
border-radius: 3px;		
}
.rev-cbutton-light	{	
color: #333;  	
background-color: rgba(255,255,255, 0.75);	
}
.rev-cbutton-light-sr	{		
color: #333;  	
border-radius: 3px;		
background-color: rgba(255,255,255, 0.75);
}
.rev-sbutton {	
line-height: 37px;	
width:37px;
height:37px;	
}
.rev-sbutton-blue	{	
background-color: #3B5998
}
.rev-sbutton-lightblue	{	
background-color: #00A0D1;
}
.rev-sbutton-red	{	
background-color: #DD4B39;
} .tp-bannertimer								{	visibility: hidden; width:100%; height:5px; background:#000; background:rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px}
.tp-bannertimer.tp-bottom					{	top:auto; bottom:0px !important;height:5px} .tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom:1;
}
.tp-caption img {  }
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:3000px; height:1500px;  background:url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/assets/coloredbg.png) repeat}
.tp-caption.slidelink a span{	background:url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/assets/coloredbg.png) repeat}
.tp-shape {	width:100%;height:100%;} .tp-caption .rs-starring				{	display: inline-block}
.tp-caption .rs-starring .star-rating {
float: none;	
display: inline-block;
vertical-align: top;
color: #FFC321 !important;
}
.tp-caption .rs-starring .star-rating, 
.tp-caption .rs-starring-page .star-rating {	
position: relative;
height: 1em;	
width: 5.4em;
font-family: star;
font-size: 1em !important;
}
.tp-caption  .rs-starring .star-rating:before, 
.tp-caption  .rs-starring-page .star-rating:before {
content: "\73\73\73\73\73";
color: #E0DADF;
float: left;
top: 0;
left: 0;
position: absolute;
}
.tp-caption .rs-starring .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
font-size: 1em !important;
}
.tp-caption .rs-starring .star-rating span:before,
.tp-caption .rs-starring .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
} .tp-loader 	{
top:50%; left:50%;
z-index:10000;
position:absolute;
}
.tp-loader.spinner0 {
width: 40px;
height: 40px;
background-color: #fff;
background-image:url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/assets/loader.gif);
background-repeat:no-repeat;
background-position: center center;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);	
margin-top:-20px;
margin-left:-20px;	
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;	
}
.tp-loader.spinner1 {
width: 40px;
height: 40px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);	
margin-top:-20px;
margin-left:-20px;	
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;	
}
.tp-loader.spinner5 	{	
background-image:url(//www.venushotelgroup.com/wp-content/plugins/revslider/public/assets/assets/loader.gif);
background-repeat:no-repeat;
background-position:10px 10px;
background-color:#fff;
margin:-22px -22px;
width:44px;height:44px;
border-radius: 3px;	
}
@keyframes tp-rotateplane {
0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);} 
50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);} 
100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
.tp-loader.spinner2 {
width: 40px;
height: 40px;
margin-top:-20px;margin-left:-20px;
background-color: #ff0000;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);	
border-radius: 100%;	
animation: tp-scaleout 1.0s infinite ease-in-out;
}
@keyframes tp-scaleout {
0% {transform: scale(0.0);} 
100% {transform: scale(1.0);opacity: 0;}
}
.tp-loader.spinner3 {
margin: -9px 0px 0px -35px;
width: 70px;
text-align: center;
}
.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
border-radius: 100%;
display: inline-block;  
animation: tp-bouncedelay 1.4s infinite ease-in-out; animation-fill-mode: both;
}
.tp-loader.spinner3 .bounce1 {
animation-delay: -0.32s;
}
.tp-loader.spinner3 .bounce2 {  
animation-delay: -0.16s;
}
@keyframes tp-bouncedelay {
0%, 80%, 100% {transform: scale(0.0);} 
40% {transform: scale(1.0);}
}
.tp-loader.spinner4 {
margin: -20px 0px 0px -20px;
width: 40px;
height: 40px;
text-align: center;
animation: tp-rotate 2.0s infinite linear;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;  
animation: tp-bounce 2.0s infinite ease-in-out;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
}
.tp-loader.spinner4 .dot2 {
top: auto;
bottom: 0px;  
animation-delay: -1.0s;
}
@keyframes tp-rotate { 100% { transform: rotate(360deg);}}
@keyframes tp-bounce {
0%, 100% {transform: scale(0.0);} 
50% { transform: scale(1.0);}
} .tp-thumbs.navbar,
.tp-bullets.navbar,
.tp-tabs.navbar					{	border:none; min-height: 0; margin:0; border-radius: 0; }
.tp-tabs,
.tp-thumbs,
.tp-bullets						{	position:absolute; display:block; z-index:1000; top:0px; left:0px;}
.tp-tab,
.tp-thumb 						{	cursor: pointer; position:absolute;opacity:0.5;  box-sizing: border-box;}
.tp-arr-imgholder,
.tp-videoposter,
.tp-thumb-image,
.tp-tab-image					{	background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;}
.tp-tab:hover,
.tp-tab.selected,
.tp-thumb:hover,
.tp-thumb.selected				{	opacity:1;}
.tp-tab-mask,
.tp-thumb-mask 					{	box-sizing:border-box !important; }
.tp-tabs,
.tp-thumbs						{	box-sizing:content-box !important; }
.tp-bullet 						{	width:15px;height:15px; position:absolute; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;}
.tp-bullet.selected,
.tp-bullet:hover				{	background:#fff;}
.tparrows						{	cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px;height:40px;position:absolute; display:block; z-index:1000; }
.tparrows:hover 				{	background:#000;}
.tparrows:before				{	font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;}
.tparrows.tp-leftarrow:before	{	content: '\e824'; }
.tparrows.tp-rightarrow:before	{	content: '\e825'; } body.rtl .tp-kbimg {left: 0 !important} .dddwrappershadow { box-shadow:0 45px 100px rgba(0, 0, 0, 0.4);} .hglayerinfo				   {	  position: fixed;
bottom: 0px;
left: 0px;
color: #FFF;
font-size: 12px;
line-height: 20px;
font-weight: 600;
background: rgba(0, 0, 0, 0.75);
padding: 5px 10px;
z-index: 2000;
white-space: normal;}
.hginfo 					   { 	position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;}
.indebugmode .tp-caption:hover { 	border:1px dashed #c0392b !important;}
.helpgrid 					   { 	border:2px dashed #c0392b;position:absolute;top:0px;left:0px;z-index:0 }
#revsliderlogloglog				{	padding:15px;color:#fff;position:fixed; top:0px;left:0px;width:200px;height:150px;background:rgba(0,0,0,0.7); z-index:100000; font-size:10px; overflow:scroll;} .aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}
.tp-kbimg-wrap:before,
.tp-kbimg-wrap:after {height:500%;width:500%}