@charset "UTF-8";

 .eds-animate {
overflow: hidden;	
}
.edsanimate-sis-hidden, .eds-scroll-hidden {
opacity:0;	
}
.eds-scroll-visible {
opacity:1;	
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
} .delay1 {
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-ms-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
}
.delay2 {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.delay3 {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-ms-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delay4 {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-ms-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
.delay5 {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.delay6 {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
-o-animation-delay: 3s;
animation-delay: 3s;
}
.delay7 {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-ms-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.delay8 {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-ms-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
}
.delay9 {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
-ms-animation-delay: 4.5s;
-o-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.delay10 {
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
.delay11 {
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
-ms-animation-delay: 5.5s;
-o-animation-delay: 5.5s;
animation-delay: 5.5s;
}
.delay12 {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-ms-animation-delay: 6s;
-o-animation-delay: 6s;
animation-delay: 6s;
} .duration1 {
-webkit-animation-duration: .5s !important;
-moz-animation-duration: .5s !important;
-ms-animation-duration: .5s !important;
-o-animation-duration: .5s !important;
animation-duration: .5s !important;
}
.duration2 {
-webkit-animation-duration: 1s !important;
-moz-animation-duration: 1s !important;
-ms-animation-duration: 1s !important;
-o-animation-duration: 1s !important;
animation-duration: 1s !important;
}
.duration3 {
-webkit-animation-duration: 1.5s !important;
-moz-animation-duration: 1.5s !important;
-ms-animation-duration: 1.5s !important;
-o-animation-duration: 1.5s !important;
animation-duration: 1.5s !important;
}
.duration4 {
-webkit-animation-duration: 2s !important;
-moz-animation-duration: 2s !important;
-ms-animation-duration: 2s !important;
-o-animation-duration: 2s !important;
animation-duration: 2s !important;
}
.duration5 {
-webkit-animation-duration: 2.5s !important;
-moz-animation-duration: 2.5s !important;
-ms-animation-duration: 2.5s !important;
-o-animation-duration: 2.5s !important;
animation-duration: 2.5s !important;
}
.duration6 {
-webkit-animation-duration: 3s !important;
-moz-animation-duration: 3s !important;
-ms-animation-duration: 3s !important;
-o-animation-duration: 3s !important;
animation-duration: 3s !important;
}
.duration7 {
-webkit-animation-duration: 3.5s !important;
-moz-animation-duration: 3.5s !important;
-ms-animation-duration: 3.5s !important;
-o-animation-duration: 3.5s !important;
animation-duration: 3.5s !important;
}
.duration8 {
-webkit-animation-duration: 4s !important;
-moz-animation-duration: 4s !important;
-ms-animation-duration: 4s !important;
-o-animation-duration: 4s !important;
animation-duration: 4s !important;
}
.duration9 {
-webkit-animation-duration: 4.5s !important;
-moz-animation-duration: 4.5s !important;
-ms-animation-duration: 4.5s !important;
-o-animation-duration: 4.5s !important;
animation-duration: 4.5s !important;
}
.duration10 {
-webkit-animation-duration: 5s !important;
-moz-animation-duration: 5s !important;
-ms-animation-duration: 5s !important;
-o-animation-duration: 5s !important;
animation-duration: 5s !important;
}
.duration11 {
-webkit-animation-duration: 5.5s !important;
-moz-animation-duration: 5.5s !important;
-ms-animation-duration: 5.5s !important;
-o-animation-duration: 5.5s !important;
animation-duration: 5.5s !important;
}
.duration12 {
-webkit-animation-duration: 6s !important;
-moz-animation-duration: 6s !important;
-ms-animation-duration: 6s !important;
-o-animation-duration: 6s !important;
animation-duration: 6s !important;
}
.duration13 {
-webkit-animation-duration: 6.5s !important;
-moz-animation-duration: 6.5s !important;
-ms-animation-duration: 6.5s !important;
-o-animation-duration: 6.5s !important;
animation-duration: 6.5s !important;
}
.duration14 {
-webkit-animation-duration: 7s !important;
-moz-animation-duration: 7s !important;
-ms-animation-duration: 7s !important;
-o-animation-duration: 7s !important;
animation-duration: 7s !important;
}
.duration15 {
-webkit-animation-duration: 7.5s !important;
-moz-animation-duration: 7.5s !important;
-ms-animation-duration: 7.5s !important;
-o-animation-duration: 7.5s !important;
animation-duration: 7.5s !important;
}
.duration16 {
-webkit-animation-duration: 8s !important;
-moz-animation-duration: 8s !important;
-ms-animation-duration: 8s !important;
-o-animation-duration: 8s !important;
animation-duration: 8s !important;
}
.duration17 {
-webkit-animation-duration: 8.5s !important;
-moz-animation-duration: 8.5s !important;
-ms-animation-duration: 8.5s !important;
-o-animation-duration: 8.5s !important;
animation-duration: 8.5s !important;
}
.duration18 {
-webkit-animation-duration: 9s !important;
-moz-animation-duration: 9s !important;
-ms-animation-duration: 9s !important;
-o-animation-duration: 9s !important;
animation-duration: 9s !important;
}
.duration19 {
-webkit-animation-duration: 9.5s !important;
-moz-animation-duration: 9.5s !important;
-ms-animation-duration: 9.5s !important;
-o-animation-duration: 9.5s !important;
animation-duration: 9.5s !important;
}
.duration20 {
-webkit-animation-duration: 10s !important;
-moz-animation-duration: 10s !important;
-ms-animation-duration: 10s !important;
-o-animation-duration: 10s !important;
animation-duration: 10s !important;
}
.animated { backface-visibility: hidden;
-o-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
animation-fill-mode: both;
transform: translate3d(0, 0, 0);	
-o-animation-fill-mode: both;
-o-transform: translate3d(0, 0, 0);	
-moz-animation-fill-mode: both;
-moz-transform: translate3d(0, 0, 0);
-webkit-animation-fill-mode: both;
-webkit-transform: translate3d(0, 0, 0);
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
.animated.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.animated.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.animated.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}	
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}	
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}	
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}	
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.animated.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }	
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }	
80% { -moz-transform: rotate(-5deg); }	
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }	
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }	
80% { -o-transform: rotate(-5deg); }	
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }	
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }	
80% { transform: rotate(-5deg); }	
100% { transform: rotate(0deg); }
}
.animated.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes rubberBand {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animated.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
} @-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.animated.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
0%, 11.1%, 100% {
-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 {
0%, 11.1%, 100% {
-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);
}
}
.animated.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
} @-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }	
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }	
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }	
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }	
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.animated.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.animated.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.animated.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.animated.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.animated.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
.animated.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(1080px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(1080px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(1080px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-1080px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-1080px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.animated.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.animated.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.animated.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.animated.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.animated.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-1080px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-1080px);
}
}
.animated.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(1080px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(1080px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(1080px);
}
}
.animated.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animated.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animated.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.animated.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(1080px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(1080px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(1080px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.animated.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-1080px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-1080px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.animated.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.animated.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.animated.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}	
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}	
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}	
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}	
}
.animated.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-1080px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-1080px);
}
}
.animated.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(1080px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(1080px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(1080px);
}
}
.animated.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animated.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animated.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.animated.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animated.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animated.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animated.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animated.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.animated.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
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 {
0% {
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);
}
}
.animated.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
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 {
0% {
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);
}
}
.animated.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
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 {
0% {
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);
}
}
.animated.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
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 {
0% {
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);
}
}
.animated.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.animated.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);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 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);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 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);
}
}
.animated.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);
}
100% {
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);
}
100% {
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;
}
}
.animated.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);
}
100% {
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);
}
100% {
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;
}
}
.animated.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);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 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);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 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);
}
}
.animated.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
}
}
.animated.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
}
.animated.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
}
.animated.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
}
}
.animated.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
100% { transform: translateY(700px); opacity: 0; }
}
.animated.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.animated.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(3000px) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(3000px) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(3000px) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(3000px) rotate(120deg);
}
}
.animated.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.animated.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.animated.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
} @-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.animated.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
} .animated.fade {
-webkit-animation-name: fade;
-moz-animation-name: fade;
-o-animation-name: fade;
animation-name: fade;
}
@-webkit-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-o-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
.animated.appear {
-webkit-animation-name: appear;
-moz-animation-name: appear;
-o-animation-name: appear;
animation-name: appear;
}
@-webkit-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
.animated.spinner {
-webkit-animation-name: spinner;
-moz-animation-name: spinner;
-o-animation-name: spinner;
animation-name: spinner;
}
@-webkit-keyframes spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinner {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes spinner {
0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); }
}
@keyframes spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.animated.twirlIn {
-webkit-animation-name: twirlIn;
-moz-animation-name: twirlIn;
-o-animation-name: twirlIn;
animation-name: twirlIn;
}
@-webkit-keyframes twirlIn {
0% { -webkit-transform: rotate3d( 80,-70,10,180deg ); }
100% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
}
@-moz-keyframes twirlIn {
0% { -moz-transform: rotate3d( 80,70,10,180deg ); }
100% { -moz-transform: rotate3d( 0,0,0,0deg ); }
}
@-o-keyframes twirlIn {
0% { -o-transform: rotate3d( 80,70,10,180deg ); }
100% { -o-transform: rotate3d( 0,0,0,0deg ); }
}
@keyframes twirlIn {
0% { transform: rotate3d( 0,0,0,0deg ); }
100% { transform: rotate3d( 80,70,10,180deg ); }
}
.animated.twirlOut {
-webkit-animation-name: twirlOut;
-moz-animation-name: twirlOut;
-o-animation-name: twirlOut;
animation-name: twirlOut;
}
@-webkit-keyframes twirlOut {
0% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
100% { -webkit-transform: rotate3d( 80,-70,10,180deg );  }
}
@-moz-keyframes twirlOut {
0% { -moz-transform: rotate3d( 0,0,0,0deg ); }
100% { -moz-transform: rotate3d( 80,70,10,180deg ); }
}
@-o-keyframes twirlOut { 
0% { -o-transform: rotate3d( 0,0,0,0deg ); }
100% { -o-transform: rotate3d( 80,70,10,180deg ); }
}
@keyframes twirlOut { 
0% { transform: rotate3d( 0,0,0,0deg ); }
100% { transform: rotate3d( 80,70,10,180deg ); }
}
.eds-animation-paused {
-webkit-animation-play-state: paused; 
animation-play-state: paused;
}  @-webkit-keyframes grow {
100% { -webkit-transform: scale(1.1);  }
}
@-moz-keyframes grow {
100% { -moz-transform: scale(1.1);  }
}
@-o-keyframes grow { 
100% { -o-transform: scale(1.1);  }
}
@keyframes grow { 
100% { transform: scale(1.1);  }
}
.animated.grow {
-webkit-animation-name: grow;
-moz-animation-name: grow;
-o-animation-name: grow;
animation-name: grow;
} @-webkit-keyframes shrink {
100% { -webkit-transform: scale(0.9);  }
}
@-moz-keyframes shrink {
100% { -moz-transform: scale(0.9);  }
}
@-o-keyframes shrink { 
100% { -o-transform: scale(0.9);  }
}
@keyframes shrink { 
100% { transform: scale(0.9);  }
}
.animated.shrink {
-webkit-animation-name: shrink;
-moz-animation-name: shrink;
-o-animation-name: shrink;
animation-name: shrink;
} @-webkit-keyframes pulseGrow {
0% { -webkit-transform: scale(1.1); }
}
@-moz-keyframes pulseGrow {
0% { -moz-transform: scale(1.1); }
}
@-o-keyframes pulseGrow {
0% { -o-transform: scale(1.1); }
}
@keyframes pulseGrow {
0% { transform: scale(1.1); }
}
.animated.pulseGrow {
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
-o-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-name: pulseGrow;
-moz-animation-name: pulseGrow;
-o-animation-name: pulseGrow;
animation-name: pulseGrow;
} @-webkit-keyframes pulseShrink {
0% { -webkit-transform: scale(0.9); }
}
@-moz-keyframes pulseShrink {
0% { -moz-transform: scale(0.9); }
}
@-o-keyframes pulseShrink {
0% { -o-transform: scale(0.9); }
}
@keyframes pulseShrink {
0% { transform: scale(0.9); }
}
.animated.pulseShrink {
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
-o-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-name: pulseShrink;
-moz-animation-name: pulseShrink;
-o-animation-name: pulseShrink;
animation-name: pulseShrink;
} @-webkit-keyframes push {
50% { -webkit-transform: scale(0.8); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes push {
50% { -moz-transform: scale(0.8); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes push {
50% { -o-transform: scale(0.8); }
100% { -o-transform: scale(1); }
}
@keyframes push {
50% { transform: scale(0.8); }
100% { transform: scale(1); }
}
.animated.push {
-webkit-animation-name: push;
-moz-animation-name: push;
-o-animation-name: push;
animation-name: push;
} @-webkit-keyframes pop {
50% { -webkit-transform: scale(1.2); }
}
@-moz-keyframes pop {
50% { -moz-transform: scale(1.2); }
}
@-o-keyframes pop {
50% { -o-transform: scale(1.2); }
}
@keyframes pop {
50% { transform: scale(1.2); }
}
.animated.pop {
-webkit-animation-name: pop;
-moz-animation-name: pop;
-o-animation-name: pop;
animation-name: pop;
} @-webkit-keyframes rotate {
100% { -webkit-transform: rotate(60deg);  }
}
@-moz-keyframes rotate {
100% { -moz-transform: rotate(60deg);  }
}
@-o-keyframes rotate { 
100% { -o-transform: rotate(60deg);  }
}
@keyframes rotate { 
100% { transform: rotate(60deg);  }
}
.animated.rotate {
-webkit-animation-name: rotate;
-moz-animation-name: rotate;
-o-animation-name: rotate;
animation-name: rotate;
} @-webkit-keyframes growRotate {
100% { -webkit-transform: scale(1.1) rotate(60deg);  }
}
@-moz-keyframes growRotate {
100% { -moz-transform: scale(1.1) rotate(60deg);  }
}
@-o-keyframes growRotate { 
100% { -o-transform: scale(1.1) rotate(60deg);  }
}
@keyframes growRotate { 
100% { transform: scale(1.1) rotate(60deg);  }
}
.animated.growRotate {
-webkit-animation-name: growRotate;
-moz-animation-name: growRotate;
-o-animation-name: growRotate;
animation-name: growRotate;
} @-webkit-keyframes float {
100% { -webkit-transform: translateY(-8px);  }
}
@-moz-keyframes float {
100% { -moz-transform: translateY(-8px);  }
}
@-o-keyframes float { 
100% { -o-transform: translateY(-8px);  }
}
@keyframes float { 
100% { transform: translateY(-8px);  }
}
.animated.float {
-webkit-animation-name: float;
-moz-animation-name: float;
-o-animation-name: float;
animation-name: float;
} @-webkit-keyframes sink {
100% { -webkit-transform: translateY(8px);  }
}
@-moz-keyframes sink {
100% { -moz-transform: translateY(8px);  }
}
@-o-keyframes sink { 
100% { -o-transform: translateY(8px);  }
}
@keyframes sink { 
100% { transform: translateY(8px);  }
}
.animated.sink {
-webkit-animation-name: sink;
-moz-animation-name: sink;
-o-animation-name: sink;
animation-name: sink;
} @-webkit-keyframes skew {
100% { -webkit-transform: skew(-10deg);  }
}
@-moz-keyframes skew {
100% { -moz-transform: skew(-10deg);  }
}
@-o-keyframes skew { 
100% { -o-transform: skew(-10deg);  }
}
@keyframes skew { 
100% { transform: skew(-10deg);  }
}
.animated.skew {
-webkit-animation-name: skew;
-moz-animation-name: skew;
-o-animation-name: skew;
animation-name: skew;
} @-webkit-keyframes skewForward {
100% { -webkit-transform: skew(-10deg);  }
}
@-moz-keyframes skewForward {
100% { -moz-transform: skew(-10deg);  }
}
@-o-keyframes skewForward { 
100% { -o-transform: skew(-10deg);  }
}
@keyframes skewForward { 
100% { transform: skew(-10deg);  }
}
.animated.skewForward {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: skewForward;
-moz-animation-name: skewForward;
-o-animation-name: skewForward;
animation-name: skewForward;
} @-webkit-keyframes skewBackward {
100% { -webkit-transform: skew(10deg);  }
}
@-moz-keyframes skewBackward {
100% { -moz-transform: skew(10deg);  }
}
@-o-keyframes skewBackward { 
100% { -o-transform: skew(10deg);  }
}
@keyframes skewBackward { 
100% { transform: skew(10deg);  }
}
.animated.skewBackward {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: skewBackward;
-moz-animation-name: skewBackward;
-o-animation-name: skewBackward;
animation-name: skewBackward;
} @-webkit-keyframes wobbleVertical {
16.65% { -webkit-transform: translateY(8px); }
33.3% { -webkit-transform: translateY(-6px); }
49.95% { -webkit-transform: translateY(4px); }
66.6% { -webkit-transform: translateY(-2px); }
83.25% { -webkit-transform: translateY(1px); }
100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes wobbleVertical {
16.65% { -moz-transform: translateY(8px); }
33.3% { -moz-transform: translateY(-6px); }
49.95% { -moz-transform: translateY(4px); }
66.6% { -moz-transform: translateY(-2px); }
83.25% { -moz-transform: translateY(1px); }
100% { -moz-transform: translateY(0); }
}
@-o-keyframes wobbleVertical {
16.65% { -o-transform: translateY(8px); }
33.3% { -o-transform: translateY(-6px); }
49.95% { -o-transform: translateY(4px); }
66.6% { -o-transform: translateY(-2px); }
83.25% { -o-transform: translateY(1px); }
100% { -o-transform: translateY(0); }
}
@keyframes wobbleVertical {
16.65% { transform: translateY(8px); }
33.3% { transform: translateY(-6px); }
49.95% { transform: translateY(4px); }
66.6% { transform: translateY(-2px); }
83.25% { transform: translateY(1px); }
100% { transform: translateY(0); }
}
.animated.wobbleVertical {
-webkit-animation-name: wobbleVertical;
-moz-animation-name: wobbleVertical;
-o-animation-name: wobbleVertical;
animation-name: wobbleVertical;
} @-webkit-keyframes wobbleHorizontal {
16.65% { -webkit-transform: translateX(8px); }
33.3% { -webkit-transform: translateX(-6px); }
49.95% { -webkit-transform: translateX(4px); }
66.6% { -webkit-transform: translateX(-2px); }
83.25% { -webkit-transform: translateX(1px); }
100% { -webkit-transform: translateX(0); }
}
@-moz-keyframes wobbleHorizontal {
16.65% { -moz-transform: translateX(8px); }
33.3% { -moz-transform: translateX(-6px); }
49.95% { -moz-transform: translateX(4px); }
66.6% { -moz-transform: translateX(-2px); }
83.25% { -moz-transform: translateX(1px); }
100% { -moz-transform: translateX(0); }
}
@-o-keyframes wobbleHorizontal {
16.65% { -o-transform: translateX(8px); }
33.3% { -o-transform: translateX(-6px); }
49.95% { -o-transform: translateX(4px); }
66.6% { -o-transform: translateX(-2px); }
83.25% { -o-transform: translateX(1px); }
100% { -o-transform: translateX(0); }
}
@keyframes wobbleHorizontal {
16.65% { transform: translateX(8px); }
33.3% { transform: translateX(-6px); }
49.95% { transform: translateX(4px); }
66.6% { transform: translateX(-2px); }
83.25% { transform: translateX(1px); }
100% { transform: translateX(0); }
}
.animated.wobbleHorizontal {
-webkit-animation-name: wobbleHorizontal;
-moz-animation-name: wobbleHorizontal;
-o-animation-name: wobbleHorizontal;
animation-name: wobbleHorizontal;
} @-webkit-keyframes wobbleToBottomRight {
16.65% { -webkit-transform: translate(8px, 8px); }
33.3% { -webkit-transform: translate(-6px, -6px); }
49.95% { -webkit-transform: translate(4px, 4px); }
66.6% { -webkit-transform: translate(-2px, -2px); }
83.25% { -webkit-transform: translate(1px, 1px); }
100% { -webkit-transform: translate(0, 0); }
}
@-moz-keyframes wobbleToBottomRight {
16.65% { -moz-transform: translate(8px, 8px); }
33.3% { -moz-transform: translate(-6px, -6px); }
49.95% { -moz-transform: translate(4px, 4px); }
66.6% { -moz-transform: translate(-2px, -2px); }
83.25% { -moz-transform: translate(1px, 1px); }
100% { -moz-transform: translate(0, 0); }
}
@-o-keyframes wobbleToBottomRight {
16.65% { -o-transform: translate(8px, 8px); }
33.3% { -o-transform: translate(-6px, -6px); }
49.95% { -o-transform: translate(4px, 4px); }
66.6% { -o-transform: translate(-2px, -2px); }
83.25% { -o-transform: translate(1px, 1px); }
100% { -o-transform: translate(0, 0); }
}
@keyframes wobbleToBottomRight {
16.65% { transform: translate(8px, 8px); }
33.3% { transform: translate(-6px, -6px); }
49.95% { transform: translate(4px, 4px); }
66.6% { transform: translate(-2px, -2px); }
83.25% { transform: translate(1px, 1px); }
100% { transform: translate(0, 0); }
}
.animated.wobbleToBottomRight {
-webkit-animation-name: wobbleToBottomRight;
-moz-animation-name: wobbleToBottomRight;
-o-animation-name: wobbleToBottomRight;
animation-name: wobbleToBottomRight;
} @-webkit-keyframes wobbleToTopRight {
16.65% { -webkit-transform: translate(8px, -8px); }
33.3% { -webkit-transform: translate(-6px, 6px); }
49.95% { -webkit-transform: translate(4px, -4px); }
66.6% { -webkit-transform: translate(-2px, 2px); }
83.25% { -webkit-transform: translate(1px, -1px); }
100% { -webkit-transform: translate(0, 0); }
}
@-moz-keyframes wobbleToTopRight {
16.65% { -moz-transform: translate(8px, -8px); }
33.3% { -moz-transform: translate(-6px, 6px); }
49.95% { -moz-transform: translate(4px, -4px); }
66.6% { -moz-transform: translate(-2px, 2px); }
83.25% { -moz-transform: translate(1px, -1px); }
100% { -moz-transform: translate(0, 0); }
}
@-o-keyframes wobbleToTopRight {
16.65% { -o-transform: translate(8px, -8px); }
33.3% { -o-transform: translate(-6px, 6px); }
49.95% { -o-transform: translate(4px, -4px); }
66.6% { -o-transform: translate(-2px, 2px); }
83.25% { -o-transform: translate(1px, -1px); }
100% { -o-transform: translate(0, 0); }
}
@keyframes wobbleToTopRight {
16.65% { transform: translate(8px, -8px); }
33.3% { transform: translate(-6px, 6px); }
49.95% { transform: translate(4px, -4px); }
66.6% { transform: translate(-2px, 2px); }
83.25% { transform: translate(1px, -1px); }
100% { transform: translate(0, 0); }
}
.animated.wobbleToTopRight {
-webkit-animation-name: wobbleToTopRight;
-moz-animation-name: wobbleToTopRight;
-o-animation-name: wobbleToTopRight;
animation-name: wobbleToTopRight;
} @-webkit-keyframes wobbleTop {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleTop {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleTop {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleTop {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleTop {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: wobbleTop;
-moz-animation-name: wobbleTop;
-o-animation-name: wobbleTop;
animation-name: wobbleTop;
} @-webkit-keyframes wobbleBottom {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleBottom {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleBottom {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleBottom {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleBottom {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-animation-name: wobbleBottom;
-moz-animation-name: wobbleBottom;
-o-animation-name: wobbleBottom;
animation-name: wobbleBottom;
} @-webkit-keyframes wobbleSkew {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleSkew {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleSkew {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleSkew {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleSkew {
-webkit-animation-name: wobbleSkew;
-moz-animation-name: wobbleSkew;
-o-animation-name: wobbleSkew;
animation-name: wobbleSkew;
} @-webkit-keyframes buzz {
50% { -webkit-transform: translateX(3px) rotate(2deg); }
100% { -webkit-transform: translateX(-3px) rotate(-2deg); }
}
@-moz-keyframes buzz {
50% { -moz-transform: translateX(3px) rotate(2deg); }
100% { -moz-transform: translateX(-3px) rotate(-2deg); }
}
@-o-keyframes buzz {
50% { -o-transform: translateX(3px) rotate(2deg); }
100% { -o-transform: translateX(-3px) rotate(-2deg); }
}
@keyframes buzz {
50% { transform: translateX(3px) rotate(2deg); }
100% { transform: translateX(-3px) rotate(-2deg); }
}
.animated.buzz {
-webkit-animation-name: buzz;
-moz-animation-name: buzz;
-o-animation-name: buzz;
animation-name: buzz;
} @-webkit-keyframes buzzOut {
10% { -webkit-transform: translateX(3px) rotate(2deg); }
20% { -webkit-transform: translateX(-3px) rotate(-2deg); }
30% { -webkit-transform: translateX(3px) rotate(2deg); }
40% { -webkit-transform: translateX(-3px) rotate(-2deg); }
50% { -webkit-transform: translateX(2px) rotate(1deg); }
60% { -webkit-transform: translateX(-2px) rotate(-1deg); }
70% { -webkit-transform: translateX(2px) rotate(1deg); }
80% { -webkit-transform: translateX(-2px) rotate(-1deg); }
90% { -webkit-transform: translateX(1px) rotate(0); }
100% { -webkit-transform: translateX(-1px) rotate(0); }
}
@-moz-keyframes buzzOut {
10% { -moz-transform: translateX(3px) rotate(2deg); }
20% { -moz-transform: translateX(-3px) rotate(-2deg); }
30% { -moz-transform: translateX(3px) rotate(2deg); }
40% { -moz-transform: translateX(-3px) rotate(-2deg); }
50% { -moz-transform: translateX(2px) rotate(1deg); }
60% { -moz-transform: translateX(-2px) rotate(-1deg); }
70% { -moz-transform: translateX(2px) rotate(1deg); }
80% { -moz-transform: translateX(-2px) rotate(-1deg); }
90% { -moz-transform: translateX(1px) rotate(0); }
100% { -moz-transform: translateX(-1px) rotate(0); }
}
@-o-keyframes buzzOut {
10% { -o-transform: translateX(3px) rotate(2deg); }
20% { -o-transform: translateX(-3px) rotate(-2deg); }
30% { -o-transform: translateX(3px) rotate(2deg); }
40% { -o-transform: translateX(-3px) rotate(-2deg); }
50% { -o-transform: translateX(2px) rotate(1deg); }
60% { -o-transform: translateX(-2px) rotate(-1deg); }
70% { -o-transform: translateX(2px) rotate(1deg); }
80% { -o-transform: translateX(-2px) rotate(-1deg); }
90% { -o-transform: translateX(1px) rotate(0); }
100% { -o-transform: translateX(-1px) rotate(0); }
}
@keyframes buzzOut {
10% { transform: translateX(3px) rotate(2deg); }
20% { transform: translateX(-3px) rotate(-2deg); }
30% { transform: translateX(3px) rotate(2deg); }
40% { transform: translateX(-3px) rotate(-2deg); }
50% { transform: translateX(2px) rotate(1deg); }
60% { transform: translateX(-2px) rotate(-1deg); }
70% { transform: translateX(2px) rotate(1deg); }
80% { transform: translateX(-2px) rotate(-1deg); }
90% { transform: translateX(1px) rotate(0); }
100% { transform: translateX(-1px) rotate(0); }
}
.animated.buzzOut {
-webkit-animation-name: buzzOut;
-moz-animation-name: buzzOut;
-o-animation-name: buzzOut;
animation-name: buzzOut;
} @-webkit-keyframes forward {
100% { -webkit-transform: translateX(8px);  }
}
@-moz-keyframes forward {
100% { -moz-transform: translateX(8px);  }
}
@-o-keyframes forward { 
100% { -o-transform: translateX(8px);  }
}
@keyframes forward { 
100% { transform: translateX(8px);  }
}
.animated.forward {
-webkit-animation-name: forward;
-moz-animation-name: forward;
-o-animation-name: forward;
animation-name: forward;
} @-webkit-keyframes backward {
100% { -webkit-transform: translateX(-8px);  }
}
@-moz-keyframes backward {
100% { -moz-transform: translateX(-8px);  }
}
@-o-keyframes backward { 
100% { -o-transform: translateX(-8px);  }
}
@keyframes backward { 
100% { transform: translateX(-8px);  }
}
.animated.backward {
-webkit-animation-name: backward;
-moz-animation-name: backward;
-o-animation-name: backward;
animation-name: backward;
}clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.sf-left {
float: left;
}
.sf-right {
float: right;
}
.sf-step>.sf-step-el {
border: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.sf-wizard {
position: relative;
}
.sf-wizard.sf-rtl {
direction: rtl;
}
.sf-hide-legend .sf-step-name,
.sf-hide-buttons {
display: none;
}
.sf-nav {
list-style: none;
width: 100%;
margin: 0px;
padding: 0px;
z-index: 4;
}
.sf-viewport {
position: relative;
width: 100%;
overflow: hidden;
margin-bottom: 20px;
transition: height 1s;
}
.sf-viewport .sf-step-name {
font-size: 20px;
padding: 15px 0px;
font-weight: bold;
background: none;
margin: 0;
width: 100%;
border-bottom: 1px solid #880000;
margin-bottom: 15px;
}
.sf-btn.sf-btn-finish {
margin: 0 0 0 15px;
}
.sf-btn.sf-btn-disabled {
cursor: default;
}
.sf-nav-bottom {
margin-top: 6px;
}
.sf-nav-wrap {
overflow: hidden;
width: 100%;
position: relative;
left: 0;
}
.sf-nav-top,
.sf-nav-bottom {
height: 40px;
-ms-overflow-style: none;
-ms-scroll-chaining: none;
-ms-scroll-snap-type: mandatory;
-ms-scroll-snap-points-x: snapInterval(0%, 100%);
}
.sf-nav-top .sf-nav,
.sf-nav-bottom .sf-nav {
width: 9999px;
position: absolute;
}
.sf-nav-left {
float: left;
width: 20%;
height: auto;
overflow: hidden;
}
.sf-nav-right {
float: right;
width: 20%;
height: auto;
}
.sf-nav-wrap.sf-nav-left li,
.sf-nav-wrap.sf-nav-right li {
float: none;
margin-bottom: 10px;
}
.sf-nav li {
float: left;
position: relative;
margin-right: 10px;
}
.sf-rtl .sf-nav-top .sf-nav-step,
.sf-rtl .sf-nav-bottom .sf-nav-step {
float: right;
}
.sf-rtl .sf-nav-on-right {
float: left;
margin-right: 0;
}
.sf-nav li.sf-nav-link:not(.sf-nav-step-disabled) {
cursor: pointer;
}
.sf-nav-right li,
sf-nav-left li {
padding-right: 10px;
}
.sf-nav-on-left {
width: 80%;
margin-left: 20%;
}
.sf-nav-on-right {
width: 80%;
margin-right: 20%;
}
.sf-nav-right li {
margin-right: 0;
margin-left: 10px;
}
.sf-step>.sf-step-el {
overflow: auto;
overflow-x: hidden;
float: left;
width: 100%;
}
.sf-step-no-active {
height: 1px;
}
.sf-step-no-active>.sf-step-el {
display: none;
}
li.sf-li-nonumber {
text-align: center;
}
.sf-li-nonumber .sf-nav-number {
display: none;
}
.sf-wizard .sf-btn,
.sf-content .nocsript-sf-btn {
padding: 0 35px;
}
.sf-wizard>.sf-content {
box-sizing: border-box;
}
.sf-controls {
z-index: 4;
}
.sf-controls input {
margin: 0;
}
.sf-viewport {
width: 100%;
position: relative;
perspective: 1000px;
}
.sf-fieldwrap {
width: 100%;
height: 100%;
position: relative;
}
.sf-fieldwrap .sf-step {
width: 100%;
position: absolute;
padding: 20px;
display: none;
}
.sf-fieldwrap .sf-step.sf-step-front,
.sf-fieldwrap .sf-step.sf-step-right,
.sf-fieldwrap .sf-step.sf-step-left {
display: block;
}
.sf-3d-cube .sf-fieldwrap {
transform-style: preserve-3d;
}
.sf-3d-cube .sf-fieldwrap .sf-step {
background: #FFF;
}
.sf-fade .sf-fieldwrap .sf-step.sf-step-right,
.sf-fade .sf-fieldwrap .sf-step.sf-step-left {
display: none;
}
.sf-btn-next,
.sf-btn-prev,
.sf-btn-finish {
display: none;
cursor: pointer;
}
.sf-nav-step-disabled {
cursor: auto;
}
.spinner {
margin: 2px auto 0;
width: 70px;
text-align: center;
}
.spinner>div {
width: 15px;
height: 15px;
border-radius: 15px;
background-color: #FFF;
display: inline-block;
margin-right: 2px;
-webkit-animation: sf-bounce 1.2s infinite ease-in-out;
animation: sf-bounce 1.2s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .ball-1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .ball-2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sf-bounce {
0%,
80%,
100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes sf-bounce {
0%,
80%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
40% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@media screen,
projection {
.sf-wizard *,
.sf-wizard *:after,
.sf-wizard *:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
} .sf-t1 { }
.sf-t1 .sf-nav-bottom {
margin-top: 30px;
height: 50px;
}
.sf-t1 .sf-nav-top {
height: 80px;
padding-bottom: 30px;
}
.sf-t1 .sf-nav-on-bottom .sf-controls {
margin-bottom: 30px;
}
.sf-t1 .sf-nav-top li,
.sf-t1 .sf-nav-bottom li {
-webkit-transition: margin 200ms;
-moz-transition: margin 200ms;
-ms-transition: margin 200ms;
-o-transition: margin 200ms;
transition: margin 200ms;
}
.sf-t1 .sf-nav li {
font-size: 16px;
color: #FFF;
background: #ffc85e;
height: 50px;
line-height: 50px;
padding: 0 30px 0 50px;
}
.sf-t1 .sf-nav li.sf-li-nonumber {
padding-left: 30px;
}
.sf-t1 .sf-nav-top li.sf-active,
.sf-t1 .sf-nav-bottom li.sf-active {
background: #feaa07;
}
.sf-t1 .sf-nav-top li.sf-active:after,
.sf-t1 .sf-nav-bottom li.sf-active:after {
border-color: transparent transparent transparent #feaa07;
}
.sf-t1 .sf-nav-top li.sf-active:before,
.sf-t1 .sf-nav-bottom li.sf-active:before {
border-color: #f99200 transparent #f99200 transparent;
}
.sf-t1 .sf-nav-top li.sf-active .sf-nav-number,
.sf-t1 .sf-nav-bottom li.sf-active .sf-nav-number {
background: #f99200;
}
.sf-t1.sf-nomob .sf-nav-top li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink),
.sf-t1.sf-nomob .sf-nav-bottom li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink) {
background: #feaa07;
}
.sf-t1.sf-nomob .sf-nav-top li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after,
.sf-t1.sf-nomob .sf-nav-bottom li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after {
border-color: transparent transparent transparent #feaa07;
}
.sf-t1.sf-nomob .sf-nav-top li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):before,
.sf-t1.sf-nomob .sf-nav-bottom li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):before {
border-color: #f99200 transparent #f99200 transparent;
}
.sf-t1.sf-nomob .sf-nav-top li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink) .sf-nav-number,
.sf-t1.sf-nomob .sf-nav-bottom li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink) .sf-nav-number {
background: #f99200;
}
.sf-t1 .sf-nav-top li.sf-li-nonumber.sf-active:before,
.sf-t1 .sf-nav-bottom li.sf-li-nonumber.sf-active:before {
border-color: #feaa07 transparent #feaa07 transparent;
}
.sf-t1.sf-nomob .sf-nav-top li.sf-li-nonumber.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):before,
.sf-t1.sf-nomob .sf-nav-bottom li.sf-li-nonumber.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):before {
border-color: #feaa07 transparent #feaa07 transparent;
}
.sf-t1 .sf-nav-left li.sf-active,
.sf-t1 .sf-nav-right li.sf-active {
background: #feaa07;
}
.sf-t1 .sf-nav-left li.sf-active:after,
.sf-t1 .sf-nav-right li.sf-active:after {
border-color: #f99200 transparent transparent transparent;
}
.sf-t1 .sf-nav-left li.sf-active:before,
.sf-t1 .sf-nav-right li.sf-active:before {
border-color: #FFF transparent transparent transparent;
}
.sf-t1 .sf-nav-left li.sf-active .sf-nav-number,
.sf-t1 .sf-nav-right li.sf-active .sf-nav-number {
background: #f99200;
}
.sf-t1.sf-nomob .sf-nav-left li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink),
.sf-t1.sf-nomob .sf-nav-right li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink) {
background: #feaa07;
}
.sf-t1.sf-nomob .sf-nav-left li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after,
.sf-t1.sf-nomob .sf-nav-right li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after {
border-color: #f99200 transparent transparent transparent;
}
.sf-t1.sf-nomob .sf-nav-left li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):before,
.sf-t1.sf-nomob .sf-nav-right li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):before {
border-color: #FFF transparent transparent transparent;
}
.sf-t1.sf-nomob .sf-nav-left li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink) .sf-nav-number,
.sf-t1.sf-nomob .sf-nav-right li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink) .sf-nav-number {
background: #f99200;
}
.sf-t1 .sf-nav-number {
position: absolute;
text-align: center;
width: 37px;
left: 0px;
top: 0;
font-size: 16px;
font-weight: 700;
overflow: hidden;
background: #ffd687;
}
.sf-t1 .sf-nav-left .sf-nav-number,
.sf-t1 .sf-nav-right .sf-nav-number {
width: 50px;
}
.sf-t1 .sf-nav-number-inner {
display: block;
}
.sf-t1 .sf-li-number .sf-nav-subtext {
padding-left: 30px;
}
.sf-t1 .sf-nav-subtext {
display: block;
}
.sf-t1 .sf-nav-top .sf-nav-step:after,
.sf-t1 .sf-nav-top.sf-btn:after,
.sf-t1 .sf-nav-bottom .sf-nav-step:after,
.sf-t1 .sf-nav-bottom.sf-btn:after,
.sf-t1 .sf-nav-left .sf-nav-step:after,
.sf-t1 .sf-nav-left.sf-btn:after,
.sf-t1 .sf-nav-right .sf-nav-step:after,
.sf-t1 .sf-nav-right.sf-btn:after,
.sf-t1 .sf-btn .sf-nav-step:after,
.sf-t1 .sf-btn.sf-btn:after {
content: "";
width: 1px;
height: 1px;
background: transparent;
position: absolute;
top: 0;
right: -26px;
border: 20px solid transparent;
border-width: 25px 13px 25px 13px;
border-left-color: #ffc85e;
z-index: -1;
}
.sf-t1 .sf-nav-top .sf-nav-step:before,
.sf-t1 .sf-nav-bottom .sf-nav-step:before,
.sf-t1 .sf-nav-left .sf-nav-step:before,
.sf-t1 .sf-nav-right .sf-nav-step:before,
.sf-t1 .sf-btn .sf-nav-step:before {
content: "";
width: 1px;
height: 1px;
background: transparent;
position: absolute;
top: 0;
left: -13px;
border: 20px solid transparent;
border-width: 25px 13px 25px 13px;
border-top-color: #ffd687;
border-bottom-color: #ffd687;
z-index: -1;
}
.sf-t1 .sf-nav-top .sf-li-nonumber:before,
.sf-t1 .sf-nav-bottom .sf-li-nonumber:before,
.sf-t1 .sf-nav-left .sf-li-nonumber:before,
.sf-t1 .sf-nav-right .sf-li-nonumber:before,
.sf-t1 .sf-btn .sf-li-nonumber:before {
border-top-color: #ffc85e;
border-bottom-color: #ffc85e;
}
.sf-t1 .sf-nav-top .sf-nav-step,
.sf-t1 .sf-nav-bottom .sf-nav-step {
margin-right: 22px;
padding-left: 37px;
}
.sf-t1 .sf-nav-top .sf-nav-step:first-child,
.sf-t1 .sf-nav-bottom .sf-nav-step:first-child {
padding-left: 50px;
}
.sf-t1 .sf-nav-top .sf-nav-step:first-child .sf-nav-number,
.sf-t1 .sf-nav-bottom .sf-nav-step:first-child .sf-nav-number {
width: 50px;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-li-nonumber:first-child,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-li-nonumber:first-child {
padding-left: 30px;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled),
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled) {
background: #feaa07;
color: #FFF;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled):after,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled):after {
border-color: transparent transparent transparent #feaa07;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled):before,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled):before {
border-color: #F97200 transparent #F97200 transparent;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled) .sf-nav-number,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled) .sf-nav-number {
background: #F97200;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-mark-step.sf-li-nonumber:not(.sf-active):not(.sf-nav-step-disabled),
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-mark-step.sf-li-nonumber:not(.sf-active):not(.sf-nav-step-disabled) {
background: #F97200;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-mark-step.sf-li-nonumber:not(.sf-active):not(.sf-nav-step-disabled):before,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-mark-step.sf-li-nonumber:not(.sf-active):not(.sf-nav-step-disabled):before {
border-color: #F97200 transparent #F97200 transparent;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-mark-step.sf-li-nonumber:not(.sf-active):not(.sf-nav-step-disabled):after,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-mark-step.sf-li-nonumber:not(.sf-active):not(.sf-nav-step-disabled):after {
border-color: transparent transparent transparent #F97200;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-step-disabled,
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-unlink,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-step-disabled,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-unlink {
background: #f3f3f3;
color: #b8b8b8;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-step-disabled:after,
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-unlink:after,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-step-disabled:after,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-unlink:after {
border-color: transparent transparent transparent #f3f3f3;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-step-disabled:before,
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-unlink:before,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-step-disabled:before,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-unlink:before {
border-color: #e9e9e9 transparent #e9e9e9 transparent;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-step-disabled .sf-nav-number,
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-unlink .sf-nav-number,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-step-disabled .sf-nav-number,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-unlink .sf-nav-number {
background: #e9e9e9;
}
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-step-disabled.sf-li-nonumber:before,
.sf-t1 .sf-nav-top .sf-nav-step.sf-nav-unlink.sf-li-nonumber:before,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-step-disabled.sf-li-nonumber:before,
.sf-t1 .sf-nav-bottom .sf-nav-step.sf-nav-unlink.sf-li-nonumber:before {
border-color: #f3f3f3 transparent #f3f3f3 transparent;
}
.sf-t1.sf-rtl .sf-li-number .sf-nav-subtext {
padding-left: 0;
padding-right: 30px;
}
.sf-t1.sf-rtl .sf-nav li {
padding: 0 50px 0 30px;
}
.sf-t1.sf-rtl .sf-nav li.sf-li-nonumber {
padding-right: 10px;
}
.sf-t1.sf-rtl .sf-nav-number {
right: 0px;
}
.sf-t1.sf-rtl .sf-nav-top .sf-nav li.sf-li-nonumber,
.sf-t1.sf-rtl .sf-nav-bottom .sf-nav li.sf-li-nonumber {
padding-right: 30px;
}
.sf-t1.sf-rtl .sf-nav-top li.sf-active:after,
.sf-t1.sf-rtl .sf-nav-bottom li.sf-active:after {
border-color: transparent #feaa07 transparent transparent;
}
.sf-t1.sf-rtl .sf-nav-top .sf-nav-step:after,
.sf-t1.sf-rtl .sf-nav-top.sf-btn:after,
.sf-t1.sf-rtl .sf-nav-bottom .sf-nav-step:after,
.sf-t1.sf-rtl .sf-nav-bottom.sf-btn:after,
.sf-t1.sf-rtl .sf-btn .sf-nav-step:after,
.sf-t1.sf-rtl .sf-btn.sf-btn:after {
right: auto;
left: -26px;
border-right-color: #ffc85e;
border-left-color: transparent;
}
.sf-t1.sf-rtl .sf-nav-top .sf-nav-step:before,
.sf-t1.sf-rtl .sf-nav-bottom .sf-nav-step:before,
.sf-t1.sf-rtl .sf-btn .sf-nav-step:before {
left: auto;
right: -13px;
}
.sf-t1.sf-rtl .sf-nav-top .sf-nav-step,
.sf-t1.sf-rtl .sf-nav-bottom .sf-nav-step {
margin-right: 0;
margin-left: 22px;
padding-left: 15px;
padding-right: 37px;
}
.sf-t1.sf-rtl .sf-nav-top .sf-nav-step:first-child,
.sf-t1.sf-rtl .sf-nav-bottom .sf-nav-step:first-child {
padding-right: 50px;
}
.sf-t1.sf-rtl .sf-nav-top .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled),
.sf-t1.sf-rtl .sf-nav-bottom .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled) {
background: #feaa07;
}
.sf-t1.sf-rtl .sf-nav-top .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled):after,
.sf-t1.sf-rtl .sf-nav-bottom .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled):after {
border-color: transparent #feaa07 transparent transparent;
}
.sf-t1.sf-rtl .sf-nav-top .sf-nav-step.sf-nav-step-disabled:after,
.sf-t1.sf-rtl .sf-nav-top .sf-nav-step.sf-nav-unlink:after,
.sf-t1.sf-rtl .sf-nav-bottom .sf-nav-step.sf-nav-step-disabled:after,
.sf-t1.sf-rtl .sf-nav-bottom .sf-nav-step.sf-nav-unlink:after {
border-color: transparent #f3f3f3 transparent transparent;
}
.sf-t1.sf-rtl .sf-nav-left .sf-nav-step:after,
.sf-t1.sf-rtl .sf-nav-right .sf-nav-step:after {
left: auto;
right: 0;
border-color-right: transparent;
}
.sf-t1.sf-rtl .sf-nav-left .sf-nav-step:before,
.sf-t1.sf-rtl .sf-nav-right .sf-nav-step:before {
left: auto;
right: 0;
}
.sf-t1.sf-rtl .sf-nav-left .sf-nav-step.sf-li-nonumber,
.sf-t1.sf-rtl .sf-nav-right .sf-nav-step.sf-li-nonumber {
padding: 0 30px;
}
.sf-t1.sf-rtl .sf-nav-left .sf-nav-step.sf-li-nonumber:after,
.sf-t1.sf-rtl .sf-nav-right .sf-nav-step.sf-li-nonumber:after {
border-top-color: #ffc85e;
left: auto;
right: 50%;
margin-right: -25px;
}
.sf-t1.sf-rtl .sf-nav-left .sf-nav-step.sf-li-nonumber:before,
.sf-t1.sf-rtl .sf-nav-right .sf-nav-step.sf-li-nonumber:before {
left: auto;
right: 50%;
margin-right: -25px;
}
.sf-t1.sf-rtl.sf-nomob .sf-nav-top li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after,
.sf-t1.sf-rtl.sf-nomob .sf-nav-bottom li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after {
border-color: transparent #feaa07 transparent transparent;
}
.sf-t1.sf-rtl.sf-nomob .sf-nav-top .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled).sf-li-nonumber:not(.sf-active):not(:hover),
.sf-t1.sf-rtl.sf-nomob .sf-nav-bottom .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled).sf-li-nonumber:not(.sf-active):not(:hover) {
background: #F97200;
}
.sf-t1.sf-rtl.sf-nomob .sf-nav-top .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled).sf-li-nonumber:not(.sf-active):not(:hover):before,
.sf-t1.sf-rtl.sf-nomob .sf-nav-bottom .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled).sf-li-nonumber:not(.sf-active):not(:hover):before {
border-color: #F97200 transparent #F97200 transparent;
}
.sf-t1.sf-rtl.sf-nomob .sf-nav-top .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled).sf-li-nonumber:not(.sf-active):not(:hover):after,
.sf-t1.sf-rtl.sf-nomob .sf-nav-bottom .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled).sf-li-nonumber:not(.sf-active):not(:hover):after {
border-color: transparent #F97200 transparent transparent;
}
.sf-t1.sf-rtl.sf-nomob .sf-nav-left .sf-nav-step.sf-li-nonumber:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after,
.sf-t1.sf-rtl.sf-nomob .sf-nav-right .sf-nav-step.sf-li-nonumber:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after {
border-top-color: #feaa07;
}
.sf-t1 .sf-nav-left .sf-nav-number,
.sf-t1 .sf-nav-right .sf-nav-number {
height: 50px;
line-height: 65px;
}
.sf-t1 .sf-nav-left .sf-nav-step,
.sf-t1 .sf-nav-right .sf-nav-step {
margin-bottom: 15px;
}
.sf-t1 .sf-nav-left .sf-nav-step:after,
.sf-t1 .sf-nav-right .sf-nav-step:after {
top: auto;
bottom: -26px;
right: auto;
left: 0;
border: 20px solid transparent;
border-width: 13px 25px 13px 25px;
border-top-color: #ffd687;
z-index: -1;
}
.sf-t1 .sf-nav-left .sf-nav-step:before,
.sf-t1 .sf-nav-right .sf-nav-step:before {
background: transparent;
top: 0;
left: 0;
border: 20px solid transparent;
border-width: 13px 25px 13px 25px;
border-top-color: #FFF;
z-index: 1;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-li-nonumber,
.sf-t1 .sf-nav-right .sf-nav-step.sf-li-nonumber {
line-height: 57px;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-li-nonumber:after,
.sf-t1 .sf-nav-right .sf-nav-step.sf-li-nonumber:after {
border-top-color: #ffc85e;
left: 50%;
margin-left: -25px;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-li-nonumber:before,
.sf-t1 .sf-nav-right .sf-nav-step.sf-li-nonumber:before {
left: 50%;
margin-left: -25px;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled),
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled) {
background: #feaa07;
color: #FFF;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled):after,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled):after {
border-color: #F97200 transparent transparent transparent;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled):before,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled):before {
border-color: #FFF transparent transparent transparent;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled) .sf-nav-number,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled) .sf-nav-number {
background: #F97200;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled).sf-li-nonumber,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-mark-step:not(.sf-active):not(.sf-nav-step-disabled).sf-li-nonumber {
background: #F97200;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-step-disabled,
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-unlink,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-step-disabled,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-unlink {
background: #f3f3f3;
color: #b8b8b8;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-step-disabled:after,
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-unlink:after,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-step-disabled:after,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-unlink:after {
border-color: #e9e9e9 transparent transparent transparent;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-step-disabled:before,
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-unlink:before,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-step-disabled:before,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-unlink:before {
border-color: #FFF transparent transparent transparent;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-step-disabled .sf-nav-number,
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-unlink .sf-nav-number,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-step-disabled .sf-nav-number,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-unlink .sf-nav-number {
background: #e9e9e9;
}
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-step-disabled.sf-li-nonumber:after,
.sf-t1 .sf-nav-left .sf-nav-step.sf-nav-unlink.sf-li-nonumber:after,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-step-disabled.sf-li-nonumber:after,
.sf-t1 .sf-nav-right .sf-nav-step.sf-nav-unlink.sf-li-nonumber:after {
border-color: #f3f3f3 transparent transparent transparent;
}
.sf-t1.sf-nomob .sf-nav-left .sf-nav-step.sf-li-nonumber.sf-active:after,
.sf-t1.sf-nomob .sf-nav-left .sf-nav-step.sf-li-nonumber:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after,
.sf-t1.sf-nomob .sf-nav-right .sf-nav-step.sf-li-nonumber.sf-active:after,
.sf-t1.sf-nomob .sf-nav-right .sf-nav-step.sf-li-nonumber:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after {
border-top-color: #feaa07;
}
.sf-t1 .sf-btn,
.sf-t1 .sf-content .nocsript-sf-btn {
height: 50px;
line-height: 50px;
padding: 0 25px;
border-radius: 3px;
border: none;
color: #FFF;
text-decoration: none;
background-color: #feaa07;
position: relative;
}
.sf-t1 .sf-btn:after,
.sf-t1 .sf-content .nocsript-sf-btn:after {
border-left: 13px solid #feaa07;
}
.sf-t1 .nocsript-sf-btn:hover {
background-color: #f99200;
}
.sf-t1 .sf-btn.sf-btn-next {
margin-right: 13px;
}
.sf-t1 .sf-btn.sf-btn-next:after {
border-left-color: #feaa07;
}
.sf-t1 .sf-btn.sf-btn-prev,
.sf-t1.sf-rtl .sf-btn.sf-btn-next {
margin-left: 13px;
}
.sf-t1 .sf-btn.sf-btn-prev:after,
.sf-t1.sf-rtl .sf-btn.sf-btn-next:after {
right: auto;
left: -26px;
border: 20px solid transparent;
border-width: 25px 13px 25px 13px;
border-right-color: #feaa07;
}
.sf-t1.sf-rtl .sf-btn.sf-btn-prev {
margin-left: 0;
margin-right: 13px;
}
.sf-t1.sf-rtl .sf-btn.sf-btn-prev:after {
left: auto;
right: -26px;
border: 20px solid transparent;
border-width: 25px 13px 25px 13px;
border-left-color: #feaa07;
}
.sf-t1.sf-rtl .sf-btn.sf-btn-next {
margin-left: 13px;
}
.sf-t1.sf-rtl .sf-btn.sf-btn-next:after {
right: auto;
left: -26px;
border: 20px solid transparent;
border-width: 25px 13px 25px 13px;
border-right-color: #feaa07;
}
.sf-t1.sf-nomob .sf-btn:hover,
.sf-t1.sf-mob .sf-btn:active {
background-color: #f99200;
}
.sf-t1.sf-nomob .sf-btn.sf-btn-next:hover:after,
.sf-t1.sf-mob .sf-btn.sf-btn-next:active:after {
border-left-color: #f99200;
}
.sf-t1.sf-nomob .sf-btn.sf-btn-prev:hover:after,
.sf-t1.sf-mob .sf-btn.sf-btn-prev:active:after {
border-right-color: #f99200;
}
.sf-t1.sf-rtl.sf-nomob .sf-btn.sf-btn-prev:hover:after,
.sf-t1.sf-rtl.sf-mob .sf-btn.sf-btn-prev:active:after {
border-left: 13px solid #f99200;
border-right: 13px solid transparent;
}
.sf-t1.sf-rtl.sf-nomob .sf-btn.sf-btn-next:hover:after,
.sf-t1.sf-rtl.sf-mob .sf-btn.sf-btn-next:active:after {
border-right: 13px solid #f99200;
border-left: 13px solid transparent;
}
.sf-t1 .sf-btn-disabled,
.sf-t1.sf-wizard.sf-nomob .sf-btn-disabled:hover,
.sf-t1.sf-wizard.sf-mob .sf-btn-disabled:active {
background: #f3f3f3;
color: #b8b8b8;
}
.sf-t1 .sf-btn-disabled.sf-btn.sf-btn-next:after,
.sf-t1.sf-wizard.sf-nomob .sf-btn-disabled:hover.sf-btn.sf-btn-next:after,
.sf-t1.sf-wizard.sf-mob .sf-btn-disabled:active.sf-btn.sf-btn-next:after {
border-color: transparent transparent transparent #f3f3f3;
}
.sf-t1 .sf-btn-disabled.sf-btn.sf-btn-prev:after,
.sf-t1.sf-wizard.sf-nomob .sf-btn-disabled:hover.sf-btn.sf-btn-prev:after,
.sf-t1.sf-wizard.sf-mob .sf-btn-disabled:active.sf-btn.sf-btn-prev:after {
border-color: transparent #f3f3f3 transparent transparent;
}
.sf-t1.sf-rtl .sf-btn-disabled.sf-btn.sf-btn-next:after,
.sf-t1.sf-rtl.sf-wizard.sf-nomob .sf-btn-disabled:hover.sf-btn.sf-btn-next:after,
.sf-t1.sf-rtl.sf-wizard.sf-mob .sf-btn-disabled:active.sf-btn.sf-btn-next:after {
border-color: transparent #f3f3f3 transparent transparent;
}
.sf-t1.sf-rtl .sf-btn-disabled.sf-btn.sf-btn-prev:after,
.sf-t1.sf-rtl.sf-wizard.sf-nomob .sf-btn-disabled:hover.sf-btn.sf-btn-prev:after,
.sf-t1.sf-rtl.sf-wizard.sf-mob .sf-btn-disabled:active.sf-btn.sf-btn-prev:after {
border-color: transparent transparent transparent #f3f3f3;
}
.sf-t1.sf-fade .sf-nav-on-top .sf-viewport,
.sf-t1.sf-fade .sf-nav-on-bottom .sf-viewport,
.sf-t1.sf-slide .sf-nav-on-top .sf-viewport,
.sf-t1.sf-slide .sf-nav-on-bottom .sf-viewport,
.sf-t1.sf-none .sf-nav-on-top .sf-viewport,
.sf-t1.sf-none .sf-nav-on-bottom .sf-viewport {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
.sf-t1 .sf-nav-on-left {
border-left: 1px solid #dadada;
padding-left: 10px;
}
.sf-t1 .sf-nav-on-left .sf-controls {
padding: 0 20px;
}
.sf-t1 .sf-nav-on-right {
border-right: 1px solid #dadada;
padding-right: 10px;
}
.sf-t1 .sf-nav-on-right .sf-controls {
padding: 0 20px;
}
.sf-t1 .sf-nav-left li {
margin-right: 30px;
}
.sf-t1 .sf-nav-right li {
margin-left: 30px;
}
.sf-t1 .sf-step .sf-step-name {
padding-top: 5px;
}
.sf-t1.sf-3d-cube .sf-step {
background: #FFF;
}
.sf-t1.sf-3d-cube .sf-nav-on-top .sf-step {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
@media all and (max-width: 1200px) {
.sf-t1 .sf-nav li {
padding: 0 10px 0 50px;
}
.sf-t1 .sf-nav li.sf-li-nonumber,
.sf-t1 .sf-nav li.sf-nav-step.sf-li-nonumber:first-child {
padding-left: 10px;
}
.sf-t1 .sf-li-number .sf-nav-subtext {
padding-left: 10px;
}
.sf-t1.sf-rtl .sf-nav-top .sf-nav li.sf-li-nonumber,
.sf-t1.sf-rtl .sf-nav-bottom .sf-nav li.sf-li-nonumber {
padding-right: 10px;
}
}
@media all and (max-width: 992px) {
.sf-t1 .sf-nav-smmob .sf-nav li {
padding: 0 0px 0 10px;
}
.sf-t1 .sf-nav-smmob .sf-nav li.sf-li-nonumber {
padding-right: 10px;
}
.sf-t1 .sf-nav-smmob .sf-nav li>span {
display: none;
}
.sf-t1 .sf-nav-smmob.sf-nav-left .sf-nav li,
.sf-t1 .sf-nav-smmob.sf-nav-right .sf-nav li {
margin-right: 55px;
}
.sf-t1 .sf-nav-smmob.sf-nav-left .sf-nav li.sf-li-nonumber,
.sf-t1 .sf-nav-smmob.sf-nav-right .sf-nav li.sf-li-nonumber {
padding: 0 40px 0 10px;
margin-right: 15px;
}
.sf-t1 .sf-nav-smmob.sf-nav-left.sf-nav-right .sf-nav li,
.sf-t1 .sf-nav-smmob.sf-nav-right.sf-nav-right .sf-nav li {
margin-left: 15px;
margin-right: 45px;
}
.sf-t1 .sf-nav-smmob.sf-nav-left.sf-nav-right .sf-nav li.sf-li-nonumber,
.sf-t1 .sf-nav-smmob.sf-nav-right.sf-nav-right .sf-nav li.sf-li-nonumber {
margin-right: 0px;
}
.sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step,
.sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step {
width: 35px;
}
.sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step:after,
.sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step:after {
border-color: transparent transparent transparent #ffd687;
}
.sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-active:after,
.sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-active:after {
border-color: transparent transparent transparent #f99200;
}
.sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled):after,
.sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled):after {
border-color: transparent transparent transparent #F97200;
}
.sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-nav-unlink:after,
.sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-nav-step-disabled:after,
.sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-nav-unlink:after,
.sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-nav-step-disabled:after {
border-color: transparent transparent transparent #e9e9e9;
}
.sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber:first-child,
.sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber:first-child {
padding-left: 30px;
}
.sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber:after,
.sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber:after {
border-color: transparent transparent transparent #ffc85e;
}
.sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber.sf-active:after,
.sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber.sf-active:after {
border-color: transparent transparent transparent #feaa07;
}
.sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-unlink:after,
.sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-step-disabled:after,
.sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-unlink:after,
.sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-step-disabled:after {
border-color: transparent transparent transparent #f3f3f3;
}
.sf-t1.sf-nomob .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after,
.sf-t1.sf-nomob .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after {
border-color: transparent transparent transparent #f99200;
}
.sf-t1.sf-nomob .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after,
.sf-t1.sf-nomob .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after {
border-color: transparent transparent transparent #feaa07;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step {
width: 35px;
padding-right: 22px;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step:first-child,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step:first-child {
padding-right: 35px;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step:after,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step:after {
border-color: transparent #ffd687 transparent transparent;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-active:after,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-active:after {
border-color: transparent #f99200 transparent transparent;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled):after,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-nav-mark-step:not(.sf-nav-step-disabled):after {
border-color: transparent #F97200 transparent transparent;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-nav-unlink:after,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-nav-step-disabled:after,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-nav-unlink:after,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-nav-step-disabled:after {
border-color: transparent #e9e9e9 transparent transparent;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber:first-child,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber:first-child {
padding-right: 30px;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber:after,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber:after {
border-color: transparent #ffc85e transparent transparent;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber.sf-active:after,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber.sf-active:after {
border-color: transparent #feaa07 transparent transparent;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-unlink:after,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-step-disabled:after,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-unlink:after,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-step-disabled:after {
border-color: transparent #f3f3f3 transparent transparent;
}
.sf-t1.sf-rtl .sf-nav-left .sf-li-nonumber.sf-nav-step,
.sf-t1.sf-rtl .sf-nav-right .sf-li-nonumber.sf-nav-step {
padding: 0 10px;
}
.sf-t1.sf-rtl.sf-nomob .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after,
.sf-t1.sf-rtl.sf-nomob .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after {
border-color: transparent #f99200 transparent transparent;
}
.sf-t1.sf-rtl.sf-nomob .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after,
.sf-t1.sf-rtl.sf-nomob .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-li-nonumber.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink):after {
border-color: transparent #feaa07 transparent transparent;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-left .sf-nav li,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-right .sf-nav li {
padding: 0 40px 0 10px;
margin-right: 0;
}
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-left.sf-nav-left .sf-nav li,
.sf-t1.sf-rtl .sf-nav-smmob.sf-nav-right.sf-nav-left .sf-nav li {
margin-right: 15px;
}
.sf-t1.sf-wizard .sf-btn {
padding: 0 10px;
}
}
.sf-t2 { }
.sf-t2 .sf-nav-bottom {
margin-top: 10px;
height: 60px;
}
.sf-t2 .sf-nav-top {
height: 83px;
}
.sf-t2 .sf-nav-top li,
.sf-t2 .sf-nav-bottom li {
-webkit-transition: margin 200ms;
-moz-transition: margin 200ms;
-ms-transition: margin 200ms;
-o-transition: margin 200ms;
transition: margin 200ms;
}
.sf-t2 .sf-nav li {
font-size: 16px;
color: #FFF;
background: #908f8f;
height: 60px;
line-height: 60px;
padding: 0 45px;
border-radius: 3px;
}
.sf-t2:not(.sf-rtl) .sf-nav-top .sf-nav li:last-child,
.sf-t2:not(.sf-rtl) .sf-nav-bottom .sf-nav li:last-child {
margin-right: 0;
}
.sf-t2 .sf-nav li.sf-nav-mark-step:not(.sf-nav-step-disabled):not(.sf-active) {
background: #5C3665;
}
.sf-t2 .sf-nav li.sf-active,
.sf-t2.sf-nomob .sf-nav li.sf-nav-link:not(.sf-nav-step-disabled):not(.sf-nav-unlink):hover {
background: #f2040c;
}
.sf-t2 .sf-nav-top li.sf-active {
margin-top: 6px;
}
.sf-t2 .sf-nav-number {
position: absolute;
left: 12px;
top: 0;
font-size: 96px;
font-weight: 700;
overflow: hidden;
}
.sf-t2 .sf-nav-number-inner {
display: block;
}
.sf-t2 .sf-li-number .sf-nav-subtext {
padding-left: 35px;
}
.sf-t2 .sf-li-number.sf-li-numbers-two .sf-nav-subtext {
padding-left: 90px;
}
.sf-t2 .sf-nav-subtext {
display: block;
}
.sf-t2 .sf-nav-top .sf-nav-step.sf-active:after {
content: "";
width: 5px;
height: 5px;
background: transparent;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -12px;
border: 12px solid black;
border-color: transparent #f2040c #f2040c transparent;
z-index: -1;
}
.sf-t2.sf-wizard .sf-btn,
.sf-t2 .sf-content .nocsript-sf-btn {
height: 45px;
line-height: 45px;
padding: 0 25px;
border-radius: 3px;
border: none;
color: #FFF;
text-decoration: none;
background-color: #283d50;
}
.sf-t2.sf-wizard.sf-nomob .sf-btn:hover,
.sf-t2.sf-wizard.sf-mob .sf-btn:active,
.sf-t2 .nocsript-sf-btn:hover {
background-color: #908f8f;
}
.sf-t2.sf-wizard .sf-btn.sf-btn-next,
.sf-t2.sf-wizard.sf-rtl .sf-btn.sf-btn-prev {
background: url(//www.sl-registry.com/wp-content/plugins/auto_frontend/images/t1-arr-right.png) no-repeat right 15px #f2040c;
padding-right: 50px;
}
.sf-t2.sf-wizard .sf-btn.sf-btn-prev,
.sf-t2.sf-wizard.sf-rtl .sf-btn.sf-btn-next {
background: url(//www.sl-registry.com/wp-content/plugins/auto_frontend/images/t1-arr-left.png) no-repeat left 15px #f2040c;
padding-left: 50px;
}
.sf-t2.sf-wizard.sf-nomob .sf-btn.sf-btn-next:hover,
.sf-t2.sf-wizard.sf-mob .sf-btn.sf-btn-next:active,
.sf-t2.sf-wizard.sf-nomob.sf-rtl .sf-btn.sf-btn-prev:hover,
.sf-t2.sf-wizard.sf-mob.sf-rtl .sf-btn.sf-btn-prev:active {
background-position: right -35px;
}
.sf-t2.sf-wizard.sf-nomob .sf-btn.sf-btn-prev:hover,
.sf-t2.sf-wizard.sf-mob .sf-btn.sf-btn-prev:active,
.sf-t2.sf-wizard.sf-nomob.sf-rtl .sf-btn.sf-btn-next:hover,
.sf-t2.sf-wizard.sf-mob.sf-rtl .sf-btn.sf-btn-next:hover {
background-position: left -35px;
}
.sf-t2 .sf-nav-step.sf-nav-step-disabled,
.sf-t2 .sf-nav-step.sf-nav-unlink,
.sf-t2.sf-wizard .sf-btn.sf-btn-disabled,
.sf-t2.sf-rtl.sf-wizard .sf-btn.sf-btn-disabled {
background: #bbc1c7;
}
.sf-t2.sf-wizard>.sf-content {
border-radius: 3px;
}
.sf-t2 .sf-step .sf-step-name {
padding-top: 5px;
}
.sf-t2:not(.sf-3d-cube) .sf-nav-on-left .sf-controls,
.sf-t2:not(.sf-3d-cube) .sf-nav-on-right .sf-controls {
padding: 0 20px;
}
.sf-t2 .sf-nav-on-bottom .sf-controls {
margin-bottom: 20px;
}
.sf-t2.sf-3d-cube .sf-step {
background: #FFF;
}
.sf-t2.sf-3d-cube .sf-fieldwrap .sf-step {
padding: 20px;
border-radius: 3px;
border: 1px solid #e7e7e7;
}
.sf-t2.sf-none .sf-viewport,
.sf-t2.sf-fade .sf-viewport,
.sf-t2.sf-slide .sf-viewport {  background: var(--wp--preset--gradient--custom-gradient-alpha-2) !important;
border-radius: 20px;
}
.sf-t2.sf-none .sf-viewport .sf-step,
.sf-t2.sf-fade .sf-viewport .sf-step,
.sf-t2.sf-slide .sf-viewport .sf-step {
padding: 20px;  }
@media all and (max-width: 1200px) {
.sf-t2 .sf-nav li {
padding: 0 10px;
}
.sf-t2 .sf-li-number .sf-nav-subtext {
padding-left: 65px;
}
}
@media all and (max-width: 992px) {
.sf-t2 .sf-nav-smmob .sf-nav li {
padding: 0 31px;
}
.sf-t2 .sf-nav-smmob .sf-nav li>span {
display: none;
}
.sf-t2 .sf-nav-smmob .sf-nav-number {
left: 4px;
}
.sf-t2 .sf-nav-smmob .sf-nav li.sf-active:after {
border: none;
}
.sf-t2 .sf-nav-smmob.sf-nav-top .sf-nav-step.sf-active:after {
display: none;
}
.sf-t2.sf-wizard .sf-btn {
padding: 0 10px;
}
}
.sf-t3 { }
.sf-t3 .sf-nav-bottom {
margin-top: 20px;
}
.sf-t3 .sf-nav-top,
.sf-t3 .sf-nav-bottom {
height: 80px;
}
.sf-t3 .sf-nonumbers .sf-nav-top {
height: 65px;
}
.sf-t3 .sf-nonumbers .sf-nav-bottom {
height: 42px;
}
.sf-t3 .sf-controls {
height: 50px;
}
.sf-t3 .sf-nav {
margin-bottom: 25px;
}
.sf-t3 .sf-nav li {
font-size: 14px;
background: #283d50;
color: #FFF;
height: 52px;
line-height: 42px;
padding: 0 40px;
text-align: center;
border-radius: 3px;
margin-right: 30px;
font-weight: 600;
}
.sf-t3 .sf-nav li.sf-li-nonumber {
height: 42px;
}
.sf-t3 .sf-nav-left .sf-nav li.sf-li-nonumber,
.sf-t3 .sf-nav-right .sf-nav li.sf-li-nonumber {
margin-bottom: 32px;
}
.sf-t3 .sf-nav-top li.sf-li-nonumber:after,
.sf-t3 .sf-nav-bottom li.sf-li-nonumber:after {
top: -8px;
}
.sf-t3 .sf-nav-right li.sf-li-nonumber:after,
.sf-t3 .sf-nav-left li.sf-li-nonumber:after {
bottom: -47px;
}
.sf-t3 .sf-nav li.sf-nav-step.sf-nav-step-disabled {
color: #adb3b8;
background: #f2f2f2;
}
.sf-t3 .sf-nav li.sf-nav-step.sf-nav-step-disabled:hover {
cursor: auto;
}
.sf-t3 .sf-nav li:after {
content: "";
position: absolute;
right: -30px;
top: 0px;
background: url(//www.sl-registry.com/wp-content/plugins/auto_frontend/images/t2-nav-arr.png) no-repeat center center transparent;
width: 30px;
height: 54px;
}
.sf-t3 .sf-nav li:last-child:after {
display: none;
}
.sf-t3.sf-rtl .sf-nav-top li:after,
.sf-t3.sf-rtl .sf-nav-bottom li:after {
right: auto;
left: -30px;
background: url(//www.sl-registry.com/wp-content/plugins/auto_frontend/images/t2-nav-arr-rtl.png) no-repeat center center transparent;
}
.sf-t3 .sf-nav-right li {
margin-right: 0px;
margin-left: 30px;
}
.sf-t3 .sf-nav-right li:after,
.sf-t3 .sf-nav-left li:after {
background: url(//www.sl-registry.com/wp-content/plugins/auto_frontend/images/t2-nav-arr-down.png) no-repeat center center transparent;
right: auto;
left: 50%;
top: auto;
bottom: -55px;
margin-left: -15px;
}
.sf-t3 .sf-nav li.sf-active,
.sf-t3 .sf-nomob .sf-nav li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink) {
background: #283d50;
color: #FFF;
}
.sf-t3 .sf-nav li.sf-active .sf-nav-number,
.sf-t3 .sf-nomob .sf-nav li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink) .sf-nav-number {
background: #f56b46;
}
.sf-t3 .sf-nav li.sf-nav-mark-step {
background: #283d50;
}
.sf-t3 .sf-nav li.sf-nav-mark-step .sf-nav-number {
background: #36B28C;
}
.sf-t3 .sf-nav li.sf-nav-step-disabled,
.sf-t3 .sf-nav li.sf-nav-unlink {
background: #f2f2f9;
color: #adb3b8;
}
.sf-t3 .sf-nav-top li.sf-active {
margin-top: 0px;
}
.sf-t3 .sf-nav-wrap.sf-nav-left li,
.sf-t3 .sf-nav-wrap.sf-nav-right li {
margin-bottom: 40px;
}
.sf-t3 .sf-nav-number {
position: absolute;
left: 50%;
bottom: -15px;
margin-left: -15px;
font-size: 14px;
line-height: 24px;
font-weight: 700;
background: #c7c7c7;
border-radius: 50px;
border: 3px solid #FFF;
width: 30px;
height: 30px;
text-align: center;
color: #FFF;
}
.sf-t3 .sf-nav li.sf-active .sf-nav-number {
background: #f56b46;
}
.sf-t3 .sf-li-number .sf-nav-subtext {
padding-left: 0px;
}
.sf-t3.sf-wizard .sf-btn,
.sf-t3 .sf-content .nocsript-sf-btn {
height: 50px;
line-height: 50px;
padding: 0 30px;
border-radius: 3px;
border: none;
color: #FFF;
text-decoration: none;
background: #283d50;
position: relative;
}
.sf-t3.sf-wizard .sf-btn:after {
content: "";
position: absolute;
right: -15px;
top: 10px;
font-size: 14px;
line-height: 26px;
font-weight: 700;
background: url(//www.sl-registry.com/wp-content/plugins/auto_frontend/images/t2-arr-right.png) no-repeat center center #f56b46;
border-radius: 50px;
border: 3px solid #FFF;
width: 30px;
height: 30px;
text-align: center;
color: #FFF;
}
.sf-t3.sf-wizard.sf-rtl .sf-btn:after {
right: auto;
left: -15px;
margin: 0;
background: url(//www.sl-registry.com/wp-content/plugins/auto_frontend/images/t2-arr-left.png) no-repeat center center #f56b46;
}
.sf-t3.sf-wizard .sf-btn.sf-btn-disabled {
background: #f2f2f9;
color: #adb3b8;
}
.sf-t3.sf-wizard .sf-btn.sf-btn-disabled:after {
background-color: #c7c7c7;
}
.sf-t3.sf-wizard .sf-btn.sf-btn-next {
padding-right: 35px;
}
.sf-t3 .sf-controls {
padding: 0 12px;
}
.sf-t3.sf-wizard .sf-btn.sf-btn-prev {
padding-left: 35px;
}
.sf-t3.sf-wizard .sf-btn.sf-btn-prev:after {
right: auto;
left: -15px;
background-image: url(//www.sl-registry.com/wp-content/plugins/auto_frontend/images/t2-arr-left.png);
}
.sf-t3.sf-wizard.sf-rtl .sf-btn.sf-btn-prev:after {
left: auto;
right: -15px;
background-image: url(//www.sl-registry.com/wp-content/plugins/auto_frontend/images/t2-arr-right.png);
}
.sf-t3.sf-wizard .sf-btn.sf-btn-next:hover {
background-position: right -35px;
}
.sf-t3.sf-wizard .sf-btn.sf-btn-prev:hover {
background-position: left -35px;
}
.sf-t3 .sf-nav-on-bottom .sf-controls {
margin-bottom: 20px;
}
.sf-t3.sf-3d-cube .sf-step {
background: #FFF;
}
.sf-t3.sf-3d-cube .sf-fieldwrap .sf-step {
padding: 15px;
border-radius: 3px;
border: 1px solid #e7e7e7;
}
.sf-t3.sf-none .sf-viewport,
.sf-t3.sf-fade .sf-viewport,
.sf-t3.sf-slide .sf-viewport {
border-radius: 3px;
border: 1px solid #e7e7e7;
}
.sf-t3.sf-none .sf-viewport .sf-step,
.sf-t3.sf-fade .sf-viewport .sf-step,
.sf-t3.sf-slide .sf-viewport .sf-step {
padding: 15px;
}
@media all and (max-width: 1200px) {
.sf-t3 .sf-nav li {
padding: 0 10px;
}
.sf-t3.sf-rtl .sf-controls .sf-btn {
padding: 0 10px;
}
.sf-t3.sf-rtl .sf-controls .sf-btn-next {
padding-left: 20px;
}
.sf-t3.sf-rtl .sf-controls .sf-btn-prev {
padding-right: 20px;
}
}
@media all and (max-width: 992px) {
.sf-t3 .sf-nav-smmob .sf-nav li {
padding: 0px;
width: 42px;
height: 42px;
}
.sf-t3 .sf-nav-smmob .sf-nav li .sf-nav-subtext {
display: none;
}
.sf-t3 .sf-nav-smmob.sf-nav-left li {
margin-right: 50px;
}
.sf-t3 .sf-nav-smmob.sf-nav-right li {
margin-left: 15px;
margin-right: 40px;
}
.sf-t3.sf-rtl .sf-nav-smmob.sf-nav-left li {
margin-right: 15px;
margin-left: 40px;
}
.sf-t3.sf-rtl .sf-nav-smmob.sf-nav-right li {
margin-left: 50px;
margin-right: 0;
}
.sf-t3 .sf-nav-top .sf-li-number:after {
height: 42px;
}
.sf-t3 .sf-nav-left li {
margin-right: 15px;
}
.sf-t3 .sf-nav-right li {
margin-left: 15px;
}
.sf-t3.sf-wizard .sf-btn {
padding: 0 10px;
}
.sf-t3.sf-wizard:not(.sf-rtl) .sf-btn.sf-btn-next {
padding-right: 22px;
}
.sf-t3.sf-wizard:not(.sf-rtl) .sf-btn.sf-btn-prev {
padding-left: 22px;
}
}
.sf-t4 { }
.sf-t4 .sf-nav-top,
.sf-t4 .sf-nav-bottom {
height: 80px;
}
.sf-t4.sf-nonumbers .sf-nav-top,
.sf-t4.sf-nonumbers .sf-nav-bottom {
height: 50px;
}
.sf-t4 .sf-nav-top {
padding-bottom: 20px;
}
.sf-t4 .sf-nav {
margin-bottom: 25px;
}
.sf-t4 .sf-nav li {
font-size: 13px;
color: #7a7a7a;
height: 60px;
line-height: 40px;
text-align: left;
margin-right: 0px;
padding: 30px 40px 0 0px;
font-weight: 400;
}
.sf-t4.sf-rtl .sf-nav li {
padding: 30px 0 0 40px;
}
.sf-t4 .sf-nav li.sf-active,
.sf-t4 .sf-nomob .sf-nav li.sf-nav-link:hover:not(.sf-nav-step-disabled):not(.sf-nav-unlink),
.sf-t4 .sf-mob .sf-nav li.sf-nav-link:active:not(.sf-nav-step-disabled):not(.sf-nav-unlink) {
color: #b21948;
}
.sf-t4 .sf-nav-top li,
.sf-t4 .sf-nav-bottom li {
background: url(//www.sl-registry.com/wp-content/plugins/auto_frontend/images/t2-nav-bg.png) repeat-x left 15px transparent;
}
.sf-t4 .sf-nav-top li:last-child,
.sf-t4 .sf-nav-bottom li:last-child {
background: none;
}
.sf-t4 .sf-nav li.sf-li-nonumber {
background: none;
height: 30px;
padding-top: 0;
line-height: 30px;
}
.sf-t4 .sf-nav-top li.sf-active {
margin-top: 0px;
}
.sf-t4.sf-fade .sf-nav-on-top .sf-viewport,
.sf-t4.sf-fade .sf-nav-on-bottom .sf-viewport,
.sf-t4.sf-slide .sf-nav-on-top .sf-viewport,
.sf-t4.sf-slide .sf-nav-on-bottom .sf-viewport,
.sf-t4.sf-none .sf-nav-on-top .sf-viewport,
.sf-t4.sf-none .sf-nav-on-bottom .sf-viewport {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
.sf-t4 .sf-nav-on-left {
border-left: 1px solid #dadada;
padding-left: 20px;
}
.sf-t4 .sf-nav-on-left .sf-controls {
padding: 0 20px;
}
.sf-t4 .sf-nav-on-right {
border-right: 1px solid #dadada;
padding-right: 20px;
}
.sf-t4 .sf-nav-on-right .sf-controls {
padding: 0 20px;
}
.sf-t4 .sf-nav-wrap.sf-nav-left li,
.sf-t4 .sf-nav-wrap.sf-nav-right li {
padding: 0px 20px 0 40px;
height: 30px;
margin-bottom: 30px;
line-height: 30px;
}
.sf-t4 .sf-nav-wrap.sf-nav-right li {
margin-left: 20px;
}
.sf-t4 .sf-nav-right li.sf-li-nonumber,
.sf-t4 .sf-nav-left li.sf-li-nonumber {
padding-left: 0;
margin-bottom: 10px;
}
.sf-t4 .sf-nav-number {
transition: all 200ms;
background: #FFF;
position: absolute;
top: 0;
left: 0;
font-size: 14px;
line-height: 30px;
font-weight: 700;
height: 30px;
width: 30px;
border: 1px solid #a3a3a3;
text-align: center;
color: #7a7a7a;
}
.sf-t4 li.sf-nav-unlink {
color: #929292;
}
.sf-t4 li.sf-nav-unlink .sf-nav-number {
border-color: #c1c1c1;
color: #929292;
}
.sf-t4.sf-rtl .sf-nav-number {
left: auto;
right: 0;
}
.sf-t4.sf-rtl .sf-nav-left li {
padding-left: 0px;
padding-right: 45px;
margin-right: 20px;
text-align: right;
}
.sf-t4.sf-rtl .sf-nav-left li.sf-li-nonumber {
padding-right: 0;
}
.sf-t4.sf-rtl .sf-nav-right li {
padding-right: 45px;
padding-left: 0px;
margin-right: 20px;
text-align: right;
}
.sf-t4.sf-rtl .sf-nav-right li.sf-li-nonumber {
padding-right: 0;
}
.sf-t4 .sf-nav li.sf-nav-step-disabled .sf-nav-number {
background: #f3f3f3;
}
.sf-t4 .sf-nav li.sf-nav-mark-step:not(.sf-nav-step-disabled) .sf-nav-number {
background: #F22B4A;
color: #FFF;
border-color: #F22B4A;
}
.sf-t4 .sf-nav li.sf-active .sf-nav-number {
background: #b21948;
color: #FFF;
border-color: #b21948;
}
.sf-t4 .sf-li-number .sf-nav-subtext {
padding-left: 0px;
}
.sf-t4.sf-wizard .sf-btn,
.sf-t4 .sf-content .nocsript-sf-btn {
height: 40px;
line-height: 40px;
padding: 0 40px;
border: 1px solid #a3a3a3;
color: #7a7a7a;
text-decoration: none;
background: #FFF;
}
.sf-t4.sf-wizard.sf-nomob .sf-btn:not(.sf-btn-disabled):hover,
.sf-t4.sf-wizard.sf-mob .sf-btn:not(.sf-btn-disabled):active {
background: #b21948;
color: #FFF;
border-color: #b21948;
}
.sf-t4.sf-wizard .sf-btn.sf-btn-disabled {
background: #f3f3f3;
}
.sf-t4.sf-wizard .sf-nav-on-bottom {
padding-bottom: 10px;
}
.sf-t4.sf-wizard .sf-nav-on-bottom .sf-controls {
margin-bottom: 20px;
}
.sf-t4.sf-3d-cube .sf-step {
background: #FFF;
}
.sf-t4.sf-3d-cube .sf-nav-on-top .sf-step,
.sf-t4.sf-3d-cube .sf-nav-on-bottom .sf-step {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
.sf-t4 .spinner>div {
background: #b21948;
}
@media all and (max-width: 992px) {
.sf-t4 .sf-nav-smmob.sf-nav-top,
.sf-t4 .sf-nav-smmob.sf-nav-bottom {
height: 55px;
}
.sf-t4 .sf-nav-smmob .sf-nav li {
padding: 0 50px 0 0;
width: 30px;
}
.sf-t4 .sf-nav-smmob .sf-nav li .sf-nav-subtext {
display: none;
}
.sf-t4 .sf-nav-smmob .sf-nav li.sf-li-nonumber .sf-nav-number {
display: block;
}
.sf-t4 .sf-nav-smmob .sf-nav-left .sf-nav li {
margin-right: 50px;
padding: 0;
}
.sf-t4.sf-nav-wrap.sf-nav-right li {
padding: 0;
}
.sf-t4 .sf-nav-wrap.sf-nav-left li,
.sf-t4.sf-nav-wrap.sf-nav-right li {
margin-bottom: 10px;
}
.sf-t4 .sf-nav-left .sf-nav li {
margin-right: 0px;
}
.sf-t4.sf-rtl .sf-nav-left .sf-nav li {
padding-right: 40px;
padding-left: 0px;
margin-right: 15px;
}
.sf-t4.sf-rtl .sf-nav-left .sf-nav li.sf-li-nonumber {
padding-right: 15px;
}
.sf-t4.sf-rtl .sf-nav-right .sf-nav li {
margin-left: 0px;
padding-left: 15px;
padding-right: 50px;
}
.sf-t4.sf-rtl .sf-nav-right .sf-nav li.sf-li-nonumber {
padding-right: 0px;
}
.sf-t4.sf-rtl .sf-nav-smmob.sf-nav-right .sf-nav li {
padding-left: 0px;
}
.sf-t4.sf-rtl .sf-nav-smmob.sf-nav-right .sf-nav li.sf-li-nonumber {
padding-left: 50px;
}
.sf-t4.sf-rtl .sf-nav-smmob.sf-nav-left .sf-nav li {
padding-left: 30px;
padding-right: 0px;
}
.sf-t4.sf-rtl .sf-nav-smmob.sf-nav-left .sf-nav li.sf-li-nonumber {
padding-right: 0px;
}
.sf-t4.sf-wizard .sf-btn {
padding: 0 10px;
}
}
.sf-t5 { }
.sf-t5 .sf-nav-bottom {
margin-top: 23px;
padding-top: 12px;
}
.sf-t5 .sf-nav-top,
.sf-t5 .sf-nav-bottom {
height: 150px;
}
.sf-t5.sf-nonumbers .sf-nav-top,
.sf-t5.sf-nonumbers .sf-nav-bottom {
height: 70px;
}
.sf-t5 .sf-nonumbers .sf-nav-bottom {
padding-top: 0;
}
.sf-t5 .sf-nav-top {
padding-bottom: 20px;
}
.sf-t5 .sf-nav {
margin-bottom: 25px;
top: 12px;
}
.sf-t5 .sf-nav li {
font-size: 13px;
color: #a3aab0;
height: 60px;
line-height: 40px;
text-align: center;
margin-right: 40px;
padding: 75px 0 0 0;
min-width: 95px;
font-weight: 700;
}
.sf-t5.sf-rtl .sf-nav li {
margin-right: 0;
margin-left: 40px;
}
.sf-t5 .sf-nav-link .sf-nav-subtext {
color: #787878;
}
.sf-t5 .sf-nav li.sf-active,
.sf-t5 .sf-nomob .sf-nav li.sf-nav-link:not(.sf-nav-step-disabled):hover,
.sf-t5 .sf-mob .sf-nav li.sf-nav-link:not(.sf-nav-step-disabled):active {
color: #40464b;
}
.sf-t5 .sf-nav li.sf-active .sf-nav-subtext,
.sf-t5 .sf-nomob .sf-nav li.sf-nav-link:not(.sf-nav-step-disabled):hover .sf-nav-subtext,
.sf-t5 .sf-mob .sf-nav li.sf-nav-link:not(.sf-nav-step-disabled):active .sf-nav-subtext {
color: #40464b;
}
.sf-t5 .sf-nav-top li.sf-active {
margin-top: 0px;
}
.sf-t5 .sf-nav-number {
position: absolute;
margin-left: -35px;
top: 0;
left: 50%;
font-size: 30px;
line-height: 66px;
font-weight: 800;
height: 70px;
width: 70px;
border-radius: 70px;
border: 1px solid #cfcfcf;
text-align: center;
color: #929292;
}
.sf-t5 .sf-nav-number:before {
content: "";
display: block;
width: 90px;
height: 90px;
top: -11px;
left: -11px;
border-radius: 90px;
position: absolute;
background: #dedede;
z-index: -3;
box-shadow: 0 3px 4px #c7c6c5 inset;
}
.sf-t5 .sf-nav .sf-nav-number:after {
content: "";
display: block;
width: 135px;
height: 15px;
top: 27px;
left: 75px;
position: absolute;
background: #dedede;
z-index: -2;
}
.sf-t5 .sf-nav li:last-child .sf-nav-number:after {
display: none;
}
.sf-t5.sf-rtl .sf-nav-number:after {
left: auto;
right: 75px;
}
.sf-t5.sf-rtl .sf-nav-left .sf-nav li {
padding-right: 15px;
}
.sf-t5 .sf-nav li.sf-active .sf-nav-number,
.sf-t5 .sf-nav li.sf-nav-mark-step .sf-nav-number {
border-color: transparent;
}
.sf-t5 .sf-nav li .sf-nav-number-inner {
position: absolute;
top: 9px;
left: 9px;
margin-left: auto;
line-height: 50px;
display: block;
height: 50px;
width: 50px;
border-radius: 60px;
color: #a3aab0;
}
.sf-t5 .sf-nav li .sf-nav-number-inner:before {
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
content: "";
background: #FFF;
position: absolute;
z-index: -1;
margin-left: -25px;
top: 0px;
left: 50%;
height: 50px;
width: 50px;
border-radius: 70px;
border: 1px solid #cfcfcf;
}
.sf-t5 .sf-nav li .sf-nav-number-inner:after {
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
content: "";
position: absolute;
z-index: -1;
top: -10px;
left: 50%;
margin-left: -35px;
line-height: 50px;
display: block;
height: 70px;
width: 70px;
border-radius: 70px;
background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 39%, #ebebeb 98%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(39%, #ffffff), color-stop(98%, #ebebeb)); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 39%, #ebebeb 98%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 39%, #ebebeb 98%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 39%, #ebebeb 98%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 39%, #ebebeb 98%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0); }
.sf-t5 .sf-nav li.sf-nav-unlink .sf-nav-subtext {
color: #a3aab0;
}
.sf-t5 .sf-nav li.sf-nav-unlink .sf-nav-number-inner:after {
background: #F4F3F3; background: -moz-linear-gradient(top, #F4F3F3 0%, #F4F3F3 39%, #E2E2E2 98%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F3F3), color-stop(39%, #F4F3F3), color-stop(98%, #E2E2E2)); background: -webkit-linear-gradient(top, #F4F3F3 0%, #F4F3F3 39%, #E2E2E2 98%); background: -o-linear-gradient(top, #F4F3F3 0%, #F4F3F3 39%, #E2E2E2 98%); background: -ms-linear-gradient(top, #F4F3F3 0%, #F4F3F3 39%, #E2E2E2 98%); background: linear-gradient(to bottom, #F4F3F3 0%, #F4F3F3 39%, #E2E2E2 98%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F3F3', endColorstr='$t5_step_in_end_unlink', GradientType=0); }
.sf-t5 .sf-nav li.sf-active .sf-nav-number-inner,
.sf-t5 .sf-nav li.sf-nav-mark-step .sf-nav-number-inner {
color: #40464b;
}
.sf-t5 .sf-nav li.sf-nav-mark-step .sf-nav-number-inner {
color: #61676b;
}
.sf-t5 .sf-nav li.sf-active .sf-nav-number-inner:before,
.sf-t5 .sf-nav li.sf-nav-mark-step .sf-nav-number-inner:before,
.sf-t5 .sf-nav li.sf-nav-step-disabled .sf-nav-number-inner:before {
content: "";
background: #13d9b7;
border: 1px solid #cfcfcf;
box-shadow: 0 3px 4px #00b89b inset;
margin-left: -37px;
top: -12px;
left: 50%;
height: 74px;
width: 74px;
}
.sf-t5 .sf-nav li.sf-nav-step-disabled .sf-nav-number {
border: 1px solid transparent;
}
.sf-t5 .sf-nav li.sf-nav-step-disabled .sf-nav-number-inner:before {
background: #dedede;
box-shadow: none;
border: 1px solid transparent;
}
.sf-t5 .sf-nav li.sf-nav-mark-step:not(.sf-nav-step-disabled) .sf-nav-number-inner:before {
background: #40D8A3;
box-shadow: 0 3px 4px #04b497 inset;
}
.sf-t5 .sf-nav li.sf-active .sf-nav-number-inner:after {
background: #f4f4f4;
color: #40464b;
box-shadow: 0 3px 4px #dbf3ef inset;
top: 0px;
left: 50%;
margin-left: -25px;
line-height: 50px;
height: 50px;
width: 50px;
}
.sf-t5 .sf-nav li.sf-nav-step-disabled .sf-nav-number-inner:after {
opacity: 0;
}
.sf-t5 .sf-nav li.sf-nav-mark-step .sf-nav-number-inner:after {
top: 0px;
left: 50%;
margin-left: -25px;
line-height: 50px;
height: 50px;
width: 50px;
}
.sf-t5 .sf-li-number .sf-nav-subtext {
padding-left: 0px;
}
.sf-t5 .sf-nav-top li.sf-li-nonumber,
.sf-t5 .sf-nav-bottom li.sf-li-nonumber {
height: 30px;
padding: 0;
}
.sf-t5 .sf-nav-right .sf-nav {
margin-left: 20px;
}
.sf-t5 .sf-nav-left li,
.sf-t5 .sf-nav-right li {
height: 100px;
padding-top: 25px;
text-align: left;
margin-bottom: 0;
}
.sf-t5 .sf-nav-left li .sf-nav-subtext,
.sf-t5 .sf-nav-right li .sf-nav-subtext {
padding-left: 117px;
}
.sf-t5 .sf-nav-left li .sf-nav-number,
.sf-t5 .sf-nav-right li .sf-nav-number {
left: 50px;
top: 12px;
}
.sf-t5 .sf-nav-left .sf-nav-number:after,
.sf-t5 .sf-nav-right .sf-nav-number:after {
width: 15px;
height: 60px;
top: 70px;
left: 27px;
position: absolute;
background: #dedede;
z-index: -2;
}
.sf-t5.sf-rtl .sf-nav-left .sf-nav-number:after,
.sf-t5.sf-rtl .sf-nav-right .sf-nav-number:after {
left: auto;
right: 27px;
}
.sf-t5 .sf-nav-left li.sf-li-nonumber,
.sf-t5 .sf-nav-right li.sf-li-nonumber {
height: 30px;
line-height: 30px;
padding: 0;
}
.sf-t5 .sf-nav-left li.sf-li-nonumber .sf-nav-subtext,
.sf-t5 .sf-nav-right li.sf-li-nonumber .sf-nav-subtext {
padding-left: 0;
}
.sf-t5.sf-wizard .sf-btn,
.sf-t5 .sf-content .nocsript-sf-btn {
height: 40px;
line-height: 40px;
padding: 0 40px;
border: 1px solid #c7c6c5;
border-radius: 5px;
color: #40464b;
font-size: 13px;
font-weight: 700;
text-decoration: none;
background: #efefef; background: -moz-linear-gradient(top, #efefef 0%, #dadada 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #dadada)); background: -webkit-linear-gradient(top, #efefef 0%, #dadada 100%); background: -o-linear-gradient(top, #efefef 0%, #dadada 100%); background: -ms-linear-gradient(top, #efefef 0%, #dadada 100%); background: linear-gradient(to bottom, #efefef 0%, #dadada 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$t5_btn_bg_start', endColorstr='$t5_btn_bg_end', GradientType=0); }
.sf-t5.sf-wizard .sf-btn.sf-btn-disabled,
.sf-t5 .sf-content .nocsript-sf-btn.sf-btn-disabled {
background: #e8e8e8;
color: #a1a1a1;
}
.sf-t5.sf-wizard.sf-nomob .sf-btn:not(.sf-btn-disabled):hover,
.sf-t5.sf-wizard.sf-mob .sf-btn:not(.sf-btn-disabled):active {
background: #efefef;
}
.sf-t5.sf-fade .sf-viewport-out,
.sf-t5.sf-none .sf-viewport-out,
.sf-t5.sf-slide .sf-viewport-out {
padding: 10px;
border-radius: 5px;
border: 1px solid #c7c6c5;
box-shadow: 0px 0px 4px #d1cfcf inset, 0 0 0 10px #e4e4e4 inset;
}
.sf-t5.sf-fade .sf-viewport,
.sf-t5.sf-none .sf-viewport,
.sf-t5.sf-slide .sf-viewport {
background: transparent;
padding: 20px;
}
.sf-t5 .sf-viewport {
margin-bottom: 0;
}
.sf-t5 .sf-controls {
margin-top: 20px;
}
.sf-t5 .sf-nav-on-bottom .sf-controls {
margin-bottom: 20px;
}
.sf-t5.sf-3d-cube.sf-wizard>.sf-content {
padding: 0px;
border: none;
box-shadow: none;
}
.sf-t5.sf-3d-cube.sf-wizard>.sf-content .sf-step {
padding: 45px;
border-radius: 5px;
border: 1px solid #c7c6c5;
box-shadow: 0px 0px 4px #d1cfcf inset, 0 0 0 10px #e4e4e4 inset;
}
.sf-t5.sf-wizard>.sf-content:before {
content: "";
display: block;
}
.sf-t5.sf-3d-cube .sf-step {
background: #FFF;
}
.sf-t5 .spinner>div {
background: #13d9b7;
}
.sf-t5 .sf-nav-left .spinner,
.sf-t5 .sf-nav-right .spinner {
margin-top: 0px;
float: right;
}
@media all and (max-width: 1200px) {
.sf-t5 .sf-nav li {
margin-right: 20px;
}
}
@media all and (max-width: 992px) {
.sf-t5 .sf-nav-smmob.sf-nav-top,
.sf-t5 .sf-nav-smmob.sf-nav-bottom {
height: 115px;
}
.sf-t5 .sf-nav-smmob.sf-nav-right .sf-nav {
margin-left: 0px;
}
.sf-t5 .sf-nav-smmob.sf-nav-left li.sf-li-nonumber,
.sf-t5 .sf-nav-smmob.sf-nav-right li.sf-li-nonumber {
height: 90px;
}
.sf-t5 .sf-nav-smmob.sf-nav-top .sf-nav-number:after,
.sf-t5 .sf-nav-smmob.sf-nav-bottom .sf-nav-number:after {
width: 50px;
}
.sf-t5 .sf-nav-smmob li span {
display: none;
}
.sf-t5 .sf-nav-smmob li.sf-active:after {
border: none;
}
.sf-t5 .sf-nav-smmob.sf-nav-top .sf-nav-step.sf-active:after {
display: none;
}
.sf-t5 .sf-nav-smmob li.sf-li-nonumber .sf-nav-number {
display: block;
}
.sf-t5.sf-rtl .sf-nav-left .sf-nav li,
.sf-t5:not(.sf-rtl) .sf-nav-left .sf-nav li {
margin-right: 10px;
margin-left: 0px;
}
.sf-t5.sf-rtl .sf-nav-right .sf-nav li,
.sf-t5:not(.sf-rtl) .sf-nav-right .sf-nav li {
margin-left: 10px;
margin-right: 0;
}
.sf-t5.sf-rtl:not(.sf-rtl) .sf-nav-right .sf-nav li,
.sf-t5:not(.sf-rtl):not(.sf-rtl) .sf-nav-right .sf-nav li {
margin-right: 25px;
}
.sf-t5.sf-rtl .sf-nav-left .sf-nav li.sf-li-nonumber {
text-align: right;
}
.sf-t5.sf-nonumbers .sf-nav-smmob li.sf-nav-step {
height: 60px;
}
.sf-t5.sf-nonumbers .sf-nav-smmob.sf-nav-top,
.sf-t5.sf-nonumbers .sf-nav-smmob.sf-nav-bottom {
height: 115px;
}
.sf-t5.sf-nonumbers .sf-nav-smmob.sf-nav-left li,
.sf-t5.sf-nonumbers .sf-nav-smmob.sf-nav-right li {
height: 100px;
}
.sf-t5.sf-wizard .sf-btn {
padding: 0 10px;
}
} .hidden { }body input.parsley-success,
body select.parsley-success,
body textarea.parsley-success {
color: #468847 !important;
background-color: #DFF0D8 !important;
border: 1px solid #D6E9C6 !important;
}
body input.parsley-error,
body select.parsley-error,
body textarea.parsley-error {
color: #B94A48 !important;
background-color: #F2DEDE !important;
border: 1px solid #EED3D7 !important;
}
body .parsley-errors-list {
margin: 8px 0 3px 0 !important;
padding: 0 !important;
list-style-type: none !important;
font-size: 0.9em !important;
line-height: 0.9em !important;
opacity: 0 !important;
-moz-opacity: 0 !important;
-webkit-opacity: 0 !important; color: var(--wp--preset--color--custom-color-1) !important;
transition: all .3s ease-in !important;
-o-transition: all .3s ease-in !important;
-ms-transition: all .3s ease-in !important;
-moz-transition: all .3s ease-in !important;
-webkit-transition: all .3s ease-in !important;
}
body .parsley-errors-list li {
font-size: 0.9em !important;
line-height: 0.9em !important; font-weight: 500;
color: var(--wp--preset--color--custom-color-1) !important;
transition: all .3s ease-in !important;
-o-transition: all .3s ease-in !important;
-ms-transition: all .3s ease-in !important;
-moz-transition: all .3s ease-in !important;
-webkit-transition: all .3s ease-in !important;
}
body .parsley-errors-list.filled {
opacity: 1 !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}@-webkit-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-moz-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.dropzone, .dropzone * {
box-sizing: border-box;
}
.dropzone { border: 2px solid rgba(0, 0, 0, 0.3); padding: 20px 20px;
}
.dropzone.dz-clickable {
cursor: pointer;
background: #000000;
}
.dropzone.dz-clickable * {
cursor: default;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
cursor: pointer;
}
.dropzone.dz-started .dz-message {
display: none;
}
.dropzone.dz-drag-hover {
border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
opacity: 0.5;
}
.dropzone .dz-message {
text-align: center; }
.dropzone .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 16px;
min-height: 100px;
}
.dropzone .dz-preview:hover {
z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 20px;
background: #999;
background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer;
border: none;
}
.dropzone .dz-preview .dz-remove:hover {
text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2em 1em;
text-align: center;
color: rgba(0, 0, 0, 0.9);
line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
margin-bottom: 1em;
font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
border: 1px solid rgba(200, 200, 200, 0.8);
background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
background-color: rgba(255, 255, 255, 0.4);
padding: 0 0.4em;
border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-filter: blur(8px);
filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
border-radius: 20px;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
display: block;
z-index: 10;
}
.dropzone .dz-preview .dz-image img {
display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress {
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress, .dropzone-previews .dz-preview.dz-complete .dz-progress {
opacity: 0;
-webkit-transition: opacity 0.4s ease-in;
-moz-transition: opacity 0.4s ease-in;
-ms-transition: opacity 0.4s ease-in;
-o-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress, .dropzone-previews .dz-preview:not(.dz-processing) .dz-progress {
-webkit-animation: 6s ease infinite;
-moz-animation: 6s ease infinite;
-ms-animation: 6s ease infinite;
-o-animation: 6s ease infinite;
animation: 6s ease infinite;
}
.dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 15px;
border-radius: 10px;
box-shadow: 0px 0px 2px black;
width: 100%;
background: rgb(255 255 255 / 33%);
overflow: hidden;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
background: #333;
background-image: linear-gradient(180deg, #ff0000, #ff1400, #ff4848);
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
width: 0px;
border-radius: 12px;
-webkit-transition: width 300ms ease-in-out;
-moz-transition: width 300ms ease-in-out;
-ms-transition: width 300ms ease-in-out;
-o-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
top: 130px;
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
padding: 0.5em 1.2em;
color: white;
}
.dropzone .dz-preview .dz-error-message:after {
content: '';
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626;
}
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-success-mark{
background: #000000;
position: relative;
top: 200%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 30px;
text-align: center;
}
.dropzone-previews .dz-preview .dz-error-mark:after{
content:"Failed"    
}
.dropzone-previews .dz-preview .dz-success-mark:after{
content:"Done"    
}
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark .emoji {    display: none;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--pmpro--base--border-radius: 8px;
--pmpro--base--spacing--small: 12px;
--pmpro--base--spacing--medium: 18px;
--pmpro--base--spacing--large: 36px;
--pmpro--color--accent: #0c3d54;
--pmpro--color--base: #ffffff;
--pmpro--color--base-2: #ededed;
--pmpro--color--contrast: #222222;
--pmpro--color--border: #777777;
--pmpro--color--info-background: #d9edf7;
--pmpro--color--info-border: #bce8f1;
--pmpro--color--info-text: #31708f;
--pmpro--color--info-link: #245269;
--pmpro--color--success-background: #d4edda;
--pmpro--color--success-border: #c3e6cb;
--pmpro--color--success-text: #0F441C;
--pmpro--color--success-link: #2b542c;
--pmpro--color--error-background: #f8d7da;
--pmpro--color--error-border: #f5c6cb;
--pmpro--color--error-text: #721c24;
--pmpro--color--error-link: #843534;
--pmpro--color--alert-background: #fff8e0;
--pmpro--color--alert-border: #ffeeba;
--pmpro--color--alert-text: #6C5101;
--pmpro--color--alert-link: #66512c;
--pmpro--color--alert2-background: #ffecd9;
--pmpro--color--alert2-border: #ffddb1;
--pmpro--color--alert2-text: #995d1d;
--pmpro--color--alert2-link: #a65e3a;
} .pmpro_message {
background-color: var(--pmpro--color--info-background);
border: 1px solid var(--pmpro--color--info-border);
border-radius: var(--pmpro--base--border-radius);
color: var(--pmpro--color--info-text);
font-weight: 400;
margin: var(--pmpro--base--spacing--medium) 0;
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
text-align: left;
}
.pmpro_message.pmpro_success {
background-color: var(--pmpro--color--success-background);
border-color: var(--pmpro--color--success-border);
color: var(--pmpro--color--success-text);
}
.pmpro_message.pmpro_error {
background-color: var(--pmpro--color--error-background);
border-color: var(--pmpro--color--error-border);
color: var(--pmpro--color--error-text);
}
.pmpro_message.pmpro_alert {
background-color: var(--pmpro--color--alert-background);
border-color: var(--pmpro--color--alert-border);
color: var(--pmpro--color--alert-text);
}
.pmpro_message a {
color: var(--pmpro--color--info-link);
text-decoration: underline;
}
.pmpro_success a {
color: var(--pmpro--color--success-link);
}
.pmpro_error a {
color: var(--pmpro--color--error-link);
}
.pmpro_alert a {
color: var(--pmpro--color--alert-link);
}
.pmpro_message p {
margin: 0 0 var(--pmpro--base--spacing--small);
padding: 0;
}
.pmpro_message p:last-of-type {
margin-bottom: 0;
} .pmpro_captcha {
margin: var(--pmpro--base--spacing--large) 0;
}
.pmpro_captcha div {
clear: none;
margin: 0;
}
.pmpro_form_label-inline {
display: inline-block;
}
.pmpro {
.pmpro_form_input-text.pmpro_form_input-error,
.pmpro_form_input-email.pmpro_form_input-error,
.pmpro_form_input-url.pmpro_form_input-error,
.pmpro_form_input-password.pmpro_form_input-error,
.pmpro_form_input-search.pmpro_form_input-error,
.pmpro_form_input-select.pmpro_form_input-error,
.pmpro_form_input-checkbox.pmpro_form_input-error,
.pmpro_form_input-radio.pmpro_form_input-error,
.pmpro_form_input-multiselect.pmpro_form_input-error,
.pmpro_form_input-number.pmpro_form_input-error,
.pmpro_form_input-file.pmpro_form_input-error,
.pmpro_form_input-date.pmpro_form_input-error,
.pmpro_form_input-textarea.pmpro_form_input-error {
border-color: var(--pmpro--color--error-border);
box-shadow: 0 0 0 0.2rem #f8d7da;
}
} .pmpro_form_field-checkbox .pmpro_form_label {
cursor: pointer;
display: inline;
width: auto;
}
.pmpro_form_field-checkbox input[type="checkbox"] {
height: auto;
opacity: 1;
width: auto;
}
.pmpro_form_field-checkbox-grouped ul {
list-style: none;
margin: 0;
padding: 0;
}
.pmpro_form_field-checkbox-grouped li {
list-style: none;
margin: 0;
padding: 0;
} .pmpro_form_field-radio-item {
margin-bottom: 0;
}
.pmpro_form_field-radio-item .pmpro_form_label {
cursor: pointer;
display: inline-block;
width: auto;
} .pmpro_form_field-date select {
max-width: unset;
width: unset;
}
.pmpro_form_field-date input[type="text"] {
margin-left: var(--pmpro--base--spacing--small);
max-width: unset;
width: unset;
} .pmpro_form_field-file button {
margin-right: var(--pmpro--base--spacing--small);
}
.pmpro_form_field-file-preview {
align-items: center;
display: flex;
height: 100px;
justify-content: center;
overflow: hidden;
width: 100px;
}
.pmpro_form_field-file-preview img {
height: 100%;
object-fit: cover;
width: 100%;
} #pmpro_payment_information_fields .pmpro_form_fields label {
display: block;
float: none;
max-width: initial;
min-width: initial;
text-align: left;
width: auto;
}
button[type="button"]#other_discount_code_toggle,
button[type="button"]#other_discount_code_toggle:hover,
button[type="button"]#other_discount_code_toggle:focus {
background: none;
border: none;
color: inherit;
cursor: pointer;
font-family: inherit;
font-size: inherit;
margin: 0;
padding: 0;
text-decoration: underline;
}
#pmpro_tos_fields input[type="checkbox"]#tos {
width: auto;
} #pmpro_payment_method span.gateway_paypalexpress {
margin-left: var(--pmpro--base--spacing--large);
}
[id^="pmpro_paypal"] .pmpro_btn-submit-checkout-paypal-image {
background-image: url(//www.sl-registry.com/wp-content/plugins/paid-memberships-pro/images/paypal-color.svg);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
height: 30px;
width: 100px;
} .pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields .pmpro_payment-request-button h3,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields .pmpro_payment-request-button h3 {
margin: var(--pmpro--base--spacing--medium) 0 var(--pmpro--base--spacing--small);
padding: 0;
}
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber,
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry,
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV {
border: 1px solid var(--pmpro--color--border);
padding: var(--pmpro--base--spacing--small);
} .pmpro_invoice_details .pmpro_invoice-billing-address {
display: flex;
flex-direction: column;
}
.pmpro_price_part_span {
display: flex;
font-weight: normal;
justify-content: space-between;
}
.pmpro_price_part-total {
font-weight: 700;
} .pmpro_list {
#pmpro_order_single-meta-bill_to {
word-break: break-all;
}
}
.pmpro_list.pmpro_list-plain,
.pmpro_list.pmpro_list-plain .pmpro_list_item {
list-style: none;
margin: 0;
padding: 0;
}
.pmpro_list.pmpro_list-bulleted {
list-style-type: disc;
margin: 0;
padding: 0 0 0 var(--pmpro--base--spacing--medium);
}
.pmpro_list.pmpro_list-bulleted .pmpro_list_item {
margin: 0;
padding: 0;
}
.pmpro_list .pmpro_list_item:not(:last-child) {
margin-bottom: var(--pmpro--base--spacing--small);
} #pass-strength-result {
border: 1px solid var(--pmpro--color--border);
border-radius: var(--pmpro--base--border-radius);
color: inherit;
font-size: 16px;
margin: 0;
padding: calc( var(--pmpro--base--spacing--small) / 3 ) var(--pmpro--base--spacing--small);
text-align: center;
width: 100%;
box-sizing: border-box;
opacity: 0;
}
#pass-strength-result.short {
background-color: var(--pmpro--color--error-background);
border-color: var(--pmpro--color--error-border);
color: var(--pmpro--color--error-text);
opacity: 1;
}
#pass-strength-result.bad {
background-color: var(--pmpro--color--alert2-background);
border-color: var(--pmpro--color--alert2-border);
color: var(--pmpro--color--alert2-text);
opacity: 1;
}
#pass-strength-result.good {
background-color: var(--pmpro--color--alert-background);
border-color: var(--pmpro--color--alert-border);
color: var(--pmpro--color--alert-text);
opacity: 1;
}
#pass-strength-result.strong {
background-color: var(--pmpro--color--success-background);
border-color: var(--pmpro--color--success-border);
color: var(--pmpro--color--success-text);
opacity: 1;
}
.pass1.short, .pass1-text.short {
border-color: var(--pmpro--color--error-border);
}
.pass1.bad, .pass1-text.bad {
border-color: var(--pmpro--color--alert2-border);
}
.pass1.good, .pass1-text.good {
border-color: var(--pmpro--color--alert-border);
}
.pass1.strong, .pass1-text.strong {
border-color: var(--pmpro--color--success-border);
}
.pw-weak {
display: none;
}
.indicator-hint {
padding-top: 8px;
}
.wp-pwd [type="text"],
.wp-pwd [type="password"] {
margin-bottom: 0; min-height: 30px;
} .pmpro_form_field-password-toggle button,
.pmpro_form_field-password-toggle button:hover,
.pmpro_form_field-password-toggle button:focus,
.pmpro_form_field-password-toggle button:active {
align-items: center;
background: transparent;
border: none;
box-shadow: none;
box-sizing: border-box;
color: var(--pmpro--color--contrast);
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
line-height: 1;
margin: 0;
min-height: 1px;
padding: 0;
}
.pmpro_form_field-password-toggle button:focus,
.pmpro_form_field-password-toggle button:active {
color: var(--pmpro--color--contrast);
} .wp-pwd input::-ms-reveal {
display: none;
}
.pass1-text,
.show-password #pass1 {
display: none;
}
.pass1-text::-ms-clear {
display: none;
}
.show-password #pass1-text {
display: inline-block;
} .pmpro_table {
border-collapse: collapse;
margin: 0;
width: 100%;
}
.pmpro_table-fixed {
table-layout: fixed;
} .pmpro_tag {
border-radius: var(--pmpro--base--border-radius);
border: 1px solid var(--pmpro--color--border);
font-size: 14px;
font-weight: 600;
line-height: 20px;
padding: calc( var(--pmpro--base--spacing--small) / 3 ) var(--pmpro--base--spacing--small);
text-align: center;
}
.pmpro_tag-success {
background-color: var(--pmpro--color--success-background);
border-color: var(--pmpro--color--success-border);
color: var(--pmpro--color--success-text);
}
.pmpro_tag-error {
background-color: var(--pmpro--color--error-background);
border-color: var(--pmpro--color--error-border);
color: var(--pmpro--color--error-text);
}
.pmpro_tag-alert {
background-color: var(--pmpro--color--alert-background);
border-color: var(--pmpro--color--alert-border);
color: var(--pmpro--color--alert-text);
} #wpadminbar #wp-admin-bar-pmpro-admin-membership-access {
background-color: #1d2327;
}
#wpadminbar .pmpro_admin-view {
display: inline-block;
padding: 0 5px;
}
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view) + .ab-sub-wrapper {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
padding: 10px;
}
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view) + .ab-sub-wrapper ul li .ab-item {
height: auto;
}
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view) + .ab-sub-wrapper p {
color: #fff;
line-height: 1.5;
margin-bottom: 5px;
white-space: normal;
}
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view) + .ab-sub-wrapper select {
background-color: #fff;
border-radius: 6px;
line-height: 1.5;
padding: 5px 8px;
}
#wpadminbar .ab-item:has(.pmpro_admin-view-yes),
#wpadminbar .ab-top-menu > li.hover > .ab-item:has(.pmpro_admin-view-yes),
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item:has(.pmpro_admin-view-yes),
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:has(.pmpro_admin-view-yes):focus,
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view-yes) + .ab-sub-wrapper {
background-color: #0F441C;
color: #fff;
}
#wpadminbar .ab-item:has(.pmpro_admin-view-no),
#wpadminbar .ab-top-menu > li.hover > .ab-item:has(.pmpro_admin-view-no),
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item:has(.pmpro_admin-view-no),
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:has(.pmpro_admin-view-no):focus,
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view-no) + .ab-sub-wrapper {
background-color: #721c24;
color: #fff;
}
#wpadminbar .pmpro_admin-view .ab-icon {
margin-right: 3px;
}
#wpadminbar .pmpro_admin-view .ab-icon:before,
#wpadminbar li:hover .pmpro_admin-view .ab-icon:before,
#wpadminbar li.hover .pmpro_admin-view .ab-icon:before {
color: #fff;
}
#wpadminbar .pmpro_admin-view-current .ab-icon:before,
#wpadminbar li:hover .pmpro_admin-view-current .ab-icon:before,
#wpadminbar li.hover .pmpro_admin-view-current .ab-icon:before {
color: inherit;
} .pmpro_actions_nav:not(#pmpro_login .pmpro_actions_nav) {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pmpro_actions_nav-left {
flex: 1;
order: 1;
text-align: left;
}
.pmpro_actions_nav-right {
flex: 1;
order: 2;
text-align: right;
} .pmpro_data_filters {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--pmpro--base--spacing--small);
margin-bottom: var(--pmpro--base--spacing--medium);
}
.pmpro_data_count {
margin-bottom: var(--pmpro--base--spacing--medium);
text-align: right;
} .pmpro_pad-s {
padding: var(--pmpro--base--spacing--small);
}
.pmpro_pad-m {
padding: var(--pmpro--base--spacing--large);
}
.pmpro_pad-l {
padding: var(--pmpro--base--spacing--large);
}
.pmpro_spacer {
margin: var(--pmpro--base--spacing--medium) 0;
min-height: 1px;
}
.pmpro_form .pmpro_spacer {
margin-top: var(--pmpro--base--spacing--large);
}
.pmpro_clickable {
cursor: pointer;
}
.pmpro_asterisk abbr,
.pmpro_asterisk abbr[title] {
border: none;
color: var(--pmpro--color--error-text);
cursor: default;
text-decoration: none;
}
.pmpro_hidden {
display: none;
} @media print {
.pmpro {
.pmpro_actions_nav:not(.pmpro_login_wrap .pmpro_actions_nav),
.pmpro_actions_nav-right,
.pmpro_actions_nav-left,
.pmpro_card_actions,
.pmpro_hide_print {
display: none;
}
h2, h3 {
page-break-after: avoid;
}
}
} @media screen and (max-width: 767px) {
.pmpro_reset_password_wrap form.pmpro_form #pass-strength-result,
form.pmpro_form .pmpro_change_password-fields #pass-strength-result {
max-width: 90%;
}
.pmpro_actions_nav {
text-align: center;
}
.pmpro_actions_nav-left,
.pmpro_actions_nav-right {
flex-basis: 100%;
text-align: center;
}
.pmpro_table thead {
display: none;
}
.pmpro_table tbody tr th,
.pmpro_table tbody tr td,
.pmpro_table tfoot tr td {
display: grid;
grid-template-columns: 1fr 2fr;
}
.pmpro_table-fixed tbody tr th,
.pmpro_table-fixed tbody tr td,
.pmpro_table-fixed tfoot tr td {
grid-template-columns: 1fr 1fr;
}
.pmpro_table tbody tr th::before,
.pmpro_table tbody tr td::before,
.pmpro_table tfoot tr td::before {
content: attr(data-title) ": ";
}
.pmpro_table_cancel tbody tr td:last-child,
.pmpro_levels_table tbody tr td:last-child {
display: block;
}
.pmpro_table_cancel tbody tr td:last-child::before,
.pmpro_levels_table tbody tr td:last-child::before {
content: "";
}
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields #payment-request-button {
max-width: 50%;
}
}
@media screen and (min-width: 1280px) {
}li.wp-block-navigation-item.wp-block-navigation-link:hover {
background: #7c0000;
}
li.wp-block-navigation-item.wp-block-navigation-link{
transition: all 400ms ease-in-out;
}
li.wp-block-navigation-item.current-menu-item.wp-block-navigation-link {
background: #ec0001;
}
li.wp-block-navigation-item.wp-block-navigation-link a:hover {
text-decoration: none !important; 
}
textarea.comments {
width: 100%;
height: 79px; border-radius: 5px; padding: 0;
border: solid 1px #595959;
padding: 2px;  font-family: inherit;
font-size: 19px;
resize: none;
float: left;
}
textarea.comments.disabled {
background: #000000 !important;
cursor: not-allowed;
border: gray solid 1px;
}  input[type=text],
input[type=number],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=youtube],
select, textarea,
option {
border-radius: 5px;
border: none;
font-family: inherit;
line-height: 1;
font-size: 18px;
padding: 1% 0.5rem;
font-weight: 500;
box-shadow: 1px 1px 1px inset #b2b2b2, -1px -1px 1px inset #fff; width: 95%;
}
input.gotoboxpageno {
width: 40px !Important;
}
div.plateLayout input[type=text] {
background: #d2d2d2;
font-size: 17px;
letter-spacing: 1px; font-weight: 700; width: fit-content;
color: black;
}
div.plateLayout select {
width: auto;
padding: 0 6px !important; background: #d2d2d2; border: solid 1px #cacaca;
text-shadow: 1px 1px 1px #fff;
text-align: right;
font-family: monospace;
font-size: 19px; font-weight: 700;
border-radius: 5px;
border:none; }
.post83Form_tab {
position: relative;
}
.post83Form_tab .refimg .wp-block-cover__image-background {
width: 100%;
display: block; background-size: 100%;
background-repeat: no-repeat;
background-position: 0%, 0% !important;
transition: all 2s;
text-align: right;
box-shadow: 1px 1px 26px -13px #000 inset;
background-color: #fff;
font-size: 60px;
line-height: 30px;
color: #fff;
text-shadow: 1px 1px 9px #000;
}  .switch {
position: relative;
display: inline-block;
width: 30px;
height: 14px;
} .switch input {
opacity: 0;
width: 0;
height: 0;
} .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 12px;
width: 12px;
left: 1px;
bottom: 1px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked+.slider {
background-color: #ec0001;
}
input:focus+.slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked+.slider:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
} .slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.formtable select {
width: auto;
padding: 0px 0px !important;
height: 29px;
margin: 3px 0px;
text-align: right;
font-family: inherit !important;
font-size: 16px;
font-weight: 600;
border-radius: 5px;
}
.post-entry table td {
padding: 0px !important;   border: none !important;
background: none !important;  }
@media all and (max-width: 768px) {
.plateLayoutContainer {
width: 90%;
overflow: auto;
overflow-x: scroll; border-radius: 20px; }     }
div.plateLayout {
box-shadow: 2px 2px 20px 0px #000, 2px 2px 56px -37px #000 inset;
border: solid 1px gray;
position: relative;
font-family: monospace;
letter-spacing: 0;
text-align: right;
font-weight: 600;
text-shadow: -1px -1px 1px #fff, 2px 2px 2px #575757;
overflow: hidden;
}
div.plateLayout table {
padding: 0% 0 10px 0;
border-collapse: collapse;
margin: 0 auto;
}
.plateLayout table tr:nth-of-type(1), .plateLayout table tr:nth-of-type(1) td {
height: 1px !important;
font-size: 1px;
}
div.plateLayout .platediv {
padding: 1rem;
}
div.plateLayout .layout1 {
background: linear-gradient(45deg, #757575, #ddd, #d2d2d2, #a4a4a4, #dcdcdc) !important;
;
}
div.plateLayout .layout2 {
background: linear-gradient(-17deg, #909672, #ddd, #c6c8b6, #9b9f82, #596045) !important;
}
div.plateLayout .layout2 td {
color: #757d51;
}
div.plateLayout .layout3 {
background: linear-gradient(35deg, #6d3912 8%, #F7FCFF 9%, #602802 30%, #795548 79%, #b6a79e 80%, #dcdcdc 89%, #663b1f 90%, #8c5e3f 92%, #f2feff 100%) !important;
}
div.plateLayout .layout3 td {
color: #451b1b;
}
div.plateLayout .layout4 {
background: linear-gradient(19deg, #687773 5%, #F7FCFF 18%, #728b87 20%, #9ca19f 75%, #959b99 50%, #dcdcdc 91%, #557168 90%, #6f8980 92%, #f2feff 100%) !important;
}
.plateLayout td {
border-collapse: collapse; color: black;
font-weight: bold;
font-family: monospace;
font-size: 18px; }
.post83Form_tab .refimg:hover .wp-block-cover__image-background {
background-position: 0% 21% !important;
background-size: 400%
}
.mandatory {
border: solid 2px red  !important;
box-shadow: 0px 0px 4px 1px red !important;
}
.grid-item-title {
font-weight: 600; padding: 6px;
} 
.grid-container {
display: grid;
grid-template-rows: max-content;  border-radius: 21px;
overflow: hidden;
}
.grid-items {
display: grid;
grid-template-columns: 2fr 4fr; padding: 6px;
background: var(--wp--preset--color--base);
}
.grid-item-desc {
display: grid;
grid-template-columns: 1fr;   border-radius: 20px;
}
.grid-desc-container {
display: grid;
grid-template-columns: 1fr 20fr; padding: 6px;
align-items: start;
}
.grid-code{  text-align: left;
}
.grid-desc{
display: grid;
grid-template-columns: 1fr 0fr;
justify-self: auto;
align-items: start;
padding: 0 10px;
margin-left: 10px;
border-left: solid 1px #606060;
}
.option-range {  }
.grid-desc-container.options {
}
.options .grid-code {
min-width: unset;
margin: 0;
border: none; grid-template-columns: 1fr;
justify-self: auto;
padding: 0px 0px;
align-items: center;
border-left: solid 1px transparent;
}
.grid-items:nth-child(even){
background: var(--wp--preset--color--custom-black-50-alpha);
}
.sub-grid{
border: solid 1px #FFC107; 
padding: 6px; 
}
.sub-grid-desc{
border: solid 1px #FFC107; 
padding: 6px; 
}
.sub-grid-warning{
border: solid 1px #FFC107; 
padding: 6px; 
}
.options-container{
display: grid;   border-radius: 10px;
}
.option-container{
display: grid;
grid-template-columns: 1fr 20fr; padding: 6px;
}
.options-container:nth-child(odd) {
background: blue;
background: #00000080;
}
.option-code{  }
.option-desc-err{ padding: 0 10px;
margin-left: 10px; border-left: solid 1px #606060;
}
.option-desc{  }
.option-err{  }
.color_img {
display: grid;
grid-template-columns: 1fr 1fr; }
.color_img .color {
display: block;
width: 70px;
height: 70px;
border-radius: 52px;
border: solid 4px white;
box-shadow: 2px 3px 0px 0px inset #ffffff75, -1px 1px 15px inset #0000006e;
margin: 0 10px;
}
.example_vin,
.example_vin img {
width: 160px;
height: 80px;
object-fit: cover;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.colors.example_vin_link {
position: absolute;
bottom: 0px;
width: 100%;
}
.example_vin_link {
position: absolute;
bottom: -40%;
left: 50%;
transform: translateX(-50%);
transition-duration: 200ms;
}
.example_vin a.btn {
background: #eb1500;
color: white;  line-height: 1;
white-space: nowrap;
padding: 1px 10px;
border-radius: 30px;
font-size: small;
font-weight: 400;
}
.example_vin:hover .example_vin_link {
bottom: 30%;
}
div#show_example_production_date_plate {
cursor: pointer;
}
div#example_production_date_plate {
position: fixed;
width: 60%;
z-index: 1000;
min-width: 300px;
box-shadow: 1px 1px 31px 1px black;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#example_production_date_plate #closeButton{
cursor: pointer;
}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);border-radius:var(--f-spinner-border-radius);border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{transform:rotate(360deg)}}.f-carousel{--f-carousel-gap: 0px;--f-carousel-slide-width: 100%;--f-carousel-slide-padding: 0}.f-carousel.is-vertical{--f-carousel-slide-height: 100%}.f-carousel{display:flex;flex-direction:column;position:relative}.f-carousel.is-ltr{direction:ltr}.f-carousel.is-rtl{direction:rtl}.f-carousel__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:hidden}.has-adaptive-height>.f-carousel__viewport{flex:0 0 auto}.f-carousel__viewport.is-draggable{cursor:move;cursor:grab}.f-carousel__viewport.is-dragging{cursor:move;cursor:grabbing}.f-carousel__viewport [data-selectable],.f-carousel__viewport [contenteditable]{cursor:auto}.f-carousel__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);flex-shrink:0;min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.is-centered .f-carousel__slide{display:flex;align-items:center;flex-direction:column}.is-centered .f-carousel__slide:before,.is-centered .f-carousel__slide:after{display:block;content:""}.is-centered .f-carousel__slide:before{margin-bottom:auto}.is-centered .f-carousel__slide:after{margin-top:auto}.f-carousel__slide.has-html{overflow:auto}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-z-index: 1;--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-fit: cover;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-transfors: none;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff}.f-thumbs{flex-shrink:0;margin:var(--f-thumbs-margin);padding:0;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:max-height .3s ease,max-width .3s ease;position:relative;overflow:hidden;z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs__viewport{margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible;display:grid}.f-thumbs.is-vertical .f-thumbs__viewport{height:calc(100% - var(--f-thumbs-padding-y) * 2)}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:none;border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs__slide img{display:block;width:100%;height:100%;object-fit:var(--f-thumb-fit);border-radius:inherit;pointer-events:none}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-classic{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap)}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2);margin-inline:calc(var(--f-carousel-slide-width) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}::-webkit-scrollbar {
width: 12px;
} ::-webkit-scrollbar-track {
box-shadow: inset 0px 0px 3px #000000;
border-radius: 10px;
padding: 10px;
background-color: #414141;
} ::-webkit-scrollbar-thumb {
background: #9b9b9b;
border-radius: 10px; } ::-webkit-scrollbar-thumb:hover {
background: #b30000;
width: 8px;
}
div#bannerscreen {
position: relative;
}
.r107add-topbar {
cursor: pointer;
}
.homepage-image {  }
.popupform { position: fixed;
top: 50%;
left: 50%;   z-index: 1000;
transform: translate(-50%, -50%);    max-height: 100%;
overflow-y: auto; backdrop-filter: blur(6px);
box-shadow: 0px 4px 101px -18px black;
}
.popupbackground { position: fixed;
z-index: 999;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #00000082;
}
input#wp-block-search__input-5 {
padding-left: 30px;
height: 50px;
margin: auto;
}
.wp-block-search__inside-wrapper {
height: 60px;
}
.wp-block-search__button.has-icon {
padding: 5px;
height: 50px;
width: 50px;
margin: auto auto auto 8px;
}
div#closebtn {    cursor: pointer;
}
:where(.wp-site-blocks *:focus) {  outline: solid 1px red;
}
.home_search_container {
backdrop-filter: blur(9px) brightness(1.2) saturate(1.5);
box-shadow: 1px 1px 100px black;
position: absolute;  left: 50%; transform: translateX(-50%);
z-index: 1;
}
.home_search_bg {
backdrop-filter: blur(22.4px) brightness(1) contrast(1);
box-shadow: 1px 1px 100px black;
}
.home_how_it_works_container {
position: absolute;
bottom: 0;
left: 60%;
transform: translateX(-50%);
}
.home_how_it_works_bg {
backdrop-filter: blur(11px) brightness(0.7) contrast(1.5);
box-shadow: 1px 1px 100px black;
transform: translateY(-80%);
position: absolute; }
#preloading {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 1;
}
#preloading::after {
content: "";
display: block;
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: transparent url(//www.sl-registry.com/wp-content/themes/twentytwentyfour-child/assets/images/loadinggif.png) no-repeat;
width: 30px;
height: 30px;
animation: preloading .7s steps(19) infinite;
}
@keyframes preloading {
0% {
background-position: center 0
}
100% {
background-position: center -570px
}
}
#details_containers {
overflow: hidden;
}
.thumbnail_listing {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.listing_image_slides {  }
.listing_image_slides .f-carousel__slide {   }
div#listing_image_slides {
height: 400px; justify-content: center;
align-items: center;
display: flex;
border-radius: 8px;
overflow: hidden;
}
.f-carousel__slide {
width: 100% !important;
height: 100% !important;  justify-content: center;
}
.f-carousel__viewport {
width: 100%;
}
.f-carousel__viewport {
width: 100%;
}
.f-panzoom__viewport {border-radius: 20px;overflow: hidden;box-shadow: 0px 10px 51px -20px #000;}
.slider_container { }
.f-thumbs__slide {    }
.f-thumbs__slide .f-thumbs__slide__button {   }
.f-carousel__nav { }
.f-thumbs.f-carousel__thumbs.is-classic { }
.f-thumbs__slide.for-image { }
.f-thumbs__slide { }
div#large_view {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
div#large_view img {
border-radius: 10px;
box-shadow: 0px 0px 10px #000000b3;
}
div#image_gallery_nav {
position: absolute;
z-index: 0; display: flex;
justify-content: space-between;
align-items: stretch;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
div#image_gallery_nav .left,
div#image_gallery_nav .right,
div#gallery_images .left,
div#gallery_images .right {
background: #00000030;
text-align: center;
font-size: 8rem;
width: auto;
font-weight: 100;
padding: 60px;
transition: all ease 300ms;
opacity: 0;
border-radius: 9px; display: flex;
align-content: center;
align-items: center;
}
div#image_gallery_nav .left span,
div#image_gallery_nav .right span,
div#gallery_images .left span,
div#gallery_images .right span {
display: block;
height: 30px;
aspect-ratio: 1;
border: solid white 1px;
rotate: 45deg;
border-right: none;
border-top: none;
}
div#image_gallery_nav .right span,
div#gallery_images .right span {
rotate: -135deg;
}
div#image_gallery_nav .left:hover,
div#image_gallery_nav .right:hover,
div#gallery_images .left:hover,
div#gallery_images .right:hover {
background: #00000077;
text-align: center;
font-size: 8rem;
width: auto;
font-weight: 100;
padding: 60px;
transition: all ease 300ms;
opacity: 1;
}
div#image_gallery_nav:hover .left,
div#image_gallery_nav:hover .right,
div#gallery_images:hover .left,
div#gallery_images:hover .right {
transition: all ease 300ms;
opacity: 1;
cursor: pointer;
}
.red_box_shadow {
box-shadow: 0px 0px 8px 2px #ff0000;
transition: all ease 600ms;
}
.shortcode-img {
overflow: hidden;
}
.gotopageno.cursor-pointer {
background: #0000001f;
border-radius: 5px;
padding: 0 8px;
}
.gotopageno.cursor-pointer:hover {
background: #00000052;
}
.listing_card {
cursor: pointer;
transition: all 500ms;
}
.listing_card:focus .listing_card_content {
box-shadow: 0px 0px 4px 0px red !important;
}
a.listing_card:focus {
outline: none;
}
.listing_card:hover .listing_card_content {
box-shadow: 2px 3px 43px 0px black;
transition: all 300ms;
background-color: #3c3c3c !important;
}
.cursor-pointer {
cursor: pointer !important;
}
.hidden {
display: none !important;
}
.opacity-0 {
opacity: 0;
}
.opacity-20 {
opacity: 0.2;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-80 {
opacity: 0.8;
}
.opacity-100 {
opacity: 1;
}
.info_row_value {
text-overflow: ellipsis;
white-space: nowrap;
max-width: 120px;
overflow: hidden;
text-transform: capitalize;
}
div#gallery_images {      }
.--history-div-current {  box-shadow: 0px 0px 15px 1px #ff00006e;
}
.decoder_color_stripe {  }
.colorstripe_thumb {
width: 200px;
height: 140px;
object-fit: cover;
border-radius: 20px;
}
.sample-color-container {}
.code-year-container {}
.ref-img-container {}
ul.header_menu.wp-block-navigation {
gap: 5px;
}
.no-wrap {
white-space: nowrap;
}
ul.header_menu.wp-block-navigation li {
background-color: #0000006e !important;
!i;
!;
!;
!;
!;
!;
!;
!;
!;
!i;
!im;
!i;
!;
border-radius: 5px;
padding-top: 1rem;
padding-right: 0.5rem;
padding-bottom: 0.7rem;
padding-left: .5rem;
cursor: pointer;
}
ul.header_menu.wp-block-navigation li a {
color: black;
font-size: 18px;
font-weight: 500;
}
ul.header_menu.wp-block-navigation li a:hover {
text-decoration: none;
color: var(--wp--preset--color--accent-3);
}
ul.header_menu.wp-block-navigation li.current-menu-item { background-color: var(--wp--preset--color--accent-3); }
ul.header_menu.wp-block-navigation li.current-menu-item:hover a {
color: white;
}
.topbar_submenu {
background-color: #00000000 !important;
border: none;
}
.topbar_submenu li {
width: auto;
padding: 0 !important;
color: white;
}
.topbar_submenu li span {
white-space: nowrap;
}
.color_group {
display: flex;
flex-direction: row-reverse;
gap: 1rem;
}
.single_field.text {
display: flex;
flex-direction: column;
align-items: stretch;
}
.img_preview_container.dropzone-previews {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 2rem;
align-content: center;
justify-content: center;
align-items: center;
padding: 0px;
}
.dz-image-preview {
display: flex;
aspect-ratio: 1;
padding: 0.4rem;
background: black;
border-radius: 1rem;
overflow: hidden; align-items: stretch;
justify-content: center;
flex-direction: column;
position: relative;
width: 100px;
align-content: center;
cursor: move;
}
li.dz-image-preview:after {
content: '\2194';
width: 100%;
height: 100%;
position: absolute;
left: 0;
display: flex;
top: 0;
z-index: 1;
opacity: 0;
font-size: 30px;
background: #00000091;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
transition: all ease 800ms;
}
li.dz-image-preview:hover:after {
content: '\2194';
top: 0;
opacity: 1;
background: #00000091;
transition: all ease 800ms;
}
.dz-image-preview>div {
display: flex;
align-content: center; flex-direction: column;
}
.dz-preview {  background: var(--wp--preset--color--contrast-2);  position: relative;
z-index: 1;
}
.dz-preview img {  position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dz-image-preview .dz-remove {
position: absolute;
left: 86%;
top: 0;
transform: translate(-50%, -50%);
width: 50%;
height: 100%;
background: #000000b8;
z-index: 81;
text-align: center;
opacity: 0;
transition: all ease 800ms;
}
.dz-image-preview:hover .dz-remove {
opacity: 1;
transition: all ease 300ms;
}
.dz-image-preview .dz-remove:before {
content: '\26CC';
width: 20px;
height: 20px;
position: absolute;
left: 20%;
top: 50%;
z-index: 1;
font-size: 30px;
} .field_section {
border-radius: 10px;
padding: calc(var(--wp--preset--spacing--10)/2);
display: flex; flex-direction: column;
background-color: var(--wp--preset--color--custom-input-border) !important;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}
.field_subsection { border-radius: 5px;
padding-top: 0;
padding-right: var(--wp--preset--spacing--10);
padding-bottom: 0;
padding-left: var(--wp--preset--spacing--10);
margin: 0;
box-sizing: border-box;
}
.field_subsection h5 {
font-style: normal;
font-weight: 300;
text-transform: uppercase;
margin: 0;  color: var(--pmpro--color--base-2) !important;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.5;
}
.field_section .single_field {
display: flex;
flex-direction: column;
}
.front-end-form-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
gap: 1rem;
}
@media all and (max-width: 768px) {
.front-end-form-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
gap: 1rem;
}
}
.submit_street_encounter_form .frontform_year,
.submit_street_encounter_form .frontform_model,
.submit_street_encounter_form .frontform_yearbought,
.submit_street_encounter_form .frontform_price,
.submit_street_encounter_form .frontform_url,
.submit_street_encounter_form .frontform_date_event_hidden,
.submit_street_encounter_form .frontform_date_registry_hidden,
.submit_street_encounter_form .frontform_uniquefileid_hidden,
.submit_street_encounter_form .frontform_6digits,
.submit_street_encounter_form .frontform_engine,
.submit_street_encounter_form .frontform_transmission,
.submit_street_encounter_form .frontform_date_registry,
.submit_street_encounter_form .frontform_video_description,
.submit_street_encounter_form .frontform_video_description,
.submit_street_encounter_form .frontform_location,
.submit_street_encounter_form .frontform_location_latlng,
.submit_street_encounter_form .frontform_location,
.submit_street_encounter_form .frontform_ext_color,
.submit_street_encounter_form .frontform_int_color,
.submit_street_encounter_form .frontform_spec_int_color,
.submit_street_encounter_form .frontform_event_type,
.submit_street_encounter_form .frontform_event_type_list,
.submit_street_encounter_form .location_value {
display: none;
color: orange;
background-color: red;
}
.submit_street_encounter_form .frontform_event_type {
content: "SL Street Sighting";
}
#auto_frontend_form .sf-step:nth-of-type(2) .front-end-form-container,
#auto_frontend_form .sf-step:nth-of-type(3) .front-end-form-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
gap: 1rem;
}  .submit_street_encounter_form .sf-step:nth-of-type(2) .field_section:nth-of-type(2) {
height: auto !important;
background-color: 'red';
}
.submit_street_encounter_form .sf-step:nth-of-type(2) .field_section:nth-of-type(1),
.submit_street_encounter_form .sf-step:nth-of-type(2) .field_section:nth-of-type(3),
.submit_street_encounter_form .sf-step:nth-of-type(3) .field_section:nth-of-type(1),
.submit_street_encounter_form .sf-step:nth-of-type(3) .field_section:nth-of-type(2) {
height: auto !important;
background-color: 'red';
}
.submit-sl-registry-admin-only .frontform_year,
.submit-sl-registry-admin-only .frontform_model,
.submit-sl-registry-admin-only .frontform_mileage,
.submit-sl-registry-admin-only .frontform_yearbought,
.submit-sl-registry-admin-only .frontform_price,
.submit-sl-registry-admin-only .frontform_url {
color: orange;
background-color: 'red';
}
.submit-sl-registry-admin-only .frontform_6digits,
.submit-sl-registry-admin-only .frontform_location_latlng,
.submit-sl-registry-admin-only .frontform_location,
.submit-sl-registry-admin-only .frontform_ext_color,
.submit-sl-registry-admin-only .frontform_int_color,
.submit-sl-registry-admin-only .location_value {
display: none;
color: orange; }
.submit-sl-registry-admin-only .frontform_event_type,
.submit-sl-registry-admin-only .frontform_yearbought,
.submit-sl-registry-admin-only .frontform_video_description {
display: none;
}
.submit-sl-registry-admin-only .frontform_adminonly {
display: block;
color: orange;
} .submit-sl-registry-admin-only .sf-step:nth-of-type(2) .field_section:nth-of-type(2) { height: auto !important;
}
.google_map_init_frontend {
border-radius: 10px;
}
table.no_style tr:nth-of-type(2) {
display: none;
}
.submit_your_sl_to_the_registry_form .frontform_price,
.submit_your_sl_to_the_registry_form .frontform_date_registry,
.submit_your_sl_to_the_registry_form .frontform_date_event,
.submit_your_sl_to_the_registry_form .frontform_date_event_hidden,
.submit_your_sl_to_the_registry_form .frontform_date_registry_hidden,
.submit_your_sl_to_the_registry_form .frontform_6digits,
.submit_your_sl_to_the_registry_form .frontform_uniquefileid_hidden,
.submit_your_sl_to_the_registry_form .frontform_url,
.submit_your_sl_to_the_registry_form .select.frontform_gen_ext_color,
.submit_your_sl_to_the_registry_form .frontform_video_description,
.submit_your_sl_to_the_registry_form .frontform_ext_color,
.submit_your_sl_to_the_registry_form .frontform_int_color,
.submit_your_sl_to_the_registry_form .frontform_event_type,
.submit_your_sl_to_the_registry_form .frontform_location,
.submit_your_sl_to_the_registry_form .frontform_location_latlng,
.submit_your_sl_to_the_registry_form .frontform_adminonly,
.submit_your_sl_to_the_registry_form .frontform_spec_int_color,
.submit_your_sl_to_the_registry_form .location_value {
display: none;
color: orange;
}
.frontform_description {
height: 150px;
width: 100%;
resize: none;
}
.saving_images {
display: none;
}
.submit_your_sl_to_the_registry_form .frontform_event_type {
content: "Owner Registration";
}
.submit_your_sl_to_the_registry_form .sf-step:nth-of-type(2) .field_section:nth-of-type(1),
.submit_your_sl_to_the_registry_form .sf-step:nth-of-type(2) .field_section:nth-of-type(2) { }
.submit_your_sl_to_the_registry_form .sf-step:nth-of-type(2) .field_section:nth-of-type(3),
.submit_your_sl_to_the_registry_form .sf-step:nth-of-type(3) .field_section:nth-of-type(1),
.submit_your_sl_to_the_registry_form .sf-step:nth-of-type(3) .field_section:nth-of-type(2) { height: auto !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
overflow: visible;
padding-top: calc(2rem + 24px);
align-items: stretch;
}
.has-modal-open .wp-block-navigation__responsive-close {
margin-left: auto;
padding-top: 50px;
margin-right: auto;
max-width: var(--wp--style--global--wide-size, 100%);
}
@media (prefers-reduced-motion: reduce) {
.wp-block-navigation__responsive-container.is-menu-open {
animation-delay: 0s;
animation-duration: 28ms;
}
}
.is-menu-open .wp-block-navigation__responsive-dialog {
box-sizing: border-box; }
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
background: #ff0000;
border: none;
color: currentColor;
cursor: pointer;
padding: 5px;
}
ul.header_menu.wp-block-navigation li {}
.wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container {
border: none;
height: auto;
min-width: fit-content;
opacity: 1;
overflow: initial;
padding-left: 2rem;
padding-right: 2rem;
position: static;
visibility: visible;
width: auto;
padding: 5px;
}
.wp-block-navigation__responsive-container.is-menu-open .has-child li {
padding: 5px 0px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
display: flex;
flex-direction: column;
align-items: stretch;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
display: flex;
text-align: left;
width: 99%;
padding: 0;
margin: 0;
flex-direction: column !important;
align-items: flex-start !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
display: flex;
text-align: left;
width: 93%; padding: 0;
margin: 3px;
flex-direction: column;
padding: 10px 3%;
padding: 10px 3%;
background: #00000057 !important;
align-items: flex-start !important;
align-items: stretch !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item button {
font-weight: 300;
}
.wp-block-navigation__responsive-container.is-menu-open {
animation: overlay-menu__fade-in-animation 1s ease-out;
animation-fill-mode: forwards;
background-color: inherit;
display: flex;
flex-direction: column;
overflow: auto;
padding: 30px 10px;
z-index: 100000;
}
} .contact-form-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
gap: 1rem;
}
.contact-form-container {
gap: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
}
.contact-form-container .field_section h5 {
padding: 0;
margin: 0 11px;
}
.contact-form-container .single_field {
padding: 0;
margin: 0;
}
.single_field.text {}
.textarea_contact_form7 {
height: 70px;
}
.wpcf7 form .wpcf7-response-output {
margin: 0em 0.5em 0em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; border-radius: 20px;
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #004306; background: #0052008f;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; background: #dc32328f;
}
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; background: #f56e288f;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; background: #ffb9008f;
} div#overlayshadow {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
box-shadow: inset 0vw 0vw 4vw 1vw #000000d9;
pointer-events: none;
} @media all and (min-width: 321px) {   }
@media print {
body {
background: white;
color: black;
margin: 0;
}
.sidebar {
display: none;
}  div#large_view {
display: none;
}
.r107add-topbar {
display: none;
}
.navigations-header {
display: none !important;
}
.comment-form-comment {
display: none;
} .navigation {
display: none;
} .thumbnail_container img {
height: 300px !important;
}
#overlayshadow {
display: none;
}
#sharingbuttons {
display: none;
}
#subnav {
display: none;
}
.detailsheading {
display: block !important;
}
.details_container {
display: block !important;
visibility: visible !important;
margin: 50px 0px !important;
}
.grecaptcha-badge {
display: none !important;
}
p.comment-form-comment {
display: none;
}
.comment-form .form-submit {
display: none;
}
.bottom-navigation {
display: none;
}
div {
background: none !important;
color: black !important;
}
h1,
h2,
h3,
h4,
h5 {
background: white !important;
color: black !important;
}
div#gallery_images .thumbnail_container img {
box-shadow: none !important;
}
.has-background {
background-color: transparent !important;
box-shadow: none !important;
}
.has-custom-blurredbg-gradient-background {
background-color: white !important;
}
#data-lists,
#detail-lists {  }
div#listing_image_slides {
height: auto;
display: flex;
}
.f-thumbs.f-carousel__thumbs {
display: none;
}
.f-carousel__track { flex-wrap: wrap;
width: auto;
gap: 10px;
}
.f-carousel__slide {
display: block;
float: left;
border: solid 1px black;
width: 49% !important;
height: auto !important;
object-fit: fill !important;
left: 0 !important;
}
.f-carousel__slide img {
display: block;
object-fit: contain;
}
.f-carousel__viewport {
overflow: visible;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
div#data-lists {
gap: 3px;
}
.bottom-navigation {
display: none !important;
}
.vin-odo-check {
display: flex;
flex-direction: row;
gap: 10px;
}
.vin-odo-check p {
line-height: 2 !important;
}
#slregistryprint {
position: fixed;
font-size: 80px;
transform: translate(-50%, -50%) rotate(-33deg);
top: 50%;
left: 50%;
color: red !important;
text-shadow: 1px 1px 30px black;
opacity: 0.3;
visibility: visible;
display: block;
}
}