@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;
}.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 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;
}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
} body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
} a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b, strong {
font-weight: 600;
} code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} img {
border-style: none;
} button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button, input {
overflow: visible;
} button, select {
text-transform: none;
} button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
} details {
display: block;
} summary {
display: list-item;
} template {
display: none;
} [hidden] {
display: none;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
clear: both;
}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed, iframe, object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
}*,
*::before,
*::after {
box-sizing: inherit;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
scroll-behavior: smooth;
}
body {
position: relative;
font-family: "Noto Sans", sans-serif;
-webkit-font-smoothing: antialiased;
background-color: #fffefd;
color: #161e28;
font-size: 16px;
font-weight: var(--font-regular);
line-height: 1.5;
margin: 0;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
overflow-x: hidden;
}
#wptime-plugin-preloader {
background-size: 233px !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: "Raleway", sans-serif;
margin: 0;
position: relative;
}
h1 {
font-size: 38px;
font-weight: 400;
margin: 0;
line-height: 1.1em;
scroll-margin-top: 80px;
}
h2 {
color: #080600;
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: 92%;
letter-spacing: -2.56px;
}
.is-style-underline-decor {
margin-bottom: 33px;
padding-bottom: 29px;
}
.is-style-underline-decor:after {
content: "";
height: 1px;
background: linear-gradient(208deg, rgba(255, 208, 49, 0) 0%, #ffd031 100%);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 182px;
}
h3 {
color: #202020;
font-size: 42px;
font-weight: 700;
line-height: 105%;
letter-spacing: -1.44px;
scroll-margin-top: 140px;
}
h4 {
color: #202020;
font-size: 48px;
font-weight: 400;
line-height: 105%;
letter-spacing: -1.44px;
}
h5 {
color: #202020;
font-size: 48px;
font-weight: 400;
line-height: 105%;
letter-spacing: -1.44px;
}
h6 {
color: #202020;
font-size: 48px;
font-weight: 400;
line-height: 105%;
letter-spacing: -1.44px;
}
p {
margin-bottom: 1.5em;
font-size: 16px;
font-weight: 400;
line-height: 160%;
letter-spacing: -0.16px;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
a {
color: #000;
}
a:visited {
color: #000;
}
a:hover,
a:focus,
a:active {
color: #000;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a.fancybox-youtube,
a.fancybox-iframe {
display: block;
position: relative;
transition: all 0.1s linear;
border-radius: 5px;
overflow: hidden;
}
a.fancybox-youtube:hover,
a.fancybox-iframe:hover {
transform: scale(0.95);
}
a.fancybox-youtube::before,
a.fancybox-iframe::before {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 100%;
height: 100%;
background-color: #18182bb3;
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/play-dummy.png);
background-repeat: no-repeat;
background-position: 50% 62%;
background-size: 60%;
opacity: 0;
z-index: 1;
transition: all 0.1s linear;
}
a.fancybox-youtube:hover:before,
a.fancybox-iframe:hover:before {
opacity: 1;
}
.wp-block-group.newsroom-videos a.fancybox-youtube::before {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 100%;
height: 100%;
background-color: #18182bb3;
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/play-dummy.png);
background-repeat: no-repeat;
background-position: 50% 62%;
background-size: 60%;
opacity: 0;
z-index: 1;
transition: all 0.1s linear;
}
a.fancybox.image {
position: relative;
}
a.fancybox.image:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 1) 100%);
pointer-events: none;
transition: all 0.25s ease;
background-position: center;
}
a.fancybox.image:hover:before {
background-color: #000000ba;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 -0.5 21 21' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Ezoom_in %5B%231462%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-379.000000, -440.000000)' fill='%23ffffff'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M332.449994,286.967331 L334.549993,286.967331 C335.129593,286.967331 335.599993,287.416448 335.599993,287.969825 C335.599993,288.523201 335.129593,288.972319 334.549993,288.972319 L332.449994,288.972319 L332.449994,290.977306 C332.449994,291.530683 331.979595,291.9798 331.399995,291.9798 C330.820395,291.9798 330.349996,291.530683 330.349996,290.977306 L330.349996,288.972319 L328.249997,288.972319 C327.670397,288.972319 327.199998,288.523201 327.199998,287.969825 C327.199998,287.416448 327.670397,286.967331 328.249997,286.967331 L330.349996,286.967331 L330.349996,284.962344 C330.349996,284.408967 330.820395,283.95985 331.399995,283.95985 C331.979595,283.95985 332.449994,284.408967 332.449994,284.962344 L332.449994,286.967331 Z M343.692338,299.706019 L343.692338,299.706019 C343.282838,300.097994 342.617138,300.097994 342.207639,299.706019 L338.060141,295.746169 L339.54484,294.328642 L343.692338,298.288493 C344.102887,298.679465 344.102887,299.315046 343.692338,299.706019 L343.692338,299.706019 Z M331.399995,294.034912 C327.926597,294.034912 325.099999,291.337201 325.099999,288.01995 C325.099999,284.7037 327.926597,282.004987 331.399995,282.004987 C334.873393,282.004987 337.699991,284.7037 337.699991,288.01995 C337.699991,291.337201 334.873393,294.034912 331.399995,294.034912 L331.399995,294.034912 Z M331.399995,280 C326.761098,280 323,283.590932 323,288.01995 C323,292.449969 326.761098,296.039899 331.399995,296.039899 C336.038892,296.039899 339.79999,292.449969 339.79999,288.01995 C339.79999,283.590932 336.038892,280 331.399995,280 L331.399995,280 Z' id='zoom_in-%5B%231462%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
}
b,
strong {
font-weight: bolder;
}
figure {
margin: 0;
}
img {
border-style: none;
height: auto;
max-width: 100%;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
.mobile {
display: none;
}
.entry-content ul {
padding-left: 20px;
}
ul.slick-dots {
padding-left: 0;
}
.entry-content ul li {
position: relative;
margin-bottom: 5px;
color: #fbfbfb;
}
.entry-content ol li a:hover {
color: #ffd031;
}
.wp-block-group.license-regulations ul li {
color: #000;
}
.wp-block-columns {
margin-bottom: 0;
}
label {
color: #080600;
font-size: 16px;
line-height: 160%;
letter-spacing: -0.16px;
margin-bottom: 10px;
font-weight: 500;
}
input {
background-color: #fffefd;
border-radius: 5px;
border: 1px solid #666666;
line-height: 20px;
padding: 15px;
margin-bottom: 25px;
width: 100%;
font-size: 14px;
letter-spacing: -0.14px;
}
input:focus-visible {
outline: none;
border-color: #000;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition-delay: 9999s;
transition-delay: 9999s;
}
input.hidden,
.newsletter-button {
display: none;
}
textarea {
background-color: #fffefd;
border-radius: 5px;
border: 1px solid #666666;
line-height: 12px;
padding: 15px;
margin-bottom: 17px;
width: 100%;
resize: none;
font-size: 14px;
letter-spacing: -0.14px;
height: 117px;
}
textarea:focus-visible {
outline: none;
border-color: #000;
}
[type="submit"] {
height: 41px;
color: #fff;
font-size: 16px;
line-height: 1em;
font-weight: 500 !important;
border-radius: 100px;
background: #9179d0;
padding: 0 22px;
border: 1px solid #9179d0;
transition: all 0.2s ease-in;
cursor: pointer;
max-width: 146px;
height: 48px;
margin: 0 0 0 auto;
display: block;
box-shadow: 0px 13px 19px 6px #0000001f;
}
[type="submit"]:hover {
background-color: transparent;
border: 1px solid #9179d0;
color: #000;
}
.button-container [type="submit"] {
margin: 20px 0 0 0;
}
span.wpcf7-spinner {
position: absolute;
right: 159px;
bottom: 33px;
pointer-events: none;
}
span.wpcf7-form-control.wpcf7-checkbox label {
display: flex;
flex-direction: row;
align-items: flex-start;
width: 100%;
margin-bottom: 23px;
}
.wpcf7 form.sent .wpcf7-response-output {
margin: 50px 0 0 0;
}
span.wpcf7-not-valid-tip {
position: absolute;
bottom: -16px;
right: 3px;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.row.msg span.wpcf7-not-valid-tip {
bottom: 22px;
}
.wpcf7 form.invalid .wpcf7-response-output {
width: 100%;
margin: 20px 0;
text-align: center;
border-color: red !important;
border-radius: 5px;
}
.wpcf7-list-item {
margin: 0;
width: 100%;
}
span.wpcf7-list-item-label {
font-size: 12px;
line-height: 160%; letter-spacing: -0.12px;
cursor: pointer;
}
input[type="checkbox"] {
margin: 0 6px 0 0;
width: initial;
cursor: pointer;
accent-color: #9179d0;
}
.contact-form select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.s-hidden {
display: none;
}
.contact-form .select .styledSelect {
position: absolute;
z-index: 1;
background-color: #faf9f9;
border-radius: 2px;
border: 1px solid #b3b3b3;
line-height: 20px;
padding: 15px;
width: 100%;
max-width: 170px;
font-size: 14px;
letter-spacing: -0.14px;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.contact-form .select .styledSelect:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M5 6L0.669874 0.75L9.33013 0.749999L5 6Z' fill='%23202020'/%3E%3C/svg%3E");
background-repeat: no-repeat;
position: absolute;
width: 10px;
height: 7px;
right: 10px;
top: 22px;
}
.contact-form .row-group div[data-id="group-selected-mail"] {
position: relative;
}
.contact-form .row-group div[data-id="group-selected-mail"]:before {
content: "Contact me using my e-mail address";
position: absolute;
width: 100%;
height: 51px !important;
z-index: 2;
font-size: 14px;
letter-spacing: -0.14px;
padding-left: 180px;
line-height: 51px;
pointer-events: none;
overflow: hidden;
}
.contact-form .row-group input {
position: absolute;
left: 169px;
width: calc(100% - 169px);
z-index: 2;
}
.contact-form .row-group {
margin-bottom: 80px;
position: relative;
}
.contact-form .row-group:before {
content: "";
position: absolute;
width: 100%;
height: 52px;
z-index: 1;
top: 0px;
left: 0;
border-radius: 2px;
border: 1px solid #b3b3b3;
pointer-events: none;
}
.contact-form .select ul.options {
display: none;
list-style: none;
position: absolute;
width: 100%;
height: 267px;
top: -16px;
z-index: 10;
background-color: #faf9f9;
border-radius: 2px;
border: 1px solid #b3b3b3;
padding: 46px 0 33px 22px;
box-shadow: 0px 0px 0px 0px rgba(209, 209, 209, 0.1), 0px 15px 33px 0px rgba(209, 209, 209, 0.1),
0px 134px 80px 0px rgba(209, 209, 209, 0.05), 0px 238px 95px 0px rgba(209, 209, 209, 0.01),
0px 373px 104px 0px rgba(209, 209, 209, 0);
}
.contact-form .select ul.options::before {
content: "Phone or Messenger*";
position: absolute;
left: 22px;
top: 16px;
z-index: 1;
pointer-events: none;
color: #161e28;
font-size: 14px;
font-weight: 400;
}
.contact-form .select ul.options li {
font-size: 14px !important;
font-weight: 500 !important;
cursor: pointer;
line-height: 26px;
padding-left: 23px !important;
position: relative;
margin: 0;
transition: all 0.2s ease-in;
}
.contact-form .select ul.options li:hover {
margin-left: 5px;
color: #ffd031;
}
.contact-form ul.options li:nth-child(1):before {
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/icon-mail.png) !important;
width: 40px !important;
height: 40px !important;
left: 2px !important;
top: 6px;
}
.contact-form ul.options li:nth-child(2):before {
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/icon-phone.png) !important;
width: 20px !important;
height: 20px !important;
left: 2px !important;
}
.contact-form ul.options li:nth-child(3):before {
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/icon-hangouts.png) !important;
width: 20px !important;
height: 20px !important;
left: 2px !important;
}
.contact-form ul.options li:nth-child(4):before {
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/icon-wechat.png) !important;
width: 20px !important;
height: 20px !important;
left: 2px !important;
}
.contact-form ul.options li:nth-child(5):before {
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/icon-skype.png) !important;
width: 20px !important;
height: 20px !important;
left: 3px !important;
}
.contact-form ul.options li:nth-child(6):before {
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/icon-whatsapp.png) !important;
width: 20px !important;
height: 20px !important;
left: 3px !important;
}
.contact-form ul.options li:nth-child(7):before {
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/icon-facebook-messenger.png) !important;
width: 20px !important;
height: 20px !important;
left: 3px !important;
}
.contact-form ul.options li:nth-child(8):before {
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/icon-telegram-messenger.png) !important;
width: 20px !important;
height: 20px !important;
left: 3px !important;
}
div#adroll_consent_container {
display: none;
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 15px;
}
::-webkit-scrollbar-thumb:hover {
background: #a1a1a1;
}
::-moz-selection {
background: #41c6e7;
color: #fff;
}
::selection {
background: #41c6e7;
color: #fff;
}
.wp-block-button__link {
color: #fff !important;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 30px;
background: #9179d0;
padding: 12px 18px;
border: 1px solid #9179d0;
transition: all 0.2s ease-in;
min-width: 120px;
}
.wp-block-button__link:hover {
background-color: transparent;
border: 1px solid #9179d0;
color: #9179d0 !important;
}
.wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button {
border: 1px solid #000;
color: #000 !important;
padding: 12px 18px;
}
.wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button:hover {
background-color: #0a66c2;
color: #fff !important;
}
.wp-block-button.is-style-black a.wp-block-button__link.wp-element-button {
border: 1px solid #000;
background-color: #000;
color: #ffd031;
}
.wp-block-button.is-style-black a.wp-block-button__link.wp-element-button:hover {
background-color: transparent;
border: 1px solid #000;
color: #000;
}
.navigation ul {
list-style: none;
margin: 50px 0 50px 0;
padding: 0;
display: flex;
flex-direction: row;
justify-content: center;
}
.navigation ul li a {
width: 28px;
height: 28px;
margin: 0 5px;
text-align: center;
font-weight: 600;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #121212;
color: #121212;
}
.navigation ul li a:hover {
background-color: #000;
color: #fff !important;
border: 1px solid #000;
}
.navigation ul li.active a {
background-color: #9179d0;
color: #fff !important;
border: 1px solid #9179d0;
pointer-events: none;
}
article.page {
padding-top: 180px;
} header#masthead {
position: fixed;
z-index: 100;
width: 100%;
transition: all 0.25s ease;
top: 0;
padding: 19px 40px 19px 19px;
}
header#masthead.tiny {
padding: 0 40px 0 19px;
background-color: #121212e6;
border-bottom: 1px solid #00000012;
}
header#masthead .masthead-content {
max-width: 1327px;
display: flex;
flex-direction: row;
margin: 0 auto;
}
header#masthead .masthead-content .site-branding img {
margin-top: 7px;
max-width: initial;
min-width: 171px;
}
header#masthead a.custom-logo-link {
position: relative;
}
header#masthead .site-branding h1 {
display: none;
}
header#masthead a.custom-logo-link:before {
content: "This website is operated by MTG Liquidity Ltd.";
color: #fff;
position: absolute;
font-size: 10px;
top: -11px;
left: -27px;
width: 220px;
}
header#masthead.tiny a.custom-logo-link:before {
top: 2px;
}
header#masthead.tiny .masthead-content .site-branding img {
margin-top: 18px;
}
.main-navigation {
display: block;
width: 100%;
}
.main-navigation.toggled ul.nav-menu {
background-color: #080600;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
margin: 0;
padding: 94px 40px 0;
gap: 0;
align-items: center;
justify-content: flex-start;
}
.main-navigation.toggled ul li {
padding: 0 0 10px 0;
margin: 0;
}
.main-navigation.toggled ul li a {
color: #faf9f9;
font-family: "Noto Sans", sans-serif;
font-size: 24px;
line-height: 120%;
text-align: left;
padding: 10px;
color: #fff !important;
outline: none;
text-align: center;
}
.main-navigation.toggled ul li a:hover {
color: #fff !important;
background-color: #9179d0 !important;
}
.main-navigation.toggled ul li a:hover {
color: #fff !important;
background-color: #9179d0 !important;
border-radius: 5px;
border-color: #9179d0;
}
.main-navigation.toggled ul ul li a {
border: 0 none !important;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: initial;
width: 100%;
}
.main-navigation.toggled ul li.current-menu-item a {
color: #ffd031;
}
.main-navigation.toggled ul li a:before,
.main-navigation.toggled ul li:after {
display: none;
}
.main-navigation.toggled ul ul {
box-shadow: none;
float: initial;
position: initial;
background-color: transparent;
display: inline-flex;
padding: 10px 0 0 0;
flex-direction: column;
align-items: flex-start;
border-radius: 4px;
min-width: 100%;
border: 1px solid #00000005;
gap: 0;
display: none;
}
.main-navigation.toggled ul ul.toggled {
display: inline-flex;
min-width: initial !important;
padding: 10px 11px 0;
margin: 0;
background-color: #101010;
}
.main-navigation.toggled ul li a.toggled {
background-color: #101010;
}
header#masthead .masthead-content .main-navigation .menu-main-menu-container {
display: flex;
min-width: 680px;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0 0 0 auto;
padding-left: 244px;
width: 100%;
justify-content: center;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgb(0 0 0 / 10%);
float: left;
position: absolute;
top: 65px;
left: -999em;
z-index: 99999;
background-color: #121212eb;
margin: 0 0 0 -12px;
display: inline-flex;
padding: 12px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
border-radius: 4px;
border: 1px solid #00000005;
}
header#masthead.tiny .main-navigation ul ul {
background-color: #121212fa;
}
.main-navigation li.menu-item-118 ul {
min-width: 136px;
}
.main-navigation li.menu-item-119 ul {
min-width: 176px;
}
.main-navigation li.menu-item-120 ul {
min-width: 180px;
}
.main-navigation ul ul li {
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.main-navigation ul ul li a {
font-family: "Noto Sans", sans-serif;
display: block;
text-decoration: none;
color: #97979c;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 5px 10px;
position: relative;
}
.main-navigation ul ul li a:hover {
background-color: #000;
color: #fff;
}
.main-navigation ul ul li a::before {
display: none;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
padding: 22px 0 27px 34px;
}
.main-navigation li.contact-menu {
top: 2px;
}
.main-navigation li.contact-menu a {
border: #ffd031;
background-color: #ffd031;
border-radius: 2px;
transition: all 0.2s ease-in;
color: #000 !important;
}
body.home .main-navigation li.contact-menu a,
body.page-id-37 .main-navigation li.contact-menu a,
body.page-id-118 .main-navigation li.contact-menu a,
body.page-id-35 .main-navigation li.contact-menu a {
border: 1px solid #000;
background-color: #ffd031;
color: #000;
}
.main-navigation.toggled ul li.contact-menu a {
background-color: initial;
}
.main-navigation li.contact-menu a:hover {
color: #fff !important;
background-color: #000 !important;
border-color: #000 !important;
}
.main-navigation li.contact-menu a::before {
display: none !important;
}
.main-navigation a {
font-family: "Noto Sans", sans-serif;
display: block;
text-decoration: none;
color: #97979c;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 5px 10px;
position: relative;
}
.main-navigation a::before {
display: block;
content: "";
position: relative;
left: 0;
top: 28px;
margin: 0 auto;
height: 2px;
width: 0;
-webkit-transition: width 0.25s ease;
transition: width 0.25s ease;
background-color: #9179d0;
pointer-events: none;
}
.main-navigation a:hover::before {
height: 2px;
width: 100%;
background-color: #9179d0;
}
.main-navigation li.menu-proud-sponsor {
padding: 0;
margin: 0;
}
.main-navigation li.menu-proud-sponsor a {
display: flex;
text-decoration: none;
cursor: pointer;
text-indent: -9999999px;
position: relative;
transition: all 0.25s ease;
overflow: hidden;
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/proud-sponsor.png);
width: 105px;
height: 73px;
padding: 0;
margin: 0;
position: relative;
top: 10px;
}
.main-navigation li.menu-contact {
margin: 0 20px 0 auto;
padding: 0;
}
.main-navigation li.menu-contact a::before {
display: none;
}
.main-navigation li.menu-contact a {
color: #fff !important;
font-size: 16px;
line-height: 1em;
text-align: center;
font-weight: 500 !important;
border-radius: 100px;
background: #9179d0;
padding: 0 22px;
border: 1px solid #9179d0;
transition: all 0.2s ease-in;
cursor: pointer;
min-width: 134px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
top: 17px;
}
.main-navigation li.menu-contact a:hover {
background-color: #fff;
border: 1px solid #fff;
color: #000 !important;
}
.main-navigation li.menu-proud-sponsor a:before {
display: none;
}
.main-navigation li.menu-item.menu-item-has-children {
position: relative;
cursor: pointer;
}
.main-navigation li.menu-item.menu-item-has-children::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='8' viewBox='0 0 4 8'%3E%3Cpath d='M10.5,15l4,4,4-4Z' transform='translate(-15 18.5) rotate(-90)' fill='%2397979c'/%3E%3C/svg%3E");
background-repeat: no-repeat;
position: absolute;
width: 10px;
height: 8px;
right: -9px;
top: 36px;
transition: all 0.25s ease;
}
.main-navigation li.menu-item.menu-item-has-children:hover::after {
transform: rotate(90deg);
filter: brightness(0) invert(1);
top: 39px;
}
.main-navigation li.current-menu-item > a,
.main-navigation li.current-menu-ancestor > a {
color: #f2f3f7;
}
body.page-id-37 .main-navigation li.current-menu-ancestor > a,
body.page-id-118 .main-navigation li.current-menu-ancestor > a,
body.page-id-35 .main-navigation li > a {
color: #000;
}
body.page-id-37 .main-navigation li.current-menu-ancestor > a:before,
body.page-id-118 .main-navigation li.current-menu-ancestor > a:before,
body.page-id-35 .main-navigation li.current-menu-item > a:before {
height: 2px;
width: 100%;
background-color: #000000;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
#nav-icon1 {
height: 20px;
width: 46px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
cursor: pointer;
border: 0;
background: 0 0;
outline: 0;
box-shadow: none;
padding: 10px;
right: 20px;
top: 34px;
z-index: 1000000;
position: absolute;
background-color: #080600;
border-radius: 12px;
transition: all 0.2s ease-in;
}
header#masthead.tiny #nav-icon1 {
top: 24px;
}
#nav-icon1.menu-toggle.open {
background-color: #9179d0;
}
#nav-icon1 span {
display: block;
height: 1px;
width: 21px;
background: #fff;
border-radius: 9px;
opacity: 1;
right: 12px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
position: absolute;
}
#nav-icon1 span:nth-child(1) {
top: 5px;
}
#nav-icon1 span:nth-child(2) {
top: 10px;
}
#nav-icon1 span:nth-child(3) {
top: 15px;
}
#nav-icon1.open span:nth-child(1) {
top: 10px;
right: 11px;
-webkit-transform: rotate(164deg);
-moz-transform: rotate(164deg);
-o-transform: rotate(164deg);
transform: rotate(155deg);
width: 24px;
}
#nav-icon1.open span:nth-child(2) {
opacity: 0;
left: 0;
}
#nav-icon1.open span:nth-child(3) {
top: 10px;
left: 11px;
-webkit-transform: rotate(164deg);
-moz-transform: rotate(164deg);
-o-transform: rotate(164deg);
transform: rotate(-155deg);
width: 24px;
}
@media screen and (min-width: 1025px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
nav#site-navigation.toggled {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
padding-top: 120px;
}
.menu-toggle,
.main-navigation.toggled ul {
padding: 0 20px;
}
.wp-block-group.header {
overflow-x: hidden;
margin-top: -180px;
position: relative;
}
.wp-block-group.header .wp-block-cover {
min-height: 768px;
position: relative;
}
.wp-block-group.header.sub .wp-block-cover {
min-height: 595px;
}
.wp-block-group.header.sub.not-found .wp-block-cover {
min-height: 774px;
}
.wp-block-group.header .wp-block-cover:before {
content: "";
position: absolute;
background: #000000b5;
background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 90%);
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}
.wp-block-group.header .wp-block-cover:after {
content: "";
position: absolute;
background: #00000063;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
}
.wp-block-group.header .wp-block-cover__inner-container {
max-width: 1366px;
margin: 0 auto;
padding: 0 40px;
}
.wp-block-group.header .wp-block-cover__inner-container h2 {
color: #fff;
font-size: 58px !important;
font-weight: 700;
line-height: 105%;
letter-spacing: -1.44px;
scroll-margin-top: 140px;
max-width: 580px;
}
.wp-block-group.header .wp-block-cover__inner-container p {
font-size: 18px;
font-weight: 500;
color: #fff;
margin: 16px 0;
}
.wp-block-group.header .wp-block-button__link:hover {
background-color: #fff;
border: 1px solid #fff;
color: #000 !important;
}
.wp-block-group.header.sub .wp-block-cover__inner-container p {
max-width: 650px;
}
.events {
position: absolute;
height: 117px;
top: -225px;
left: 80px;
z-index: 5;
width: 100%;
}
.wp-block-group.who-we-are .events .wp-block-group__inner-container {
padding: 0px 0 0 199px;
max-width: 1136px;
}
.events::before {
content: "Meet Us There";
font-size: 28px;
font-weight: 700;
letter-spacing: -0.2px;
text-decoration: none;
line-height: 1.1em;
color: #fff;
text-align: right;
padding-top: 6px;
min-width: 118px;
width: 150px;
display: inline-block;
position: absolute;
left: -80px;
top: 11px;
}
.events .slick-prev {
display: none !important;
}
.events .wp-block-cb-carousel .slick-next:before,
.events .wp-block-cb-carousel .slick-prev:before {
color: #fff;
}
.events ul.slick-dots {
padding: 0;
margin: 0 0 2px -26px;
}
.events .slick-dots li button:before {
color: #fff;
}
.events .wp-block-button.is-style-event {
max-width: 230px;
}
.wp-block-button.is-style-event .wp-block-button__link {
background-color: transparent;
text-align: left;
font-size: 22px;
font-weight: 700;
letter-spacing: -0.4px;
text-decoration: none;
line-height: 1.2em;
color: #fff;
position: relative;
text-shadow: 2px 3px 8px #131322;
padding: 7px 0px 16px 23px;
border: 0 none;
border-radius: initial;
outline: none;
}
.wp-block-button.is-style-event .wp-block-button__link:hover {
background-color: initial;
border: initial;
color: #fff;
}
.wp-block-button.is-style-event .wp-block-button__link::before {
content: "";
position: absolute;
height: 80%;
width: 2px;
background: #fff;
left: 0px;
}
.wp-block-button.is-style-event .wp-block-button__link sup {
font-size: 16px;
color: #fff;
line-height: 1.4em;
position: relative;
padding-left: 20px;
font-weight: 600;
}
.wp-block-button.is-style-event .wp-block-button__link sup::before {
content: "";
width: 14px;
height: 15px;
position: absolute;
top: 3px;
left: 12px;
margin-left: -12px;
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/icon-events.png);
background-size: contain;
}
.wp-block-button.is-style-event .wp-block-button__link sub {
font-size: 13px;
color: #fff;
line-height: 1.4em;
position: relative;
font-weight: 600;
padding-top: 6px;
text-decoration: none;
}
.wp-block-button.is-style-event .wp-block-button__link:hover sub {
color: #9179d0;
}
.wp-block-button.is-style-event .wp-block-button__link sub::after {
content: "\2192";
padding-left: 5px;
font-size: 11px;
}
.wp-block-group.who-we-are .wp-block-group__inner-container {
max-width: 1436px;
padding: 95px 40px;
position: relative;
}
.wp-block-group.who-we-are img {
margin-bottom: 13px;
}
.wp-block-group.who-we-are p {
max-width: 520px;
}
.wp-block-group.trusted-by {
background-color: #28222d;
}
.wp-block-group.trusted-by .wp-block-group__inner-container {
max-width: 1436px;
padding: 40px 40px 50px;
}
.wp-block-group.trusted-by h3 {
font-size: 50px;
font-weight: 700;
color: #fff;
margin-bottom: 50px;
}
.wp-block-group.trusted-by-swiper {
position: relative;
overflow: hidden;
padding: 0 30px 46px;
}
.wp-block-group.trusted-by-swiper .wp-block-group__inner-container {
max-width: initial !important;
padding: 10px 0 0 0 !important;
flex-direction: row;
margin: initial !important;
flex-wrap: nowrap !important;
width: 100%;
height: 100%;
display: flex;
box-sizing: content-box;
user-select: none;
transition-timing-function: linear !important;
pointer-events: none;
}
.wp-block-group.trusted-by-swiper .wp-block-group__inner-container figure {
display: flex;
margin: 0;
align-items: center;
justify-content: center;
min-width: 25%;
}
.wp-block-group.trusted-by-swiper .swiper-button-next:after,
.wp-block-group.trusted-by-swiper .swiper-button-prev:after {
color: #fff;
font-size: 20px;
}
.wp-block-group.trusted-by-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.wp-block-group.trusted-by-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
background: #fff;
}
.wp-block-group.trusted-by-swiper .swiper-button-prev {
left: 0px;
top: 0;
background-color: #28222d;
height: 100%;
width: 50px;
}
.wp-block-group.trusted-by-swiper .swiper-button-next {
right: 0px;
top: 0;
background-color: #28222d;
height: 100%;
width: 50px;
}
.wp-block-group.trusted-by .wp-block-buttons {
margin-top: 30px;
}
.wp-block-group.trusted-by .wp-block-buttons .wp-block-button__link:hover {
background-color: #fff;
border: 1px solid #fff;
color: #000 !important;
}
.wp-block-group.mtt-technology .wp-block-group__inner-container {
max-width: 1436px;
padding: 107px 40px;
}
.wp-block-group.mtt-technology .wp-block-columns .wp-block-column:nth-child(2) {
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-group.mtt-technology p {
max-width: 530px;
margin-bottom: 30px;
margin-top: 26px;
}
.wp-block-group.explore-liquidity-platform {
position: relative;
}
.wp-block-group.explore-liquidity-platform:before {
content: "";
position: absolute;
background: #000000;
background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}
.wp-block-group.explore-liquidity-platform .wp-block-cover__inner-container {
max-width: 770px;
padding: 107px 40px;
min-height: 529px;
}
.wp-block-group.explore-liquidity-platform a.wp-block-button__link.wp-element-button:hover {
background-color: #fff;
border: 1px solid #fff;
color: #000 !important;
}
.wp-block-group.liquidity-features {
background-color: #121212;
}
.wp-block-group.liquidity-features .wp-block-group__inner-container {
max-width: 1436px;
padding: 60px 40px 100px;
}
.wp-block-group.liquidity-features h3 {
color: #fff;
font-size: 50px;
font-weight: 700;
margin-bottom: 70px;
}
.wp-block-group.liquidity-features h4 {
font-size: 28px;
color: #cccccc;
letter-spacing: 0;
font-weight: 700;
}
.wp-block-group.liquidity-features p {
font-size: 16px;
color: #cccccc;
font-weight: 700;
max-width: 280px;
}
.wp-block-group.liquidity-features .wp-block-column {
position: relative;
padding-left: 84px;
padding-top: 13px;
margin-bottom: 50px;
}
.wp-block-group.liquidity-features figure {
width: 56px;
height: 56px;
background-color: #2f2f2f;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
}
.wp-block-group.liquidity-features figure img {
max-width: 34px;
}
.wp-block-group.download-brochure {
background-color: #9179d0;
max-height: 199px;
}
.wp-block-group.download-brochure.dark {
background-color: #121212;
}
.wp-block-group.download-brochure .wp-block-group__inner-container {
max-width: 1490px;
padding: 0 40px 0;
}
.wp-block-group.download-brochure p {
font-size: 28px;
font-weight: 800;
color: #fff;
margin: 0;
position: relative;
top: -20px;
}
.wp-block-group.download-brochure .wp-block-columns {
gap: 0;
}
.wp-block-group.download-brochure img {
position: relative;
top: -13px;
}
.wp-block-group.download-brochure a.wp-block-button__link.wp-element-button {
background-color: #2f2f2f;
color: #fff;
position: relative;
top: -17px;
left: 110px;
}
.wp-block-group.download-brochure a.wp-block-button__link.wp-element-button:hover {
background-color: #fff;
border: 1px solid #fff;
color: #000;
}
.wp-block-group.download-brochure.dark a.wp-block-button__link.wp-element-button {
border-color: #2f2f2f;
}
.wp-block-group.download-brochure.dark a.wp-block-button__link.wp-element-button:hover {
background-color: #fff;
color: #2f2f2f !important;
border-color: #fff;
}
.wp-block-group.ecosystem .wp-block-group__inner-container {
max-width: 1410px;
padding: 90px 40px 30px;
}
.wp-block-group.ecosystem h3 {
font-size: 50px;
font-weight: 700;
line-height: 1.2em;
}
.wp-block-group.ecosystem h4 {
font-size: 32px;
font-weight: 700;
margin-bottom: 40px;
}
.wp-block-group.ecosystem p {
max-width: 700px;
margin: 40px auto 80px;
}
.wp-block-group.ecosystem .wp-block-columns.leading-systems {
max-width: 100%;
margin: 0 auto 50px;
}
.wp-block-group.ecosystem .wp-block-columns.multiple-platforms {
max-width: 100%;
margin: 0 auto 110px;
}
.wp-block-group.ecosystem figure {
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.wp-block-group.ecosystem figure img {
max-width: 140px;
}
.wp-block-group.ecosystem .wp-block-columns {
gap: 30px;
margin-bottom: 50px;
}
.wp-block-group.why-choose-match-prime {
background-color: #121212;
}
.wp-block-group.why-choose-match-prime .wp-block-group__inner-container {
max-width: 1436px;
padding: 77px 40px 100px;
}
.wp-block-group.why-choose-match-prime h3 {
color: #fff;
font-size: 50px;
font-weight: 700;
margin-bottom: 70px;
}
.wp-block-group.why-choose-match-prime h4 {
font-size: 28px;
color: #cccccc;
letter-spacing: 0;
font-weight: 700;
text-align: center;
margin-bottom: 25px;
}
.wp-block-group.why-choose-match-prime p {
font-size: 16px;
color: #cccccc;
font-weight: 500;
text-align: center;
max-width: 320px;
margin: 0 auto;
}
.wp-block-group.why-choose-match-prime .wp-block-column {
position: relative;
padding-top: 13px;
margin-bottom: 50px;
}
.wp-block-group.why-choose-match-prime figure {
width: 56px;
height: 56px;
background-color: #2f2f2f;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 50px;
}
.wp-block-group.why-choose-match-prime figure img {
max-width: 34px;
}
.wp-block-group.proud-sponsor {
background-color: #28222d;
height: 407px;
}
.wp-block-group.proud-sponsor .wp-block-group__inner-container {
max-width: 1436px;
padding: 50px 40px 100px;
}
.wp-block-group.proud-sponsor .wp-block-columns {
gap: 0;
}
.wp-block-group.proud-sponsor .wp-block-columns .wp-block-column:first-child {
max-width: 510px;
}
.wp-block-eds-animate-it-block.eds-animate-block-save.no-overflow .eds-animate.animated {
overflow: initial !important;
}
.wp-block-group.proud-sponsor .wp-block-columns .wp-block-column:first-child figure {
margin-top: -175px;
}
.wp-block-group.proud-sponsor .wp-block-columns .wp-block-column:last-child h3 {
color: #fff;
margin-top: 20px;
}
.wp-block-group.proud-sponsor .wp-block-columns .wp-block-column:last-child p {
color: #fff;
max-width: 630px;
}
.wp-block-group.proud-sponsor .wp-block-columns .wp-block-column:last-child a {
color: #fff;
text-decoration: none;
font-size: 14px;
position: relative;
display: inline-block;
}
.wp-block-group.proud-sponsor .wp-block-columns .wp-block-column:last-child a::before {
display: block;
content: "";
position: relative;
left: 0;
top: 28px;
margin: 0 auto;
height: 2px;
width: 0;
-webkit-transition: width 0.25s ease;
transition: width 0.25s ease;
background-color: #9179d0;
pointer-events: none;
}
.wp-block-group.proud-sponsor .wp-block-columns .wp-block-column:last-child a:hover::before {
height: 2px;
width: 100%;
background-color: #fff;
}
footer#colophon {
background-color: #212121;
}
footer#colophon .wp-block-group .wp-block-group__inner-container {
max-width: 1387px;
padding: 0 40px;
}
.wp-block-group.footer-menu {
padding: 60px 0 40px;
}
.wp-block-group.footer-menu .wp-block-columns .wp-block-column {
max-width: 187px;
}
.wp-block-group.footer-menu .wp-block-columns .wp-block-column:first-child {
max-width: initial;
min-width: 230px;
}
footer#colophon .wp-block-group.footer-menu p {
color: #fff;
font-weight: 500;
max-width: 340px;
}
footer#colophon .wp-block-group.footer-menu .wp-block-image.bottom-social figure {
transition: all 0.2s ease-in;
}
footer#colophon .wp-block-group.footer-menu .wp-block-image.bottom-social figure:hover {
transform: scale(0.9);
}
footer#colophon .wp-block-group.footer-menu a {
color: #fff;
}
footer#colophon .wp-block-group.footer-menu h3 {
color: #fff;
font-weight: 700;
font-size: 25px;
letter-spacing: -1px;
margin-top: 13px;
}
footer#colophon .wp-block-group.footer-menu ul {
list-style: none;
margin: 0;
padding: 37px 0 0 0;
}
footer#colophon .wp-block-group.footer-menu ul li {
margin-bottom: 14px;
}
footer#colophon .wp-block-group.footer-menu ul li a {
font-size: 16px;
font-weight: 600;
color: #fff;
text-decoration: none;
position: relative;
display: inline-block;
}
footer#colophon .wp-block-group.footer-menu ul li a::before {
display: block;
content: "";
position: relative;
left: 0;
top: 28px;
margin: 0 auto;
height: 2px;
width: 0;
-webkit-transition: width 0.25s ease;
transition: width 0.25s ease;
background-color: #9179d0;
pointer-events: none;
}
footer#colophon .wp-block-group.footer-menu ul li a:hover::before {
height: 2px;
width: 100%;
background-color: #fff;
}
.wp-block-group.footer-disclaimer {
background-color: #121212;
padding: 30px 0 1px;
}
.wp-block-group.footer-disclaimer p {
font-size: 11px;
color: #707070;
font-weight: 400;
line-height: 1.3em;
}
.wp-block-group.footer-disclaimer p.lighter {
color: #fff;
}
.wp-block-group.footer-copyright {
background-color: #121212;
}
.wp-block-group.footer-copyright .wp-block-columns .wp-block-column:first-child p {
color: #fff;
font-size: 13px;
font-weight: 700;
text-align: left;
margin: 5px 0 20px;
}
.wp-block-group.footer-copyright .wp-block-columns .wp-block-column:nth-child(2),
.wp-block-group.footer-copyright .wp-block-columns .wp-block-column:nth-child(3) {
max-width: 180px;
}
.wp-block-group.footer-copyright .wp-block-columns .wp-block-column p {
text-align: right;
margin: 0;
}
.wp-block-group.footer-copyright a {
color: #cccccc;
margin: 30px 0;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all 0.2s ease-in;
}
.wp-block-group.footer-copyright a:hover {
color: #fff;
}
.wp-block-group.all-instruments {
background-color: #f7f7f7;
}
.wp-block-group.all-instruments .wp-block-group__inner-container {
max-width: 1436px;
padding: 95px 40px;
}
.wp-block-group.all-instruments .wp-block-columns {
gap: 20px;
}
.wp-block-group.all-instruments .wp-block-columns .wp-block-column {
margin-bottom: 20px;
}
.wp-block-group.all-instruments a.wp-block-tiptip-hyperlink-group-block {
background-color: #fff;
border: 1px solid #e8e8e8;
border-radius: 10px;
text-decoration: none;
display: flex;
flex-direction: column;
text-align: center;
padding: 24px 20px 0;
transition: all 0.25s ease;
min-height: 272px;
pointer-events: none;
}
.wp-block-group.all-instruments a.wp-block-tiptip-hyperlink-group-block h3 {
color: #9179d0;
font-size: 50px;
font-weight: 900;
margin-bottom: 15px;
}
.wp-block-group.all-instruments a.wp-block-tiptip-hyperlink-group-block h4 {
font-size: 25px;
font-weight: 700;
color: #2f2f2f;
margin-bottom: 10px;
}
.wp-block-group.try-it-yourself {
overflow-x: hidden;
}
.wp-block-group.try-it-yourself .wp-block-group__inner-container {
max-width: 1315px;
padding: 56px 40px 60px;
}
.wp-block-group.try-it-yourself h3 {
font-size: 50px;
color: #2f2f2f;
margin-top: 110px;
}
.wp-block-group.try-it-yourself p {
font-weight: 500;
max-width: 610px;
}
.wp-block-group.linkedin-box {
box-shadow: 1px 0px 14px 0px #0000004d;
max-width: 244px;
background-color: #fff;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.wp-block-group.try-it-yourself .wp-block-group.linkedin-box {
margin-left: 32px;
}
.wp-block-group.linkedin-box:after {
content: "";
background-color: #e9e5df;
background-image: url(//match-prime.com/wp-content/themes/match-prime/images/linkedin-logo.png);
background-repeat: no-repeat;
background-position: 20px 14px;
height: 50px;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.wp-block-group.linkedin-box .wp-block-group__inner-container,
.wp-block-group.contact-page .wp-block-group.linkedin-box .wp-block-group__inner-container {
max-width: 100%;
padding: 60px 20px 20px 20px;
}
.wp-block-group.linkedin-box p {
font-size: 12px;
font-weight: 700;
margin: 0;
}
.wp-block-group.linkedin-box p strong {
font-size: 19px;
font-weight: 700;
margin-bottom: 10px;
margin-top: 10px;
display: block;
}
.wp-block-group.linkedin-box a.wp-block-button__link.wp-element-button {
border-color: #0a66c2;
padding: 6px 18px;
color: #0a66c2;
font-weight: 700;
margin-top: 20px;
}
.wp-block-group.awarded-technology .wp-block-group__inner-container {
max-width: 1400px;
padding: 0 40px;
}
.wp-block-group.awarded-technology h3 {
margin-top: 82px;
margin-bottom: 38px;
color: #212121;
}
.wp-block-group.awarded-technology p {
margin: 31px auto 110px;
max-width: 780px;
}
.wp-block-group.award-winning-technology-swiper {
position: relative;
overflow: hidden;
padding: 0 30px;
}
.wp-block-group.award-winning-technology-swiper .wp-block-group__inner-container {
max-width: initial !important;
padding: 10px 0 0 0;
flex-direction: row;
margin: initial !important;
flex-wrap: nowrap !important;
width: 100%;
height: 100%;
display: flex;
box-sizing: content-box;
user-select: none;
transition-timing-function: linear !important;
pointer-events: none;
}
.wp-block-group.award-winning-technology-swiper figure {
display: flex;
margin: 0;
align-items: center;
justify-content: center;
min-width: 25%;
}
.wp-block-group.institutional-solution {
background-color: #28222d;
position: relative;
z-index: 0;
margin-top: -8px;
}
.wp-block-group.institutional-solution .wp-block-group__inner-container {
max-width: 1400px;
padding: 95px 40px;
}
.wp-block-group.institutional-solution h3 {
color: #fbfbfb;
}
.wp-block-group.institutional-solution p {
color: #fbfbfb;
max-width: 440px;
}
.wp-block-group.institutional-solution .wp-block-buttons {
margin-top: 50px;
}
.wp-block-group.institutional-solution .wp-block-columns:last-child {
margin-top: 100px;
}
.wp-block-group.institutional-solution .wp-block-columns:last-child p {
max-width: 560px;
margin-bottom: 0;
}
.wp-block-columns.mobile-friendly-platform h3 {
margin-top: 60px;
}
.site-main.posts .wp-block-group.header.sub .wp-block-cover,
.site-main.single .wp-block-group.header.sub .wp-block-cover {
min-height: 774px;
}
.site-main.posts .wp-block-group.header.sub .wp-block-cover h2,
.site-main.single .wp-block-group.header.sub .wp-block-cover h2,
.wp-block-group.header.sub.not-found h2 {
margin-top: 182px;
}
main#primary.posts .post-container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
max-width: 1496px;
width: 100%;
margin: 0 auto;
padding: 0 40px;
justify-content: flex-start;
gap: 2%;
margin-top: 20px;
}
main#primary.posts .post-container article {
align-items: flex-start;
width: 32%;
cursor: pointer;
background-color: #fffefd;
border-radius: 8px;
padding: 15px 15px 15px 15px;
margin-bottom: 0;
display: flex;
flex-direction: column;
margin-bottom: 2%;
transition: all 0.2s ease-in;
}
main#primary.posts .post-container article:hover {
transform: scale3d(0.96, 0.96, 0.96);
box-shadow: 1px 0px 11px 0px #0000001f;
}
main#primary.posts .post-container article time.entry-date.published,
main#primary.single time.entry-date.published {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
letter-spacing: -0.14px;
margin: 13px 0 6px;
display: block;
}
.single-article-container article {
position: relative;
}
.single-article-container article h1,
.single-article-container article h2,
.single-article-container article h3,
.single-article-container article h4,
.single-article-container article h5,
.single-article-container article h6 {
font-size: 20px;
font-weight: 800;
line-height: 1.2em;
letter-spacing: 0;
}
.single-article-container article h4 {
font-size: 32px;
font-weight: 700;
line-height: 1.2em;
}
.single-article-container article h5 {
font-size: 22px;
font-weight: 700;
line-height: 1.2em;
}
.single-article-container article h1 strong,
.single-article-container article h2 strong,
.single-article-container article h3 strong,
.single-article-container article h4 strong,
.single-article-container article h5 strong,
.single-article-container article h6 strong {
font-weight: 800;
}
main#primary.single time.entry-date.published {
position: absolute;
top: -70px;
left: 0;
font-weight: 500;
}
main#primary.posts .post-container article h3.entry-title {
font-size: 24px;
}
main#primary.posts .post-container article h3.entry-title a {
line-height: 1.2em;
color: #080600;
text-decoration: none;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 60px;
}
main#primary.posts .post-container article a.post-thumbnail {
max-height: 219px;
overflow: hidden;
display: block;
}
main#primary.posts .post-container article .entry-content p {
color: #202020;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%;
letter-spacing: -0.14px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
a.readmore {
position: relative;
text-decoration: none;
}
a.readmore:after {
content: "";
position: absolute;
right: -12px;
top: 8px;
width: 5px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10'%3E%3Cpath d='M13.5,9l5,5-5,5Z' transform='translate(-13.5 -9)' fill='%239179d0'/%3E%3C/svg%3E");
}
.single-article-container {
max-width: 941px;
padding: 130px 40px 30px;
margin: 0 auto;
}
.single-article-container h3.entry-title {
font-size: 42px;
line-height: 1.2em;
margin-bottom: 50px;
font-weight: 700;
}
.single-article-container p {
font-weight: 500;
color: #161e28 !important;
}
.single-article-container ul li {
color: #000;
}
.single-article-container img {
height: auto !important;
}
.shared-counts h4 {
font-size: 32px;
margin: 20px 0;
font-weight: 700;
}
.shared-counts a.shared-counts-button.shared-counts-no-count {
width: 187px;
height: 41px;
margin-right: 10px;
position: relative;
margin-bottom: 10px;
}
.shared-counts a.shared-counts-button span.shared-counts-icon {
height: 41px !important;
line-height: 41px !important;
border-right: 1px solid #ffffff69;
width: 41px !important;
padding-top: 1px;
}
.shared-counts .shared-counts-wrap.style-icon .shared-counts-button svg {
fill: #fff !important;
}
.shared-counts a.shared-counts-button:hover {
background-color: #41c5e7 !important;
}
.shared-counts a.shared-counts-button.facebook {
background-color: #3b5998;
}
.shared-counts a.shared-counts-button.facebook::before {
content: "Share on Facebook";
color: #fff;
text-decoration: none !important;
font-size: 12px;
left: 41px;
top: 10px;
position: absolute;
width: 146px;
text-align: center;
}
.shared-counts a.shared-counts-button.twitter {
background-color: #55acee;
}
.shared-counts a.shared-counts-button.twitter::before {
content: "Share on Twitter";
color: #fff;
text-decoration: none !important;
font-size: 12px;
left: 41px;
top: 10px;
position: absolute;
width: 146px;
text-align: center;
}
.shared-counts a.shared-counts-button.linkedin {
background-color: #0077b5;
}
.shared-counts a.shared-counts-button.linkedin::before {
content: "Share on Linkedin";
color: #fff;
text-decoration: none !important;
font-size: 12px;
left: 41px;
top: 10px;
position: absolute;
width: 146px;
text-align: center;
}
.shared-counts a.shared-counts-button.yummly {
background-color: #299fd9;
}
.shared-counts a.shared-counts-button.yummly::before {
content: "Share on Telegram";
color: #fff;
text-decoration: none !important;
font-size: 12px;
left: 41px;
top: 10px;
position: absolute;
width: 146px;
text-align: center;
}
.wp-block-group.stores {
background-color: #9179d0;
width: 100%;
min-height: 151px;
}
.wp-block-group.stores h3 {
width: 100%;
text-align: center;
color: #202020;
margin-bottom: 10px;
font-size: 28px;
}
.wp-block-group.stores .wp-block-group__inner-container {
max-width: 1436px;
padding: 50px 40px 50px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wp-block-group.stores img {
transition: all 0.2s ease-in;
}
.wp-block-group.stores img:hover {
transform: scale(0.95);
}
.wp-block-group.all-in-one .wp-block-group__inner-container {
max-width: 1436px;
padding: 130px 40px 100px;
}
.wp-block-group.all-in-one h3 {
margin-top: 100px;
}
.wp-block-group.all-in-one p {
max-width: 520px;
margin: 18px 0 40px;
}
.wp-block-group.have-question .wp-block-group__inner-container {
max-width: 1436px;
padding: 77px 40px 90px;
}
.wp-block-group.have-question .have-question {
display: flex;
flex-direction: row;
justify-content: center;
}
.wp-block-group.have-question .have-question input.wpcf7-email {
background-color: #e4e4e4;
border-color: #e4e4e4;
border-radius: 12px;
}
.wp-block-group.have-question .have-question input.wpcf7-email::placeholder {
color: #212121;
font-size: 16px;
line-height: 1em;
font-weight: 500 !important;
}
.wp-block-group.have-question .have-question [type="submit"] {
margin-left: 20px;
min-height: 52px;
color: #212121;
}
.wp-block-group.our-values .wp-block-group__inner-container {
max-width: 1436px;
padding: 120px 40px 100px;
}
.wp-block-group.our-values p {
max-width: 536px;
}
.wp-block-group.meet-our-leaders {
background-color: #121212;
}
.wp-block-group.meet-our-leaders .wp-block-group__inner-container {
max-width: 1436px;
padding: 77px 40px 100px;
}
.wp-block-group.meet-our-leaders h3 {
color: #cccccc;
font-size: 50px;
font-weight: 700;
margin-bottom: 70px;
}
.wp-block-group.meet-our-leaders p {
color: #5a5a5a;
font-weight: 500;
margin: 9px 0 0 0;
}
.wp-block-group.meet-our-leaders h4.wp-block-heading {
color: #cccccc;
font-size: 25px;
font-weight: 700;
}
.wp-block-group.meet-our-leaders .wp-block-column {
position: relative;
padding-top: 13px;
margin-bottom: 50px;
text-align: center;
}
.wp-block-group.meet-our-leaders .wp-block-column figure:first-child {
height: 230px;
display: flex;
align-items: center;
justify-content: center;
}
.wp-block-group.contact-page .wp-block-group__inner-container {
max-width: 1436px;
padding: 95px 40px 60px;
}
.wp-block-group.contact-page .wp-block-columns {
gap: 90px;
}
.wp-block-group.contact-page h3#h-get-in-touch {
margin-top: 49px;
margin-bottom: -20px;
}
.wp-block-group.contact-page .wp-block-group.linkedin-box {
max-width: initial;
width: 100%;
}
.wp-block-group.contact-page .wp-block-group.linkedin-box p {
margin: 0;
}
.wp-block-group.contact-page .wp-block-columns p {
margin-bottom: 34px;
}
.wp-block-group.contact-page .wp-block-columns p.p-contact-legal {
font-size: 14px;
margin-top: 40px;
}
.wp-block-group.contact-page .wp-block-group.contact-social-icons .wp-block-group__inner-container {
max-width: initial;
padding: 35px 0 0 0;
}
.wp-block-group.contact-page .wp-block-group.contact-social-icons figure {
background-color: #9179d0;
width: 48px;
height: 48px;
border-radius: 90px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 13px 19px 6px #0000001f;
transition: all 0.2s ease-in;
}
.wp-block-group.contact-page .wp-block-group.contact-social-icons figure:hover {
transform: scale(0.9);
}
.wp-block-group.contact-page .wp-block-group.contact-social-icons figure a {
position: relative;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.wp-block-group.contact-page .wp-block-group.contact-social-icons figure a img {
max-width: 20px;
}
.wp-block-group.contact-offices {
background-color: #212121;
}
.wp-block-group.contact-offices .wp-block-group__inner-container {
max-width: 1436px;
padding: 45px 40px;
}
.wp-block-group.contact-offices h3 {
color: #fbfbfb;
margin-bottom: 50px;
font-size: 50px;
font-weight: 800;
}
.wp-block-group.contact-offices p {
color: #fbfbfb;
margin-bottom: 34px;
padding-left: 37px;
position: relative;
}
.wp-block-group.contact-offices p img {
position: absolute;
left: 0;
top: -1px;
}
.wp-block-group.contact-offices p a {
color: #fbfbfb;
text-decoration: none;
}
.wp-block-group.contact-offices .wp-block-columns {
justify-content: center;
}
.wp-block-group.contact-offices .wp-block-column {
background-color: #373737;
border-radius: 10px;
padding: 20px 20px 0 20px;
max-width: 610px;
}
.wp-block-group.contact-offices .wp-block-column img {
margin-bottom: 32px;
}
.wp-block-group.contact-offices h4 {
font-size: 33px;
color: #fff;
font-weight: 700;
margin-bottom: 18px;
letter-spacing: -0.3px;
}
.wp-block-group.partnership .wp-block-group__inner-container {
max-width: 1436px;
padding: 95px 40px 0;
}
.wp-block-group.partnership h3 {
font-size: 50px;
margin-top: 50px;
}
.wp-block-group.partnership .wp-block-columns .wp-block-column:first-child img {
position: absolute;
left: 0;
bottom: -200px;
max-width: 100%;
}
.wp-block-group.partnership .wp-block-columns .wp-block-column {
position: relative;
}
.wp-block-group.partnership .wp-block-columns .wp-block-column:last-child img {
margin-top: 20px;
}
.wp-block-group.partnership .wp-block-buttons {
margin-top: 30px;
margin-bottom: 100px;
}
.wp-block-group.testimonials {
background-color: #212121;
position: relative;
}
.wp-block-group.testimonials .wp-block-group__inner-container {
max-width: 1436px;
padding: 55px 40px;
}
.wp-block-group.testimonials h3 {
font-size: 50px;
color: #fbfbfc;
margin-bottom: 50px;
}
.wp-block-group.testimonials p {
font-size: 13px;
}
.wp-block-group.testimonials .wp-block-group {
background-color: #fff;
border-radius: 10px;
padding: 30px;
min-height: 411px;
margin-bottom: 40px;
}
.wp-block-group.testimonials .wp-block-group figure {
min-height: 35px;
}
.wp-block-group.testimonials .wp-block-group .wp-block-group__inner-container {
padding: 0;
}
.wp-block-group.testimonials .slick-dots li button:before {
color: #fff;
}
.wp-block-group.testimonials .wp-block-cb-carousel .slick-next:before,
.wp-block-group.testimonials .wp-block-cb-carousel .slick-prev:before {
color: #fff;
}
.wp-block-group.where-to-find-us .wp-block-group__inner-container {
max-width: 1436px;
padding: 130px 40px 60px;
text-align: center;
}
.wp-block-group.where-to-find-us p {
max-width: 1000px;
margin: 26px auto;
}
.wp-block-group.where-to-find-us img {
margin-bottom: 50px;
}
.wp-block-group.new-limassol-office {
background-color: #212121;
}
.wp-block-group.new-limassol-office .wp-block-group__inner-container {
max-width: 1154px;
padding: 130px 40px 100px;
}
.wp-block-group.new-limassol-office .wp-block-columns .wp-block-column:first-child h3 {
color: #eeeeee;
font-size: 50px;
margin-top: 17px;
}
.wp-block-group.new-limassol-office .wp-block-columns .wp-block-column:first-child p {
color: #eeeeee;
max-width: 460px;
}
.wp-block-group.license-regulations .wp-block-group__inner-container {
max-width: 1154px;
padding: 130px 40px 100px;
}
.wp-block-group.license-regulations h3 {
font-size: 50px;
}
.wp-block-group.license-regulations .wp-block-columns .wp-block-column:first-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.wp-block-group.license-regulations
.wp-block-columns
.wp-block-column:first-child
.wp-block-button.is-style-outline
a.wp-block-button__link.wp-element-button:hover {
background-color: #9179d0;
border-color: #9179d0;
}
.wp-block-group.legal-documents .wp-block-group__inner-container {
max-width: 986px;
padding: 130px 40px 100px;
}
.wp-block-group.legal-documents h3 a {
font-size: 21px;
text-decoration: none;
color: #28222d;
padding-left: 23px;
line-height: 1em;
margin: 0 0 0px 0;
display: block;
}
.wp-block-group.legal-documents .wp-block-columns .wp-block-column {
max-width: 460px;
margin-bottom: 50px;
text-align: center;
}
.wp-block-group.legal-documents .wp-block-columns .wp-block-column a img {
transition: all 0.2s ease-in;
}
.wp-block-group.legal-documents .wp-block-columns .wp-block-column a:hover img {
transform: scale(0.9);
}
.wp-block-group.legal-documents .wp-block-columns {
justify-content: center;
}
.wp-block-group.privacy-policy .wp-block-group__inner-container {
max-width: 1400px;
padding: 50px 40px;
}
.wp-block-group.privacy-policy ol li {
margin-bottom: 20px;
}
.wp-block-group.privacy-policy li {
color: #161e28;
}
.wp-block-group.latest-news .wp-block-group__inner-container {
max-width: 1476px;
padding: 77px 60px 100px;
}
.wp-block-group.latest-news h3 {
font-size: 50px;
margin-bottom: 80px;
}
.wp-block-group.latest-news .wp-block-latest-posts__post-excerpt {
color: #19192c;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.wp-block-group.latest-news .wp-block-latest-posts__post-excerpt a {
position: absolute;
bottom: 0;
left: 0;
text-decoration: none;
text-transform: uppercase;
color: #9179d0;
font-size: 14px;
font-weight: 600;
transition: all 0.25s ease;
}
.wp-block-group.latest-news .wp-block-latest-posts__post-excerpt a:after {
content: "";
position: absolute;
right: -14px;
top: 6px;
width: 5px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10'%3E%3Cpath d='M13.5,9l5,5-5,5Z' transform='translate(-13.5 -9)' fill='%239179d0'/%3E%3C/svg%3E");
}
.wp-block-group.latest-news .wp-block-latest-posts__post-excerpt a:hover {
color: #19192c;
}
.wp-block-group.latest-news a.wp-block-latest-posts__post-title {
font-size: 24px;
font-weight: 700;
color: #121212;
text-decoration: none;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
letter-spacing: -1px;
margin-bottom: 14px;
margin-top: -3px;
position: relative;
transition: all 0.2s ease-in;
}
.wp-block-group.latest-news a.wp-block-latest-posts__post-title:hover {
color: #9179d0;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
gap: 60px;
flex-wrap: nowrap;
}
.wp-block-group.latest-news .wp-block-latest-posts.is-grid li:before {
content: "";
position: absolute;
background-color: #9179d0;
width: 30px;
height: 2px;
top: 45px;
left: -42px;
}
.wp-block-group.latest-news .wp-block-latest-posts__post-date {
color: #000;
position: absolute;
top: 0;
left: 0;
font-size: 16px;
width: 100%;
}
.wp-block-group.latest-news .wp-block-latest-posts.is-grid li {
padding: 30px 0;
}
.wp-block-group.product-video {
background-color: #28222d;
}
.wp-block-group.product-video .wp-block-group__inner-container {
max-width: 1436px;
padding: 130px 40px 100px;
}
.wp-block-group.product-video h3 {
color: #eeeeee;
}
.wp-block-group.product-video p {
color: #eeeeee;
max-width: 440px;
}
.wp-block-group.plug-and-play-platform .wp-block-group__inner-container {
max-width: 1436px;
padding: 130px 40px 100px;
}
.wp-block-group.plug-and-play-platform
.wp-block-columns
.wp-block-column:last-child
.wp-block-columns
.wp-block-column {
margin-bottom: 30px;
flex-basis: 20% !important;
}
.wp-block-group.plug-and-play-platform p.small-header {
font-weight: 700;
margin: 80px 0 20px 0;
}
.wp-block-group.plug-and-play-platform p {
max-width: 440px;
}
.wp-block-group.plug-and-play-platform figure {
text-align: center;
padding: 10px;
}
.wp-block-group.plug-and-play-platform figure img {
filter: invert(100%);
}
.wp-block-group.bridge .wp-block-group__inner-container {
max-width: 1400px;
padding: 95px 40px;
}
.wp-block-group.bridge .wp-block-columns {
max-width: 1148px;
}
.wp-block-group.bridge .wp-block-columns p {
max-width: 520px;
}
.wp-block-group.bridge figure img {
position: relative;
max-width: 820px;
left: -230px;
top: 40px;
}
.wp-block-group.additional-features {
background-color: #f7f7f7;
}
.wp-block-group.additional-features .wp-block-group__inner-container {
max-width: 1420px;
padding: 60px 40px 20px;
}
.wp-block-group.additional-features h3 {
margin-bottom: 80px;
}
.wp-block-group.additional-features .wp-block-cb-carousel {
display: none;
}
.wp-block-group.additional-features .wp-block-tiptip-hyperlink-group-block {
text-align: center;
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 50px;
position: relative;
}
.wp-block-group.additional-features ul.slick-dots {
display: none;
}
.wp-block-group.additional-features .wp-block-tiptip-hyperlink-group-block figure {
width: 56px;
height: 56px;
background-color: #2f2f2f;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: initial;
}
.wp-block-group.additional-features .wp-block-tiptip-hyperlink-group-block figure img {
max-width: 34px;
}
.wp-block-group.additional-features .wp-block-tiptip-hyperlink-group-block p {
margin: 10px 0 0 0;
}
.wp-block-group.additional-features .wp-block-tiptip-hyperlink-group-block p.heading {
font-weight: 600;
font-size: 18px;
}
.wp-block-group.additional-features .wp-block-tiptip-hyperlink-group-block .wp-block-button__link {
min-width: 180px;
margin-top: 20px;
}
.wp-block-group.additional-features .wp-block-columns .wp-block-column figure {
width: 56px;
height: 56px;
background-color: #2f2f2f;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: initial;
}
.wp-block-group.additional-features .wp-block-columns .wp-block-column {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.wp-block-group.additional-features .wp-block-columns .wp-block-column figure img {
max-width: 34px;
}
.wp-block-group.additional-features .wp-block-columns .wp-block-column p.heading {
font-weight: 600;
font-size: 18px;
margin: 10px 0 0 0;
}
.wp-block-group.request-contact-box .wp-block-group__inner-container {
max-width: 1400px;
padding: 95px 40px;
}
.wp-block-group.request-contact-box figure {
width: 56px;
height: 56px;
background-color: #2f2f2f;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
}
.wp-block-group.request-contact-box figure img {
max-width: 34px;
}
.wp-block-group.request-contact-box .wp-block-columns .wp-block-column:first-child {
padding-top: 60px;
}
.wp-block-group.request-contact-box .wp-block-columns .wp-block-column:first-child .wp-block-columns .wp-block-column {
position: relative;
padding-left: 84px;
padding-top: 13px;
margin-bottom: 50px;
max-width: 342px;
}
.wp-block-group.request-contact-box h4 {
font-size: 33px;
font-weight: 700;
margin-top: -4px;
}
.wp-block-group.request-contact-box .wp-block-columns .wp-block-column:last-child {
max-width: 328px;
}
.wp-block-group.request-contact-box
.wp-block-columns
.wp-block-column:last-child
.wp-block-contact-form-7-contact-form-selector {
box-shadow: 1px 0px 6px 0px #0000001f;
padding: 30px;
border-radius: 5px;
}
.wp-block-group.request-contact-box
.wp-block-columns
.wp-block-column:last-child
.wp-block-contact-form-7-contact-form-selector
h3 {
font-size: 26px;
margin-bottom: 28px;
}
.wp-block-group.request-contact-box
.wp-block-columns
.wp-block-column:last-child
.wp-block-contact-form-7-contact-form-selector
label {
line-height: 1.4em;
display: flex;
align-items: flex-start;
}
.wp-block-group.request-contact-box
.wp-block-columns
.wp-block-column:last-child
.wp-block-contact-form-7-contact-form-selector
span.wpcf7-list-item-label {
font-size: 10px;
line-height: 1.4em;
margin-bottom: -4px;
display: block;
color: #abaaad;
}
.wp-block-group.request-contact-box input {
background-color: #2f2f2f;
border-color: #2f2f2f;
line-height: 1em;
padding: 14px 15px;
}
.wp-block-group.request-contact-box input::placeholder {
color: #f2f3f7;
}
.wp-block-group.request-contact-box [type="submit"] {
width: 100%;
max-width: initial;
background-color: #9179d0;
border-color: #9179d0;
}
.site-main.gallery .post-container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
max-width: 1496px;
width: 100%;
margin: 0 auto;
padding: 0 40px;
justify-content: flex-start;
gap: 2%;
margin-top: 100px;
}
.site-main.gallery .post-container article {
align-items: flex-start;
width: 32%;
cursor: pointer;
background-color: #fffefd;
border-radius: 8px;
padding: 15px 15px 25px 15px;
margin-bottom: 0;
display: flex;
flex-direction: column;
margin-bottom: 2%;
transition: all 0.2s ease-in;
position: relative;
}
.site-main.gallery .post-container article h3.entry-title {
font-size: 24px;
position: absolute;
bottom: 37px;
left: 30px;
width: 100%;
}
.site-main.gallery .post-container h3.entry-title a {
line-height: 1.2em;
color: #fff;
text-decoration: none;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 29px;
width: 80%;
}
.site-main.gallery .post-container article a.post-thumbnail {
max-height: 219px;
min-height: 219px;
overflow: hidden;
display: block;
position: relative;
}
.site-main.gallery .post-container article a.post-thumbnail:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 1) 100%);
pointer-events: none;
transition: all 0.25s ease;
background-position: center;
background-size: 50px;
}
.site-main.gallery .post-container article:hover a.post-thumbnail:before {
background-color: #000000ba;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 733.33 666.67'%3E%3Cpath d='m366.67,533.33c92.05,0,166.67-74.62,166.67-166.67s-74.62-166.67-166.67-166.67-166.67,74.62-166.67,166.67,74.62,166.67,166.67,166.67Zm0-66.43c-55.36,0-100.24-44.88-100.24-100.24s44.88-100.24,100.24-100.24,100.24,44.88,100.24,100.24-44.88,100.24-100.24,100.24Z' style='fill:%23fff; fill-rule:evenodd; stroke-width:0px;'/%3E%3Cpath d='m285.38,0c-45.89,0-85.88,31.23-97.01,75.75l-14.4,57.59h-73.97C44.77,133.33,0,178.1,0,233.33v333.33c0,55.23,44.77,100,100,100h533.33c55.23,0,100-44.77,100-100V233.33c0-55.23-44.77-100-100-100h-73.97l-14.4-57.59C533.83,31.23,493.84,0,447.95,0h-162.56Zm-32.34,91.92c3.71-14.84,17.04-25.25,32.34-25.25h162.56c15.3,0,28.63,10.41,32.34,25.25l14.4,57.59c7.42,29.68,34.08,50.5,64.68,50.5h73.97c18.41,0,33.33,14.92,33.33,33.33v333.33c0,18.41-14.92,33.33-33.33,33.33H100c-18.41,0-33.33-14.92-33.33-33.33V233.33c0-18.41,14.92-33.33,33.33-33.33h73.97c30.59,0,57.26-20.82,64.68-50.5l14.4-57.59Z' style='fill:%23fff; fill-rule:evenodd; stroke-width:0px;'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
}
.site-main.gallery .post-container .entry-content {
display: none;
}
.site-main.gallery .post-container span.posted-on {
display: none;
}
.site-main.gallery .post-container a.readmore {
display: none;
}
body.industry-events-template-default.single figure.wp-block-gallery {
margin-bottom: 50px;
}
body.post-type-archive-industry-events .wp-block-group.header.sub .wp-block-cover h2,
body.post-type-archive-company-life .wp-block-group.header.sub .wp-block-cover h2 {
margin-top: 182px;
}
.wp-block-group.gallery-categories-chooser .wp-block-group__inner-container {
max-width: 446px;
width: 100%;
margin: 60px auto -50px;
padding: 0 40px;
display: flex;
justify-content: center;
gap: 50px;
position: relative;
}
.wp-block-group.gallery-categories-chooser .wp-block-group__inner-container:after {
content: "";
position: absolute;
bottom: -8px;
left: 0;
width: 100%;
height: 1px;
background-color: #abaaac66;
}
.wp-block-group.gallery-categories-chooser p {
font-size: 20px;
color: #28222d;
padding: 0;
margin: 0;
position: relative;
}
.wp-block-group.gallery-categories-chooser p a {
text-decoration: none;
}
.wp-block-group.gallery-categories-chooser p.current {
font-weight: 700;
}
.wp-block-group.gallery-categories-chooser p.current:after {
content: "";
position: absolute;
left: -10px;
bottom: -11px;
width: calc(100% + 20px);
height: 6px;
background-color: #9179d0;
border-radius: 20px;
z-index: 1;
}
.wp-block-group.header.sub.not-found {
margin-bottom: 100px;
}
section.error-404.not-found .wp-block-buttons {
margin-bottom: 100px;
}
section.error-404.not-found p {
font-weight: 700;
font-size: 25px;
}
.wp-block-group.category-filter .wp-block-group__inner-container {
max-width: 600px;
width: 100%;
margin: 0 auto;
padding: 60px 40px 30px;
position: relative;
}
.wp-block-group.category-filter .wp-block-group__inner-container:after {
content: "";
position: absolute;
bottom: 22px;
left: 0;
width: 100%;
height: 1px;
background-color: #abaaac66;
}
.wp-block-group.category-filter .wp-block-columns {
gap: 5px;
}
.wp-block-group.category-filter .wp-block-columns .wp-block-column {
position: relative;
}
.wp-block-group.category-filter .wp-block-columns .wp-block-column.current:after {
content: "";
position: absolute;
left: -10px;
bottom: -11px;
width: calc(100% + 20px);
height: 6px;
background-color: #9179d0;
border-radius: 20px;
z-index: 1;
}
.wp-block-group.category-filter p {
font-weight: 700;
font-size: 20px;
color: #28222d;
padding: 0;
margin: 0;
position: relative;
}
.wp-block-group.category-filter a {
font-weight: 400;
text-decoration: none;
}
.wp-block-group.our-videos {
background-color: #212121;
}
.wp-block-group.our-videos ul.slick-dots {
bottom: -60px;
}
.wp-block-group.our-videos ul.slick-dots li button:before {
color: #fff;
}
.wp-block-group.our-videos .slick-dots li.slick-active button:before {
color: #fff;
}
.wp-block-group.our-videos .wp-block-group__inner-container {
max-width: 1504px;
padding: 60px 40px 100px;
}
.wp-block-group.our-videos h3 {
color: #eeeeee;
font-size: 50px;
margin-bottom: 50px;
}
.wp-block-group.our-videos .wp-block-cb-carousel .slick-next:before,
.wp-block-group.our-videos .wp-block-cb-carousel .slick-prev:before {
color: #fff;
}
div#popmake-4607 {
width: calc(100% - 20px) !important;
background-color: #0c0c16 !important;
padding: 10px 59px 10px 14px !important;
border: 0 none;
}
.pum-container .pum-content > :first-child {
font-size: 12px;
text-align: left;
color: #fff;
}
.pum-container .pum-content > :first-child a {
color: #fff;
}
button.pum-close.popmake-close {
border: 1px solid #41c5e7 !important;
background-color: #41c5e7 !important;
color: #141423 !important;
line-height: 14px !important;
right: 10px !important;
top: 6px !important;
font-size: 20px !important;
}
.grecaptcha-badge {
display: none !important;
}
div#popmake-5313 {
border: 0 none;
}
div#popmake-5313 h2 {
color: #202020;
font-size: 42px;
font-weight: 700;
line-height: 105%;
letter-spacing: -1.44px;
text-align: center;
margin-bottom: 20px;
}
div#popmake-5313 img {
max-width: 120px;
}
div#popmake-5313 .pum-content.popmake-content {
text-align: center;
}
div#popmake-5313 button.pum-close.popmake-close {
box-shadow: initial;
background-color: #000 !important;
color: #fff !important;
border: 0 none !important;
} @media (max-width: 1470px) {
header#masthead a.custom-logo-link:before {
left: 0;
}
}
@media (max-width: 1400px) {
.main-navigation ul {
padding-left: 0;
}
}
@media (max-width: 1200px) {
.main-navigation li {
padding: 22px 0 27px 14px;
}
.main-navigation ul {
padding-left: 40px;
}
.wp-block-group.who-we-are .events .wp-block-group__inner-container {
max-width: 100%;
padding: 0;
}
.events::before {
position: initial;
width: 100%;
min-width: initial;
text-align: center;
margin-bottom: 20px;
}
.events {
left: 0;
top: -287px;
}
.wp-block-group.ecosystem figure {
width: 130px;
}
.wp-block-group.all-instruments .wp-block-columns .wp-block-column {
width: 45%;
flex: initial !important;
margin: 0 auto 20px;
}
.wp-block-group.all-instruments .wp-block-columns {
flex-wrap: wrap !important;
box-sizing: border-box;
gap: 0;
}
.site-main.gallery .post-container article a.post-thumbnail img {
object-fit: cover;
width: 150%;
max-width: initial;
}
}
@media (max-width: 1024px) {
.wp-block-group.awarded-technology .wp-block-cb-carousel {
display: none;
}
.events .wp-block-cb-carousel .slick-slide {
margin: 0 auto;
max-width: 270px;
}
.events .slick-track {
display: flex;
justify-content: center;
align-items: center;
}
.events .wp-block-buttons {
justify-content: center;
}
.wp-block-button.is-style-event .wp-block-button__link::before {
display: none;
}
.wp-block-button.is-style-event .wp-block-button__link {
padding: 0;
text-align: center;
margin: 20px 0;
min-width: initial;
width: 100%;
}
.wp-block-group.header .wp-block-cover {
min-height: 970px;
position: relative;
}
.events::before {
margin-bottom: 0;
}
.events {
top: -340px;
}
.events ul.slick-dots {
margin: 0;
bottom: 28px;
}
.wp-block-group.who-we-are .wp-block-columns {
flex-direction: column;
}
.wp-block-group.who-we-are .wp-block-columns .wp-block-column {
text-align: center;
}
.wp-block-group.who-we-are p {
max-width: initial;
}
.wp-block-group.who-we-are .wp-block-buttons {
justify-content: center;
margin-bottom: 50px;
}
.wp-block-group.who-we-are .wp-block-image {
margin: 0 0 40px 0;
display: inline-block;
}
.wp-block-group.who-we-are .wp-block-group__inner-container {
padding: 75px 40px 0;
}
.wp-block-group.mtt-technology .wp-block-group__inner-container {
padding: 75px 40px;
}
.wp-block-group.mtt-technology .wp-block-columns {
flex-direction: column;
}
.wp-block-group.mtt-technology .wp-block-columns .wp-block-column {
text-align: center;
}
.wp-block-group.mtt-technology p {
max-width: initial;
}
.wp-block-group.mtt-technology .wp-block-buttons {
justify-content: center;
}
.wp-block-group.liquidity-features .wp-block-columns {
flex-direction: column;
gap: 0;
}
.wp-block-group.liquidity-features .wp-block-column {
padding-left: 0;
text-align: center;
}
.wp-block-group.liquidity-features p {
margin: 20px auto 0;
text-align: center;
}
.wp-block-group.liquidity-features h4 br {
content: "";
display: inline-table;
padding-left: 7px;
}
.wp-block-group.liquidity-features figure {
position: initial;
margin: 0 auto 15px;
}
.wp-block-group.footer-menu .wp-block-columns .wp-block-column {
width: 100%;
min-width: 100% !important;
text-align: center;
}
footer#colophon .wp-block-group.footer-menu p {
max-width: initial;
}
.wp-block-group.footer-menu .wp-block-columns {
flex-direction: column;
align-items: center;
display: flex;
}
footer#colophon .wp-block-group.footer-menu ul {
padding-top: 13px;
}
.wp-block-image.bottom-social {
display: inline-block;
margin: 14px 0 0 0;
text-align: center;
}
.wp-block-group.footer-copyright .wp-block-columns {
flex-wrap: wrap !important;
gap: 10px;
flex-direction: column-reverse;
}
.wp-block-group.footer-copyright .wp-block-columns .wp-block-column:first-child {
width: 100%;
flex: initial;
text-align: center;
}
.wp-block-group.footer-copyright .wp-block-columns .wp-block-column:first-child p {
text-align: center;
margin: 10px 0;
}
.wp-block-group.footer-copyright .wp-block-columns .wp-block-column:nth-child(2),
.wp-block-group.footer-copyright .wp-block-columns .wp-block-column:nth-child(3) {
max-width: initial;
width: 100%;
flex: initial;
}
.wp-block-group.footer-copyright .wp-block-columns .wp-block-column p {
text-align: center;
margin: 0px 0 -7px;
}
footer#colophon .wp-block-group.footer-menu .wp-block-image.bottom-social figure {
margin: 5px;
}
.wp-block-group.ecosystem .wp-block-columns {
gap: 10px;
margin: 0;
flex-wrap: wrap !important;
}
.wp-block-group.ecosystem .wp-block-columns .wp-block-column {
margin-bottom: 20px;
display: flex;
justify-content: center;
}
.wp-block-group.download-brochure img {
top: 0;
}
.wp-block-group.download-brochure .wp-block-columns {
flex-direction: column;
text-align: center;
padding: 50px 0 20px;
}
.wp-block-group.download-brochure {
max-height: initial;
}
.wp-block-group.download-brochure p {
top: initial;
}
.wp-block-group.download-brochure a.wp-block-button__link.wp-element-button {
position: initial;
}
.wp-block-group.download-brochure .wp-block-buttons {
justify-content: center;
margin: 20px 0;
}
.wp-block-group.why-choose-match-prime .wp-block-columns {
flex-direction: column;
gap: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
gap: 0;
flex-direction: column;
}
.wp-block-group.latest-news .wp-block-latest-posts.is-grid li {
width: 100%;
margin-bottom: 70px;
}
.wp-block-group.proud-sponsor .wp-block-columns {
flex-direction: column;
}
.wp-block-group.proud-sponsor {
height: initial;
}
.wp-block-group.proud-sponsor .wp-block-columns .wp-block-column:first-child {
max-width: 100%;
text-align: center;
}
.wp-block-group.proud-sponsor .wp-block-columns .wp-block-column {
max-width: 100%;
text-align: center;
}
.wp-block-group.proud-sponsor .wp-block-columns .wp-block-column:first-child figure {
margin-top: -60px;
margin-bottom: 50px;
}
.wp-block-group.proud-sponsor .wp-block-columns .wp-block-column:last-child p {
max-width: 100%;
}
.wp-block-group.proud-sponsor .wp-block-group__inner-container {
padding: 50px 40px 30px;
}
.wp-block-group.try-it-yourself .wp-block-columns {
gap: 0;
flex-direction: column-reverse;
}
.wp-block-group.try-it-yourself .wp-block-columns .wp-block-column {
text-align: center;
}
.wp-block-group.try-it-yourself .wp-block-columns .wp-block-column figure {
position: relative;
left: 80px;
}
.wp-block-group.try-it-yourself p {
max-width: initial;
}
.wp-block-group.try-it-yourself .wp-block-buttons {
justify-content: center;
}
.wp-block-group.try-it-yourself h3 {
margin-top: 20px;
}
main#primary.posts .post-container {
flex-direction: column;
}
main#primary.posts .post-container article {
width: 100%;
}
main#primary.posts .post-container article a.post-thumbnail {
max-height: initial;
}
.wp-block-group.our-values .wp-block-columns {
flex-direction: column;
text-align: center;
}
.wp-block-group.our-values p {
max-width: initial;
}
.wp-block-group.our-values h3 {
margin-top: 0;
}
.wp-block-group.meet-our-leaders .wp-block-columns {
flex-direction: column;
margin: 0;
gap: 0;
}
.wp-block-group.meet-our-leaders .wp-block-group__inner-container {
padding: 77px 40px 10px;
}
.wp-block-group.where-to-find-us .wp-block-group__inner-container {
padding: 90px 40px 60px;
}
.wp-block-group.new-limassol-office .wp-block-columns {
flex-direction: column;
text-align: center;
}
.wp-block-group.new-limassol-office .wp-block-group__inner-container {
padding: 60px 40px 100px;
}
.wp-block-group.license-regulations .wp-block-columns {
gap: 0;
flex-direction: column;
text-align: center;
}
.wp-block-group.license-regulations .wp-block-columns .wp-block-buttons {
justify-content: center;
margin-bottom: 50px;
}
.wp-block-group.license-regulations .wp-block-group__inner-container {
padding: 60px 40px 20px;
}
.wp-block-group.partnership .wp-block-columns {
flex-direction: column-reverse;
}
.wp-block-group.partnership .wp-block-columns .wp-block-column:first-child img {
position: relative;
max-width: 500px;
width: 100%;
display: block;
margin: 0 auto;
bottom: -140px;
}
.wp-block-group.partnership .wp-block-buttons {
margin-bottom: -150px;
justify-content: center;
}
.wp-block-group.partnership .wp-block-group__inner-container {
padding: 25px 40px 0;
text-align: center;
}
.wp-block-group.testimonials .wp-block-group .wp-block-group__inner-container {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.wp-block-group.testimonials .wp-block-group {
min-height: initial;
}
.wp-block-group.all-in-one .wp-block-group__inner-container {
padding: 50px 40px 40px;
}
.wp-block-group.all-in-one .wp-block-columns {
flex-direction: column;
text-align: center;
}
.wp-block-group.all-in-one p {
max-width: initial;
}
.wp-block-group.all-in-one .wp-block-buttons {
justify-content: center;
}
.wp-block-group.all-in-one h3 {
margin-top: 0;
}
.wp-block-group.plug-and-play-platform .wp-block-columns {
flex-direction: column;
text-align: center;
}
.wp-block-group.plug-and-play-platform .wp-block-columns .wp-block-column .wp-block-columns {
flex-direction: row;
}
.wp-block-group.plug-and-play-platform p.small-header {
max-width: initial;
margin-top: 0;
}
.wp-block-group.plug-and-play-platform p {
max-width: initial;
}
.wp-block-group.plug-and-play-platform .wp-block-buttons {
justify-content: center;
margin-bottom: 50px;
}
.wp-block-group.plug-and-play-platform .wp-block-group__inner-container {
padding: 60px 40px 30px;
}
.wp-block-group.product-video .wp-block-group__inner-container {
padding: 70px 40px 40px;
}
.wp-block-group.product-video .wp-block-columns {
flex-direction: column;
text-align: center;
}
.wp-block-group.product-video p {
max-width: initial;
}
.wp-block-group.new-limassol-office .wp-block-columns .wp-block-column:first-child p {
max-width: initial;
}
.site-branding {
position: relative;
z-index: 2;
}
.main-navigation li.menu-contact a {
border-radius: 5px;
}
.menu-toggle,
.main-navigation.toggled ul {
max-width: 400px;
margin: 0 auto;
min-width: initial !important;
}
li.menu-proud-sponsor {
display: flex;
align-items: center;
justify-content: center;
}
.main-navigation li.menu-contact {
margin-bottom: 240px;
}
.main-navigation li.menu-proud-sponsor a {
width: 100%;
background-repeat: no-repeat;
background-position: center;
}
.main-navigation.toggled li.menu-proud-sponsor a:hover {
background-color: transparent !important;
}
.main-navigation.toggled ul li.menu-contact {
margin: 0 auto 30px;
}
header#masthead .masthead-content .main-navigation .menu-main-menu-container {
min-width: initial;
}
header#masthead .masthead-content .site-branding img {
min-width: initial;
max-width: 120px;
}
.wp-block-group.header.sub .wp-block-cover {
min-height: 500px;
}
.wp-block-group.header.sub .wp-block-cover h2 {
margin-top: 50px;
}
.wp-block-group.institutional-solution .wp-block-columns {
flex-direction: column;
text-align: center;
}
.wp-block-group.institutional-solution .wp-block-columns:last-child {
margin-top: 50px;
}
.wp-block-group.institutional-solution p {
max-width: initial;
}
.wp-block-group.institutional-solution .wp-block-buttons {
justify-content: center;
margin-top: 10px;
}
.wp-block-group.institutional-solution .wp-block-columns:last-child p {
max-width: initial;
}
.wp-block-group.institutional-solution .wp-block-columns .wp-block-column {
display: flex;
flex-direction: column;
align-items: center;
}
.wp-block-group.bridge .wp-block-columns {
flex-direction: column;
text-align: center;
}
.wp-block-group.bridge figure img {
position: initial;
max-width: 704px;
width: 100%;
}
.wp-block-group.bridge .wp-block-columns p {
max-width: initial;
}
.wp-block-group.bridge .wp-block-columns .wp-block-buttons {
justify-content: center;
}
.wp-block-group.request-contact-box .wp-block-columns {
flex-direction: column;
text-align: center;
}
.wp-block-group.request-contact-box
.wp-block-columns
.wp-block-column:first-child
.wp-block-columns
.wp-block-column {
max-width: initial;
padding-left: 0;
}
.wp-block-group.request-contact-box figure {
position: initial;
margin: 0 auto 20px;
}
.wp-block-group.request-contact-box .wp-block-group__inner-container {
padding: 0 40px;
}
.wp-block-group.request-contact-box .wp-block-columns .wp-block-column:last-child {
margin: -40px auto 80px;
}
.wp-block-group.additional-features ul.slick-dots {
display: block;
}
.wp-block-group.all-instruments .wp-block-columns .wp-block-column {
width: 100%;
}
.wp-block-group.all-instruments a.wp-block-tiptip-hyperlink-group-block {
min-height: initial;
}
.wp-block-group.additional-features h3 {
margin-bottom: 30px;
}
.wp-block-group.liquidity-features .wp-block-group__inner-container {
padding-bottom: 50px;
}
.wp-block-group.license-regulations ul {
text-align: left;
}
.wp-block-group.our-videos .slick-slide img {
margin: 0 auto;
}
.site-main.gallery .post-container {
flex-direction: column;
}
.site-main.gallery .post-container article {
width: 100%;
}
.site-main.gallery .post-container article a.post-thumbnail {
max-height: 300px;
min-height: 300px;
}
.site-main.gallery .post-container article a.post-thumbnail img {
width: 100%;
}
.wp-block-group.header .wp-block-cover__inner-container h2 {
margin-top: -190px;
}
.wp-block-group.additional-features .wp-block-columns {
display: none;
}
.wp-block-group.additional-features .wp-block-cb-carousel {
display: block;
}
.site-main.posts .wp-block-group.header.sub .wp-block-cover {
min-height: 500px;
}
.wp-block-group.awarded-technology .wp-block-group__inner-container {
padding: 0 20px;
}
.wp-block-group.institutional-solution .wp-block-group__inner-container {
padding: 95px 20px 50px;
}
.wp-block-group.bridge .wp-block-group__inner-container {
padding: 45px 20px;
}
.wp-block-group.additional-features .wp-block-group__inner-container {
padding: 60px 20px 20px;
}
.wp-block-group.contact-page .wp-block-columns {
flex-direction: column;
}
.site-main.single .wp-block-group.header.sub .wp-block-cover {
min-height: 500px;
}
.wp-block-group.ecosystem figure img {
max-width: 100px;
}
.wp-block-group.award-winning-technology-swiper figure {
min-width: 50%;
}
.wp-block-group.trusted-by-swiper .wp-block-group__inner-container figure {
width: initial !important;
min-width: 100%;
max-width: 100%;
}
}
@media (max-width: 781px) {
.main-navigation li.menu-contact {
margin: 0 auto 10px;
max-width: 210px;
width: 100%;
}
.main-navigation li.menu-proud-sponsor {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.main-navigation li.menu-proud-sponsor a {
background-repeat: no-repeat;
background-position: center;
}
.wp-block-group.header .wp-block-cover__inner-container h2 {
font-size: 38px !important;
}
.wp-block-group.header .wp-block-cover__inner-container p {
font-size: 16px;
}
.wp-block-group.header .wp-block-cover__inner-container {
padding: 0 20px;
}
.wp-block-group.who-we-are .wp-block-group__inner-container {
padding: 75px 20px 0;
}
.wp-block-group.trusted-by .wp-block-group__inner-container {
padding: 40px 40px 50px;
}
.wp-block-group.mtt-technology .wp-block-group__inner-container {
padding: 75px 20px;
}
.wp-block-group.explore-liquidity-platform .wp-block-cover__inner-container {
padding: 107px 40px;
min-height: initial;
}
.wp-block-group.liquidity-features .wp-block-group__inner-container {
padding: 60px 20px 50px;
}
.wp-block-group.download-brochure .wp-block-group__inner-container {
padding: 0 20px 0;
}
.wp-block-group.ecosystem .wp-block-group__inner-container {
padding: 90px 20px 100px;
}
.wp-block-group.why-choose-match-prime .wp-block-group__inner-container {
padding: 77px 20px 100px;
}
.wp-block-group.proud-sponsor .wp-block-group__inner-container {
padding: 50px 20px 30px;
}
.wp-block-group.try-it-yourself .wp-block-group__inner-container {
padding: 56px 20px 60px;
}
footer#colophon .wp-block-group .wp-block-group__inner-container {
padding: 0 20px;
}
.wp-block-group.latest-news .wp-block-group__inner-container {
padding: 77px 60px 50px;
}
.wp-block-group.plug-and-play-platform .wp-block-group__inner-container {
padding: 60px 20px 30px;
}
.wp-block-group.ecosystem .wp-block-columns .wp-block-column {
flex-basis: 30% !important;
}
.wp-block-group.ecosystem .wp-block-columns.leading-systems {
margin-bottom: 0;
}
.wp-block-group.ecosystem figure {
width: initial;
}
.wp-block-group.header .wp-block-cover__inner-container {
padding: 0 20px;
}
.wp-block-group.category-filter .wp-block-group__inner-container {
padding: 60px 20px 30px;
max-width: 200px;
}
main#primary.posts .post-container {
padding: 0 20px;
}
.single-article-container {
padding: 130px 20px 30px;
}
.wp-block-group.category-filter .wp-block-group__inner-container:after {
display: none;
}
.wp-block-group.category-filter .wp-block-columns .wp-block-column {
margin-bottom: 17px;
}
.wp-block-group.header.sub.contact-header .wp-block-cover {
min-height: 375px;
}
.wp-block-group.contact-page .wp-block-group__inner-container {
padding: 95px 20px 60px;
}
.wp-block-group.ecosystem .wp-block-columns.multiple-platforms {
flex-direction: column;
}
.wp-block-group.ecosystem figure img {
max-width: 170px;
margin-bottom: 20px;
}
.wp-block-group.ecosystem .wp-block-columns.leading-systems {
flex-direction: column;
}
}
@media (max-width: 425px) {
.wp-block-group.gallery-categories-chooser .wp-block-group__inner-container {
flex-direction: column;
text-align: center;
}
.wp-block-group.gallery-categories-chooser .wp-block-group__inner-container:after {
display: none;
}
.wp-block-group.award-winning-technology-swiper figure {
min-width: 100%;
}
}
@media (max-width: 375px) {
.wp-block-group.header.sub .wp-block-cover {
min-height: 600px;
}
}