.wpr-anim-transparency {
opacity: 0;
}
.wpr-element-fade-in,
.wpr-overlay-fade-in {
opacity: 0;
}
.wpr-animation-wrap-active .wpr-anim-size-small.wpr-element-fade-in,
.wpr-animation-wrap-active .wpr-anim-size-small.wpr-overlay-fade-in,
.wpr-animation-wrap:hover .wpr-anim-size-small.wpr-element-fade-in,
.wpr-animation-wrap:hover .wpr-anim-size-small.wpr-overlay-fade-in,
.wpr-animation-enter > .wpr-anim-size-small.wpr-overlay-fade-in {
opacity: 0.4;
}
.wpr-animation-wrap-active .wpr-anim-size-medium.wpr-element-fade-in,
.wpr-animation-wrap-active .wpr-anim-size-medium.wpr-overlay-fade-in,
.wpr-animation-wrap:hover .wpr-anim-size-medium.wpr-element-fade-in,
.wpr-animation-wrap:hover .wpr-anim-size-medium.wpr-overlay-fade-in,
.wpr-animation-enter > .wpr-anim-size-medium.wpr-overlay-fade-in {
opacity: 0.75;
}
.wpr-animation-wrap-active .wpr-anim-size-large.wpr-element-fade-in,
.wpr-animation-wrap-active .wpr-anim-size-large.wpr-overlay-fade-in,
.wpr-animation-wrap:hover .wpr-anim-size-large.wpr-element-fade-in,
.wpr-animation-wrap:hover .wpr-anim-size-large.wpr-overlay-fade-in,
.wpr-animation-enter > .wpr-anim-size-large.wpr-overlay-fade-in {
opacity: 1;
}
.wpr-element-fade-out,
.wpr-overlay-fade-out {
opacity: 1;
}
.wpr-animation-wrap-active .wpr-anim-size-small.wpr-element-fade-out,
.wpr-animation-wrap-active .wpr-anim-size-small.wpr-overlay-fade-out,
.wpr-animation-wrap:hover .wpr-anim-size-small.wpr-element-fade-out,
.wpr-animation-wrap:hover .wpr-anim-size-small.wpr-overlay-fade-out,
.wpr-animation-enter > .wpr-anim-size-small.wpr-overlay-fade-out {
opacity: 0.75;
}
.wpr-animation-wrap-active .wpr-anim-size-medium.wpr-element-fade-out,
.wpr-animation-wrap-active .wpr-anim-size-medium.wpr-overlay-fade-out,
.wpr-animation-wrap:hover .wpr-anim-size-medium.wpr-element-fade-out,
.wpr-animation-wrap:hover .wpr-anim-size-medium.wpr-overlay-fade-out,
.wpr-animation-enter > .wpr-anim-size-medium.wpr-overlay-fade-out {
opacity: 0.4;
}
.wpr-animation-wrap-active .wpr-anim-size-large.wpr-element-fade-out,
.wpr-animation-wrap-active .wpr-anim-size-large.wpr-overlay-fade-out,
.wpr-animation-wrap-hover .wpr-anim-size-large.wpr-element-fade-out,
.wpr-animation-wrap-hover .wpr-anim-size-large.wpr-overlay-fade-out,
.wpr-animation-wrap:hover .wpr-anim-size-large.wpr-element-fade-out,
.wpr-animation-wrap:hover .wpr-anim-size-large.wpr-overlay-fade-out,
.wpr-animation-enter > .wpr-anim-size-large.wpr-overlay-fade-out {
opacity: 0;
}
.wpr-anim-size-small.wpr-element-slide-top {
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
}
.wpr-anim-size-medium.wpr-element-slide-top {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.wpr-anim-size-large.wpr-element-slide-top {
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
}
.wpr-anim-size-small.wpr-overlay-slide-top {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.wpr-anim-size-medium.wpr-overlay-slide-top {
-webkit-transform: translateY(-70%);
-ms-transform: translateY(-70%);
transform: translateY(-70%);
}
.wpr-anim-size-large.wpr-overlay-slide-top {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.wpr-anim-size-small.wpr-element-slide-bottom {
-webkit-transform: translateY(30%);
-ms-transform: translateY(30%);
transform: translateY(30%);
}
.wpr-anim-size-medium.wpr-element-slide-bottom {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.wpr-anim-size-large.wpr-element-slide-bottom {
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
transform: translateY(200%);
}
.wpr-anim-size-small.wpr-overlay-slide-bottom {
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.wpr-anim-size-medium.wpr-overlay-slide-bottom {
-webkit-transform: translateY(70%);
-ms-transform: translateY(70%);
transform: translateY(70%);
}
.wpr-anim-size-large.wpr-overlay-slide-bottom {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.wpr-animation-wrap-active .wpr-element-slide-top,
.wpr-animation-wrap-active .wpr-overlay-slide-top,
.wpr-animation-wrap:hover .wpr-element-slide-top,
.wpr-animation-wrap:hover .wpr-overlay-slide-top,
.wpr-animation-enter > .wpr-overlay-slide-top,
.wpr-animation-wrap-active .wpr-element-slide-bottom,
.wpr-animation-wrap-active .wpr-overlay-slide-bottom,
.wpr-animation-wrap:hover .wpr-element-slide-bottom,
.wpr-animation-wrap:hover .wpr-overlay-slide-bottom,
.wpr-animation-enter > .wpr-overlay-slide-bottom {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.wpr-anim-size-small.wpr-element-slide-right {
-webkit-transform: translateX(30%);
-ms-transform: translateX(30%);
transform: translateX(30%);
}
.wpr-anim-size-medium.wpr-element-slide-right {
-webkit-transform: translateX(150%);
-ms-transform: translateX(150%);
transform: translateX(150%);
}
.wpr-anim-size-large.wpr-element-slide-right {
-webkit-transform: translateX(300%);
-ms-transform: translateX(300%);
transform: translateX(300%);
}
.wpr-anim-size-small.wpr-overlay-slide-right {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.wpr-anim-size-medium.wpr-overlay-slide-right {
-webkit-transform: translateX(70%);
-ms-transform: translateX(70%);
transform: translateX(70%);
}
.wpr-anim-size-large.wpr-overlay-slide-right {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.wpr-anim-size-small.wpr-element-slide-left {
-webkit-transform: translateX(-30%);
-ms-transform: translateX(-30%);
transform: translateX(-30%);
}
.wpr-anim-size-medium.wpr-element-slide-left {
-webkit-transform: translateX(-150%);
-ms-transform: translateX(-150%);
transform: translateX(-150%);
}
.wpr-anim-size-large.wpr-element-slide-left {
-webkit-transform: translateX(-300%);
-ms-transform: translateX(-300%);
transform: translateX(-300%);
}
.wpr-anim-size-small.wpr-overlay-slide-left {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.wpr-anim-size-medium.wpr-overlay-slide-left {
-webkit-transform: translateX(-70%);
-ms-transform: translateX(-70%);
transform: translateX(-70%);
}
.wpr-anim-size-large.wpr-overlay-slide-left {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.wpr-animation-wrap-active .wpr-element-slide-right,
.wpr-animation-wrap-active .wpr-overlay-slide-right,
.wpr-animation-wrap:hover .wpr-element-slide-right,
.wpr-animation-wrap:hover .wpr-overlay-slide-right,
.wpr-animation-enter > .wpr-overlay-slide-right,
.wpr-animation-wrap-active .wpr-element-slide-left,
.wpr-animation-wrap-active .wpr-overlay-slide-left,
.wpr-animation-wrap-hover .wpr-element-slide-left,
.wpr-animation-wrap-hover .wpr-overlay-slide-left,
.wpr-animation-wrap:hover .wpr-element-slide-left,
.wpr-animation-wrap:hover .wpr-overlay-slide-left,
.wpr-animation-enter > .wpr-overlay-slide-left {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.wpr-element-slide-x-right,
.wpr-element-slide-x-left {
position: relative;
overflow: hidden;
}
.wpr-element-slide-x-right .inner-block,
.wpr-element-slide-x-left .inner-block {
position: relative;
-webkit-transition-duration: inherit;
-o-transition-duration: inherit;
transition-duration: inherit;
}
.wpr-element-slide-x-right .inner-block {
right: -100%;
}
.wpr-animation-wrap-active .wpr-element-slide-x-right .inner-block,
.wpr-animation-wrap:hover .wpr-element-slide-x-right .inner-block  {
right: 0;
}
.wpr-element-slide-x-left .inner-block {
left: -100%;
}
.wpr-animation-wrap-active .wpr-element-slide-x-left .inner-block,
.wpr-animation-wrap:hover .wpr-element-slide-x-left .inner-block {
left: 0;
}
.wpr-element-skew-top,
.wpr-overlay-skew-top {
-webkit-transform-origin: center top 0;
-ms-transform-origin: center top 0;
transform-origin: center top 0;
}
.wpr-overlay-skew-top {
top: 0 !important;
}
.wpr-anim-size-small.wpr-element-skew-top,
.wpr-anim-size-small.wpr-overlay-skew-top {
-webkit-transform: perspective(600px) rotateX(-30deg);
transform: perspective(600px) rotateX(-30deg);
}
.wpr-anim-size-medium.wpr-element-skew-top,
.wpr-anim-size-medium.wpr-overlay-skew-top {
-webkit-transform: perspective(600px) rotateX(-50deg);
transform: perspective(600px) rotateX(-50deg);
}
.wpr-anim-size-large.wpr-element-skew-top,
.wpr-anim-size-large.wpr-overlay-skew-top {
-webkit-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
}
.wpr-element-skew-bottom,
.wpr-overlay-skew-bottom {
-webkit-transform-origin: center bottom 0;
-ms-transform-origin: center bottom 0;
transform-origin: center bottom 0;
}
.wpr-overlay-skew-bottom {
top: auto !important;
bottom: 0 !important;
}
.wpr-anim-size-small.wpr-element-skew-bottom,
.wpr-anim-size-small.wpr-overlay-skew-bottom {
-webkit-transform: perspective(600px) rotateX(30deg);
transform: perspective(600px) rotateX(30deg);
}
.wpr-anim-size-medium.wpr-element-skew-bottom,
.wpr-anim-size-medium.wpr-overlay-skew-bottom {
-webkit-transform: perspective(600px) rotateX(50deg);
transform: perspective(600px) rotateX(50deg);
}
.wpr-anim-size-large.wpr-element-skew-bottom,
.wpr-anim-size-large.wpr-overlay-skew-bottom {
-webkit-transform: perspective(600px) rotateX(90deg);
transform: perspective(600px) rotateX(90deg);
}
.wpr-animation-wrap-active .wpr-element-skew-top,
.wpr-animation-wrap-active .wpr-overlay-skew-top,
.wpr-animation-wrap:hover .wpr-element-skew-top,
.wpr-animation-wrap:hover .wpr-overlay-skew-top,
.wpr-animation-enter > .wpr-overlay-skew-top,
.wpr-animation-wrap-active .wpr-element-skew-bottom,
.wpr-animation-wrap-active .wpr-overlay-skew-bottom,
.wpr-animation-wrap:hover .wpr-element-skew-bottom,
.wpr-animation-wrap:hover .wpr-overlay-skew-bottom,
.wpr-animation-enter > .wpr-overlay-skew-bottom {
opacity: 1;
-webkit-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
}
.wpr-element-skew-right,
.wpr-overlay-skew-right {
-webkit-transform-origin: center right 0;
-ms-transform-origin: center right 0;
transform-origin: center right 0;
}
.wpr-overlay-skew-right {
left: auto !important;
right: 0 !important;
}
.wpr-anim-size-small.wpr-element-skew-right,
.wpr-anim-size-small.wpr-overlay-skew-right {
-webkit-transform: perspective(600px) rotateY(-30deg);
transform: perspective(600px) rotateY(-30deg);
}
.wpr-anim-size-medium.wpr-element-skew-right,
.wpr-anim-size-medium.wpr-overlay-skew-right {
-webkit-transform: perspective(600px) rotateY(-50deg);
transform: perspective(600px) rotateY(-50deg);
}
.wpr-anim-size-large.wpr-element-skew-right,
.wpr-anim-size-large.wpr-overlay-skew-right {
-webkit-transform: perspective(600px) rotateY(-90deg);
transform: perspective(600px) rotateY(-90deg);
}
.wpr-element-skew-left,
.wpr-overlay-skew-left {
-webkit-transform-origin: center left 0;
-ms-transform-origin: center left 0;
transform-origin: center left 0;
}
.wpr-overlay-skew-left {
left: 0 !important;
}
.wpr-anim-size-small.wpr-element-skew-left,
.wpr-anim-size-small.wpr-overlay-skew-left {
-webkit-transform: perspective(600px) rotateY(30deg);
transform: perspective(600px) rotateY(30deg);
}
.wpr-anim-size-medium.wpr-element-skew-left,
.wpr-anim-size-medium.wpr-overlay-skew-left {
-webkit-transform: perspective(600px) rotateY(50deg);
transform: perspective(600px) rotateY(50deg);
}
.wpr-anim-size-large.wpr-element-skew-left,
.wpr-anim-size-large.wpr-overlay-skew-left {
-webkit-transform: perspective(600px) rotateY(90deg);
transform: perspective(600px) rotateY(90deg);
}
.wpr-animation-wrap-active .wpr-element-skew-right,
.wpr-animation-wrap-active .wpr-overlay-skew-right,
.wpr-animation-wrap:hover .wpr-element-skew-right,
.wpr-animation-wrap:hover .wpr-overlay-skew-right,
.wpr-animation-enter > .wpr-overlay-skew-right,
.wpr-animation-wrap-active .wpr-element-skew-left,
.wpr-animation-wrap-active .wpr-overlay-skew-left,
.wpr-animation-wrap:hover .wpr-element-skew-left,
.wpr-animation-wrap:hover .wpr-overlay-skew-left,
.wpr-animation-enter > .wpr-overlay-skew-left {
opacity: 1;
-webkit-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
}
.wpr-anim-size-small.wpr-element-scale-up,
.wpr-anim-size-small.wpr-overlay-scale-up {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.wpr-anim-size-medium.wpr-element-scale-up,
.wpr-anim-size-medium.wpr-overlay-scale-up {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
.wpr-anim-size-large.wpr-element-scale-up,
.wpr-anim-size-large.wpr-overlay-scale-up {
-webkit-transform: scale(0.2);
-ms-transform: scale(0.2);
transform: scale(0.2);
}
.wpr-anim-size-small.wpr-element-scale-down,
.wpr-anim-size-small.wpr-overlay-scale-down {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.wpr-anim-size-medium.wpr-element-scale-down,
.wpr-anim-size-medium.wpr-overlay-scale-down {
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}
.wpr-anim-size-large.wpr-element-scale-down,
.wpr-anim-size-large.wpr-overlay-scale-down {
-webkit-transform: scale(1.9);
-ms-transform: scale(1.9);
transform: scale(1.9);
}
.wpr-animation-wrap-active .wpr-element-scale-up,
.wpr-animation-wrap-active .wpr-overlay-scale-up,
.wpr-animation-wrap:hover .wpr-element-scale-up,
.wpr-animation-wrap:hover .wpr-overlay-scale-up,
.wpr-animation-enter > .wpr-overlay-scale-up,
.wpr-animation-wrap-active .wpr-element-scale-down,
.wpr-animation-wrap-active .wpr-overlay-scale-down,
.wpr-animation-wrap:hover .wpr-element-scale-down,
.wpr-animation-wrap:hover .wpr-overlay-scale-down,
.wpr-animation-enter > .wpr-overlay-scale-down {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.wpr-anim-size-small.wpr-element-roll-right,
.wpr-anim-size-small.wpr-overlay-roll-right {
-webkit-transform: translateX(100%) rotate(90deg);
-ms-transform: translateX(100%) rotate(90deg);
transform: translateX(100%) rotate(90deg);
}
.wpr-anim-size-medium.wpr-element-roll-right,
.wpr-anim-size-medium.wpr-overlay-roll-right {
-webkit-transform: translateX(100%) rotate(240deg);
-ms-transform: translateX(100%) rotate(240deg);
transform: translateX(100%) rotate(240deg);
}
.wpr-anim-size-large.wpr-element-roll-right,
.wpr-anim-size-large.wpr-overlay-roll-right {
-webkit-transform: translateX(100%) rotate(360deg);
-ms-transform: translateX(100%) rotate(360deg);
transform: translateX(100%) rotate(360deg);
}
.wpr-anim-size-small.wpr-element-roll-left,
.wpr-anim-size-small.wpr-overlay-roll-left {
-webkit-transform: translateX(-100%) rotate(-90deg);
-ms-transform: translateX(-100%) rotate(-90deg);
transform: translateX(-100%) rotate(-90deg);
}
.wpr-anim-size-medium.wpr-element-roll-left,
.wpr-anim-size-medium.wpr-overlay-roll-left {
-webkit-transform: translateX(-100%) rotate(-240deg);
-ms-transform: translateX(-100%) rotate(-240deg);
transform: translateX(-100%) rotate(-240deg);
}
.wpr-anim-size-large.wpr-element-roll-left,
.wpr-anim-size-large.wpr-overlay-roll-left {
-webkit-transform: translateX(-100%) rotate(-360deg);
-ms-transform: translateX(-100%) rotate(-360deg);
transform: translateX(-100%) rotate(-360deg);
}
.wpr-animation-wrap-active .wpr-element-roll-right,
.wpr-animation-wrap-active .wpr-overlay-roll-right,
.wpr-animation-wrap:hover .wpr-element-roll-right,
.wpr-animation-wrap:hover .wpr-overlay-roll-right,
.wpr-animation-enter > .wpr-overlay-roll-right,
.wpr-animation-wrap-active .wpr-element-roll-left,
.wpr-animation-wrap-active .wpr-overlay-roll-left,
.wpr-animation-wrap:hover .wpr-element-roll-left,
.wpr-animation-wrap:hover .wpr-overlay-roll-left,
.wpr-animation-enter > .wpr-overlay-roll-left {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
} .wpr-anim-timing-linear {
-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
.wpr-anim-timing-ease-default {
-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
-o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
}
.wpr-anim-timing-ease-in {
-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
}
.wpr-anim-timing-ease-out {
-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.wpr-anim-timing-ease-in-out {
-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
.wpr-anim-timing-ease-in-quad {
-webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
-o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
}
.wpr-anim-timing-ease-in-cubic {
-webkit-transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-o-transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
.wpr-anim-timing-ease-in-quart {
-webkit-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220);
-o-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220);
transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220);
}
.wpr-anim-timing-ease-in-quint {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-o-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
}
.wpr-anim-timing-ease-in-sine {
-webkit-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
-o-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
}
.wpr-anim-timing-ease-in-expo {
-webkit-transition-timing-function: cubic-bezier(0.950, 0.050, 0.795, 0.035);
-o-transition-timing-function: cubic-bezier(0.950, 0.050, 0.795, 0.035);
transition-timing-function: cubic-bezier(0.950, 0.050, 0.795, 0.035);
}
.wpr-anim-timing-ease-in-circ {
-webkit-transition-timing-function: cubic-bezier(0.600, 0.040, 0.980, 0.335);
-o-transition-timing-function: cubic-bezier(0.600, 0.040, 0.980, 0.335);
transition-timing-function: cubic-bezier(0.600, 0.040, 0.980, 0.335);
}
.wpr-anim-timing-ease-in-back {
-webkit-transition-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045);
-o-transition-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045);
transition-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.wpr-anim-timing-ease-out-quad {
-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.wpr-anim-timing-ease-out-cubic {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.wpr-anim-timing-ease-out-quart {
-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.wpr-anim-timing-ease-out-quint {
-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
-o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.wpr-anim-timing-ease-out-sine {
-webkit-transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000);
-o-transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000);
transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000);
}
.wpr-anim-timing-ease-out-expo {
-webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
-o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.wpr-anim-timing-ease-out-circ {
-webkit-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
-o-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.wpr-anim-timing-ease-out-back {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.wpr-anim-timing-ease-in-out-quad {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
-o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955)
}
.wpr-anim-timing-ease-in-out-cubic {
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.wpr-anim-timing-ease-in-out-quart {
-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.wpr-anim-timing-ease-in-out-quint {
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.wpr-anim-timing-ease-in-out-sine {
-webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
-o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.wpr-anim-timing-ease-in-out-expo {
-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
}
.wpr-anim-timing-ease-in-out-circ {
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.wpr-anim-timing-ease-in-out-back {
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
-o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
} .wpr-slide.wpr-effect-dir-top:hover img {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.wpr-slide.wpr-effect-dir-bottom:hover img {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.wpr-slide.wpr-effect-dir-right:hover img {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.wpr-slide.wpr-effect-dir-left:hover img {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.wpr-zoom-in.wpr-effect-size-small:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.wpr-zoom-in.wpr-effect-size-medium:hover img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.wpr-zoom-in.wpr-effect-size-large:hover img {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.wpr-zoom-out.wpr-effect-size-small img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.wpr-zoom-out.wpr-effect-size-medium img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.wpr-zoom-out.wpr-effect-size-large img {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.wpr-zoom-out.wpr-effect-size-small:hover img,
.wpr-zoom-out.wpr-effect-size-medium:hover img,
.wpr-zoom-out.wpr-effect-size-large:hover img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.wpr-grayscale-in.wpr-effect-size-small:hover img {
-webkit-filter: grayscale(0.3);
filter: grayscale(0.3);
}
.wpr-grayscale-in.wpr-effect-size-medium:hover img {
-webkit-filter: grayscale(0.6);
filter: grayscale(0.6);
}
.wpr-grayscale-in.wpr-effect-size-large:hover img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.wpr-grayscale-out.wpr-effect-size-small img {
-webkit-filter: grayscale(0.3);
filter: grayscale(0.3);
}
.wpr-grayscale-out.wpr-effect-size-medium img {
-webkit-filter: grayscale(0.6);
filter: grayscale(0.6);
}
.wpr-grayscale-out.wpr-effect-size-large img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.wpr-grayscale-out.wpr-effect-size-small:hover img,
.wpr-grayscale-out.wpr-effect-size-medium:hover img,
.wpr-grayscale-out.wpr-effect-size-large:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.wpr-blur-in.wpr-effect-size-small:hover img {
-webkit-filter: blur(1px);
filter: blur(1px);
}
.wpr-blur-in.wpr-effect-size-medium:hover img {
-webkit-filter: blur(3px);
filter: blur(3px);
}
.wpr-blur-in.wpr-effect-size-large:hover img {
-webkit-filter: blur(5px);
filter: blur(5px);
}
.wpr-blur-out.wpr-effect-size-small img {
-webkit-filter: blur(1px);
filter: blur(1px);
}
.wpr-blur-out.wpr-effect-size-medium img {
-webkit-filter: blur(3px);
filter: blur(3px);
}
.wpr-blur-out.wpr-effect-size-large img {
-webkit-filter: blur(5px);
filter: blur(5px);
}
.wpr-blur-out.wpr-effect-size-small:hover img,
.wpr-blur-out.wpr-effect-size-medium:hover img,
.wpr-blur-out.wpr-effect-size-large:hover img {
-webkit-filter: blur(0px);
filter: blur(0px);
}
.wpr-slide.wpr-effect-dir-top:hover .wpr-accordion-background {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.wpr-slide.wpr-effect-dir-bottom:hover .wpr-accordion-background {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.wpr-slide.wpr-effect-dir-right:hover .wpr-accordion-background {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.wpr-slide.wpr-effect-dir-left:hover .wpr-accordion-background {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.wpr-zoom-in.wpr-effect-size-small:hover .wpr-accordion-background {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.wpr-zoom-in.wpr-effect-size-medium:hover .wpr-accordion-background {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.wpr-zoom-in.wpr-effect-size-large:hover .wpr-accordion-background {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.wpr-zoom-out.wpr-effect-size-small .wpr-accordion-background {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.wpr-zoom-out.wpr-effect-size-medium .wpr-accordion-background {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.wpr-zoom-out.wpr-effect-size-large .wpr-accordion-background {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.wpr-zoom-out.wpr-effect-size-small:hover .wpr-accordion-background,
.wpr-zoom-out.wpr-effect-size-medium:hover .wpr-accordion-background,
.wpr-zoom-out.wpr-effect-size-large:hover .wpr-accordion-background {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.wpr-grayscale-in.wpr-effect-size-small:hover .wpr-accordion-background {
-webkit-filter: grayscale(0.3);
filter: grayscale(0.3);
}
.wpr-grayscale-in.wpr-effect-size-medium:hover .wpr-accordion-background {
-webkit-filter: grayscale(0.6);
filter: grayscale(0.6);
}
.wpr-grayscale-in.wpr-effect-size-large:hover .wpr-accordion-background {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.wpr-grayscale-out.wpr-effect-size-small .wpr-accordion-background {
-webkit-filter: grayscale(0.3);
filter: grayscale(0.3);
}
.wpr-grayscale-out.wpr-effect-size-medium .wpr-accordion-background {
-webkit-filter: grayscale(0.6);
filter: grayscale(0.6);
}
.wpr-grayscale-out.wpr-effect-size-large .wpr-accordion-background {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.wpr-grayscale-out.wpr-effect-size-small:hover .wpr-accordion-background,
.wpr-grayscale-out.wpr-effect-size-medium:hover .wpr-accordion-background,
.wpr-grayscale-out.wpr-effect-size-large:hover .wpr-accordion-background {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.wpr-blur-in.wpr-effect-size-small:hover .wpr-accordion-background {
-webkit-filter: blur(1px);
filter: blur(1px);
}
.wpr-blur-in.wpr-effect-size-medium:hover .wpr-accordion-background {
-webkit-filter: blur(3px);
filter: blur(3px);
}
.wpr-blur-in.wpr-effect-size-large:hover .wpr-accordion-background {
-webkit-filter: blur(5px);
filter: blur(5px);
}
.wpr-blur-out.wpr-effect-size-small .wpr-accordion-background {
-webkit-filter: blur(1px);
filter: blur(1px);
}
.wpr-blur-out.wpr-effect-size-medium .wpr-accordion-background {
-webkit-filter: blur(3px);
filter: blur(3px);
}
.wpr-blur-out.wpr-effect-size-large .wpr-accordion-background {
-webkit-filter: blur(5px);
filter: blur(5px);
}
.wpr-blur-out.wpr-effect-size-small:hover .wpr-accordion-background,
.wpr-blur-out.wpr-effect-size-medium:hover .wpr-accordion-background,
.wpr-blur-out.wpr-effect-size-large:hover .wpr-accordion-background {
-webkit-filter: blur(0px);
filter: blur(0px);
} .wpr-animation-wrap-active .wpr-bg-anim-zoom-in,
.wpr-animation-wrap:hover .wpr-bg-anim-zoom-in {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.wpr-bg-anim-zoom-out {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.wpr-animation-wrap-active .wpr-bg-anim-zoom-out,
.wpr-animation-wrap:hover .wpr-bg-anim-zoom-out {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.wpr-bg-anim-move-left {
-webkit-transform: scale(1.2) translateX(8%);
-ms-transform: scale(1.2) translateX(8%);
transform: scale(1.2) translateX(8%);
}
.wpr-animation-wrap-active .wpr-bg-anim-move-left,
.wpr-animation-wrap:hover .wpr-bg-anim-move-left {
-webkit-transform: scale(1.2) translateX(-8%);
-ms-transform: scale(1.2) translateX(-8%);
transform: scale(1.2) translateX(-8%);
}
.wpr-bg-anim-move-right {
-webkit-transform: scale(1.2) translateX(-8%);
-ms-transform: scale(1.2) translateX(-8%);
transform: scale(1.2) translateX(-8%);
}
.wpr-animation-wrap-active .wpr-bg-anim-move-right,
.wpr-animation-wrap:hover .wpr-bg-anim-move-right {
-webkit-transform: scale(1.2) translateX(8%);
-ms-transform: scale(1.2) translateX(8%);
transform: scale(1.2) translateX(8%);
}
.wpr-bg-anim-move-up {
-webkit-transform: scale(1.2) translateY(8%);
-ms-transform: scale(1.2) translateY(8%);
transform: scale(1.2) translateY(8%);
}
.wpr-animation-wrap-active .wpr-bg-anim-move-up,
.wpr-animation-wrap:hover .wpr-bg-anim-move-up {
-webkit-transform: scale(1.2) translateY(-8%);
-ms-transform: scale(1.2) translateY(-8%);
transform: scale(1.2) translateY(-8%);
}
.wpr-animation-wrap-active .wpr-bg-anim-move-down,
.wpr-animation-wrap:hover .wpr-bg-anim-move-down {
-webkit-transform: scale(1.2) translateY(-8%);
-ms-transform: scale(1.2) translateY(-8%);
transform: scale(1.2) translateY(-8%);
}
.wpr-animation-wrap-active .wpr-bg-anim-move-down,
.wpr-animation-wrap:hover .wpr-bg-anim-move-down {
-webkit-transform: scale(1.2) translateY(8%);
-ms-transform: scale(1.2) translateY(8%);
transform: scale(1.2) translateY(8%);
}  .wpr-border-anim-layla::before,
.wpr-border-anim-layla::after {
position: absolute;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.wpr-border-anim-layla::before {
-webkit-transform: scale(0,1);
-ms-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.wpr-border-anim-layla::after {
-webkit-transform: scale(1,0);
-ms-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.wpr-animation-wrap-active .wpr-border-anim-layla::before,
.wpr-animation-wrap-active .wpr-border-anim-layla::after,
.wpr-animation-wrap:hover .wpr-border-anim-layla::before,
.wpr-animation-wrap:hover .wpr-border-anim-layla::after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.wpr-animation-wrap-active .wpr-border-anim-layla::after,
.wpr-animation-wrap:hover .wpr-border-anim-layla::after {
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
} .wpr-border-anim-oscar::before {
position: absolute;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.wpr-animation-wrap-active .wpr-border-anim-oscar::before,
.wpr-animation-wrap:hover .wpr-border-anim-oscar::before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .wpr-border-anim-bubba::before,
.wpr-border-anim-bubba::after {
position: absolute;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.wpr-border-anim-bubba::before {
-webkit-transform: scale(0,1);
-ms-transform: scale(0,1);
transform: scale(0,1);
}
.wpr-border-anim-bubba::after {
-webkit-transform: scale(1,0);
-ms-transform: scale(1,0);
transform: scale(1,0);
}
.wpr-animation-wrap-active .wpr-border-anim-bubba::before,
.wpr-animation-wrap-active .wpr-border-anim-bubba::after,
.wpr-animation-wrap:hover .wpr-border-anim-bubba::before,
.wpr-animation-wrap:hover .wpr-border-anim-bubba::after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .wpr-border-anim-romeo::before,
.wpr-border-anim-romeo::after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.wpr-animation-wrap-active .wpr-border-anim-romeo::before,
.wpr-animation-wrap:hover .wpr-border-anim-romeo::before {
opacity: 1;
-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
transform: translate3d(-50%,-50%,0) rotate(45deg);
}
.wpr-animation-wrap-active .wpr-border-anim-romeo::after,
.wpr-animation-wrap:hover .wpr-border-anim-romeo::after {
opacity: 1;
-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
transform: translate3d(-50%,-50%,0) rotate(-45deg);
} .wpr-border-anim-chicho::before {
position: absolute;
content: '';
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.wpr-animation-wrap-active .wpr-border-anim-chicho::before,
.wpr-animation-wrap:hover .wpr-border-anim-chicho::before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .wpr-border-anim-apollo::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: -webkit-transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s;
-webkit-transform: scale3d(2.9,2.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(2.9,2.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.wpr-animation-wrap-active .wpr-border-anim-apollo::before,
.wpr-animation-wrap:hover .wpr-border-anim-apollo::before {
-webkit-transform: scale3d(2.9,2.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(2.9,2.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
} .wpr-border-anim-jazz::after {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.wpr-animation-wrap-active .wpr-border-anim-jazz::after,
.wpr-animation-wrap:hover .wpr-border-anim-jazz::after {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}