@charset "UTF-8";

 .tm-animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.tm-animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.tm-animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes 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 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);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes 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(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes 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(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes 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 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);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes 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 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);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .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 tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .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);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes 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 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;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes 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 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);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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 bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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 bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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 bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes 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 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);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
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 bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes 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 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);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes 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 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);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes 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, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes 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, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-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;
opacity: 0;
}
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% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
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 flipInX {
from {
-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;
opacity: 0;
}
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% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
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);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-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;
opacity: 0;
}
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% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
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 flipInY {
from {
-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;
opacity: 0;
}
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% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
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);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes 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 {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes 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 {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes 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 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;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes 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 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);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.flasho.tm-color {
background: #ecf0f1 none repeat scroll 0 0;
border: 1px solid #bdc3c7;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
left: 0;
max-height: 100%;
max-width: 100%;
position: absolute;
top: 0;
z-index: 101;
}
.flasho.tm-color .float_editbox {
background: #fff none repeat scroll 0 0;
bottom: 55px;
left: 0;
padding: 0;
position: absolute;
right: 0;
top: 57px;
width: 100%;
}
.flasho.tm-color .header {
background: #ecf0f1 none repeat scroll 0 0;
border-bottom: 1px solid #ecf0f1;
left: 0;
line-height: 30px;
padding: 1em 2em;
position: absolute;
top: 0;
width: 100%;
}
.flasho.tm-color .footer {
bottom: 0;
height: 55px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-align: right;
width: 100%;
z-index: 2;
}
.flasho.tm-color .footer .inner {
background: #ecf0f1 none repeat scroll 0 0;
border-top: 1px solid #ecf0f1;
line-height: 30px;
padding: 1em 2em;
}
.flasho.tm-color .tm_info {
bottom: 0;
display: inline-block;
font-size: 2em;
height: 1em;
left: 0;
line-height: 1em;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: auto;
}
.flasho.tm-color .tm_progress_info {
height: 100%;
position: relative;
width: 100%;
} .tc-row {
margin: 0 -1em;
position:relative;
overflow: auto;
}
.nopadding .tc-row,.nopadding.tc-row{
margin:0;
}
.nomargin .tc-cell {
margin: 0;
}
.tc-cell {
position: relative;
padding: 0 1em;
margin: 0 0 1.65em;
float: left;
min-height: 1px;
overflow: hidden;
}
.nopadding .tc-cell {
padding: 0;
}
.tc-col-auto {
width: auto;
}
.tc-cell.tc-auto {
padding: 0 1em !important;
}
.tm-row .cpf-section.tm-row{
margin:0;
}
.tm-extra-product-options .tm-row.col-12 , .tm-extra-product-options .tm-row.col-12 .tm-row.col-12 {
margin: 0 -1em;
min-width: 100% !important;
max-width: 100%;
overflow: visible;
position: relative;
}
.tm-extra-product-options .nopadding .tm-row,
.tm-extra-product-options .nopadding.tm-row{
margin:0;
}
.tm-extra-product-options .tm-cell {
position: relative;
padding: 0 1em;
margin: 0 0 1em;
float: left !important;
min-height: 1px;
overflow: visible;
}
.tm-extra-product-options .nopadding .tm-cell,.tm-extra-product-options.nopadding .tm-cell {
padding: 0;
}
.tm-extra-product-options .col-0,.tm-extra-product-options .tm-cell.col-0,.tc-cell.tc-col-0,.tc-col-0{
width: 0%;
}
.tm-extra-product-options .col-1,.tm-extra-product-options .tm-cell.col-1,.tc-cell.tc-col-1,.tc-col-1{
width: 8.3334%;
}
.tm-extra-product-options .col-2,.tm-extra-product-options .tm-cell.col-2,.tc-cell.tc-col-2,.tc-col-2{
width: 16.6667%;
}
.tm-extra-product-options .col-3,.tm-extra-product-options .tm-cell.col-3,.tc-cell.tc-col-3,.tc-col-3{
width: 25%;
}
.tm-extra-product-options .col-4,.tm-extra-product-options .tm-cell.col-4,.tc-cell.tc-col-4,.tc-col-4{
width: 33.3334%;
}
.tm-extra-product-options .col-5,.tm-extra-product-options .tm-cell.col-5,.tc-cell.tc-col-5,.tc-col-5{
width: 41.6667%;
}
.tm-extra-product-options .col-6,.tm-extra-product-options .tm-cell.col-6,.tc-cell.tc-col-6,.tc-col-6{
width: 50%;
}
.tm-extra-product-options .col-7,.tm-extra-product-options .tm-cell.col-7,.tc-cell.tc-col-7,.tc-col-7{
width: 58.3334%;
}
.tm-extra-product-options .col-8,.tm-extra-product-options .tm-cell.col-8,.tc-cell.tc-col-8,.tc-col-8{
width: 66.6667%;
}
.tm-extra-product-options .col-9,.tm-extra-product-options .tm-cell.col-9,.tc-cell.tc-col-9,.tc-col-9{
width: 75%;
}
.tm-extra-product-options .col-10,.tm-extra-product-options .tm-cell.col-10,.tc-cell.tc-col-10,.tc-col-10{
width: 83.3334%;
}
.tm-extra-product-options .col-11,.tm-extra-product-options .tm-cell.col-11,.tc-cell.tc-col-11,.tc-col-11{
width: 91.6667%;
}
.tm-extra-product-options .col-12,.tm-extra-product-options .tm-cell.col-12,.tc-cell.tc-col-12,.tc-col-12{
width: 100%;
}
@media (max-width:768px) {
.tm-extra-product-options .col-1, .tm-extra-product-options .tm-cell.col-1, 
.tm-extra-product-options .col-2, .tm-extra-product-options .tm-cell.col-2,
.tm-extra-product-options .col-3, .tm-extra-product-options .tm-cell.col-3,
.tm-extra-product-options .col-4, .tm-extra-product-options .tm-cell.col-4,
.tm-extra-product-options .col-5, .tm-extra-product-options .tm-cell.col-5,
.tm-extra-product-options .col-6, .tm-extra-product-options .tm-cell.col-6, 
.tm-extra-product-options .col-7, .tm-extra-product-options .tm-cell.col-7,
.tm-extra-product-options .col-8, .tm-extra-product-options .tm-cell.col-8,
.tm-extra-product-options .col-9, .tm-extra-product-options .tm-cell.col-9,
.tm-extra-product-options .col-10, .tm-extra-product-options .tm-cell.col-10,
.tm-extra-product-options .col-11, .tm-extra-product-options .tm-cell.col-11,
.tm-extra-product-options .col-12 .tm-extra-product-options .tm-cell.col-12,
.tc-cell.tc-col-0,.tc-col-0,
.tc-cell.tc-col-1,.tc-col-1,
.tc-cell.tc-col-2,.tc-col-2,
.tc-cell.tc-col-3,.tc-col-3,
.tc-cell.tc-col-4,.tc-col-4,
.tc-cell.tc-col-5,.tc-col-5,
.tc-cell.tc-col-6,.tc-col-6,
.tc-cell.tc-col-7,.tc-col-7,
.tc-cell.tc-col-8,.tc-col-8,
.tc-cell.tc-col-9,.tc-col-9,
.tc-cell.tc-col-10,.tc-col-10,
.tc-cell.tc-col-11,.tc-col-11,
.tc-cell.tc-col-12,.tc-col-12
{
width: 100%;
}
.tm-extra-product-options ul.tmcp-elements:not(.tm-extra-product-options-variations) li.tmcp-field-wrap:not(.tm-per-row) {
float:none !important;
width: 100% !important;
}
.tm-extra-product-options .radio_image, 
.tm-extra-product-options .checkbox_image{
min-width: none !important;
min-height: none !important;
}
.tm-floating-box{
display: none !important;
}
}
.tm-extra-product-options .cpfclear {
height: 0;
margin: 0;
padding: 0;
min-height: 0;
overflow: visible;
width: 100%;
float:left;
position:relative;
}
.tm-extra-product-options .cpf_clear{
clear:both;
} .tm-floating-box{
width:auto;
height: auto;
padding:1em;
position: fixed;
right: 0;
top: 0;
bottom: 0;
left: 0;
background: url(//shop.kaasenbrood.nl/wp-content/plugins/woocommerce-tm-extra-product-options/assets/images/p5.png) repeat scroll 0 0 transparent;
z-index: 9999;
max-height: 100%;
overflow: hidden;
}
.tm-floating-box .tm-final-totals, .tm-floating-box .tm-options-totals{
margin: 0.5em 0;
}
.tm-floating-box.right{
left: auto;
right: 0;
}
.tm-floating-box.left{
right: auto;
left: 0;
}
.tm-floating-box.bottom{
bottom: 0;
top: auto;
}
.tm-floating-box.top{
top: 0;
bottom: auto;
}
.tc-img-floating {
display: block;
height: 50px !important;
margin: 1em 0;
width: auto !important;
}
.tm-fb {
font-size: 12px;
line-height: 10px;
max-height: 200px;
max-width: 200px;
overflow-y: auto;
overflow-x: hidden;
}
.tm-fb dt {
display: block;
margin: 0;
padding-bottom: 5px;
}
.tm-fb dd {
display: block;;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0 0 1em;
}
.tm-floating-box-alt .tm-floating-box {
background: none;
padding: 0;
position: static;
}
.tm-floating-box-nks .tm-floating-box {
bottom: 0 !important;
left: 0 !important;
padding: 5%;
position: absolute !important;
right: 0 !important;
top: 0 !important;
width: 100%;
}
.tm-floating-box-nks .tm-fb {
max-height: 90% !important;
max-width: 90% !important;
}
.tc-row.tm-fb-labels {
border-bottom: 1px solid;
font-weight: bold;
margin-bottom: 1.65em;
}
.tm-extra-product-options,
.tm-extra-product-options .tm-extra-product-options-inner,
.tm-extra-product-options .tm-extra-product-options-fields,
.tm-extra-product-options .tm-extra-product-options-container,
.tm-extra-product-options .tmcp-ul-wrap,
.tm-extra-product-options .tmcp-field,
.tm-extra-product-options .tm-epo-field,
.tm-extra-product-options li.tmcp-field-wrap,
.tm-extra-product-options .tm-cell,
.tm-extra-product-options .tm-row,
.tm-collapse,
.tm-collapse-wrap,
.tm-epo-field-label,
.tm-show-picker-value,
.tm-bsbb, .tm-bsbb-all,.tm-bsbb-all *,
.tc-row,.tc-cell,.tm-box,.flasho,.flasho div,.tm-button,.tm-epo-style,.tc-lightbox img,
.tm-extra-product-options .radio_image, .tm-extra-product-options .checkbox_image {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;    
}
.tm-extra-product-options{
max-width: 100%;
width: 100%;
} .tm-extra-product-options .tm-extra-product-options-container,
.tm-extra-product-options .tmcp-ul-wrap  {
overflow: visible;
float: left;
max-width: 100%;
width: 100%;
}
.tm-extra-product-options .tm-extra-product-options-fields,
.tm-extra-product-options .tmcp-ul-wrap  {
clear: both;
list-style: none outside none;
margin:0;
padding: 0;
}
.tm-extra-product-options ul.tmcp-ul-wrap li.tmcp-field-wrap{
width: auto;
padding: 1em 0.5em 0 0;
margin: 0;
list-style: none outside none !important;
}
.tm-extra-product-options ul.tmcp-elements li.tmcp-field-wrap {
padding: 0.5em 0.5em 0 0;
width: 100%;
float:left;
list-style: none outside none !important;
position: relative;
}
.tm-extra-product-options ul.tmcp-elements.use_images_containter li.tmcp-field-wrap {
padding: 1em 0.25em 0;
text-align: center;
}
.tm-epo-totals {
clear: both;
padding-bottom: 1em;
padding-top: 1em;
}
.tm-epo-totals.hidden{
display: none;
}
.tm-hidden{
display: none !important;
}
.tm-box {
border: 1px solid rgba(0, 0, 0, 0.035);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.01)), color-stop(50%, rgba(0, 0, 0, 0.01)), color-stop(50%, rgba(0, 0, 0, 0.02)), color-stop(100%, rgba(0, 0, 0, 0.01)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.01) 100%);
background-image: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.01) 100%);
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.01) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.01) 100%);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.01) 100%);
margin: 1em 0;
overflow: hidden;
padding: 1.5em;   
} .tm-description p:last-child {
margin-bottom: 0;
}
.tm-extra-product-options .tm-cell hr{
margin: 0;
} 
.tm-extra-product-options textarea.tm-epo-field{
height: auto;
width: 100%;
}
.tm-extra-product-options .tmcp-textfield.tm-epo-field{
width: auto;
max-width: 100%;
}
.tm-extra-product-options .tm-epo-field.tmcp-checkbox,
.tm-extra-product-options .tm-epo-field.tmcp-radio {
margin: 0 !important;
position: relative;
top: -2px;
vertical-align: middle;
float: none;
}
.tm-extra-product-options .tm-epo-field-label{
display: block;
margin: 0;
position: relative;
float: none;
width: 100%;
font-weight: 700;
}
.tm-extra-product-options .tm-epo-field-label.tm-tooltip {
display: inline-block;
width: auto;
}
.tm-epo-field-label.tm-left {
padding-right: 1em;
width: auto;
float: left;
}
.tm-epo-field-label.tm-left + .tm-extra-product-options-container li.tmcp-field-wrap,
.tm-epo-field-label.tm-right + .tm-extra-product-options-container li.tmcp-field-wrap{
padding-top: 0;
}
.tm-epo-field-label.tm-left + .tm-extra-product-options-container ,
.tm-epo-field-label.tm-right + .tm-extra-product-options-container {
width: auto !important;
max-width: 66%;
}
.cpf-type-range .tm-epo-field-label.tm-left + .tm-extra-product-options-container ,
.cpf-type-range .tm-epo-field-label.tm-right + .tm-extra-product-options-container {
width: 66% !important;
padding-top: 5px;
}
.cpf-type-range .tm-epo-field-label.tm-left,
.cpf-type-range .tm-epo-field-label.tm-right{
margin-top: 5px;
}
.tm-epo-field-label.tm-right {
float: right;
padding-left: 1em;
width: auto;
}
.tm-epo-field-label.tm-left,.tm-epo-field-label.tm-right {
max-width: 33%;
}
.tm-extra-product-options .tm-epo-field-label.tm-has-undo-button{
padding-right: 2em;
}
.tm-epo-reset-variation,.tm-epo-reset-radio {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}
.tm-epo-variation-section .reset_variations {
clear: both;
display: block;
width: 100%;
position: static;
}
dl.variation img {
max-width: 50px;
width: 50px;
height: auto;
}
.tm-epo-required {
color: #ff0000;
}
.tmcp-field-wrap .tm-epo-required {
position: static;
left:auto;
top:auto;
}
.tm-extra-product-options span.tm-epo-field-label{
font-weight: bold;
}
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-checkbox li.tmcp-field-wrap label,
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-radio li.tmcp-field-wrap label{
}
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-checkbox li.tmcp-field-wrap .tm-label,
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-radio li.tmcp-field-wrap .tm-label,
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-variations li.tmcp-field-wrap .tm-label
{
padding:0 0 0 0.5em !important;
margin:0 !important;
line-height:1em !important;
display: inline-block !important;   
}
.tm-extra-product-options .tm-extra-product-options-field {
clear: both;
display: block;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.tm-extra-product-options .tmcp-field-wrap .tc-price{
font-size: 1em !important;
display: inline-block;
float: none;
}
.tc-extra-product-options .tmcp-field-wrap .price.tc-price {
font-size: 1em !important;
background: none !important;
}
.tc-extra-product-options .tmcp-field-wrap .price.tc-price .amount {
font-size: 1em !important;
display: inline !important;
background: none !important;
}
.tm-extra-product-options .tmcp-field-wrap .amount,.tm-extra-product-options .tmcp-field-wrap .after-amount{
margin-left:0.5em;
}
.tm-extra-product-options .tmcp-field-wrap .tc-chars + .tc-price .amount {
margin-left: 0;
}
.tm-extra-product-options .use_images_containter .tmcp-field-wrap .amount {
margin-left: 0;
}
.tm-extra-product-options .amount.hidden,
.tm-extra-product-options .tmcp-field-wrap .price.amount.hidden,
.tm-extra-product-options .tmcp-field-wrap .tc-price.hidden,
.tm-extra-product-options .after-amount.hidden,
.tm-extra-product-options .tmperiod.hidden{
display: none !important;
}
.tm-extra-product-options-totals .price.amount.options,
.tm-extra-product-options-totals .price.amount.subscription-fee{
font-size: 1.25em;
}
.tm-extra-product-options-totals .amount {
background: none;
}
.tm-extra-product-options-totals .amount.options,
.tm-extra-product-options-totals .amount.subscription-fee{
font-weight:bold;
}
.tm-extra-product-options-totals .amount.final{
font-size: 1.5em;
font-weight:bold;
}
.tm-extra-product-options-totals .price.amount.final{
display: inline-block !important;
}
.tm-final-totals, .tm-options-totals, .tm-subscription-fee{
padding:0;
margin: 0;
border: 0 none;
float: none;
}
.tm_dpd_label {
display: block;
font-size: 80%;
}
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-radio li.tmcp-field-wrap input[type="radio"]:checked + label,
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-radio li.tmcp-field-wrap input[type="radio"]:checked + label + .amount,
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-checkbox li.tmcp-field-wrap input[type="checkbox"]:checked + label,
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-checkbox li.tmcp-field-wrap input[type="checkbox"]:checked + label + .amount{
font-weight: bold;
}
.tm-extra-product-options .tm_divider {
border-style: solid;
border-width: 1px;
margin: 1em 0;
clear: both;
}
.tm-extra-product-options .tm_padding {
padding: 1em 0;
}
.tm-extra-product-options input.use_images {
display:none !important;
}
.tm-extra-product-options ul.tmcp-ul-wrap li.tmcp-field-wrap input.use_images + label{
display:inline-block;
padding: 0 !important;
max-width: 100%;
border: 0 solid;
position: relative;
line-height: 0;
margin: 0 !important;
height: auto !important;
background: none !important;
}
.tm-extra-product-options input.use_images:checked + label .radio_image,
.tm-extra-product-options input.use_images:checked + label .checkbox_image{
border-color: inherit;
border-width: 1px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.tm-extra-product-options .radio_image, 
.tm-extra-product-options .checkbox_image {
border: 1px solid transparent;
display: block;
height: auto;
width: auto;
margin: auto;
max-width: 100%;
padding: 1px;
cursor: pointer;
pointer-events: initial !important;
}
.tm-extra-product-options input.use_images:checked + label .radio_image.round, 
.tm-extra-product-options input.use_images:checked + label .checkbox_image.round{
-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border-width: 1px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;
}
.tm-extra-product-options input.use_images:checked + label .radio_image.square, 
.tm-extra-product-options input.use_images:checked + label .checkbox_image.square{
-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-width: 2px;
}
.tm-extra-product-options input.use_images:checked + label .radio_image.shadow, 
.tm-extra-product-options input.use_images:checked + label .checkbox_image.shadow{
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);border-width: 1px;
}
.tm-extra-product-options input.use_images:checked + label .radio_image.thinline, 
.tm-extra-product-options input.use_images:checked + label .checkbox_image.thinline{
border-width: 1px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;
}
.tm-extra-product-options input.use_images + label + .amount{
display: block;
text-align: center;
}
.radio_image_label,
.checkbox_image_label{
display: block;
text-align: center;
padding: 1em 0;
line-height: 1.5;
}
.tm-hide-label + .radio_image_label,
.tm-hide-label + .checkbox_image_label{
display: none !important;
}
.tm-bottom-label + .radio_image_label,
.tm-bottom-label + .checkbox_image_label{
padding: 0.5em 0;
}
.tm-inside-label + .radio_image_label ,
.tm-inside-label + .checkbox_image_label {
left: 0;
padding: 0;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
word-wrap: break-word;
}
.epo-option-image{
max-height: 100px;
height: auto;
width: auto;
}
.tm-extra-product-options .tmcp-field-wrap > label {
padding: 0;
display: inline;
float: none;
width: auto;
}
.tmcp-date-select {
max-width: 100%;
}
.tm-extra-product-options-date .tmcp-field-wrap > label {
display: inline-block !important;
margin-right: 6px;
vertical-align: baseline;
position: relative;
max-width: 100%;
}
.tm-epo-field.tmcp-date{
height: auto;
width: auto !important;
}
.tm-epo-field.tmcp-select {
max-width: 100%;
}
.tm-extra-product-options input.tm-epo-field.tmcp-upload {
width: 100%;
} .noanimated {
-webkit-animation-fill-mode: none !important;
animation-fill-mode: none !important; 
opacity: 1 !important;
z-index: auto !important;
}
.cpf-upload-container{
border: 1px solid;
display: inline-block !important;
font-size: 1em;
height: auto;
overflow: hidden;
padding: 0.5em 1em;
position: relative;
vertical-align: middle;
margin: 0 0.5em 0 0;
cursor: pointer;
}
.cpf-upload-container [type=file] {
cursor: inherit;
display: block;
font-size: 0.01px;
filter: alpha(opacity=0);
min-height: 100%;
min-width: 100%;
opacity: 0;
position: absolute;
right: 0;
text-align: right;
top: 0;
}
.tm-arrow{
cursor: pointer;
font-size: 14px;
height: 1.5em;
line-height: 1.5em !important;
margin-top: -0.75em;
position: absolute;
right: 1px;
text-align: center;
top: 50%;
width: 1.5em;
}
.tm-toggle {
padding-right: 2em;
position: relative;
cursor: pointer;
}
.tm-collapse .tm-toggle{
clear: both;
}
.tm-collapse {
border: 1px solid rgba(0, 0, 0, 0.035);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.01)), color-stop(50%, rgba(0, 0, 0, 0.01)), color-stop(50%, rgba(0, 0, 0, 0.02)), color-stop(100%, rgba(0, 0, 0, 0.01)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.01) 100%);
background-image: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.01) 100%);
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.01) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.01) 100%);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.01) 100%);
margin: 0 0 1em;
float: left;
width: 100%;
padding: 1em;
}
.tm-collapse-wrap {
float: left;
margin-top: 1em;
overflow: visible;
width: 100%;
}
.tm-animated{
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.tc-chars {
display: block;
font-size: 9px;
}
.tm-extra-product-options .tmcp-field-wrap .price:empty {
display: none !important;
}
.fl-overlay {
background : #F5F5F5;
position:fixed;
display:block;
top:0;
left:0;
width:100%;
height:100%;
z-index: 101000;
}
.tm-section-pop-up{
height: 80%;
left: 10% !important;
position: fixed !important;
top: 10% !important;
width: 80%;
}
#tm-section-pop-up .tm-epo-field-label.tm-section-label {
display: none;
}
.flasho {
font: 13px/1.5em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
background: url(//shop.kaasenbrood.nl/wp-content/plugins/woocommerce-tm-extra-product-options/assets/images/linefix5.png) repeat scroll 0 0 #CCCCCC;
border: 1px solid transparent;
left: 0;
position: absolute;
top: 0;
z-index: 101001;
-webkit-box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 1px 15px 1px rgba(0, 0, 0, 0.2);
box-shadow:         0px 1px 15px 1px rgba(0, 0, 0, 0.2);
}
.float_editbox {
background: #fff;
bottom: 55px;
left: 0;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
right: 0;
top: 57px;
width: 100%;
}
.flasho .header {
background: none repeat scroll 0 0 #FAFAFA;
border-bottom: 1px solid #999999;
left: 0;
line-height: 30px;
padding: 1em 2em;
position: absolute;
top: 0;
width: 100%;
}
.flasho .header h3 {
color: #292421;
font: 20px/30px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
letter-spacing: 1px;
}
.flasho .footer {
bottom: 0;
height: 55px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-align: right;
width: 100%;
z-index: 2;
}
.flasho .footer .inner {
background: none repeat scroll 0 0 #FAFAFA;
border-top: 1px solid #999999;
line-height: 30px;
padding: 12px 2em;
}
.tm-button {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline-block;
font-size: 13px;
margin: 0;
height: 30px;
line-height: 28px;
padding: 0 12px 2px;
text-decoration: none;
white-space: nowrap;
background: none repeat scroll 0 0 #f7f7f7;
border-color: #ccc;
box-shadow: 0 1px 0 #fff inset, 0 1px 0 rgba(0, 0, 0, 0.08);
color: #555;
vertical-align: top;    
}
.tm-button:hover{
background: none repeat scroll 0 0 #fafafa;
border-color: #999;    
color: #222;
}
.tm-row.tm-cart-row {
padding: 2%;
border-color: #999999;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-style: none none dotted;
border-width: 0 0 1px;
}
.tm-row.tm-cart-row:last-child {
border: 0 none;
}
.tm-row.tm-cart-row .tm-cell{
margin: 0;
}
.tm-row.tm-cart-row .tm-cell.cpf-name{
font-weight: bold;
}
.tm-extra-product-options .tm-epo-datepicker {
display: inline-block !important;
line-height: normal !important;
margin: 0 -2.5em 0 0 !important;
max-width: 100% !important;
padding-right: 2.5em !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.tm-epo-datepicker-label-container{
margin-top: 1em;
}
.tm-epo-field-label.tm-left + .tm-extra-product-options-container .tm-epo-datepicker-label-container, 
.tm-epo-field-label.tm-right + .tm-extra-product-options-container .tm-epo-datepicker-label-container{
margin-top: 0;
} .tm-static{
position: static;
}
.cpf-img-on-cart,.cpf-data-on-cart {
display: block;
}
.cpf-img-on-cart img {
margin-right: 0.5em;
}
.cpf-data-on-cart::before {
content: "\f046";
font-family: tc-fontawesome;
margin-right: 0.5em;
vertical-align: middle;
}
.cpf-data-on-cart,.cpf-img-on-cart {
border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
margin-bottom: 0.5em;
}
.tm-extra-product-options .tm-extra-product-options-date .ui-tm-datepicker-trigger{
font-family: "tc-fontawesome";
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: transparent none repeat scroll 0 0;
border-width: 0 0 0 1px;
box-shadow: none;
color: inherit;
cursor: pointer;
display: inline-block;
font-size: inherit !important;
line-height: inherit !important;
margin: 0;
padding: 0 0.75em !important;
position: absolute;
right: 0;
top: 0;
height: 100% !important;
}
.tm-extra-product-options .tm-extra-product-options-date .ui-tm-datepicker-trigger:hover{
background: none repeat scroll 0 0 transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.tm-extra-product-options .tm-extra-product-options-date .ui-tm-datepicker-trigger:before{
content: "\f073";
}
.tm-section-pop{
display: none;
}
.tm-section-pop-up.single .tm-cell.section_popup {
width: 100% !important;
}
.tm-section-pop-up.single .tm-cell.section_popup .tm-section-pop {
margin: 2%;
}
.tm-extra-product-options.tm-section-pop-up.single .footer .inner .tm-button.button.button-secondary.button-large.details_cancel,
.tc-extra-product-options .tm-section-pop-up.single .footer .inner .tm-button.button.button-secondary.button-large.details_cancel{
float: none;
}
.tc-extra-product-options {
display: none;
}
.tc-extra-product-options.tc-show {
display: block;
clear: both;
}
#tm-tooltip{
font-family: Roboto, sans-serif;
font-size: 0.875em;
text-align: center;
text-shadow: 0 1px rgba( 0, 0, 0, .5 );
line-height: 1.5;
color: #fff;
background: #333;
background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: linear-gradient( to top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
position: absolute;
z-index: 145400;
padding: 15px;
pointer-events: none;
}
#tm-tooltip:after{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
#tm-tooltip.top:after{
border-top-color: transparent;
border-bottom: 10px solid #333;
border-bottom-color: rgba( 0, 0, 0, .6 );
top: -20px;
bottom: auto;
}
#tm-tooltip.left:after{
left: 10px;
margin: 0;
}
#tm-tooltip.right:after{
right: 10px;
left: auto;
margin: 0;
}
.woocommerce img, .woocommerce-page img {
height: auto;
max-width: 100%;
}
.tmhexcolorimage {
display: block !important;
height: 100% !important;
max-height: 100% !important;
max-width: 100% !important;
width: 100%;
}
.tc-hide-add-to-cart-button{
display: none !important;
}
.tm-epo-style-wrapper input[type=checkbox],.tm-epo-style-wrapper input[type=radio] {
visibility: hidden;
display: inline !important;
}
.tm-epo-style-wrapper input[type=checkbox]:checked + .tm-epo-style:after,.tm-epo-style-wrapper input[type=radio]:checked + .tm-epo-style:after {
opacity: 1;
}
.tm-epo-style-wrapper {
height: 2em;
width: 2em;
position: relative;
display: inline-block;
}
.tm-epo-style:after{
content: "\f00c";
}
.tm-epo-style-wrapper input[type=radio] + .tm-epo-style:after{
content: "\f111";
}
.tm-epo-style:hover::after {
opacity: 0.5;
}
.tm-epo-style:after {
background: transparent none repeat scroll 0 0;
font-family: tc-fontawesome;
font-weight: normal;
height: 1em;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
opacity: 0;
position: absolute;
text-align: center;
top: 50%;
width: 1em;
line-height: 1em;
}
.tm-epo-style.round,.tm-epo-style.square {
background: transparent none repeat scroll 0 0;
border: 1px solid;
cursor: pointer;
height: 2em;
left: 0;
line-height: 1;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 2em;
}
.tm-epo-style.round {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.tc-clearfix:after{
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
} .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);padding-left:25px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;padding:5px;text-align:center}.noUi-horizontal .noUi-handle-lower .noUi-tooltip{top:-32px}.noUi-horizontal .noUi-handle-upper .noUi-tooltip{bottom:-32px}.noUi-vertical .noUi-handle-lower .noUi-tooltip{left:120%}.noUi-vertical .noUi-handle-upper .noUi-tooltip{right:120%}
.tmcp-ul-wrap.tmcp-elements.tm-extra-product-options-range {
clear: both;
position: relative;
}
.tm-range-picker {
margin-left: 17px;
max-width: 100%;
margin-right: 17px;
margin-bottom: 6px;
}
.tm-range-picker.pips {
margin-bottom: 50px;
}
.tm-show-picker-right .tm-range-picker,.tm-show-picker-tright .tm-range-picker{
margin-right: 57px;
}
.tm-show-picker-right .tm-show-picker-value,.tm-show-picker-tright .tm-show-picker-value{
height: 1em;
line-height: 18px;
padding: 0 0 0 6px;
position: absolute !important;
right: 0;
text-align: left;
top: 0.5em;
width: 40px !important;
}
.tm-show-picker-left .tm-range-picker,.tm-show-picker-tleft .tm-range-picker{
margin-left: 57px;
}
.tm-show-picker-left .tm-show-picker-value,.tm-show-picker-tleft .tm-show-picker-value{
height: 1em;
left: 0;
line-height: 18px;
padding: 0 6px 0 0;
position: absolute !important;
text-align: right;
top: 0.5em;
width: 40px !important;
}
.tm-extra-product-options .tmcp-ul-wrap.tmcp-elements.tm-extra-product-options-range .tm-range-picker-value{
display: inline-block;
float: right;
margin-left: 0;
margin-top: -3px;
position: absolute;
right: 0;
text-align: center;
top: 1em;
vertical-align: top;
width: 19%;
}
.tm-transparent-swatch{
border:1px dotted !important;
}
.tm-quantity.tm-bottom{
float: none;
margin-top: 1em;
}
.tm-quantity.tm-top {
float: none;
margin-bottom: 1em;
}
.tm-quantity.tm-left {
float: left;
}
.tm-quantity.tm-left + .tm-field-display {
padding-left: 0.5em;
}
.tm-quantity.tm-right {
float: right;
}
.tm-quantity.tm-right + .tm-field-display {
padding-right: 0.5em;
}
.tm-field-display {
overflow: hidden;
}
.tm-field-display label {
margin: 0;
display: inline;
}
.cpf-type-range .tm-field-display {
padding: 6px 0 0;
}
.tm-extra-product-options .cpf-type-range .tmcp-field-wrap span.amount{
display: inline-block;
padding: 6px 0 0;
}
.tm-cart-edit-options {
font-size: 10px;
font-weight: bold;
margin-left: 5px;
}
.tm-quantity {
max-width: 50%;
min-width: 60px;
position: relative;
margin: 0 auto;
overflow: hidden;
zoom: 1; }
.tm-quantity input.tm-qty {
margin: 0;
max-width: 100%;
min-width: 50px;
text-align: center;
width: 5em;
}
.tm-quantity noindex:-o-prefocus,
.tm-quantity input[type=number] {
padding-right: 1.2em;
}
.shop_table tbody tr.tm-epo-cart-row {
height: auto;
}
.woocommerce table.shop_table .tm-epo-cart-row td {
border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
.tm-epo-cart-option-label,.tm-epo-cart-option-value.tm-epo-cart-no-label{
font-weight: bold;
}
.woocommerce table.shop_table .tm-epo-cart-row-product td {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce table.shop_table .tm-epo-cart-row-product + .tm-epo-cart-row td{
border-top: 0 none;
}
.tm-epo-cart-row-header .product-quantity,.tm-epo-cart-row-product .product-quantity,.tm-epo-cart-row .product-quantity {
text-align: center;
} .tm-extra-product-options ul.tmcp-ul-wrap li.tmcp-field-wrap label.tm-error,.tm-extra-product-options ul.tmcp-ul-wrap + .tm-error{
color: #ff0000;
display: block !important;
font-size: 80%;
font-weight: bold;
padding: 0 !important;
margin: 1em 0 !important;
}
.tm-epo-field.tmcp-textfield.tm-error {
border: 1px solid #c0392b;
color: #e74c3c;
}
.tm-preloader-img{
position: absolute;
z-index: 2;
}
.tm-preloader-img:after{
position:absolute;
width:30px;
height:30px;
border-top:10px solid #fff;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-radius:50px;
content:'';
left: 50%;
margin-left: -15px;
margin-top: -15px;
top: 50%;
animation: preloader_5 1.5s infinite linear;
}
@keyframes preloader_5 {
0% {transform: rotate(0deg);}
50% {transform: rotate(180deg);background:#000;}
100% {transform: rotate(360deg);}
} .tm-datepicker {
margin: 2px 0 0 0;
z-index: 101002 !important;
width: auto !important;
height: auto !important;
padding: 0 ;
}
.tm-datepicker a {
text-decoration: none;
}
.tm-ui-dp,.tm-ui-dp-overlay {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.tm-ui-dp-header{
line-height: 2em;
background: none;
border: 0 none;
color: inherit;
}
.tm-ui-dp {
max-width:98%;
position:absolute;
top:0;
left:0;
z-index:2;
text-shadow:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-ms-touch-action:none;
user-select:none;
}
.tm-ui-dp:focus {
outline:0;
}
.tm-ui-dp-container {
min-width:300px;
zoom:1;
overflow:hidden;
text-align:center;
font-size:16px;
}
.tm-datepicker-small .tm-ui-dp-container{
font-size:12px;
min-width:240px;
}
.tm-datepicker-medium .tm-ui-dp-container{
font-size:16px;
min-width:330px;
}
.tm-datepicker-large .tm-ui-dp-container{
font-size:20px;
min-width:400px;
}
.tm-datepicker.tm-datepicker-top .tm-ui-dp-title,.tm-datepicker.tm-datepicker-bottom .tm-ui-dp-title{
font-size:1.125em;
}
.tm-datepicker.tm-datepicker-bottom .tm-ui-dp-container,.tm-datepicker.tm-datepicker-top .tm-ui-dp-container{
min-width: 100% !important;
}
.tm-ui-dp-wrap,.tm-ui-dp-overlay {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.tm-ui-dp-wrap {
z-index:99998;
}
.tm-ui-dp-overlay {
z-index:1;
background:rgba(0,0,0,.7);
filter:Alpha(Opacity=70);
}
.tm-datepicker-top .tm-ui-dp,.tm-datepicker-bottom .tm-ui-dp {
width:100%;
max-width:100%;
}
.tm-ui-dp-main-cell-inner {
position:relative;
height:100%;
overflow:hidden;
text-overflow:ellipsis;
}
.tm-ui-dp-main-wrap {
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.tm-ui-dp-ui {
display:inline-block;
vertical-align:middle;
width:100%;
}
.tm-ui-dp-main{
width: auto;
}
.tm-ui-dp-main table {
width:100%;
height:100%;
border-collapse:collapse;
table-layout:fixed;
margin: 0;
background: none;
}
.tm-ui-dp-main-table {
height:100%;
width:100%;
display:table;
table-layout:fixed;
}
.tm-ui-dp-main-row {
white-space:nowrap;
display:table-row;
}
.tm-ui-dp-main-cell {
line-height:1.875em;
text-align:center;
width:14.2857%;
height:16.6666%;
position:relative;
display:table-cell;
vertical-align:middle;
cursor:pointer;
}
.tm-ui-dp-main-cell.ui-datepicker-unselectable,.tm-ui-dp-main-cell.ui-state-disabled {
cursor: default;
}
.tm-ui-dp-main-cell .tm-ui-dp-main-cell-inner {
overflow:visible;
}
.tm-ui-dp-main-cell-content {
position:relative;
z-index:2;
padding:5px;
}
.tm-datepicker .tm-ui-dp-main-wrap {
padding:0.5em;
}
.tm-datepicker .tm-ui-dp-main-header th {
font-size:.6875em;
font-weight:normal;
line-height:2.225em;
text-align:center;
border:0;
}
.tm-datepicker .tm-ui-dp-main-cell-content {
font-size:.8125em;
}
.tm-ui-dp-inner-container,.tm-ui-dp-main-wrap,.tm-ui-dp-main-content {
position:relative;
}
.tm-datepicker.tm-datepicker-bottom,.tm-datepicker.tm-datepicker-top {
bottom: 0 !important;
height: 100% !important;
left: 0 !important;
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 100% !important;
margin: 0 !important;
background: transparent !important;
border: 0 none !important;
}
.tm-datepicker.tm-datepicker-bottom .tm-ui-dp {
bottom: 0;
top: auto;
}
.tm-datepicker.tm-datepicker-top .tm-ui-dp {
top: 0;
bottom: auto;
}
.tm-datepicker .ui-tm-datepicker-prev, 
.tm-datepicker .ui-tm-datepicker-next, 
.tm-datepicker.tm-datepicker-bottom .ui-tm-datepicker-prev, 
.tm-datepicker.tm-datepicker-top .ui-tm-datepicker-prev, 
.tm-datepicker.tm-datepicker-bottom .ui-tm-datepicker-next,
.tm-datepicker.tm-datepicker-top .ui-tm-datepicker-next{
display: none !important;
}
.tm-ui-dp-title {
position:relative;
font-size:1em;
}
.tm-ui-dp-title .tm-ui-dp-month,.tm-ui-dp-title .tm-ui-dp-year {
display:block;
overflow:hidden;
text-overflow:ellipsis;
margin:0 2em;
white-space: nowrap;
}
.tm-ui-dp-title-button {
width:50%;
display:inline-block;
white-space:nowrap;
vertical-align:top;
position:relative;
height:2em;
}
.tm-ui-dp-button-prev {
left:0;
}
.tm-ui-dp-button-next {
right:0;
}
.tm-ui-dp-button {
margin: 0;   
position: absolute;
top: 0;
width: 2em;
overflow:hidden;
display:block;
text-decoration:none;
white-space:nowrap;
text-overflow:ellipsis;
vertical-align:top;
height:2em;
line-height:2em;
color:#4eccc4;
text-transform:uppercase;
padding:0;
}
.tm-ui-dp-button .tm-ui-dp-button-arrow,.tm-ui-dp-month,.tm-ui-dp-year {
cursor:pointer;
}
.tm-datepicker .tm-ui-dp-button-arrow {
color:#4eccc4;
font-size:1em;
line-height:2em;
overflow:hidden;
width:2em;
}
.tm-ui-dp-button-arrow:before {
display:block;
}
.tm-ui-dp-buttonpane{
display: block;
overflow: hidden;
padding: 0 0.5em 0.5em;
text-align: right;
width: 100%;    
}
.tm-ui-dp-btn-wrap{
display: block;
float: right;
position: relative;
vertical-align: top;
z-index: 5;
}
.tm-ui-dp-btn{
height: 2.5em;
line-height: 2.5em;
padding: 0 1em;
text-transform: uppercase;
cursor: pointer;
display: block;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;   
}
.tm-ui-dp-button-disabled{
opacity:0.3;
filter:Alpha(Opacity=30);
cursor: default;
}  .tm-ui-skin-epo-black .tm-ui-dp-container {    
font-family: Helvetica,Arial,sans-serif !important;          
border: 1px solid #000 !important;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
} .tm-ui-skin-epo-black .tm-ui-dp-main-cell .ui-state-default {
color: #ecf0f1;
}
.tm-ui-skin-epo-black .tm-ui-dp-main-cell.ui-datepicker-other-month  .ui-state-default{
color: #777;   
} .tm-ui-skin-epo-black .tm-ui-dp-main-cell.ui-datepicker-current-day,.tm-ui-skin-epo-black .tm-ui-dp-main-cell.ui-datepicker-current-day:hover{
background-color: #1abc9c;
}
.tm-ui-skin-epo-black .tm-ui-dp-main-cell.ui-datepicker-current-day .ui-state-default,.tm-ui-skin-epo-black .tm-ui-dp-main-cell.ui-datepicker-current-day:hover .ui-state-default{
color: #fff;
}
.tm-ui-skin-epo-black .tm-ui-dp-main-cell:hover{
background-color: #fff;
}
.tm-ui-skin-epo-black .tm-ui-dp-main-cell:hover .ui-state-default{
color: #000;
} .tm-ui-skin-epo-black .tm-ui-dp-main-cell.ui-datepicker-unselectable .ui-state-default,.tm-ui-skin-epo-black .tm-ui-dp-main-cell.ui-state-disabled .ui-state-default {
color: #222;
} .tm-ui-skin-epo-black .tm-ui-dp-main-cell.ui-datepicker-unselectable,.tm-ui-skin-epo-black .tm-ui-dp-main-cell.ui-state-disabled {
background-color: #000;
background-color: rgba(255, 255, 255, 0.02);
}
.tm-ui-skin-epo-black .tm-ui-dp-btn{
color: #1abc9c;
}
.tm-ui-skin-epo-black .tm-ui-dp-btn:hover{
color: #fff;
}
.tm-ui-skin-epo-black .tm-ui-dp-button-arrow,.tm-ui-skin-epo-black .tm-ui-dp-button-arrow.tm-ui-dp-button-disabled:hover {
color:#1abc9c;
}
.tm-ui-skin-epo-black .tm-ui-dp-button-arrow:hover {
color:#fff;
}
.tm-ui-skin-epo-black .tm-ui-dp-main-header {
color:#1abc9c;
border-bottom:1px solid #1abc9c;
}
.tm-ui-skin-epo-black .tm-ui-dp-container {
background:#000 none repeat scroll 0 0;
background:rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
color:#fff;
} .tm-select-wrapper.select-wrapper {
overflow: visible;
}
.tm-select-wrapper.select-wrapper {
background: #fff none repeat scroll 0 0;
border: 1px solid #dfdbdb;
margin-bottom: 9px;
overflow: hidden;
position: relative;
}
.tm-select-wrapper.select-wrapper, .bundled_product_summary .tm-select-wrapper .sbHolder { background:#fff; position:relative; border:1px solid #dfdbdb; overflow:hidden; margin-bottom:9px;}
.tm-select-wrapper .sbHolder { overflow: visible; padding-right: 28px; }
.tm-select-wrapper.select-wrapper, .tm-select-wrapper .attribute-options { overflow: visible; }
.tm-select-wrapper.select-wrapper a.sbSelector, .tm-select-wrapper.select-wrapper select,
.tm-select-wrapper .sbHolder a.sbSelector, .tm-select-wrapper .attribute-options select { font-weight:700; padding: 8px; display:block; color:#bcbbbb; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size:18px; }
.tm-select-wrapper.select-wrapper select, .tm-select-wrapper .attribute-options select { width:120%; background:none; border:0; }
.tm-select-wrapper.select-wrapper .sbOptions, .tm-select-wrapper .sbHolder .sbOptions { position:absolute; left:-1px; right:-1px; top:30px !important; background:#fff; list-style:none; margin:0; padding:8px 0 4px; border:1px solid #dfdbdb; border-top:0; z-index:100; max-height: none !important; }
.tm-select-wrapper.select-wrapper .sbOptions li { margin-bottom: 0; }
.tm-select-wrapper.select-wrapper .sbOptions li a, .tm-select-wrapper select option, .tm-select-wrapper.select-wrapper span.sbDisabled,
.tm-select-wrapper .sbHolder .sbOptions li a, .tm-select-wrapper .sbHolder span.sbDisabled { font-weight: normal; color:#bcbbbb; font-size: 14px; display: block; line-height:24px; padding:0 8px; }
.tm-select-wrapper.select-wrapper .sbOptions li a:hover, .tm-select-wrapper .sbHolder .sbOptions li a:hover { background:#f4f4f4; }
.tm-select-wrapper.select-wrapper .sbOptions li span.sbDisabled, .tm-select-wrapper .sbHolder .sbOptions li span.sbDisabled { color:#ddd; }
.tm-select-wrapper.select-wrapper .sbToggle, .tm-select-wrapper .sbHolder .sbToggle { position:absolute; right:0; top:0; height:100%; width:29px; background:url(//shop.kaasenbrood.nl/wp-content/themes/bazar/woocommerce/images/variations-dropdown-icon.png) left center no-repeat; }  .tm-ui-skin-epo.tm-datepicker .tm-ui-dp-main-wrap{
padding:0;
}
.tm-ui-skin-epo .tm-ui-dp-container {    
font-family: Helvetica,Arial,sans-serif !important;          
border: 1px solid #ddd !important;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
} .tm-ui-skin-epo .tm-ui-dp-main-cell .ui-state-default {
color: #2c3e50;
background: none;
border: 0 none;
} .tm-ui-skin-epo .tm-ui-dp-main-cell.ui-tm-datepicker-current-day .ui-state-default {
color: #00aa00;
} .tm-ui-skin-epo .tm-ui-dp-main-cell.ui-datepicker-other-month  .ui-state-default{
color: #95a5a6;   
} .tm-ui-skin-epo .tm-ui-dp-main-cell.ui-datepicker-current-day,.tm-ui-skin-epo .tm-ui-dp-main-cell.ui-datepicker-current-day:hover{
background-color: #9b59b6;
}
.tm-ui-skin-epo .tm-ui-dp-main-cell.ui-datepicker-current-day .ui-state-default,.tm-ui-skin-epo .tm-ui-dp-main-cell.ui-datepicker-current-day:hover .ui-state-default{
color: #fff;
} .tm-ui-skin-epo .tm-ui-dp-main-cell:hover{
background-color: #ecf0f1;
}
.tm-ui-skin-epo .tm-ui-dp-main-cell:hover .ui-state-default{
color: #000;
} .tm-ui-skin-epo .tm-ui-dp-main-cell.ui-datepicker-unselectable .ui-state-default,.tm-ui-skin-epo .tm-ui-dp-main-cell.ui-state-disabled .ui-state-default {
color: #eee;
} .tm-ui-skin-epo .tm-ui-dp-main-cell.ui-datepicker-unselectable,.tm-ui-skin-epo .tm-ui-dp-main-cell.ui-state-disabled {
background-color: #fff;
}
.tm-ui-skin-epo .tm-ui-dp-btn{
color: #2c3e50;
}
.tm-ui-skin-epo .tm-ui-dp-btn:hover{
color: #8e44ad;
}
.tm-ui-skin-epo .tm-ui-dp-button-arrow,.tm-ui-skin-epo .tm-ui-dp-button-arrow.tm-ui-dp-button-disabled:hover {
color:#2c3e50;
}
.tm-ui-skin-epo .tm-ui-dp-button-arrow:hover {
color:#34495e;
}
.tm-ui-skin-epo .tm-ui-dp-main-header {
background: #f9f9f9 none repeat scroll 0 0;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
color: #7f8c8d;
padding: 0.25em 0;
}
.tm-ui-skin-epo .tm-ui-dp-title {
padding: 0.5em 0;
}
.tm-ui-skin-epo .tm-ui-dp-container {
background:#fff none repeat scroll 0 0;
color:#2c3e50;
}
.ui-tm-timepicker-div .tm-ui-widget-header,.ui-tm-timepicker-div .ui_tpicker_time_label,.tm-timepicker .tm-ui-dp-current {
display: none;
}
.ui-tm-timepicker-div .ui-slider-handle {
border-radius: 100%;
}
.ui-tm-timepicker-div .ui-slider.ui-slider-horizontal {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: none none inherit;
border-image: none;
border-radius: 0;
border-style: none none solid;
border-width: 0 0 1px;
height: 1px;
margin: 1em 0;
padding: 0.2em 0 0;
}
.ui-tm-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-tm-timepicker-div dl { text-align: left; }
.ui-tm-timepicker-div dl dt {     clear: left;
float: left;
margin: 0.725em 0 0;
padding: 0; }
.ui-tm-timepicker-div dl dd {     margin: 0 1em 0.5em 30%; padding: 1px 0; }
.ui-tm-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-tm-timepicker-div .ui_tpicker_unit_hide{ display: none; }
.ui-tm-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: 0 none; width: 95%; }
.ui-tm-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }
.ui-tm-timepicker-rtl{ direction: rtl; }
.ui-tm-timepicker-rtl dl { text-align: right; }
.ui-tm-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-tm-timepicker-rtl dl dd { margin: 0 30% 0.5em 1em; } .ui-tm-timepicker-div.ui-tm-timepicker-oneLine { padding-right: 2px; }
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine .ui_tpicker_time, 
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine dt { display: none; }
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine dl { text-align: right; }
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine dl dd, 
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-tm-timepicker-div.ui-tm-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
.ui-tm-timepicker-div {
padding: 1em 1em 0;
}
.tm-ui-tp-title {
padding: 0.5em 0;
}
.tc-transition{
-webkit-transition: all 0.3s ease 0s;
-moz-transition:    all 0.3s ease 0s;
-ms-transition:     all 0.3s ease 0s;
-o-transition:      all 0.3s ease 0s;
transition:         all 0.3s ease 0s;
}
.tc-lightbox{
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
height: auto !important;
left: 50% !important;
max-height: 100% !important;
max-width: 100% !important;
position: fixed;
text-align: center;
top: 50% !important;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: auto !important;
z-index: 100100;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tc-lightbox-wrap {
position: relative;
width: 100%;
}
.tc-lightbox-button {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
bottom: 2px;
color: #fff;
font-size: 0.5em;
padding: 0.5em;
position: absolute;
right: 2px;
z-index: 2;
opacity: 0;
cursor: zoom-in;
}
.tc-lightbox-wrap:hover .tc-lightbox-button{
opacity: 1;
}
.tc-lightbox img{
border: 0 none;
cursor: zoom-out;
display: block;
height: auto;
line-height: 0;
margin: 0;
padding: 0;
position: relative;
width: auto;
}
.tc-lightbox-button-close {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
color: #000 !important;
float: left;
height: 2em;
line-height: 2em;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 2em;
z-index: 2;
cursor: pointer;
}
@-webkit-keyframes tc-lightbox-zoomIn {
0% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) scale(.3);
transform: translateX(-50%) translateY(-50%) scale(.3);
}
50% {
opacity: 1;
}
}
@keyframes tc-lightbox-zoomIn {
0% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) scale(.3);
-ms-transform: translateX(-50%) translateY(-50%) scale(.3);
transform: translateX(-50%) translateY(-50%) scale(.3);
}
50% {
opacity: 1;
}
}
.tc-lightbox-zoomIn {
-webkit-animation-name: tc-lightbox-zoomIn;
animation-name: tc-lightbox-zoomIn;
}
@-webkit-keyframes tc-lightbox-zoomOut {
0% {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
50% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) scale(.3);
transform: translateX(-50%) translateY(-50%) scale(.3);
}
100% {
opacity: 0;
}
}
@keyframes tc-lightbox-zoomOut {
0% {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-ms-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
50% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) scale(.3);
-ms-transform: translateX(-50%) translateY(-50%) scale(.3);
transform: translateX(-50%) translateY(-50%) scale(.3);
}
100% {
opacity: 0;
}
}
.tc-lightbox-zoomOut {
-webkit-animation-name: tc-lightbox-zoomOut;
animation-name: tc-lightbox-zoomOut;
}
.tc-tooltip {
color: #2980b9;
cursor: help;
font-size: 1.25em;
margin-left: 1em;
}
.tc-extra-product-options .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.tc-extra-product-options .owl-carousel .owl-animated-in{z-index:0}
.tc-extra-product-options .owl-carousel .owl-animated-out{z-index:1}
.tc-extra-product-options .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.tc-extra-product-options .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.tc-extra-product-options .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.tc-extra-product-options .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.tc-extra-product-options .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.tc-extra-product-options .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}
.tc-extra-product-options .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.tc-extra-product-options .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}
.tc-extra-product-options .owl-carousel .owl-dots.disabled,.tc-extra-product-options .owl-carousel .owl-nav.disabled{display:none}
.tc-extra-product-options .owl-carousel .owl-dot,.tc-extra-product-options .owl-carousel .owl-nav .owl-next,.tc-extra-product-options .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tc-extra-product-options .owl-carousel.owl-loaded{display:block}
.tc-extra-product-options .owl-carousel.owl-loading{opacity:0;display:block}
.tc-extra-product-options .owl-carousel.owl-hidden{opacity:0}
.tc-extra-product-options .owl-carousel.owl-refresh .owl-item{display:none}
.tc-extra-product-options .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tc-extra-product-options .owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.tc-extra-product-options .owl-carousel.owl-rtl{direction:rtl}
.tc-extra-product-options .owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.tc-extra-product-options .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.tc-extra-product-options .owl-carousel .owl-item img{transform-style:preserve-3d}
.tc-extra-product-options .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.tc-extra-product-options .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//shop.kaasenbrood.nl/wp-content/plugins/woocommerce-tm-extra-product-options/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}
.tc-extra-product-options .owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}
.tc-extra-product-options .owl-carousel .owl-video-playing .owl-video-play-icon,.tc-extra-product-options .owl-carousel .owl-video-playing .owl-video-tn{display:none}
.tc-extra-product-options .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.tc-extra-product-options .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.tc-extra-product-options .owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.tc-extra-product-options .owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.tc-extra-product-options .owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
.tc-extra-product-options .owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.tc-extra-product-options .owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.tc-extra-product-options .owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}
.tc-extra-product-options .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.tc-extra-product-options .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.tc-extra-product-options .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.tc-extra-product-options .owl-carousel .owl-nav [class*="owl-"] {
cursor: pointer;
margin-right: 5px;
}