@charset "UTF-8";
@charset "UTF-8";

 @-webkit-keyframes bounce {
from, 20%,
53%,
80%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
40%,
43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);}
70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);}
90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0);}
}
@keyframes bounce {
from, 20%,
53%,
80%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
40%,
43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);}
70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);}
90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0);}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;}
@-webkit-keyframes flash {
from, 50%,
to{opacity:1;}
25%,
75%{opacity:0;}
}
@keyframes flash {
from, 50%,
to{opacity:1;}
25%,
75%{opacity:0;}
}
.flash{-webkit-animation-name:flash;animation-name:flash;}
@-webkit-keyframes pulse {
from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes pulse {
from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}
@-webkit-keyframes rubberBand {
from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);}
40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);}
50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1);}
65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1);}
75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes rubberBand {
from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);}
40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);}
50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1);}
65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1);}
75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;}
@-webkit-keyframes shake {
from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
10%,
30%,
50%,
70%,
90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);}
20%,
40%,
60%,
80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}
}
@keyframes shake {
from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
10%,
30%,
50%,
70%,
90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);}
20%,
40%,
60%,
80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}
}
.shake{-webkit-animation-name:shake;animation-name:shake;}
@-webkit-keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0);}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}
50%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0);}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}
50%{-webkit-transform:translateX(0);transform:translateX(0);}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake;}
@keyframes swing {
20%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);}
40%{-webkit-transform:rotate3d(0, 0, 1, -2deg);transform:rotate3d(0, 0, 1, -2deg);}
60%{-webkit-transform:rotate3d(0, 0, 1, 1deg);transform:rotate3d(0, 0, 1, 1deg);}
80%{-webkit-transform:rotate3d(0, 0, 1, -1deg);transform:rotate3d(0, 0, 1, -1deg);}
to{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}
@-webkit-keyframes tada {
from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
10%,
20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
30%,
50%,
70%,
90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%,
60%,
80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes tada {
from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
10%,
20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
30%,
50%,
70%,
90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%,
60%,
80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.tada{-webkit-animation-name:tada;animation-name:tada;}
@-webkit-keyframes wobble {
from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes wobble {
from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble;}
@-webkit-keyframes jello {
from, 11.1%,
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg);}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
@keyframes jello {
from, 11.1%,
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg);}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center;}
@-webkit-keyframes heartBeat {
0%{-webkit-transform:scale(1);transform:scale(1);}
14%{-webkit-transform:scale(1.3);transform:scale(1.3);}
28%{-webkit-transform:scale(1);transform:scale(1);}
42%{-webkit-transform:scale(1.3);transform:scale(1.3);}
70%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes heartBeat {
0%{-webkit-transform:scale(1);transform:scale(1);}
14%{-webkit-transform:scale(1.3);transform:scale(1.3);}
28%{-webkit-transform:scale(1);transform:scale(1);}
42%{-webkit-transform:scale(1.3);transform:scale(1.3);}
70%{-webkit-transform:scale(1);transform:scale(1);}
}
.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
@-webkit-keyframes bounceIn {
from, 20%,
40%,
60%,
80%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9);}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);}
80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97);}
to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes bounceIn {
from, 20%,
40%,
60%,
80%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9);}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);}
80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97);}
to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.bounceIn{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInDown {
from, 60%,
75%,
90%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0);}
60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);}
75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);}
90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes bounceInDown {
from, 60%,
75%,
90%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0);}
60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);}
75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);}
90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft {
from, 60%,
75%,
90%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0);}
60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0);}
75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);}
90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes bounceInLeft {
from, 60%,
75%,
90%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0);}
60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0);}
75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);}
90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight {
from, 60%,
75%,
90%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);}
60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);}
75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}
90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes bounceInRight {
from, 60%,
75%,
90%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);}
60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);}
75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}
90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceInUp {
from, 60%,
75%,
90%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);}
60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}
75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}
90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes bounceInUp {
from, 60%,
75%,
90%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);}
60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}
75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}
90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceOut {
20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9);}
50%,
55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
to{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
}
@keyframes bounceOut {
20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9);}
50%,
55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
to{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
}
.bounceOut{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut;}
@-webkit-keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}
40%,
45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
}
@keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}
40%,
45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-webkit-keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
}
@keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-webkit-keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
}
@keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-webkit-keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);}
40%,
45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
}
@keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);}
40%,
45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-webkit-keyframes fadeIn {
from{opacity:0;}
to{opacity:1;}
}
@keyframes fadeIn {
from{opacity:0;}
to{opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeOut {
from{opacity:1;}
to{opacity:0;}
}
@keyframes fadeOut {
from{opacity:1;}
to{opacity:0;}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutDown {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
@keyframes fadeOutDown {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-webkit-keyframes fadeOutDownBig {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
}
@keyframes fadeOutDownBig {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
@keyframes fadeOutLeft {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
}
@keyframes fadeOutLeftBig {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@keyframes fadeOutRight {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
@-webkit-keyframes fadeOutRightBig {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
}
@keyframes fadeOutRightBig {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
@-webkit-keyframes fadeOutUp {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
}
@keyframes fadeOutUp {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeOutUpBig {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
}
@keyframes fadeOutUpBig {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
@-webkit-keyframes flip {
from{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80%{-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
to{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
@keyframes flip {
from{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80%{-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
to{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-webkit-keyframes flipInX {
from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);}
to{-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInX {
from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);}
to{-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY {
from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);}
to{-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInY {
from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);}
to{-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes flipOutX {
from{-webkit-transform:perspective(400px);transform:perspective(400px);}
30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;}
to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;}
}
@keyframes flipOutX {
from{-webkit-transform:perspective(400px);transform:perspective(400px);}
30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;}
to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;}
}
.flipOutX{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;}
@-webkit-keyframes flipOutY {
from{-webkit-transform:perspective(400px);transform:perspective(400px);}
30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;}
to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;}
}
@keyframes flipOutY {
from{-webkit-transform:perspective(400px);transform:perspective(400px);}
30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;}
to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;}
}
.flipOutY{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}
@-webkit-keyframes lightSpeedIn {
from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0;}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes lightSpeedIn {
from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0;}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
@-webkit-keyframes lightSpeedOut {
from{opacity:1;}
to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;}
}
@keyframes lightSpeedOut {
from{opacity:1;}
to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
@-webkit-keyframes rotateIn {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
@keyframes rotateIn {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}
@-webkit-keyframes rotateInDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
@keyframes rotateInDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
@keyframes rotateInDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
@keyframes rotateInUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
@keyframes rotateInUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}
@-webkit-keyframes rotateOut {
from{-webkit-transform-origin:center;transform-origin:center;opacity:1;}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;}
}
@keyframes rotateOut {
from{-webkit-transform-origin:center;transform-origin:center;opacity:1;}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}
@-webkit-keyframes rotateOutDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
}
@keyframes rotateOutDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
@keyframes rotateOutDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
@keyframes rotateOutUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0;}
}
@keyframes rotateOutUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0;}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}
@-webkit-keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%,
60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%,
80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}
to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0;}
}
@keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%,
60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%,
80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}
to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0;}
}
.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge;}
@-webkit-keyframes jackInTheBox {
from{opacity:0;-webkit-transform:scale(0.1) rotate(30deg);transform:scale(0.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg);}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes jackInTheBox {
from{opacity:0;-webkit-transform:scale(0.1) rotate(30deg);transform:scale(0.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg);}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox;}
@-webkit-keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}
@-webkit-keyframes rollOut {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
}
@keyframes rollOut {
from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}
@-webkit-keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
50%{opacity:1;}
}
@keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
50%{opacity:1;}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@-webkit-keyframes zoomInDown {
from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomInDown {
from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;}
@-webkit-keyframes zoomInLeft {
from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomInLeft {
from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;}
@-webkit-keyframes zoomInRight {
from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomInRight {
from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;}
@-webkit-keyframes zoomInUp {
from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomInUp {
from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;}
@-webkit-keyframes zoomOut {
from{opacity:1;}
50%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
to{opacity:0;}
}
@keyframes zoomOut {
from{opacity:1;}
50%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
to{opacity:0;}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;}
@-webkit-keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;}
@-webkit-keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);transform:scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;}
}
@keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);transform:scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;}
@-webkit-keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);transform:scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;}
}
@keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);transform:scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;}
@-webkit-keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;}
@-webkit-keyframes slideInDown {
from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInDown {
from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight {
from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInRight {
from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideInUp {
from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInUp {
from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}
@-webkit-keyframes slideOutDown {
from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
@keyframes slideOutDown {
from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}
@-webkit-keyframes slideOutLeft {
from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
@keyframes slideOutLeft {
from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight {
from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@keyframes slideOutRight {
from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp {
from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
}
@keyframes slideOutUp {
from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;}
.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;}
.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;}
.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s;}
.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s;}
.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms;}
.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms;}
.animated.slow{-webkit-animation-duration:2s;animation-duration:2s;}
.animated.slower{-webkit-animation-duration:3s;animation-duration:3s;}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
}

@font-face{font-family:'Stolzl';src:url(//site23.local/wp-content/themes/quiz/assets/fonts/Stolzl-Regular.ttf);font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'Stolzl';src:url(//site23.local/wp-content/themes/quiz/assets/fonts/Stolzl-Bold.ttf);font-weight:bold;font-style:normal;font-display:swap;}
@font-face{font-family:'Stolzl';src:url(//site23.local/wp-content/themes/quiz/assets/fonts/Stolzl-Light.ttf);font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Stolzl';src:url(//site23.local/wp-content/themes/quiz/assets/fonts/Stolzl-Medium.ttf);font-weight:500;font-style:normal;font-display:swap;}:root{--bg-color:#fff;--font-family:'Stolzl', 'sans-serif';--font-color:#282828;--light-font:#585858;--dark-font:#262626;--transition:.3s all;--popup-bg:rgba(255, 255, 255, 0.95);}
.container{max-width:89.375rem;width:100%;margin-right:auto;margin-left:auto;padding:0;}
@media(max-width:899px){
.container{padding:0 4rem;}
}
@media(max-width:699px){
.container{padding:0 15px;}
}
.container_fhd{width:100%;max-width:1920px;margin-right:auto;margin-left:auto;}
@media(max-width:1920px) and (min-width:900px){
html{font-size:0.83333vw;}
}
@media(max-width:899px){
html{font-size:10px;}
}
@media(max-width:699px){
html{font-size:12px;}
}
@media(max-width:409px){
html{font-size:10px;}
}
body{margin:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);width:100%;overflow-x:hidden;font-family:var(--font-family);font-weight:normal;font-style:normal;color:var(--font-color);background-color:var(--bg-color);position:relative;}
li{list-style:none;}
ul{margin:0;padding:0;}
p {
margin: 0; } a{text-decoration:none;outline:none;color:inherit;}
img{user-select:none;}
button, input{border:none;outline:none;background:none;padding:0;font-family:inherit;}
button {
cursor: pointer; } *{box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{margin:0;}
.text-center{text-align:center;}
.fw-bold{font-weight:bold;}
.fw-black{font-weight:900;}
.fw-normal{font-weight:normal;}
.fw-medium{font-weight:500;}
.crossed{text-decoration:line-through;}
.visually-hidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden;}
.decor{position:absolute;}
picture{display:block;}
picture img{height:100%;width:100%;object-fit:contain;}
.slick-initialized .slick-slide{display:block;height:max-content;}
.slick-track{height:max-content;}
section{position:relative;z-index:1;}
header, footer{z-index:2;}
.logo, .logo__c{display:flex;align-items:center;}
.logo__img{height:4.625rem;width:auto;}
.logo__text{font-size:1.875rem;font-weight:300;margin-left:1.125rem;}
@media(max-width:699px){
.logo__text{display:none;}
}
.logo__desc{max-width:14rem;font-size:0.75rem;line-height:1.33;color:var(--light-font);margin-left:3.3rem;margin-top:1.3rem;}
@media(max-width:699px){
.logo__desc{margin-left:1rem;}
}
.btn{background-image:linear-gradient(to top, var(--grad-from), var(--grad-to));display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;}
.btn::before{margin-left:-30px;content:" ";width:1.5rem;height:300px;background:#fff;-webkit-animation-delay:0.05s;animation-delay:0.05s;position:absolute;left:-40px;top:-70px;animation-timing-function:ease-in-out;transition:all 0.1s;animation-name:slideme;animation-duration:3.5s;animation-iteration-count:infinite;transform:rotate(45deg);z-index:5;}
.btn span, .btn div{position:relative;z-index:3;}
.btn::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;display:block;border-radius:7px;}
.btn:hover::after, .btn:focus::after{opacity:0.15;}
.btn::after{z-index:2;border-radius:8px;opacity:0;transition:opacity 100ms linear;background-color:#fff;}
.btn[disabled]{opacity:0.5;cursor:no-drop;}
.btn[disabled]::after, .btn[disabled]::before{display:none;}
.btn__load{display:none;height:4rem;width:4rem;}
@keyframes slideme {
0%{left:10%;}
30%{left:110%;}
100%{left:110%;}
}
.widget{width:7rem;padding-top:1.5rem;font-size:0.625rem;text-align:center;color:#eef4e9;text-transform:uppercase;position:relative;transition:var(--transition);}
.widget.closed{opacity:0;pointer-events:none;}
.widget-close{width:1.5rem;height:1.438rem;border:solid 3px #fff;background-color:var(--grad-to);border-radius:50%;position:absolute;cursor:pointer;top:0;left:50%;transform:translate(-50%, -50%);transition:var(--transition);}
.widget-close.active{transform:translate(-50%, -50%) rotate(45deg);}
.widget p{position:relative;}
.widget__wrap{position:fixed;top:50%;transform:translateY(-50%);right:0;z-index:200;}
.widget::before{border-bottom-left-radius:1rem;border-top-left-radius:1rem;content:'';height:100%;width:100%;position:absolute;top:0;left:0;opacity:0.8;background-image:linear-gradient(to top, var(--grad-from), var(--grad-to));}
.widget__item{padding:1rem;position:relative;cursor:not-allowed;}
.widget__item::before{content:'';background-image:url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='486.733px' height='486.733px' viewBox='0 0 486.733 486.733' style='enable-background:new 0 0 486.733 486.733;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M403.88,196.563h-9.484v-44.388c0-82.099-65.151-150.681-146.582-152.145c-2.225-0.04-6.671-0.04-8.895,0 C157.486,1.494,92.336,70.076,92.336,152.175v44.388h-9.485c-14.616,0-26.538,15.082-26.538,33.709v222.632 c0,18.606,11.922,33.829,26.539,33.829h321.028c14.616,0,26.539-15.223,26.539-33.829V230.272 C430.419,211.646,418.497,196.563,403.88,196.563z M273.442,341.362v67.271c0,7.703-6.449,14.222-14.158,14.222H227.45 c-7.71,0-14.159-6.519-14.159-14.222v-67.271c-7.477-7.36-11.83-17.537-11.83-28.795c0-21.334,16.491-39.666,37.459-40.513 c2.222-0.09,6.673-0.09,8.895,0c20.968,0.847,37.459,19.179,37.459,40.513C285.272,323.825,280.919,334.002,273.442,341.362z M331.886,196.563h-84.072h-8.895h-84.072v-44.388c0-48.905,39.744-89.342,88.519-89.342c48.775,0,88.521,40.437,88.521,89.342 V196.563z'/%3E%3C/g%3E%3C/svg%3E");height:1.3rem;width:1.3rem;background-position:center;background-repeat:no-repeat;position:absolute;left:3.875rem;top:.5rem;background-size:contain;}
.widget__item__icon{margin-bottom:0.65rem;}
.widget__item__icon img{width:2rem;height:auto;}
.widget__item:not(:last-child){border-bottom:1px solid #fff;}
.video-widget{position:fixed;left:1.7rem;bottom:2.25rem;z-index:20;}
.video-widget__link{width:9.125rem;height:13.688rem;border-radius:15px;box-shadow:0 0 81px 0 #3535354c;border:solid 3px #fff;background-color:#fff;display:block;position:relative;overflow:hidden;}
.video-widget__link img{height:100%;width:100%;object-fit:cover;}
.video-widget__link-wrap{position:relative;}
.video-widget__play{width:2.063rem;height:2.063rem;background-color:#fe6155;border-radius:50%;animation:pulse1 2s infinite;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-repeat:no-repeat;background-position:center;background-size:0.625rem;background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.2 17' style='enable-background:new 0 0 15.2 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M2.7,0.4C1.2-0.5,0,0.3,0,2v13c0,1.8,1.2,2.5,2.8,1.6l11.3-6.5c1.5-0.9,1.5-2.3,0-3.2L2.7,0.4z'/%3E%3C/g%3E%3C/svg%3E");}
.video-widget__close{z-index:2;cursor:pointer;position:absolute;right:0.77rem;top:0.77rem;width:16px;height:16px;background-size:contain;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator:Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version:6.00 Build 0) --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.6 15.5' style='enable-background:new 0 0 15.6 15.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Crect x='-2.2' y='6.8' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -3.2219 7.778)' class='st0' width='20' height='2'/%3E%3Crect x='6.8' y='-2.2' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -3.2218 7.7782)' class='st0' width='2' height='20'/%3E%3C/svg%3E%0A");}
.video-widget__action{font-size:0.688rem;font-weight:500;letter-spacing:0.28px;color:var(--accent-color);margin-bottom:3.5rem;margin-left:4.5rem;position:relative;}
.video-widget__action img{position:absolute;left:-2.5rem;top:0.5rem;height:3.25rem;width:auto;}
header{padding-top:2.4rem;padding-bottom:2.4rem;position:relative;}
.header{display:flex;justify-content:space-between;align-items:center;}
@media(max-width:560px){
.header{flex-direction:column;}
}
.header__contact{display:flex;align-items:center;}
@media(max-width:560px){
.header__contact{margin-top:2rem;}
}
.header__phone{text-align:right;}
.header__phone__online{font-size:0.844rem;letter-spacing:0.1px;display:flex;justify-content:center;align-items:center;}
.header__phone__online::before{width:0.5rem;min-width:.5rem;height:0.438rem;border-radius:50%;content:'';margin-right:0.375rem;background-color:#4ec35a;animation:shine2 1s cubic-bezier(1, 0, 0, 1) infinite;}
.header__phone__link{font-size:1.5rem;color:var(--dark-font);margin-top:0.3rem;display:block;}
.header__whatsapp{display:flex;align-items:center;margin-right:4.44rem;}
@media(max-width:699px){
.header__whatsapp{margin-right:1.5rem;}
}
.header__whatsapp__link{display:flex;justify-content:center;align-items:center;width:8.5rem;height:3.188rem;border-radius:12px;border:solid 1px #dfdfdf;background-color:#fff;font-size:0.625rem;letter-spacing:0.0375rem;position:relative;color:#282728;transition:var(--transition);padding-left:1rem;padding-right:1rem;}
.header__whatsapp__link img, .header__whatsapp__link svg, .header__whatsapp__link path{width:2rem;height:2rem;margin-right:0.75rem;}
.header__whatsapp__link:hover{background-color:var(--msg-color);border-color:var(--msg-color);color:#fff;}
.header__whatsapp__link::after{width:0.563rem;height:0.563rem;border-radius:50%;content:'';position:absolute;right:0;top:50%;transform:translate(50%, -50%);background-color:#4ec35a;animation:shine2 1s cubic-bezier(1, 0, 0, 1) infinite;}
.header__whatsapp__text{margin-left:1rem;font-size:0.844rem;line-height:1.26;}
@media(max-width:899px){
.header__whatsapp__text{display:none;}
}
.first-screen{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;display:flex;flex-direction:column;}
.first-screen__bg{background-size:cover;background-position:top center, top left, top right;background-repeat:no-repeat;position:absolute;pointer-events:none;top:0;left:0;width:100vw;height:100%;}
.main{position:relative;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding-bottom:6rem;}
@media(max-width:699px){
.main{padding-bottom:18rem;}
}
@media(max-width:899px){
.main--thx{padding-bottom:4rem;}
}
.main__subtitle{width:max-content;height:3.75rem;padding:1.25rem 2.313rem;border-radius:10px;background-color:#feea8c;font-size:1.281rem;text-align:center;transform:skew(-3deg);max-width:100%;height:auto;}
.main__subtitle--skew{position:relative;transform:skew(3deg);display:block;}
.main__title{font-size:3.125rem;font-weight:300;line-height:1.2;width:59%;margin-top:2.9rem;}
@media(max-width:899px){
.main__title{width:100%;max-width:50rem;}
}
@media(max-width:699px){
.main__title{font-size:2.4rem;}
}
.main__btn{height:7.875rem;padding:0 4.5rem;border-radius:1.25rem;box-shadow:0px 19px 49px 0 #fe585119, 0px 4px 0 0 var(--darker-color-rgb);color:var(--btn-font-color);}
.main__btn--min{padding:0 3.3rem;}
.main__btn__add-text{font-size:0.875rem;letter-spacing:0.35px;color:#fffefe;margin-top:1rem;}
.main__btn__text{display:flex;justify-content:center;align-items:center;font-size:1.875rem;font-weight:500;letter-spacing:1.5px;text-align:center;text-transform:uppercase;}
.main__btn__text--min{font-size:1.719rem;}
.main__btn__text svg{height:2.2rem;width:2.2rem;}
.main__btn__text svg.last{transform:scaleX(-1);margin-left:1.4rem;}
.main__btn__text svg.first{margin-right:1.4rem;}
.main__btn__text svg .st1, .main__btn__text svg .st2, .main__btn__text svg .st0{animation:shine infinite 1.5s;}
.main__btn__text svg .st0{animation-delay:0.6s;}
.main__btn__text svg .st1{animation-delay:.3s;}
@media(max-width:409px){
.main__btn{height:7.2rem;padding:2rem;font-size:1.7rem;}
}
.main__btn-wrap{margin-top:3.5rem;display:flex;align-items:center;position:relative;}
@media(max-width:699px){
.main__btn-wrap{flex-direction:column;}
}
.main__btn__arrow{position:absolute;left:35rem;top:-3rem;width:17.688rem;}
@media(max-width:899px){
.main__btn__arrow{display:none;}
}
.main__btn__desc{margin-left:6.125rem;font-size:0.875rem;letter-spacing:0.35px;position:relative;}
@media(max-width:699px){
.main__btn__desc{margin-left:3rem;margin-top:5rem;}
}
.main__btn__desc img{position:absolute;left:-5.4rem;top:50%;transform:translateY(-50%);width:5.875rem;height:auto;}
.main__btn__desc::before{width:1.25rem;height:1.25rem;content:'';position:absolute;left:-1.9rem;top:-0.3rem;background-image:url(//site23.local/wp-content/themes/quiz/assets/img/ok.png);background-size:contain;z-index:4;}
.main__advantages{display:flex;margin-top:3rem;}
@media(max-width:699px){
.main__advantages{flex-wrap:wrap;}
}
.main__advantage{display:flex;align-items:center;font-size:0.875rem;letter-spacing:0.35px;position:relative;}
.main__advantage p{margin-top:0.8rem;margin-left:0.8rem;}
.main__advantage:not(:last-child){margin-right:2.5rem;}
@media(max-width:699px){
.main__advantage{margin-bottom:1.5rem;width:50%}
.main__advantage:not(:last-child){margin-right:0;}
}
.main__advantage img{height:4.5rem;}
.main__advantage::before{width:1.25rem;height:1.25rem;content:'';position:absolute;background-image:url(//site23.local/wp-content/themes/quiz/assets/img/ok.png);background-size:contain;z-index:4;}
.main__advantage:nth-child(1)::before{left:3rem;top:2.5rem;}
.main__advantage:nth-child(2)::before{left:1.5rem;top:3rem;}
.main__advantage:nth-child(3)::before{left:-.5rem;top:1.5rem;}
.main__advantage:nth-child(4)::before{left:3rem;top:2.5rem;}}
.v2{padding-bottom: 9.75rem; }
.v2__c{padding-top: 7rem; }
.v2__c .main__subtitle{margin-right: auto;
margin-left: auto; }
.v2__c .main__title{width: 100%; }
.v2 .quiz{margin-top: 9rem; }
.about{width: 100%;
overflow: hidden; }
.about__c{display: flex;
align-items: center;
position: relative; }
.about__photo{width: 59.5rem;
min-width: 59.5rem;
height: 59.375rem;
overflow: hidden;
position: relative; }
.about__photo__bg{object-fit: cover;
object-position: top right; }
.about__photo__bg--scale{animation: scale2 10s ease-in-out; }
.about__photo__man{width: 37.5rem;
height: auto;
position: absolute;
bottom: 0;
left: 51%;
transform: translateX(-50%); }
.about__info{margin-left: 11.25rem;
max-width: 29rem;
position: relative; }
.about__info--lg{font-size: 3.438rem;
font-weight: 300;
line-height: 1.27; }
.about__info--sm{font-size: 1.125rem;
font-weight: 300;
line-height: 1.5;
color: rgba(255, 255, 255, 0.5);
margin-top: 2.3rem; }
.about__logo{position: absolute;
right: -.5rem;
top: 50%;
transform: translateY(-45%);
width: 15rem; }
.about__sign{position: absolute;
top: 80%;
width: 11.313rem;
height: auto;
right: 4rem;
transform: translateY(-50%); }
.about__person{position: absolute;
text-align: right;
top: 12.8rem;
left: 13rem; }
.about__person__name{font-size: 1.875rem;
font-weight: bold;
line-height: 0.9; }
.about__person__desc{font-size: 1rem;
font-weight: 300;
margin-top: 0.75rem; }
.about__circle{position: absolute;
left: -16.7rem;
top: calc(50% - 5.5rem); }
.about__circle__img{width: 11rem;
height: 11.063rem; }
.about__circle__text{width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
animation: 20s linear 0s normal none infinite running roll; }
.portfolio{padding-top: 2.8rem;
overflow: hidden;
padding-bottom: 11.5rem; }
.portfolio__title{font-size: 3.125rem;
line-height: 1.2;
font-weight: 300; }
.portfolio__slider__wrap{margin-top: 4rem;
position: relative;
margin-bottom: 6rem; }
.portfolio__slider__arrows{position: absolute;
width: 120%;
display: flex;
justify-content: space-between;
top: 50%;
left: -10%;
transform: translateY(-105%);
pointer-events: none; }
@media(max-width:899px){.portfolio__slider__arrows{width:100%;left:0;}}
@media(max-width:449px){.portfolio__slider__arrows{position:relative;top:0;left:0;transform:translateY(0);margin-top:2rem;}}
.portfolio__slider__arrows .slick-arrow{pointer-events: all;
width: 4.375rem;
height: 4.375rem;
background-color: #e8e7e7;
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 492.004 492.004;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
background-size: 1.25rem;
background-repeat: no-repeat;
background-position: center; }
.portfolio__slider__arrows .slick-arrow:hover{background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 492.004 492.004;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A"), linear-gradient(to top, var(--grad-from), var(--grad-to));
background-size: 1.25rem, cover; }
@media(max-width:449px){.portfolio__slider__arrows .slick-arrow{background-image:url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 492.004 492.004;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A"), linear-gradient(to top, var(--grad-from), var(--grad-to));background-size:1.25rem, cover;}}
.portfolio__slider__arrows .slider-prev{transform: scaleX(-1); }
.portfolio__slider__dots button{font-size: 0;
width: 1.063rem;
height: 1.063rem;
border-radius: 50%;
background-color: #e4e4e4;
transition: var(--transition); }
.portfolio__slider__dots li:not(:last-child){margin-right: 0.94rem; }
.portfolio__slider__dots ul{display: flex;
justify-content: center;
margin-top: 3.68rem; }
.portfolio__slider__dots .slick-active button, .portfolio__slider__dots button:hover{background-color: var(--accent-color); }
.portfolio__slide{display: flex;
align-items: center; }
@media(max-width:699px){.portfolio__slide{flex-wrap:wrap;}}
.portfolio__slide__photo{width: 50.68rem;
min-width: 50.68rem; }
@media(max-width:899px){.portfolio__slide__photo{width:45%;min-width:45%;}}
@media(max-width:699px){.portfolio__slide__photo{width:100%;}}
.portfolio__slide__photo img{height: 100%;
width: 100%;
object-fit: cover;
border-radius: 2.1875rem; }
.portfolio__slide__photo--big{display: block;
width: 100%;
height: 39.25rem;
border-radius: 2.1875rem;
background-color: #fbfafa; }
@media(max-width:449px){.portfolio__slide__photo--big{height:27rem;}}
.portfolio__slide__photo--sm{width: 15.266rem;
height: 12.5rem;
border-radius: 2.1875rem;
background-color: #fbfafa;
display: block; }
.portfolio__slide__photo--sm:not(:last-child){margin-right: 2.44rem; }
@media(max-width:899px){.portfolio__slide__photo--sm:not(:last-child){margin-right:2%;}}
@media(max-width:899px){.portfolio__slide__photo--sm{width:32%;}}
@media(max-width:449px){.portfolio__slide__photo--sm{height:8rem;}}
.portfolio__slide__photo__bottom{display: flex;
margin-top: 2.313rem; }
.portfolio__slide__info{margin-left: 5rem; }
@media(max-width:899px){.portfolio__slide__info{margin-left:2rem;}}
@media(max-width:699px){.portfolio__slide__info{margin-left:0;margin-top:3rem;}}
.portfolio__slide__title{font-size: 1.875rem;
font-weight: 500;
line-height: 1.6; }
.portfolio__slide__place{font-size: 1.125rem;
margin-top: 2.5rem;
display: flex;
align-items: center; }
.portfolio__slide__place svg{height: 2.3rem;
width: 2.3rem;
margin-right: 1rem; }
.portfolio__slide__desc-title{font-size: 1.5rem;
font-weight: 500;
margin-top: 2.5rem; }
.portfolio__slide__desc{opacity: 0.65;
font-size: 1.125rem;
line-height: 1.67;
margin-top: 1.75rem; }
.portfolio__slide__spec{display: flex;
margin-top: 3rem; }
.portfolio__slide__spec__item:not(:last-child){margin-right: 6.5rem; }
.portfolio__slide__spec__name{opacity: 0.65;
font-size: 1rem; }
.portfolio__slide__spec__val{font-size: 1.875rem;
font-weight: 500;
margin-top: 0.8rem; }
.portfolio .main__btn-wrap{flex-direction: column;
align-items: center; }
.portfolio .main__btn__desc{margin-left: 0;
margin-top: 2.7rem;
padding-left: 6rem; }
.portfolio .main__btn__desc img{left: 0; }
.portfolio .main__btn__desc::before{left: 3.6rem; }
.quiz{border-radius: 10px;
box-shadow: 0 0 125px 0 #19191926;
background-color: #fff;
margin-top: 4rem;
margin-bottom: 4rem;
padding-top: 1.813rem;
padding-left: 2.563rem;
padding-bottom: 2.5rem;
display: flex;
position: relative;
overflow: hidden;
min-height: 56.25rem; }
.quiz__left{width: 25rem;
min-width: 25rem;
border-radius: 30px;
background-color: #fff;
background-image: url(//site23.local/wp-content/themes/quiz/assets/img/quiz-bg.png);
background-size: cover;
background-repeat: no-repeat;
padding-top: 2.875rem;
padding-bottom: 1.75rem;
position: relative; }
@media(max-width:899px){.quiz__left{display:none;}}
.quiz__manager{width: 13.375rem;
height: 13.938rem;
margin-right: auto;
margin-left: auto; }
.quiz__manager img{height: 100%;
width: 100%;
object-fit: contain;
object-position: center bottom; }
.quiz__manager__name{width: max-content;
padding: .8rem 2.875rem .8rem 2.938rem;
border-radius: 5px;
background-color: #feea8c;
transform: skew(-5deg);
font-size: 1.125rem;
letter-spacing: 0.45px;
text-align: center;
margin-right: auto;
margin-left: auto; }
.quiz__manager__name span{display: block;
transform: skew(5deg); }
.quiz__manager__post{font-size: 0.875rem;
letter-spacing: 0.35px;
text-align: center;
margin-top: 0.5rem; }
.quiz__help{display: flex;
justify-content: center;
align-items: center;
margin-top: 2.1rem;
min-height: 6rem; }
.quiz__help img{width: 3.5rem;
height: auto; }
.quiz__help p{max-width: 14.5rem;
margin-left: 1.188rem;
font-size: 0.875rem; }
.quiz__gift{margin-top: 2.1rem; }
.quiz__gift__title{font-size: 1.125rem;
text-transform: uppercase;
text-align: center;
text-transform: uppercase; }
.quiz__gift ul{margin-top: 1.5rem; }
.quiz__gift li{width: 21.875rem;
height: 4.688rem;
border-radius: 10px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
padding-left: 3.813rem;
cursor: not-allowed; }
.quiz__gift li:not(:last-child){margin-bottom: 1rem; }
.quiz__gift li p{position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.938rem;
letter-spacing: 0.38px;
color: #fff; }
.quiz__gift li p::before{content: '';
width: 1.438rem;
height: 1.438rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='486.733px' height='486.733px' viewBox='0 0 486.733 486.733' style='enable-background:new 0 0 486.733 486.733;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M403.88,196.563h-9.484v-44.388c0-82.099-65.151-150.681-146.582-152.145c-2.225-0.04-6.671-0.04-8.895,0 C157.486,1.494,92.336,70.076,92.336,152.175v44.388h-9.485c-14.616,0-26.538,15.082-26.538,33.709v222.632 c0,18.606,11.922,33.829,26.539,33.829h321.028c14.616,0,26.539-15.223,26.539-33.829V230.272 C430.419,211.646,418.497,196.563,403.88,196.563z M273.442,341.362v67.271c0,7.703-6.449,14.222-14.158,14.222H227.45 c-7.71,0-14.159-6.519-14.159-14.222v-67.271c-7.477-7.36-11.83-17.537-11.83-28.795c0-21.334,16.491-39.666,37.459-40.513 c2.222-0.09,6.673-0.09,8.895,0c20.968,0.847,37.459,19.179,37.459,40.513C285.272,323.825,280.919,334.002,273.442,341.362z M331.886,196.563h-84.072h-8.895h-84.072v-44.388c0-48.905,39.744-89.342,88.519-89.342c48.775,0,88.521,40.437,88.521,89.342 V196.563z'/%3E%3C/g%3E%3C/svg%3E");
filter: drop-shadow(0 0 1.25rem var(--grad-from));
margin-right: 4.188rem; }
.quiz__gift li::before{height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(40, 39, 40, 0.75);
content: '';
z-index: 1; }
.quiz__gift li img{width: 11.875rem;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); }
.quiz__bar{width: 49.75rem;
height: 3rem;
padding: 0.29rem 0.34rem;
border-radius: 24px;
background-color: #f5f6f6;
margin-left: 4.875rem;
margin-top: 1.5rem;
position: relative; }
@media(max-width:899px){.quiz__bar{margin-left:0;width:100%;}}
.quiz__bar--ln{width: 100%;
margin-left: 0; }
.quiz__bar__prg{width: 8.131rem;
height: 100%;
background-color: var(--accent-color);
transition: var(--transition);
border-radius: inherit;
position: relative; }
.quiz__bar__prg::after{content: "";
display: block;
transition: all .3s;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(//site23.local/wp-content/themes/quiz/assets/img/lines.png);
background-size: 2.49rem;
animation: moveIt 1.5s infinite linear; }
.quiz__bar__text{font-size: 0.875rem;
font-weight: 300;
letter-spacing: 0.7px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.quiz__main{padding-right: 3.438rem;
flex-grow: 1;
display: flex;
flex-direction: column;
padding-bottom: 1rem; }
@media(max-width:899px){.quiz__main{padding-right:0;}}
.quiz__question{margin-top: 3.3rem;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between; }
.quiz__question:not(.active){display: none; }
.quiz__question__head{display: flex;
justify-content: center;
align-items: center;
padding: 0 4.896rem; }
@media(max-width:699px){.quiz__question__head{flex-direction:column;padding:0 1rem;}}
.quiz__question__title{font-size: 1.5rem;
line-height: 1.25;
letter-spacing: 0.6px; }
@media(max-width:699px){.quiz__question__title{text-align:center;}}
.quiz__question__progress{width: 7.688rem;
min-width: 7.688rem;
height: 2.313rem;
border-radius: 10px;
background-color: #feea8c;
display: flex;
justify-content: center;
align-items: center;
transform: skew(-4deg);
margin-right: 1.375rem;
font-size: 0.781rem;
letter-spacing: 0.13px;
text-align: center; }
@media(max-width:699px){.quiz__question__progress{margin-right:0;margin-bottom:2rem;}}
.quiz__question__progress span{display: block;
transform: skew(4deg); }
.quiz__answers{display: flex;
flex-wrap: wrap;
margin-left: 4.896rem;
flex-grow: 1;
padding-top: 2rem;
padding-bottom: 2rem; }
@media(max-width:899px){.quiz__answers{margin:auto;max-width:55rem;}}
.quiz__answers--img{height: 31.5rem;
max-height: 31.5rem;
overflow: auto;
margin-top: -3rem;
padding-left: 0.4rem; }
.quiz__answers--img::-webkit-scrollbar{width: 0.934rem;
background-color: #f5f6f6;
border-radius: 7.5px; }
.quiz__answers--img::-webkit-scrollbar-thumb{border-radius: 7.5px;
background-color: #d3d5d5; }
@media(max-width:899px){.quiz__answers--img{margin-top:2rem;}}
@media(max-width:699px){.quiz__answers--img{justify-content:space-between;padding-right:1.5rem;}}
.quiz__answers--desc{height: 34rem;
max-height: 34rem;
justify-content: center;
margin-top: 0rem; }
@media(max-width:699px){.quiz__answers--desc{justify-content:space-between;}}
.quiz__answers--single{display: flex;
align-items: center;
justify-content: center; }
@media(max-width:699px){.quiz__answers--single{justify-content:space-around;}}
.quiz__answers--text{align-content: flex-start;
justify-content: space-between;
margin-top: 2.5rem;
padding-right: 6rem;
padding-left: 1rem; }
@media(max-width:699px){.quiz__answers--text{padding-left:0;padding-right:0;}}
.quiz__answers__img{margin-left: 2.25rem; }
.quiz__answers__img img{width: 28.625rem;
height: auto; }
@media(max-width:699px){.quiz__answers__img{margin-left:0;margin-top:2rem;}}
.quiz__answers--single .quiz__answer--txt:not(:last-child){margin-bottom: 0.8rem; }
.quiz__answer-img{width: 15.188rem;
margin-bottom: 1.58rem;
position: relative; }
.quiz__answer-img:not(:nth-child(3n)), .quiz__answer-img:not(:last-child){margin-right: 2.2rem; }
@media(max-width:699px){.quiz__answer-img:not(:nth-child(3n)), .quiz__answer-img:not(:last-child){margin-right:0;}}
@media(max-width:699px){.quiz__answer-img{width:47%;}}
.quiz__answers--text .quiz__answer--txt{margin-bottom: 0.94rem; }
.quiz__answers__block .quiz__answer--txt__wrap:not(:last-child){margin-bottom: 0.8rem; }
@media(max-width:699px){.quiz__answers__block{width:100%;display:flex;flex-direction:column;align-items:center;}}
.quiz__answer--txt__wrap .quiz__answer__hint, .quiz__answer--txt__wrap .quiz__answer__video{top: -1rem;
right: -1.7rem; }
.quiz__answer--txt{display: flex;
align-items: center;
display: flex; }
@media(max-width:699px){.quiz__answer--txt{width:100%;}}
.quiz__answer--txt__wrap{position: relative; }
@media(max-width:699px){.quiz__answer--txt__wrap{width:48.5%;}}
@media(max-width:449px){.quiz__answer--txt__wrap{width:100%;}}
.quiz__answer--txt p{display: flex;
align-items: center;
display: flex;
align-items: center;
cursor: pointer;
width: 21.938rem;
height: 4.438rem;
border-radius: 5px;
background-color: #fff;
border: solid 1px #d3d5d5;
padding: 1rem 1.37rem;
transition: var(--transition); }
@media(max-width:699px){.quiz__answer--txt p{width:100%;}}
.quiz__answer--txt p::before{width: 2.313rem;
min-width: 2.313rem;
height: 2.313rem;
border-radius: 50%;
background-color: #f5f6f6;
content: '';
box-sizing: border-box;
background-position: center;
background-repeat: no-repeat;
background-size: 1rem;
margin-right: 0.875rem;
transition: var(--transition);
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23dadcdc;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); }
.quiz__answer--txt p:hover{box-shadow: 0px 0rem 1rem 0.3rem #3d3d3d23; }
.quiz__answer--txt input[type="checkbox"] + p::before{border-radius: 5px; }
.quiz__answer--txt input:checked + p::before{background-color: var(--accent-color);
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); }
.quiz__answer--txt input:checked + p{border-color: var(--accent-color);
text-shadow: 0 0 0.8px var(--font-color), 0 0 0.8px var(--font-color); }
.quiz__answer__hint{position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: -1.6rem;
right: 0.3rem;
z-index: 3;
cursor: help;
padding: 1rem; }
.quiz__answer__hint:hover .quiz__answer__hint--text{transform: scale(1); }
.quiz__answer__hint--circle{width: 1.563rem;
height: 1.563rem;
background-color: var(--accent-color);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.75rem;
font-weight: bold;
text-align: center;
color: #fff;
animation: pulse1 2s infinite; }
.quiz__answer__hint--text{position: absolute;
width: 11rem;
padding: 1rem;
font-size: 0.65rem;
background-color: #fff;
right: 70%;
top: 70%;
transform: scale(0);
transition: var(--transition);
box-shadow: 0 0 20px 0 #19191955; }
.quiz__answer__video{position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: -1.8rem;
right: 1rem;
z-index: 3;
cursor: pointer;
padding: 1rem; }
.quiz__answer__video--circle{width: 2rem;
height: 2rem;
background-color: var(--accent-color);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
animation: pulse1 2s infinite;
background-position: center;
background-repeat: no-repeat;
background-size: 0.625rem;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.2 17' style='enable-background:new 0 0 15.2 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M2.7,0.4C1.2-0.5,0,0.3,0,2v13c0,1.8,1.2,2.5,2.8,1.6l11.3-6.5c1.5-0.9,1.5-2.3,0-3.2L2.7,0.4z'/%3E%3C/g%3E%3C/svg%3E"); }
.quiz__answer__label{width: 100%;
display: block; }
.quiz__answer__label:hover .quiz__answer__img{box-shadow: 0px 0rem 1rem .3rem #3d3d3d23; }
.quiz__answer__box{width: 100%;
cursor: pointer; }
.quiz__answer__img{width: 100%;
height: 11rem;
border-radius: 5px;
background-color: #fff;
position: relative;
transition: var(--transition); }
.quiz__answer__img::before{width: 2.313rem;
min-width: 2.313rem;
height: 2.313rem;
border-radius: 50%;
border: solid 0.375rem #fff;
background-color: #f5f6f6;
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
box-sizing: border-box;
background-position: center;
background-repeat: no-repeat;
background-size: .75rem;
transition: var(--transition);
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23dadcdc;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); }
.quiz__answer__img img{border-radius: 5px;
width: 100%;
height: 100%;
object-fit: inherit;
object-fit: cover; }
.quiz__answer__img--lg{height: 17.938rem; }
input[type="checkbox"] + .quiz__answer__box .quiz__answer__img::before{border-radius: 0.625rem; }
input:checked + .quiz__answer__box .quiz__answer__img{box-shadow: 0 0 0 2px var(--accent-color); }
input:checked + .quiz__answer__box .quiz__answer__img::before{background-color: var(--accent-color);
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); }
input:checked + .quiz__answer__box .quiz__answer__text,
input:checked + .quiz__answer__box .quiz__answer__name{text-shadow: 0 0 0.8px var(--font-color), 0 0 0.8px var(--font-color); }
.quiz__answer__text{font-size: 0.875rem;
transition: var(--transition); }
.quiz__answer__name{font-size: 0.875rem;
line-height: 1.21;
margin-top: 1.6rem; }
.quiz__answer-img .quiz__answer__text{text-align: center;
margin-top: 1.5rem; }
.quiz__answer__desc{display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.8rem; }
.quiz__answer__spec{font-size: 0.625rem;
letter-spacing: 0.1px;
color: #282728c0; }
.quiz__answer__val{font-size: 1rem;
font-weight: 500;
color: var(--accent-color); }
.quiz__buttons{display: flex;
margin-top: 1rem;
padding-right: 3.7rem;
padding-left: 5.5rem; }
.quiz__btn-next{width: 12.5rem;
height: 4.125rem;
border-radius: 15px;
box-shadow: 0px 19px 49px 0 #fe585119, 0px 4px 0 0 var(--darker-color-rgb);
font-size: 1rem;
letter-spacing: 0.16px;
text-align: left;
color: var(--btn-font-color); }
.quiz__btn-next span{display: flex;
justify-content: center;
align-items: center; }
.quiz__btn-next span::after{content: '';
margin-left: 0.5rem;
background-image: var(--next-arrow);
height: 1.5625rem;
width: 1.5625rem;
background-repeat: no-repeat;
background-position: center; }
.quiz__btn-next__wrap{margin-left: auto;
position: relative; }
.quiz__btn-next[disabled]:hover + .quiz__btn-help{transform: translate(-50%, -100%) scale(1); }
.quiz__btn-help{width: 11.563rem;
padding: 0.625rem 1rem;
border-radius: 5px;
box-shadow: 0 0 18px 0 #28272819;
background-color: #fff;
text-align: center;
font-size: 0.5rem;
line-height: 1.38;
letter-spacing: 0.08px;
color: #282728a6;
position: absolute;
top: -0.75rem;
left: 50%;
transform: translate(-50%, -100%) scale(0);
transition: var(--transition); }
.quiz__btn-prev{font-size: 1rem;
letter-spacing: 0.16px;
color: #282728c0; }
.quiz__btn-prev span{display: flex;
justify-content: center;
align-items: center; }
.quiz__btn-prev span::before{margin-right: 0.5rem;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21.8 14.1' style='enable-background:new 0 0 21.8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23282728;%7D .st1%7Bopacity:0.4;fill-rule:evenodd;clip-rule:evenodd;fill:%23282728;enable-background:new ;%7D .st2%7Bopacity:0.25;fill-rule:evenodd;clip-rule:evenodd;fill:%23282728;enable-background:new ;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M21.8,7.1L21.8,7.1l-6.9,7L13.8,13l5.9-5.9l-5.9-6L14.9,0L21.8,7.1L21.8,7.1z'/%3E%3Cpath id='bupath-1_1_' class='st1' d='M14.9,7.1L14.9,7.1l-6.9,7L6.9,13l5.9-5.9l-5.9-6L8,0L14.9,7.1L14.9,7.1z'/%3E%3Cpath id='bupath-1_2_' class='st2' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A");
height: 1.5625rem;
width: 1.5625rem;
content: '';
background-repeat: no-repeat;
background-position: center;
transform: scaleX(-1); }
.quiz__input{width: 18.813rem;
height: 4.438rem;
padding: 0 2.188rem;
border-radius: 5px;
border: solid 1px #d3d5d5;
background-color: #fff; }
.quiz__input__wrap:not(:last-child){margin-bottom: 3.1rem; }
.quiz__input__title{font-size: 1.156rem;
line-height: 0.86;
margin-bottom: 0.875rem; }
.quiz__input__group{display: flex;
align-items: center; }
.quiz__input__ms{margin-left: .75rem; }
.quiz__input, .quiz__input__ms{font-size: 0.875rem;
line-height: 1.14;
color: #282728; }
.quiz__online{width: 6.25rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
background-color: #4ec35a;
position: absolute;
top: 1.3rem;
right: 1.25rem;
font-size: 0.844rem;
letter-spacing: 0.41px;
color: #fff; }
.quiz__online::before{width: 0.5rem;
height: 0.438rem;
background-color: #fff;
margin-right: 0.375rem;
content: '';
border-radius: 50%;
animation: shine2 1s cubic-bezier(1, 0, 0, 1) infinite; }
.quiz__final{width: 100%;
padding-left: 3.3rem;
padding-right: 5.875rem;
padding-bottom: 2.2rem; }
@media(max-width:899px){.quiz__final{padding-left:0;padding-right:0;}}
.quiz__final:not(.active){display: none; }
.quiz__final__agreement{font-size: 0.688rem;
color: #282728;
margin-top: 1.125rem;
display: flex;
align-items: center; }
.quiz__final__agreement a{font-weight: 500;
text-decoration: underline; }
.quiz__final__agreement__check{width: 1.125rem;
height: 1.125rem;
border-radius: 3px;
background-color: var(--accent-color);
margin-right: 0.44rem;
background-repeat: no-repeat;
background-position: center;
background-size: 0.55rem; }
input:checked + .quiz__final__agreement__check{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); }
.quiz__final__form{max-width: 31.188rem;
margin-top: 1.2rem; }
.quiz__final__form__title{font-size: 1.875rem;
line-height: 1.2;
letter-spacing: 0.75px; }
.quiz__final__form__input{width: 100%;
height: 4.063rem;
padding: 0 2.313rem;
border-radius: 15px;
background-color: #f6f6f6;
font-size: 1rem;
color: #282728;
margin-top: 1.875rem; }
.quiz__final__btn{width: 31.25rem;
height: 5.688rem;
border-radius: 15px;
margin-top: 0.75rem;
box-shadow: 0px 19px 49px 0 #fe585119, 0px 4px 0 0 var(--darker-color-rgb);
font-size: 1.188rem;
letter-spacing: 0.19px;
color: var(--btn-font-color); }
.quiz__final__btn.loading{opacity: 1;
cursor: wait;
}
@media(max-width:699px){.quiz__final__btn{max-width:100%;}}
.quiz__final__btn__text{display: flex;
align-items: center; }
.quiz__final__btn--bonus{padding: 0.5rem;
border-radius: 5px;
background-color: #fff;
color: #282728;
margin-left: 0.75rem;
display: block; }
.quiz__final__gift{width: 100%;
height: 9.938rem;
border-radius: 10px;
box-shadow: 0 0 70px 0 #28272826;
background-color: #fff;
display: flex;
align-items: center;
padding-left: 2.188rem;
margin-top: 1.25rem; }
@media(max-width:699px){.quiz__final__gift{max-width:100%;height:auto;flex-wrap:wrap;padding-top:2rem;padding-bottom:2rem;justify-content:center;padding-left:0;}}
@media(max-width:449px){.quiz__final__gift{display:none;}}
.quiz__final__gift__title{font-size: 1rem;
text-transform: uppercase;
margin-right: 1.875rem; }
@media(max-width:699px){.quiz__final__gift__title{width:100%;margin:1rem 0;text-align:center;}}
.quiz__final__gift__item{font-size: 0.875rem;
letter-spacing: 0.35px; }
.quiz__final__gift__item:not(:last-child){margin-right: 1.2rem; }
.quiz__final__gift__img{width: 5.5rem;
height: 5rem;
position: relative; }
.quiz__final__gift__img::after{position: absolute;
content: '';
bottom: .4rem;
left: 3rem;
width: 1.75rem;
height: 1.75rem;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//site23.local/wp-content/themes/quiz/assets/img/lock.png); }
.quiz__final__gift__img img{max-width: 5.5rem;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
max-width: 5.5rem;
height: 100%;
object-fit: contain; }
.quiz__final .quiz__bar{width: 100%;
margin-right: 0;
margin-left: 0; }
.quiz__final .quiz__question__progress{width: 11.25rem;
height: 2.313rem;
margin-top: 1.8rem; }
.quiz__contact{display: flex;
justify-content: space-between;
margin-top: 1.5rem; }
.quiz__contact__box{width: 7.563rem;
height: 8.563rem;
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
cursor: pointer;
transition: var(--transition); }
input:checked + .quiz__contact__box, .quiz__contact__box:hover{box-shadow: 0px 7px 27px 0 #28282819;
background-color: #fff; }
.quiz__contact__icon{width: 4.375rem;
height: 4.438rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin-bottom: 0.8rem;
background-color: var(--accent-color); }
.quiz__contact__icon--wa{background-color: #25d266; }
.quiz__contact__icon--viber{background-color: #7460f3; }
.quiz__contact__icon--tg{background-color: #00a2f2; }
.quiz__contact__icon img{height: 2.2rem;
width: 2.2rem; }
.quiz__hand{width: 40.5rem;
height: auto;
position: relative;
bottom: -0.4rem; }
.quiz__hand__wrap{position: absolute;
bottom: 0;
right: -1rem; }
@media(max-width:899px){.quiz__hand__wrap{right:-4rem;}}
@media(max-width:699px){.quiz__hand__wrap{position:relative;bottom:-6rem;max-width:100%;margin-right:auto;margin-left:auto;right:0;}}
.quiz__hand__circle{width: 9.5rem;
height: 9.438rem;
background-color: #feea8c;
border-radius: 50%;
position: absolute;
top: 0rem;
right: 0rem;
top: 8.5rem;
right: 12.1rem; }
@media(max-width:699px){.quiz__hand__circle{top:2.5rem;right:-1.9rem;}}
.quiz__hand__circle--roll{height: 100%;
width: 100%;
animation: 15s linear 0s normal none infinite running roll; }
.quiz__hand__circle__text{text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-size: 0.75rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.quiz__hand__circle__text--timer{font-size: 1.875rem;
font-weight: 500;
padding-left: 1.5rem;
position: relative;
margin: .3rem 0; }
.quiz__hand__circle__text--timer::before{content: '';
width: 3.3125rem;
height: 2.25rem;
background-image: url(//site23.local/wp-content/themes/quiz/assets/img/clock.png);
position: absolute;
background-size: contain;
left: -1.3rem;
top: 50%;
transform: translate(0, -50%); }
.quiz__arrow{position: absolute; }
@media(max-width:899px){.quiz__arrow{display:none;}}
.quiz__arrow-2{left: 38rem;
top: 30rem;
width: 10.125rem;
height: 4.625rem; }
.quiz__arrow-1{left: 38rem;
top: 36rem;
width: 2.5rem;
height: 10.813rem; }
.quiz__load{height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
z-index: 30;
background-color: #fff;
left: 0;
top: 0; }
.quiz__load p{font-size: 1.3rem;
font-weight: 500; }
.popup{background-color: var(--popup-bg);
top: 0;
left: 0;
height: 100%;
width: 100%;
position: fixed;
z-index: 999;
display: none; }
.popup-wrap{width: 100%;
height: 100%;
overflow: auto; }
.popup-wrap::-webkit-scrollbar{width: 0px; }
.popup-wrap--center{display: flex;
justify-content: center;
align-items: center; }
.popup .close{top: 1rem;
right: 1rem;
width: 24px;
height: 23.008px;
background-size: 8px; }
@media(max-width:449px){.popup .close{top:0.5rem;right:0.5rem;}}
.v2 .close{display: none; }
.close{width: 24px;
height: 23.008px;
border: solid 0.1875rem #fff;
background-color: var(--grad-to);
border-radius: 50%;
position: absolute;
cursor: pointer;
z-index: 5;
background-size: 8px;
background-repeat: no-repeat;
background-position: 45% 45%;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.6 15.5' style='enable-background:new 0 0 15.6 15.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Crect x='-2.2' y='6.8' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -3.2219 7.778)' class='st0' width='20' height='2'/%3E%3Crect x='6.8' y='-2.2' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -3.2218 7.7782)' class='st0' width='2' height='20'/%3E%3C/svg%3E%0A"); }
footer{position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
z-index: 19; }
footer::before{height: 100%;
width: 100%;
top: 0;
left: 0;
content: '';
position: absolute;
background-color: var(--bg-color);
filter: blur(1rem);
opacity: 0.75; }
.footer{width: 100%;
position: relative;
z-index: 5;
display: none; }
.footer__c{display: flex;
align-items: center;
justify-content: space-between;
align-items: center;
height: 6rem;
font-size: 0.813rem;
line-height: 1.54;
letter-spacing: 0.33px; }
@media(max-width:699px){.footer__c{flex-direction:column;text-align:center;height:auto;padding-top:2rem;padding-bottom:2rem;}}
.footer a{color: var(--accent-color);
text-decoration: underline; }
.footer__policy{text-align: center; }
@media(max-width:699px){.footer__policy{margin:2rem 0;}}
.footer__dev{text-align: right; }
.footer__btn{z-index: 6;
top: 0;
width: 1.938rem;
height: 1.938rem;
background-image: url(//site23.local/wp-content/themes/quiz/assets/img/arrow.png), linear-gradient(to top, #cecdcb, #fff);
background-position: center;
background-repeat: no-repeat;
background-size: 0.625rem, cover;
position: absolute;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
transition: var(--transition); }
.footer__btn:not(.active){transform: translateX(-50%) rotate(180deg); }
.policy{background: #fff;
border-radius: 7px;
padding: 3rem;
padding-bottom: 2rem;
margin-top: 4rem;
margin-bottom: 3rem;
position: relative;
width: 80rem;
max-width: 95%;
margin-right: auto;
margin-left: auto;
box-shadow: 0 0 125px 0 #19191926;
background-color: #fff;
margin-top: 4rem;
margin-bottom: 4rem; }
.policy__title{font-weight: bold;
font-size: 1.5rem; }
.policy-text{font-size: 1rem;
margin-top: 2rem; }
.policy-text p{margin-bottom: 1rem; }
@media(max-width:699px){.policy{padding-right:1rem;padding-left:1rem;}}
@keyframes slideme{0%{left:-30px;margin-left:0px;}
30%{left:110%;margin-left:80px;}
100%{left:110%;margin-left:80px;}}
@keyframes shine{0%{opacity:0.3;}
100%{opacity:1;}}
@keyframes shine2{0%{opacity:0;}
100%{opacity:1;}}
@keyframes blink{from{transform:scale(0);opacity:1;}
50%{transform:scale(1);opacity:0.8;}
to{transform:scale(2);opacity:0;}}
@keyframes nxt{from{transform:translateX(-0.1rem);}
to{transform:translateX(0.1rem);}}
@keyframes pulsation{0%{opacity:1;transform:scale(0);}
75%{opacity:0.6;transform:scale(0.75);}
100%{opacity:0;transform:scale(1);}}
@keyframes floating{0%{transform:translateY(0em);}
100%{transform:translateY(0.8em);}}
@keyframes roll{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}}
@keyframes pulse1{0%{box-shadow:0 0 0 0 rgba(var(--accent-color-rgb), 0.6);}
70%{box-shadow:0 0 0 1rem rgba(var(--accent-color-rgb), 0);}
100%{box-shadow:0 0 0 0 rgba(var(--accent-color-rgb), 0);}}
@keyframes pulse3{0%{box-shadow:0 0 0 0 rgba(0, 146, 255, 0.6);}
70%{box-shadow:0 0 0 0.7rem rgba(0, 146, 255, 0);}
100%{box-shadow:0 0 0 0 rgba(0, 146, 255, 0);}}
@keyframes progres{from{background-position:0 0, 0 0;}
to{background-position:2000px 0, 0 0;}}
@keyframes moveIt{from{background-position:0 center;}
to{background-position:2.49rem center;}}
@keyframes scale{from{transform:scale(1.3);}
to{transform:scale(1);}}
@keyframes scale2{from{transform:scale(1.1);}
to{transform:scale(1);}}