/*
Animation example, for spinners
*/
.animate-spin {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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 (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}#search_top{width:300px;float:left;padding:28px 0px}@media only screen and (max-width: 1024px){#search_top{width:250px}}.search-contain .search-content{border-radius:4px;border:none}.search-contain input[type="text"]{border:none;background:#FFF;width:100%;height:38px;border-radius:50px;padding-left:15px;outline:none;box-sizing:border-box;font-size:13px;color:#3a3a3a}@media only screen and (max-width: 1140px){.search-contain input[type="text"]{height:32px}}#search_form{position:relative;border:1px solid #e0e0e0;border-radius:5px}@media only screen and (max-width: 1024px){#search_form{height:34px}}.button-search{width:45px;height:38px;position:absolute;outline:none;background:none;border:none;right:0px;top:0px;cursor:pointer;border-radius:0 4px 4px 0}.button-search svg{width:18px;height:18px;fill:#a5a5a5}@media only screen and (max-width: 1140px){.button-search{height:0px;top:8px;background:none}}.button-search i{width:26px;height:29px;background-position:0px 0px;display:block;margin-left:11px;margin-top:4px}.autocomplete-suggestions{position:absolute;top:4px;right:-5px;margin:6px 0 0 6px;_background:none;_margin:1px 0 0 0}.autocomplete-suggestions{border:1px solid #ececec;background:#fff;cursor:default;overflow:auto;margin:0 0px 6px -1px;width:100%;top:31px;left:101px}@media only screen and (min-width: 1180px){.autocomplete-suggestions{width:550px !important}}.autocomplete-suggestions div{cursor:pointer;width:100%;display:inline-block;clear:both;padding:0;margin:0;margin-bottom:-5px}.autocomplete-suggestions .autocomplete-group{padding:8px 3%;width:100%;background:#f9f9f9;box-sizing:border-box}.autocomplete-suggestions div a,.autocomplete-suggestions div a:link,.autocomplete-suggestions div a:visited{display:inline-block;margin:0;padding:6px 3%;width:100%;font-size:13px;color:#333;background:#fff;clear:both;border-bottom:1px solid #eee;box-sizing:border-box}.autocomplete-suggestions div a:hover{background:#ececec}.autocomplete-suggestions div a img{width:64px;float:left;margin-right:20px}.autocomplete-suggestions div a label{font-weight:normal;cursor:pointer;margin:0;float:left}.autocomplete-suggestions div a span{display:block;clear:both;cursor:pointer;margin:0;padding:0}.autocomplete-suggestions div a span.price{color:#fd0000;padding-top:10px}.autocomplete-suggestions div.last{border:none}.autocomplete-suggestions strong{font-weight:500;color:#0083bf}.autocomplete-suggestions::-webkit-scrollbar-track{border-radius:15px;background-color:#EBEBEB}.autocomplete-suggestions::-webkit-scrollbar{width:5px;background-color:#EBEBEB;border-radius:15px}.autocomplete-suggestions::-webkit-scrollbar-thumb{border-radius:15px;background:var(--main-color);border:1px solid #EBEBEB}@media only screen and (max-width: 450px){.search-contain{width:100%}.search-contain input[type="text"]{border-radius:4px}}@media only screen and (max-width: 768px){.autocomplete-suggestions{top:30px;left:10px}}
/*# sourceMappingURL=search.css.map */
.dcjq-mega-menu{background:#F5F5F5;position:relative}.dcjq-mega-menu #megamenu{position:relative;z-index:99}@media all and (max-width: 400px){.dcjq-mega-menu #megamenu{margin-top:0}}.top_menu .active a{color:var(--main-color)}#megamenu .menu-sepa{display:none}.dcjq-mega-menu ul.menu li.level_0{float:left;padding:16px 28px 16px;position:relative;text-align:center;box-sizing:border-box;-webkit-transition:0.5s ease-in-out all;transition:0.5s ease-in-out all}@media screen and (min-width: 990px){.dcjq-mega-menu ul.menu li.level_0:first-child{margin-left:0px;padding-left:0px}}.dcjq-mega-menu ul.menu li.level_0:hover{background:#1a2964}#megamenu li.activated{background:#1a2964;vertical-align:middle;padding-left:16px}@media screen and (max-width: 990px){#megamenu li.activated{padding-left:0px}}#megamenu li.activated .highlight{left:0px}.dcjq-mega-menu ul.menu li.level_0:last-child{border-right:none}.dcjq-mega-menu ul.menu li.mega-hover a,.dcjq-mega-menu ul.menu>li.activated>a,.dcjq-mega-menu ul.menu>li:hover>a{color:#fff}.dcjq-mega-menu .menu_item_a{color:#fff;float:left;font-size:15px;text-transform:uppercase;white-space:nowrap;font-weight:600;cursor:pointer}@media screen and (max-width: 990px){.dcjq-mega-menu .menu_item_a{color:#fff}}.drop_down{color:#FFFFFF;display:block;float:left;padding:0 10px;display:none}.drop_down svg{fill:#fff;width:12px;height:12px}@media all and (max-width: 990px){.drop_down{display:block;float:left;padding:8px 10px;display:block;position:absolute;right:10px;top:3px;-webkit-transition:0.7s ease-in-out all;transition:0.7s ease-in-out all}}.dcjq-mega-menu .highlight{position:absolute;text-align:left;top:33px;padding-top:15px;left:0px;width:215px;z-index:99999999;-webkit-transition:0.9s ease-in-out all;transition:0.9s ease-in-out all;opacity:0;visibility:hidden}.dcjq-mega-menu .highlight .highlight1{background:#FFF;border:1px solid #CBCBCB;text-transform:uppercase;font-size:14px}.dcjq-mega-menu ul.menu li:hover .highlight{opacity:1;visibility:visible}.dcjq-mega-menu .highlight .sub-menu-level1{border-top:1px solid #E7E7E7;padding:9px 0 9px 12px}.dcjq-mega-menu .highlight .sub-menu-level1 a{line-height:20px;text-transform:capitalize;color:#000}.dcjq-mega-menu .highlight .sub-menu-level1:hover{cursor:pointer;border-left:3px solid var(--main-color);-webkit-transition:0.15s ease-in-out all;transition:0.15s ease-in-out all}.dcjq-mega-menu .highlight .sub-menu-level1:hover a{text-decoration:none}.dcjq-mega-menu .highlight .sub-menu-level1 a img{display:none}.dcjq-mega-menu .sb-toggle-left{float:left;display:none;cursor:pointer;margin-top:2px;position:relative;margin-left:10px;z-index:99}.dcjq-mega-menu .sb-toggle-left:before{position:absolute;top:-2px;left:0;width:32px;height:32px;content:" ";font-size:20px;border:1px solid #EEEEEE;border-radius:50%;text-align:center;padding-top:8px;box-sizing:border-box;border:none;line-height:18px}@media screen and (max-width: 650px){.dcjq-mega-menu .sb-toggle-left:before{top:5px}}.slide-up{-ms-transform:translateY(0);transform:translateY(0)}.slide-down{-ms-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-up{-ms-transform:translateY(0);transform:translateY(0)}.m-slide-down{-ms-transform:translateY(-100%);transform:translateY(-100%)}@media screen and (max-width: 1240px){.dcjq-mega-menu ul.menu li.level_0{float:left;padding-left:10px;padding-right:10px}}@media screen and (max-width: 1200px){.dcjq-mega-menu ul.menu li.level_0{float:left;padding-left:9px;padding-right:9px}}@media screen and (max-width: 1170px){.dcjq-mega-menu ul.menu li.level_0{float:left;padding-left:8px;padding-right:8px}}@media screen and (max-width: 1005px){.dcjq-mega-menu ul.menu li.level_0{padding-left:6px;padding-right:6px}}.dcjq-mega-menu .sb-toggle-left svg{fill:#fff}@media screen and (max-width: 990px){.top_menu #megamenu{position:absolute;background:var(--main-color);width:100%;left:0px;top:42px;z-index:999;border-left:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;display:none}.dcjq-mega-menu .sb-toggle-left{display:block;position:relative}.dcjq-mega-menu .sb-toggle-left svg{color:black;position:absolute;top:4px;fill:#fff;left:6px}}@media screen and (max-width: 990px) and (max-width: 650px){.dcjq-mega-menu .sb-toggle-left svg{top:10px}}@media screen and (max-width: 990px){.dcjq-mega-menu .menu_item_a{display:block;float:none;text-align:left;padding:10px 0 10px 10px;text-transform:uppercase;text-decoration:unset}.dcjq-mega-menu ul.menu li.level_0{float:none;padding:0px;border-top:1px solid rgba(255,255,255,0.56);margin:0}.dcjq-mega-menu ul.menu li.level_0:hover svg{fill:var(--main-color)}.dcjq-mega-menu ul.menu li.level_0:before{display:none}.dcjq-mega-menu ul.menu li.level_0:after{display:none}.dcjq-mega-menu .highlight{background:transparent;border:none;box-shadow:none;position:relative;text-align:left;transition:unset;float:none;top:0px;width:auto;display:none;opacity:1;visibility:visible;left:0;padding-top:0}.dcjq-mega-menu .highlight .highlight1{background:transparent;border:none;border-top:1px solid rgba(255,255,255,0.5);text-transform:none}.dcjq-mega-menu .highlight .highlight1 a{color:#FFF}.dcjq-mega-menu .highlight .sub-menu-level1{border-top:none;padding:9px 0 9px 22px}.dcjq-mega-menu ul.menu li.mega-hover a,.dcjq-mega-menu ul.menu>li.activated>a,.dcjq-mega-menu ul.menu>li:hover>a{-webkit-transition:0.25s ease-in-out all;transition:0.25s ease-in-out all;background:#fff;color:var(--main-color)}#megamenu .activated .drop_down svg{fill:var(--main-color)}.dcjq-mega-menu .highlight .sub-menu-level1:hover{background:#ff0217}}@media screen and (max-width: 320px){.top_menu #megamenu{width:200px}}@media screen and (max-width: 540px){.dcjq-mega-menu .sb-toggle-left:before{top:4px}.dcjq-mega-menu .sb-toggle-left svg{position:absolute;top:11px;left:9px;width:22px;height:22px;fill:var(--main-color)}}
/*# sourceMappingURL=megamenu.css.map */
.shopcart .departure{padding-left:45px;position:relative}@media screen and (max-width: 650px){.shopcart .departure{padding-left:0px;padding-right:0px}}.shopcart .departure .cart_text{font-weight:600;display:block;font-size:14px;padding-bottom:3px;text-align:left;margin-bottom:0px;color:#fff;font-size:14px;text-transform:uppercase}@media screen and (max-width: 340px){.shopcart .departure .cart_text{font-size:12px}}.shopcart .departure .cart_product{display:block;text-align:left;color:#dcdcdc;font-size:14px;text-transform:inherit}@media screen and (max-width: 414px){.shopcart .departure .cart_product{font-size:13px}}@media screen and (max-width: 340px){.shopcart .departure .cart_product{font-size:12px}}.shopcart .departure .icon-shopping{position:absolute;left:5px;top:0px;border-radius:50%;background:red;padding:5px;width:20px;height:20px}@media screen and (max-width: 930px){.shopcart .departure .icon-shopping{top:-2px}}@media screen and (max-width: 650px){.shopcart .departure .icon-shopping{top:0px;left:-37px}}
/*# sourceMappingURL=style1.css.map */
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
.slider-home-wrapper{position:relative}.slider-home-wrapper .owl-carousel{position:initial}#pav-slideShow .fs-slider-home .item img{width:100%;opacity:1}.fs-slider-home h3{background:rgba(0,0,0,0.6) none repeat scroll 0 0;bottom:0;color:#fff;display:none;font-family:MyriadPro-Light;font-size:18px;font-weight:bold;left:0;margin:0;padding:8px 20px;position:absolute;width:100%}.fs-slider-home{display:block}.fs-slider-home .item:first-child{display:block}.fs-slider-home .item{text-align:center}.fs-slider-home:hover .owl-dot{opacity:1}.owl-dots{text-align:center;position:absolute;bottom:30px;padding:6px 11px;border-radius:19px;left:50%;transform:translate(-50%, 0)}.owl-dot{background:#d5d5d5;margin:0px 3px;width:50px;height:5px;display:inline-block;border:1px solid #fff;box-sizing:border-box;transform:skew(-50deg)}.owl-dot.active,.owl-dot:hover{background:transparent;box-shadow:inset rgba(255,255,255,0.37) -1px 1px 1px}.fs-slider-home .owl-controls .owl-nav{display:none}.fs-slider-home:hover .owl-controls .owl-nav{display:block}.fs-slider-home .owl-controls .owl-nav div{display:inline-block;zoom:1;position:absolute;padding:6px 0 0;margin:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#294bc473;width:48px;height:34px;text-align:center;font-size:46px;color:#fff;font-family:-webkit-body;line-height:20px;top:50%;transform:translate(0%, -50%)}.fs-slider-home .owl-controls .owl-nav div:hover{background:var(--main-color)}.fs-slider-home .owl-controls .owl-prev{left:10px}.fs-slider-home .owl-controls .owl-next{right:10px}.slide-content{position:absolute;top:60%;color:#fff;width:100%;margin-right:auto;text-align:left}@media all and (max-width: 1100px){.slide-content{display:none}}.slide-content .sl-content{text-align:center;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;transform:translate(150%);padding:22px 25px 20px;position:relative;line-height:35px;box-sizing:border-box;border:5px 7px solid #000}.slide-content .title-banner-big{font-size:30px;color:var(--main-color);text-transform:uppercase;margin-bottom:5px;text-shadow:2px 2px 1px #ffffffbf}.slide-content .title-banner-big span{font-size:18px}@media all and (max-width: 600px){.slide-content .title-banner-big{font-size:25px}}.slide-content .title-banner-small{font-size:36px;color:#fff;text-shadow:2px 2px 4px #00000096}.slide-content .title-banner-small span{font-size:18px}@media all and (max-width: 600px){.slide-content .title-banner-small{font-size:25px}}.slide-content .description-slide{margin-top:20px;margin-bottom:25px;font-size:18px;margin-top:20px;line-height:35px;color:#000}@media all and (max-width: 600px){.slide-content .description-slide{line-height:30px;font-size:18px}}.slide-content .button-slide-basic{background-color:var(--main-color);color:#fff;display:inline-block;font-size:18px;line-height:39px;margin-top:15px;padding:0 20px;text-transform:uppercase}.slide-content .button-slide-basic:hover{background-color:#df5c53}.active .sl-content{transform:translate(0)}.active .title-banner-big{animation-duration:3s;-webkit-animation-duration:3s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-name:fadeIn;-webkit-animation-name:fadeIn}.active .title-banner-small{animation-duration:3s;-webkit-animation-duration:3s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-name:fadeIn;-webkit-animation-name:fadeIn}.active .description-slide{animation-duration:2s;-webkit-animation-duration:2s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-name:zoomIn;-webkit-animation-name:zoomIn}.active .button-slide{animation-duration:2s;-webkit-animation-duration:2s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-name:slideInUp;-webkit-animation-name:slideInUp}@media screen and (max-width: 900px){.owl-dots{display:none !important}}@media screen and (max-width: 700px){.slider-home-wrapper{overflow:hidden}}.button_mua{position:absolute;bottom:20%}.button_mua a{background:var(--main-color);color:#fff;padding:12px 60px;display:inline-block;border-radius:50px;font-size:15px;font-weight:bold;position:relative}@media all and (max-width: 600px){.button_mua a{padding:7px 15px 8px 39px;display:none}}.pav-slideShow .item img{opacity:1}.owl-carousel .owl-stage-outer{width:100%}.slider-home{width:100% !important}
/*# sourceMappingURL=owl_carousel_home.css.map */
.item_tran{opacity:1 !important;transform:none}.strengths_small_retangle_block{flex-flow:row wrap}@media screen and (max-width: 900px){.strengths_small_retangle_block{margin-left:-5px;margin-right:-5px}}@media screen and (max-width: 600px){.strengths_small_retangle_block{margin-left:-15px;margin-right:-15px}}.strengths_small_retangle_block .item{width:33.333%;display:block;background:#f6f6f6;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}@media screen and (max-width: 676px){.strengths_small_retangle_block .item{width:calc(50% - 20px);margin:0px 10px}}@media screen and (max-width: 480px){.strengths_small_retangle_block .item{width:calc(100% - 30px);margin:5px 15px}}.strengths_small_retangle_block .item .itemc{display:flex;width:100%;height:100%}.strengths_small_retangle_block .item .item_i{padding:10px 10px;padding-left:10px;background:#f6f6f6;position:relative;width:80%}@media screen and (max-width: 1099px){.strengths_small_retangle_block .item .item_i{padding:8px 23px}}@media screen and (max-width: 814px){.strengths_small_retangle_block .item .item_i{padding:8px 0px}}.strengths_small_retangle_block .item .item_i:before{content:'';position:absolute;bottom:0px;left:-31px;-webkit-transition:0.5s ease-in-out all;transition:0.5s ease-in-out all;z-index:0;width:0;height:0;border-style:solid;border-width:0px 0px 88px 31px;border-color:transparent transparent #f6f6f6 transparent}@media all and (max-width: 414px){.strengths_small_retangle_block .item .item_i:before{border-width:0px 0px 62px 31px;bottom:-1px}}.strengths_small_retangle_block .item .item_i a{font-size:16px;line-height:24px;z-index:9;color:var(--main-color) !important;position:inherit}.strengths_small_retangle_block .item .item_i:after{content:'';position:absolute;top:0;left:-23px;background:#fafafa;-webkit-transition:0.5s ease-in-out all;transition:0.5s ease-in-out all;z-index:2;width:100%;height:100%;-webkit-clip-path:polygon(21% 0, 0 49%, 100% 0);clip-path:polygon(7% 0, 0 80%, 90% 0)}@media screen and (max-width: 480px){.strengths_small_retangle_block .item .item_i{display:block;width:100%;padding-top:23px}}@media screen and (max-width: 414px){.strengths_small_retangle_block .item .item_i{padding-top:9px}}.strengths_small_retangle_block .item .item_l{background:var(--main-color);padding:0px 15px;width:20%;text-align:center;margin-bottom:0px;border-left:1px solid #fff;border-right:1px solid #fff}@media screen and (max-width: 600px){.strengths_small_retangle_block .item .item_l{font-size:70pt;top:0px;left:0px}}@media screen and (max-width: 414px){.strengths_small_retangle_block .item .item_l{height: 82px;}}.strengths_small_retangle_block .item .item_l .number{font-size:80pt;color:#f9fdff;padding-top:0px;transform:scale(10);position:absolute;left:-28px;top:10px;transition:all 0.3s ease-in-out 0.2s;font-weight:600;transform:translate(-38px) scale(1.2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 1099px){.strengths_small_retangle_block .item .item_l .number{font-size:80pt;left:-30px;top:-15px}}@media screen and (max-width: 600px){.strengths_small_retangle_block .item .item_l .number{left:-43px}}@media screen and (max-width: 414px){.strengths_small_retangle_block .item .item_l .number{font-size:70pt;left:-20px}}.strengths_small_retangle_block .item .item_l .num_1{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-1}.strengths_small_retangle_block .item .item_l .num_2{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-2}.strengths_small_retangle_block .item .item_l .num_3{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-3}@media all and (max-width: 600px){.strengths_small_retangle_block .item:hover{margin-top:0px}}@media all and (max-width: 480px){.strengths_small_retangle_block .item:hover{margin-top:auto}}.strengths_small_retangle_block .item:hover .name{color:#fff}.strengths_small_retangle_block .item:hover .dsvg{background:none}@media screen and (max-width: 480px){.strengths_small_retangle_block .item:hover .dsvg{border-radius:0;background:none}}.strengths_small_retangle_block .item:hover .dsvg svg{fill:#fff}@media screen and (max-width: 480px){.strengths_small_retangle_block .item:hover .dsvg svg{fill:#fff}}@media screen and (max-width: 700px){.strengths_small_retangle_block .item_break:nth-child(4n){display:block;height:0;clear:both;width:100%}}.strengths_small_retangle_block{display:flex}@media screen and (max-width: 676px){.strengths_small_retangle_block .item_3{display:none}}@media screen and (max-width: 414px){.strengths_small_retangle_block .item_3{display:block}}.strengths_small_retangle_block .item:first-child .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim}.strengths_small_retangle_block .item:nth-child(3) .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-1}.strengths_small_retangle_block .item:nth-child(5) .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-2}.strengths_small_retangle_block .item:nth-child(7) .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-3}@keyframes chang-rotage-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}5%{transform:rotate(-25deg) scale(1) skew(1deg)}10%{transform:rotate(25deg) scale(1) skew(1deg)}15%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}25%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes chang-rotage-anim-1{0%{transform:rotate(0deg) scale(1) skew(1deg)}20%{transform:rotate(0deg) scale(1) skew(1deg)}25%{transform:rotate(-25deg) scale(1) skew(1deg)}30%{transform:rotate(25deg) scale(1) skew(1deg)}35%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}45%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes chang-rotage-anim-2{0%{transform:rotate(0deg) scale(1) skew(1deg)}50%{transform:rotate(0deg) scale(1) skew(1deg)}55%{transform:rotate(-25deg) scale(1) skew(1deg)}60%{transform:rotate(25deg) scale(1) skew(1deg)}65%{transform:rotate(-25deg) scale(1) skew(1deg)}70%{transform:rotate(25deg) scale(1) skew(1deg)}75%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes chang-rotage-anim-3{0%{transform:translate(0px, 0) rotate(0deg)}70%{transform:translate(0px, 0) rotate(0deg)}85%{transform:rotate(-180deg) translate(-30px, 30px) rotate(180deg)}95%{transform:rotate(180deg) translate(-30px, 30px) rotate(-180deg)}100%{transform:translate(0px, 0px)}}@keyframes chang-rotage-anim-4{0%{transform:rotate(0deg) scale(1) skew(1deg)}70%{transform:rotate(0deg) scale(1) skew(1deg)}75%{transform:rotate(-25deg) scale(1) skew(1deg)}80%{transform:rotate(25deg) scale(1) skew(1deg)}85%{transform:rotate(-25deg) scale(1) skew(1deg)}90%{transform:rotate(25deg) scale(1) skew(1deg)}95%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@media all and (max-width: 800px){.strengths_small_retangle_block .item .item-l{padding:0}.strengths_small_retangle_block .item .item-r{padding:0 10px 10px}.strengths_small_retangle_block .item .item-inner svg{width:50px;height:50px}}@media all and (max-width: 600px){.strengths_small_retangle_block .item .item-inner{padding:14px}.strengths_small_retangle_block .item .item-r .name{margin-top:10px}}@media all and (max-width: 480px){.strengths_small_retangle_block .item .item-inner{padding:0px}}
/*# sourceMappingURL=small.css.map */
.tab_content .products_tab{display:flex;flex-wrap:wrap;margin:0px -10px}@media (max-width: 1000px){.tab_content .products_tab{width:1170px}}@media (max-width: 1000px){.products_tab_wrapper{overflow-y:hidden;overflow-x:auto}}.product_wpw{opacity:1 !important;transform:none}.product_wpw .product_ct{clear:both;display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;flex:1 100%;margin-bottom:15px;position:relative;margin:0px -10px;overflow:hidden;height:460px}.product_wpw .product_ct .item{width:calc(calc(100% / 5) - 20px) !important;margin:10px 10px !important}.products_tab .tab_title{position:relative;margin-bottom:11px;background:#F4F4F4;padding-right:10px;border-bottom:2px solid #0094E0;margin-left:23px}#tab_sale svg{display:none}.products_tabs .tab_title{position:relative;padding-bottom:19px;padding-right:10px;border-bottom:1px solid #f3f3f3;text-align:center}@media screen and (max-width: 600px){.products_tabs .tab_title{padding-top:20px}}@media screen and (max-width: 500px){.products_tabs .tab_title{padding-bottom:10px;padding-right:0px}}@keyframes cog{100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.mimosa:nth-child(2),.mimosa:nth-child(3){position:relative}.mimosa:nth-child(2):before,.mimosa:nth-child(3):before{display:block;width:15px;height:15px;content:"";background:url('data:image/svg+xml;utf8,<svg width="15" height="15" version="1.1" fill="gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 463 463" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 463 463"><path d="m439.5,208c-10.336,0-19.128,6.71-22.266,16h-148.033l107.206-44.406c2.352,2.7 5.297,4.855 8.702,6.266 2.899,1.2 5.946,1.801 8.993,1.801s6.094-0.601 8.993-1.802c5.8-2.402 10.316-6.919 12.719-12.718 2.401-5.8 2.401-12.188-0.001-17.986-4.959-11.97-18.729-17.678-30.704-12.718-5.8,2.402-10.316,6.919-12.719,12.718-1.409,3.404-1.968,7.01-1.723,10.582l-107.2,44.404 104.663-104.664c3.207,1.595 6.761,2.445 10.448,2.445 6.277,0 12.179-2.444 16.616-6.883 4.439-4.438 6.884-10.34 6.884-16.617s-2.444-12.179-6.883-16.616c-4.438-4.439-10.34-6.884-16.617-6.884s-12.179,2.444-16.616,6.883c-4.439,4.438-6.884,10.34-6.884,16.617 0,3.687 0.849,7.241 2.445,10.448l-104.667,104.666 44.403-107.198c0.521,0.035 1.043,0.059 1.562,0.059 9.226,0 17.998-5.468 21.743-14.508 4.957-11.971-0.748-25.744-12.719-30.703-5.799-2.402-12.188-2.401-17.986-0.001-5.799,2.402-10.315,6.919-12.718,12.719-2.402,5.799-2.402,12.187-0.001,17.986 1.41,3.404 3.565,6.348 6.264,8.7l-44.404,107.203v-148.027c9.29-3.138 16-11.93 16-22.266 0-12.958-10.542-23.5-23.5-23.5s-23.5,10.542-23.5,23.5c0,10.336 6.71,19.128 16,22.266v148.033l-44.406-107.206c2.7-2.352 4.855-5.297 6.266-8.702 2.401-5.8 2.401-12.188-0.001-17.986-2.402-5.8-6.919-10.316-12.718-12.719-5.799-2.4-12.188-2.401-17.986,0.001-11.971,4.959-17.676,18.732-12.718,30.704 3.744,9.04 12.516,14.507 21.742,14.507 0.519,0 1.039-0.024 1.56-0.059l44.401,107.194-104.663-104.663c1.595-3.207 2.445-6.761 2.445-10.448 0-6.277-2.444-12.179-6.883-16.616-4.438-4.439-10.34-6.884-16.617-6.884s-12.179,2.444-16.616,6.883c-4.439,4.438-6.884,10.34-6.884,16.617s2.444,12.179 6.883,16.616c4.438,4.439 10.34,6.884 16.617,6.884 3.687,0 7.241-0.849 10.448-2.445l104.667,104.667-107.199-44.403c0.656-9.784-4.899-19.349-14.448-23.305-11.966-4.957-25.744,0.748-30.703,12.719-2.402,5.799-2.402,12.187-0.001,17.986 2.402,5.799 6.919,10.315 12.719,12.718 2.899,1.201 5.946,1.802 8.993,1.802s6.094-0.601 8.993-1.801c3.404-1.41 6.348-3.565 8.7-6.264l107.202,44.404h-148.027c-3.138-9.29-11.93-16-22.266-16-12.958,0-23.5,10.542-23.5,23.5s10.542,23.5 23.5,23.5c10.336,0 19.128-6.71 22.266-16h148.033l-107.206,44.406c-2.352-2.7-5.297-4.855-8.702-6.266-5.801-2.402-12.188-2.4-17.985,0-5.8,2.402-10.317,6.919-12.72,12.719-2.401,5.799-2.401,12.187 0.001,17.985 2.402,5.8 6.919,10.316 12.718,12.719 2.9,1.201 5.946,1.801 8.993,1.801s6.094-0.601 8.992-1.801c5.8-2.402 10.316-6.919 12.719-12.718 1.41-3.404 1.969-7.01 1.724-10.582l107.2-44.404-104.663,104.664c-3.207-1.595-6.761-2.445-10.448-2.445-6.277,0-12.179,2.444-16.616,6.883-4.439,4.438-6.884,10.34-6.884,16.617s2.444,12.179 6.883,16.616c4.438,4.439 10.34,6.884 16.617,6.884s12.179-2.444 16.616-6.883c4.439-4.438 6.884-10.34 6.884-16.617 0-3.687-0.849-7.241-2.445-10.448l104.667-104.667-44.406,107.205c-3.572-0.246-7.179,0.313-10.584,1.722-5.799,2.402-10.315,6.919-12.719,12.72-4.957,11.971 0.748,25.744 12.719,30.703 2.899,1.201 5.946,1.802 8.993,1.802s6.094-0.601 8.993-1.801c5.799-2.402 10.315-6.919 12.718-12.719 2.402-5.799 2.402-12.187 0.001-17.986-1.41-3.404-3.565-6.348-6.264-8.7l44.405-107.202v148.028c-9.29,3.138-16,11.93-16,22.266 0,12.958 10.542,23.5 23.5,23.5s23.5-10.542 23.5-23.5c0-10.336-6.71-19.128-16-22.266v-148.034l44.406,107.206c-2.7,2.352-4.855,5.297-6.266,8.702-2.401,5.8-2.401,12.188 0.001,17.986 2.402,5.8 6.919,10.316 12.718,12.718 2.899,1.201 5.946,1.802 8.993,1.802 3.046,0 6.093-0.601 8.992-1.802 5.8-2.402 10.316-6.919 12.719-12.718 2.401-5.8 2.401-12.188 0-17.985-2.402-5.8-6.919-10.317-12.718-12.719-3.404-1.41-7.01-1.969-10.582-1.723l-44.403-107.2 104.663,104.662c-1.595,3.207-2.445,6.761-2.445,10.448 0,6.277 2.444,12.179 6.883,16.616 4.438,4.439 10.34,6.884 16.617,6.884s12.179-2.444 16.616-6.883c4.439-4.438 6.884-10.34 6.884-16.617s-2.444-12.179-6.883-16.616c-4.438-4.439-10.34-6.884-16.617-6.884-3.687,0-7.241,0.849-10.448,2.445l-104.666-104.667 107.205,44.406c-0.246,3.572 0.313,7.179 1.723,10.584 2.401,5.799 6.919,10.315 12.718,12.717 2.932,1.215 5.971,1.789 8.963,1.789 9.225,0 17.997-5.467 21.741-14.506 2.402-5.799 2.402-12.187 0.001-17.986-2.402-5.799-6.919-10.315-12.719-12.718-5.799-2.402-12.188-2.401-17.986-0.001-3.404,1.41-6.348,3.565-8.7,6.264l-107.203-44.405h148.028c3.138,9.29 11.93,16 22.266,16 12.958,0 23.5-10.542 23.5-23.5s-10.543-23.5-23.501-23.5zm-224.5,23.5c0-9.098 7.402-16.5 16.5-16.5s16.5,7.402 16.5,16.5-7.402,16.5-16.5,16.5-16.5-7.402-16.5-16.5zm171.249-70.605c0.869-2.098 2.503-3.731 4.6-4.6 1.061-0.439 2.16-0.647 3.242-0.647 3.337,0 6.511,1.978 7.865,5.247 0.868,2.098 0.868,4.408 0,6.506-0.869,2.098-2.503,3.731-4.601,4.601s-4.408,0.869-6.506,0c-2.097-0.869-3.73-2.501-4.599-4.598-0.001-0.001-0.001-0.003-0.001-0.004 0-0.001-0.001-0.002-0.001-0.003-0.867-2.097-0.867-4.406 0.001-6.502zm-13.681-82.484c1.605-1.605 3.739-2.489 6.01-2.489s4.404,0.884 6.011,2.49c1.605,1.605 2.489,3.739 2.489,6.01s-0.884,4.404-2.49,6.011c-1.605,1.605-3.739,2.489-6.01,2.489-2.268,0-4.4-0.882-6.005-2.485-0.002-0.002-0.003-0.004-0.005-0.005s-0.004-0.003-0.005-0.005c-1.603-1.605-2.485-3.737-2.485-6.005 0-2.271 0.884-4.404 2.49-6.011zm-81.569-12.766c0.869-2.098 2.503-3.731 4.601-4.601 2.097-0.869 4.407-0.869 6.506,0 4.329,1.794 6.394,6.776 4.601,11.106-1.794,4.329-6.775,6.396-11.107,4.6-2.097-0.869-3.73-2.502-4.6-4.6-0.869-2.097-0.869-4.408-0.001-6.505zm-59.499-50.645c4.687,0 8.5,3.813 8.5,8.5s-3.813,8.5-8.5,8.5-8.5-3.813-8.5-8.5 3.813-8.5 8.5-8.5zm-75.205,57.151c-1.794-4.331 0.271-9.313 4.6-11.107 1.049-0.435 2.151-0.651 3.253-0.651s2.204,0.217 3.253,0.651c2.098,0.869 3.731,2.503 4.601,4.601 0.868,2.098 0.868,4.408 0,6.506-0.869,2.098-2.503,3.73-4.6,4.6-4.333,1.795-9.314-0.272-11.107-4.6zm-77.884,18.281c-1.605-1.605-2.489-3.739-2.489-6.01s0.884-4.404 2.49-6.011c1.605-1.605 3.739-2.489 6.01-2.489s4.404,0.884 6.011,2.49c1.605,1.605 2.489,3.739 2.489,6.01 0,2.268-0.882,4.4-2.485,6.005-0.002,0.002-0.004,0.003-0.005,0.005s-0.003,0.004-0.005,0.005c-1.605,1.603-3.737,2.485-6.005,2.485-2.271,1.42109e-14-4.404-0.884-6.011-2.49zm-6.261,81.569c-2.097,0.868-4.407,0.87-6.506,0-2.098-0.869-3.731-2.503-4.601-4.601-0.868-2.098-0.868-4.408 0-6.506 1.354-3.27 4.527-5.247 7.865-5.247 1.082,0 2.181,0.208 3.241,0.646 4.33,1.794 6.394,6.776 4.6,11.107-0.868,2.098-2.501,3.732-4.599,4.601zm-48.65,67.999c-4.687,0-8.5-3.813-8.5-8.5s3.813-8.5 8.5-8.5 8.5,3.813 8.5,8.5-3.813,8.5-8.5,8.5zm48.65,66.705c-2.098,0.869-4.408,0.869-6.506,0s-3.731-2.503-4.601-4.601c-0.868-2.098-0.868-4.407 0-6.505 0.869-2.098 2.503-3.731 4.601-4.601 1.049-0.435 2.151-0.651 3.253-0.651s2.204,0.217 3.253,0.651c2.098,0.869 3.73,2.503 4.6,4.6 1.794,4.332-0.27,9.313-4.6,11.107zm18.282,77.884c-1.605,1.605-3.739,2.489-6.01,2.489s-4.404-0.884-6.011-2.49c-1.605-1.605-2.489-3.739-2.489-6.01s0.884-4.404 2.49-6.011c1.605-1.605 3.739-2.489 6.01-2.489 2.268,0 4.4,0.882 6.005,2.485 0.002,0.002 0.003,0.004 0.005,0.005s0.004,0.003 0.005,0.005c1.603,1.605 2.485,3.737 2.485,6.005 1.42109e-14,2.271-0.884,4.404-2.49,6.011zm81.569,12.766c-0.869,2.098-2.503,3.731-4.601,4.601-2.097,0.869-4.407,0.869-6.506,0-4.329-1.794-6.394-6.776-4.601-11.106 0.869-2.098 2.503-3.731 4.601-4.601 1.049-0.435 2.15-0.651 3.253-0.651 1.1,0 2.201,0.216 3.249,0.65 0.002,0.001 0.004,0.002 0.005,0.002 0.001,0 0.003,0.001 0.005,0.001 2.095,0.87 3.727,2.502 4.595,4.598 0.868,2.098 0.868,4.409 2.84217e-14,6.506zm59.499,50.645c-4.687,0-8.5-3.813-8.5-8.5s3.813-8.5 8.5-8.5 8.5,3.813 8.5,8.5-3.813,8.5-8.5,8.5zm75.205-57.15c0.868,2.098 0.868,4.408 0,6.506-0.869,2.098-2.503,3.731-4.601,4.601-2.097,0.869-4.406,0.869-6.505,0-2.098-0.869-3.731-2.503-4.601-4.601-0.868-2.098-0.868-4.408 0-6.506 0.869-2.097 2.501-3.73 4.598-4.599 0.001,0 0.003-0.001 0.004-0.001 0.001,0 0.002-0.001 0.003-0.001 1.048-0.433 2.149-0.65 3.249-0.65 1.102,0 2.204,0.217 3.253,0.651 2.097,0.868 3.731,2.502 4.6,4.6zm77.884-18.282c1.605,1.605 2.489,3.739 2.489,6.01s-0.884,4.404-2.49,6.011c-1.605,1.605-3.739,2.489-6.01,2.489s-4.404-0.884-6.011-2.49c-1.605-1.605-2.489-3.739-2.489-6.01 0-2.268 0.882-4.4 2.485-6.005 0.002-0.002 0.004-0.003 0.005-0.005s0.003-0.004 0.005-0.005c1.605-1.603 3.737-2.485 6.005-2.485 2.271,0 4.404,0.884 6.011,2.49zm6.261-81.569c1.049-0.435 2.15-0.651 3.253-0.651 1.102,0 2.204,0.217 3.253,0.651 2.098,0.869 3.731,2.503 4.601,4.601 0.868,2.098 0.868,4.408 0,6.506-1.793,4.33-6.776,6.394-11.107,4.599-2.097-0.868-3.73-2.502-4.6-4.599-0.868-2.097-0.868-4.406-0.001-6.503 0.001-0.001 0.002-0.003 0.002-0.004s0.001-0.003 0.002-0.004c0.868-2.096 2.501-3.728 4.597-4.596zm48.65-50.999c-4.687,0-8.5-3.813-8.5-8.5s3.813-8.5 8.5-8.5 8.5,3.813 8.5,8.5-3.813,8.5-8.5,8.5z"/></svg>');background-repeat:no-repeat;position:absolute;bottom:4px;left:7px}.products_tabs .tab_title li{padding:0px 20px;display:inline;z-index:10;min-width:116px;position:relative;text-align:center;color:#666666;text-transform:inherit;cursor:pointer;font-weight:bold;font-size:18px;position:relative;-webkit-transition:0.3s ease-in-out all;transition:0.3s ease-in-out all}.products_tabs .tab_title li:before{position:absolute;left:-8px;top:5px;-webkit-animation:cog 1s infinite;-moz-animation:cog 1s infinite;-ms-animation:cog 1s infinite;animation:cog 7s infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;animation-timing-function:linear}@media all and (max-width: 950px){.products_tabs .tab_title li:before{top:12px}}@media all and (max-width: 500px){.products_tabs .tab_title li:before{width:15px;height:15px;top:8px}}@media all and (max-width: 750px){.products_tabs .tab_title li{padding:7px 10px}}@media all and (max-width: 500px){.products_tabs .tab_title li{font-size:14px}}@media all and (max-width: 320px){.products_tabs .tab_title li{font-size:12px}}.products_tabs .tab_title .activated{color:var(--main-color)}.products_tabs .tab_title li::after{content:'';width:100px;height:2px;position:absolute;background:transparent;bottom:-19px;left:50%;transform:translate(-50%, 0);-webkit-transition:0.3s ease-in-out all;transition:0.3s ease-in-out all}@media all and (max-width: 950px){.products_tabs .tab_title li::after{bottom:-12px}}@media all and (max-width: 500px){.products_tabs .tab_title li::after{bottom:-3px}}.products_tabs .tab_title li.activated::after,.products_tabs .tab_title li:hover::after{background:var(--main-color)}.products_tabs .tab_title li.first-item:before{display:none}.products_tabs .tab_title:after{content:'';clear:both;float:none;display:block}.products_tabs .tab_content{overflow:hidden;margin-top:25px}@media all and (max-width: 500px){.products_tabs .tab_content{margin-top:10px}}.products_tabs .tab_content .item{width:calc(20% - 20px);margin:0px 10px}.products_tab .owl-controls{position:unset}.products_tab .owl-nav{display:block;position:unset}.owl-theme .owl-controls{text-align:center}.products_tab .owl-nav .owl-prev,.products_tab .owl-nav .owl-next{display:block !important;height:33px;position:absolute;top:30%;width:33px;opacity:0;padding:3px 10px;border:1px solid #DDDCDC;border-radius:50%;font-size:33px;line-height:19px;box-sizing:border-box;background:#FFF}.products_tab .owl-nav .owl-prev{left:10px}.products_tab .owl-nav .owl-next{right:10px}.owl-carousel:hover .owl-prev,.owl-carousel:hover .owl-next{opacity:1}.slideshow-home .slideshow-home-title{padding:15px 20px}.slideshow-home .slideshow-home-title span{color:#ff2a00;font-size:16px;text-transform:uppercase}.slideshow-home .slideshow-home-prev,.slideshow-home .slideshow-home-next{display:block !important;height:36px;position:absolute;top:36%;width:12px}.slideshow-home .slideshow-home-prev{background:transparent url("https://navado.com.vn/blocks/products_tabs/assets/images/icon-prev.png") no-repeat scroll 0 0;left:10px}.slideshow-home .slideshow-home-next{background:transparent url("https://navado.com.vn/blocks/products_tabs/assets/images/icon-next.png") no-repeat scroll 0 0;right:10px}@media screen and (max-width: 668px){.slideshow-home-item>p{display:none}.slideshow-home-item>p.shiped{display:block}.products_tabs .tab_title li:first{display:block}}
/*# sourceMappingURL=products_tabs.css.map */
.strengths_retangle_block{flex-flow:row wrap}@media screen and (max-width: 900px){.strengths_retangle_block{margin-left:-5px;margin-right:-5px}}@media screen and (max-width: 600px){.strengths_retangle_block{margin-left:-15px;margin-right:-15px}}.strengths_retangle_block .item{width:calc(25% - 20px);display:block;box-sizing:border-box;cursor:pointer;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);background:#fcfcfc96;border:1px solid #f3f3f3a8;margin:0 10px}@media screen and (max-width: 980px){.strengths_retangle_block .item{width:calc(50% - 10px);margin:5px}}@media screen and (max-width: 414px){.strengths_retangle_block .item{width:calc(50% - 10px);margin:5px}}.strengths_retangle_block .item .item-inner{display:flex;padding:25px;box-sizing:border-box;width:100%}@media screen and (max-width: 700px){.strengths_retangle_block .item .item-inner{display:block}}@media screen and (max-width: 480px){.strengths_retangle_block .item .item-inner{display:block;width:100%}}.strengths_retangle_block .item .item-l .summary{color:var(--extra-color)}@media screen and (max-width: 700px){.strengths_retangle_block .item .item-l{text-align:center}}.strengths_retangle_block .item .item-l .dsvg{width:60px;margin-top:32px;margin-left:27px;height:60px;background:var(--main-color);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}@media all and (max-width: 814px){.strengths_retangle_block .item .item-l .dsvg{width:45px;height:45px}}@media screen and (max-width: 700px){.strengths_retangle_block .item .item-l .dsvg{margin-top:10px;background:none;position:relative;margin-left:0px;-webkit-transform:none;width:100%;height:30px}}@media screen and (max-width: 414px){.strengths_retangle_block .item .item-l .dsvg{margin-top:0px;background:#0f2577b8;height:auto}}.strengths_retangle_block .item .item-l .dsvg svg{fill:#fff;width:40px;height:40px;position:absolute;bottom:-1px;padding-right:15px;padding-bottom:6px;right:-1px;transform:translate(-50%, -50%);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}@media all and (max-width: 814px){.strengths_retangle_block .item .item-l .dsvg svg{width:30px;height:30px;padding-right:10px;padding-bottom:4px}}@media screen and (max-width: 700px){.strengths_retangle_block .item .item-l .dsvg svg{fill:var(--main-color);padding-right:0px;position:absolute;left:50%;transform:translate(-50%, -50%)}}@media screen and (max-width: 480px){.strengths_retangle_block .item .item-l .dsvg svg{fill:#fff;transform:rotate(0deg);position:static;padding:6px 0px}}.strengths_retangle_block .item .item-l i{color:var(--main-color);font-size:60px}.strengths_retangle_block .item .item-r{color:#ffffff;font-size:13px;margin-left:0px;line-height:20px;box-sizing:border-box;-webkit-transition:0.3s ease-in-out all;transition:0.3s ease-in-out all}@media screen and (max-width: 420px){.strengths_retangle_block .item .item-r{font-size:14px;padding:3px}}.strengths_retangle_block .item .item-r .name{display:block;margin-bottom:10px;text-transform:inherit;font-size:17px;margin-top:5px;font-weight:bold;color:var(--main-color)}@media screen and (max-width: 414px){.strengths_retangle_block .item .item-r .name{font-size:15px;margin-bottom:5px}}.strengths_retangle_block .item .item-r .summary{color:#666666;font-size:14px}@media screen and (max-width: 375px){.strengths_retangle_block .item .item-r .summary{font-size:12px;font-size:12px}}@media all and (max-width: 600px){.strengths_retangle_block .item:hover{margin-top:0px}}@media all and (max-width: 480px){.strengths_retangle_block .item:hover{margin-top:auto}}.strengths_retangle_block .item:hover .dsvg{background:#fff;transition-duration:0.5s}@media screen and (max-width: 480px){.strengths_retangle_block .item:hover .dsvg{border-radius:0;background:none}}.strengths_retangle_block .item:hover .dsvg svg{transition-duration:0.5s;fill:var(--main-color)}@media screen and (max-width: 700px){.strengths_retangle_block .item_break:nth-child(4n){display:block;height:0;clear:both;width:100%}}.strengths_retangle_block{display:flex;margin:0px -40px}@media screen and (max-width: 1230px){.strengths_retangle_block{margin:0px -5px}}@media screen and (max-width: 414px){.strengths_retangle_block .item_4{display:block}}.strengths_retangle_block .item:first-child .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim}.strengths_retangle_block .item:nth-child(3) .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-1}.strengths_retangle_block .item:nth-child(5) .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-2}.strengths_retangle_block .item:nth-child(7) .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-3}@keyframes chang-rotage-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}5%{transform:rotate(-25deg) scale(1) skew(1deg)}10%{transform:rotate(25deg) scale(1) skew(1deg)}15%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}25%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes chang-rotage-anim-1{0%{transform:rotate(0deg) scale(1) skew(1deg)}20%{transform:rotate(0deg) scale(1) skew(1deg)}25%{transform:rotate(-25deg) scale(1) skew(1deg)}30%{transform:rotate(25deg) scale(1) skew(1deg)}35%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}45%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes chang-rotage-anim-2{0%{transform:rotate(0deg) scale(1) skew(1deg)}50%{transform:rotate(0deg) scale(1) skew(1deg)}55%{transform:rotate(-25deg) scale(1) skew(1deg)}60%{transform:rotate(25deg) scale(1) skew(1deg)}65%{transform:rotate(-25deg) scale(1) skew(1deg)}70%{transform:rotate(25deg) scale(1) skew(1deg)}75%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes chang-rotage-anim-3{0%{transform:translate(0px, 0) rotate(0deg)}70%{transform:translate(0px, 0) rotate(0deg)}85%{transform:rotate(-180deg) translate(-30px, 30px) rotate(180deg)}95%{transform:rotate(180deg) translate(-30px, 30px) rotate(-180deg)}100%{transform:translate(0px, 0px)}}@keyframes chang-rotage-anim-4{0%{transform:rotate(0deg) scale(1) skew(1deg)}70%{transform:rotate(0deg) scale(1) skew(1deg)}75%{transform:rotate(-25deg) scale(1) skew(1deg)}80%{transform:rotate(25deg) scale(1) skew(1deg)}85%{transform:rotate(-25deg) scale(1) skew(1deg)}90%{transform:rotate(25deg) scale(1) skew(1deg)}95%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@media all and (max-width: 800px){.strengths_retangle_block .item .item-l{padding:0}}@media all and (max-width: 800px) and (max-width: 500px){.strengths_retangle_block .item .item-l{width:100%}.strengths_retangle_block .item .item-l .dsvg{width:100%}}@media all and (max-width: 600px){.strengths_retangle_block .item .item-inner{padding:14px}}@media all and (max-width: 480px){.strengths_retangle_block .item .item-inner{padding:0px;display:block;text-align:center}}
/*# sourceMappingURL=retangle.css.map */
.banner-warning .banner_item{position:relative}.banner-warning .banner_item .content{position:absolute;right:60px;width:300px;line-height:20px;top:39px;font-size:15px}.banner-warning .banner_item .banner_name{position:absolute;right:43px;width:300px;bottom:14px}.banner-warning .banner_item .banner_name a{color:#fff;letter-spacing:0.4px;font-size:17px;position:relative}.banner-warning .banner_item .banner_name a:before{display:block;width:15px;height:15px;content:"";background:url('data:image/svg+xml;utf8,\a \a<svg width="11" height="11" fill="white" 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" viewBox="0 0 298.678 298.678" style="enable-background:new 0 0 298.678 298.678;" xml:space="preserve"><polygon points="59.421,0.839 0,0.839 118.842,148.439 0,297.839 59.421,297.839 178.263,148.439 "/><polygon points="179.836,0.839 120.415,0.839 239.257,148.439 120.415,297.839 179.836,297.839 298.678,148.439"/>\a</svg>\a \a');background-repeat:no-repeat;position:absolute;bottom:1px;left:-17px}.banner-warning .main_top .banners-absolute_title .banner_item{width:25%;float:left}.banner-warning .main_top .banners-absolute_title .banner_item_inner{margin:0 9px;position:relative;overflow:hidden}.banner-warning .main_top .banners-absolute_title .banner_name{position:absolute;bottom:0px;background-color:rgba(255,255,255,0.8);background:rgba(255,255,255,0.8);color:rgba(255,255,255,0.8);width:100%;color:#ED1C24;text-transform:uppercase;font-weight:600;z-index:9;left:0;overflow:hidden}.banner-warning .main_top .banners-absolute_title .banner_name a{padding:8px 0 8px 20px;display:block;color:#ED1C24}.banner-warning .main_top .banners-absolute_title .banner_item:hover .banner_name a{padding-top:12px;padding-bottom:12px;-webkit-transition:0.35s ease-in-out all;transition:0.35s ease-in-out all}.banner-warning .main_top .banners-absolute_title_:hover .banner_name{padding:16px 0 16px 20px}.banner-warning .main_top .banners-absolute_title .banner_img img{width:100% !important;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.banner-warning .main_top .banners-absolute_title .banner_item:hover .banner_img img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width: 650px){.banner-warning .main_top .banners-absolute_title .banner_item{width:50%;margin-bottom:15px}}
/*# sourceMappingURL=banners_wrapper.css.map */
.product_grid .item{float:left;margin-left:15px;margin-right:15px;width:calc(25% - 30px);position:relative}.product_grid .item:hover .shop a{background:var(--main-color);color:#fff !important;border:none;transition-duration:0.5s}.product_grid .item:hover .shop a svg{transition-duration:0.5s;fill:#fff !important}@media all and (max-width: 1100px){.product_grid .item{width:calc(33.3333% - 30px);margin-bottom:20px}}@media screen and (max-width: 700px){.product_grid .item{width:calc(50% - 10px);margin:0px 5px}}.product_grid .item .frame_inner .button{margin-top:20px;transition:0.5s;margin-bottom:20px}@media all and (max-width: 500px){.product_grid .item .frame_inner .button{display:none}}.product_grid .item .frame_inner .button .shop:hover{transition:0.5s}@media all and (max-width: 500px){.product_grid .item .frame_inner .button .shop{width:100%;margin-bottom:5px}}.product_grid .item .frame_inner .button .shop a{position:relative;border:1px solid #eaeaea;padding:8px 20px;font-size:14px;color:#979797}@media all and (max-width: 900px){.product_grid .item .frame_inner .button .shop a{padding:6px 15px}}@media screen and (max-width: 768px){.product_grid .item .frame_inner .button .shop a{font-size:13px}}.product_grid .item .frame_inner .button .shop a svg{fill:#8a8a8a;transition:0.5s;margin-right:4px;margin-left:7px;width:18px;display:none;height:18px}@media all and (max-width: 900px){.product_grid .item .frame_inner .button .shop a svg{margin-right:5px;margin-left:5px}}@media all and (max-width: 500px){.product_grid .item .frame_inner .button .shop a svg{margin-right:5px;margin-left:20px}}.product_grid .item .frame_inner .button .like{display:none;float:right !important;background:#eee;transition:0.5s}.product_grid .item .frame_inner .button .like:hover{transition:0.5s;background:var(--main-color)}.product_grid .item .frame_inner .button .like:hover a{color:#fff}.product_grid .item .frame_inner .button .like:hover svg{fill:#fff !important}.product_grid .item .frame_inner .button .like a{color:#000}.product_grid .item .frame_inner .button .like svg{fill:#000 !important;transition:0.5s}.product_grid .item:hover{transition:0.5s}.product_grid .item:hover .button{transition:1s;opacity:1}.product_grid .item:hover img{transform:scale(1.05)}.bt-detail .add{width:80px;padding:6px 14px;border-radius:25px;border:1px solid #eee;margin:auto;margin-top:16px;text-align:center;text-transform:uppercase;color:#333;transition:0.5s}.bt-detail .add:hover{background:var(--main-color);color:white}.stars{color:#FAAE02;font-size:13px;margin:5px 0;text-align:left;padding:10px}.price_current{color:#ff0101;font-size:18px;font-weight:600;line-height:40px}@media all and (max-width: 500px){.price_current{font-size:16px;margin:0px 0px 8px;float:left}}.price_old{color:#888888;font-size:14px;font-weight:normal;right:10px;padding-left:12px;text-decoration:line-through;top:12px}@media all and (max-width: 500px){.price_old{padding-left:0px;float:right;line-height:40px}}.price_old .number_old{text-decoration:line-through}.price_arae{text-align:left}.product_grid .item .frame_inner{box-sizing:border-box;overflow:hidden}.product_grid .item:hover figure:before{left:0;right:0}.product_grid .item:hover a:hover:before{width:0%;border:1px solid #fff;height:0%;background:rgba(0,0,0,0.5)}.product_grid .item:hover a:hover:after{width:0%;border:1px solid #fff;height:0%;background:rgba(0,0,0,0.5)}.product_grid .item .product_image{position:relative;text-align:center;background-image:radial-gradient(closest-side at 50% 50%, #FFF, #FFF, #FFF, #FFF);margin-bottom:15px;transition:0.5s;overflow:hidden;width:100%}.product_grid .item .product_image a{display:inline-block;position:relative;overflow:hidden}.product_grid .item .product_image a::before{width:100%;height:100%;content:'';top:50%;left:50%;transform:translate(-50%, -50%);border:6px solid transparent;box-sizing:border-box;position:absolute;transition:0.6s;-moz-transition:0.6s;-webkit-transition:0.6s;-o-transition:0.6s;z-index:2}.product_grid .item .product_image a:after{width:100%;height:100%;content:'';top:50%;left:50%;transform:translate(-50%, -50%);border:10px solid transparent;box-sizing:border-box;position:absolute;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s}.product_grid .item .product_image .imgB{width:100%;top:0;left:0;position:relative;opacity:1;transition:all 0.9s ease 0s;-webkit-transition:all 0.9s ease 0s}.product_grid .item .product_image .imgB:hover{transition:0.5s;transform:scale(1.1);-webkit-transform:scale(1.1)}.product_grid .item .product_image .imgT{width:100%;top:0;left:0;position:absolute;-webkit-transform:scale(5);-moz-transform:scale(5);-ms-transform:scale(5);-o-transform:scale(5);transform:scale(5);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:0}.product_grid .item .product_image:hover .imgT{opacity:0.5;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.product_grid .item .product_image:hover .ovrly{opacity:1}@media all and (max-width: 500px){.product_grid .item .product_image{margin-bottom:10px}}.product_grid .item .product_image:before{content:"";position:absolute;left:50%;right:50%;bottom:0;background:var(--main-color);height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;z-index:2}.product_grid .item:hover{transition:0.5s}.product_grid .item:hover .product_image{background:#eeeeee94;transition:0.5s}.product_grid .item .summary{opacity:0;position:relative;position:absolute;background:rgba(255,255,255,0.9);width:100%;height:100%;top:0;padding-left:10px;padding-right:10px;color:#000;overflow:hidden;border-bottom:1px dashed #E7E7E7;text-align:justify;font-family:tahoma;z-index:99;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);box-sizing:border-box}.cat_name{text-align:center;color:#6d6c6c;font-size:16px}.product_grid .item .summary_inner{padding-top:10px}.product_grid .item:hover .summary{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=1)}.product_grid .item .stars{color:#FAAE02;font-size:13px;margin:13px 0;text-align:center}.product_grid .item .stars .star{width:13px;display:inline-block;margin-right:3px}.product_grid .item .price_arae{text-align:left}.product_grid .item .icon-old{text-align:left;position:absolute;top:15px;left:15px;background:#ea0000;color:#fff;border-radius:50%;padding:10px 5px;box-sizing:border-box;width:40px;height:40px;font-size:15px}.frame_inner>h2{margin-bottom:7px;margin-top:18px;overflow:hidden;text-align:left;margin-bottom:10px}@media all and (max-width: 900px){.frame_inner>h2{overflow:unset}}@media all and (max-width: 500px){.frame_inner>h2{margin-bottom:0px}}.frame_inner>h2 a{color:#444444;font-weight:600;font-size:16px;margin-bottom:11px}.product_grid .name{color:#8a8a8a;font-weight:500;font-size:16px;margin-bottom:4px}@media all and (max-width: 870px){.product_grid .name{font-weight:500;line-height:22px}}@media all and (max-width: 500px){.product_grid .name{font-size:15px;font-weight:normal;text-transform:capitalize}}.product_grid .discount{background:url("https://navado.com.vn/templates/navado/images/bg_discount.png") no-repeat scroll 0 0;color:#FFFFFF;height:38px;left:-11px;padding:4px 12px;position:absolute;top:16px;width:84px}.price_arae{position:relative}.product_grid .item .price_old{color:#888888;font-size:14px;right:0;top:12px}.product_grid .item .price_old .item_old{text-decoration:line-through;padding-left:12px}.product_grid .item .price_current{color:#ff0101;font-size:16px;font-weight:600}@media all and (max-width: 500px){.product_grid .item .price_current{font-size:15px}}.product_grid .item .button-detail{background:var(--main-color);color:#FFF;border-radius:50%;font-size:13px;-webkit-transition:all 2.0s ease;-moz-transition:all 2.0s ease;-o-transition:all 2.0s ease;-ms-transition:all 2.0s ease;transition:all 2.0s ease;transform:translate(-250px, 0px) rotate(-360deg);-webkit-transform:translate(-250px, 0px) rotate(-360deg);-moz-transform:translate(-250px, 0px) rotate(-360deg);position:absolute;top:0;right:0;width:40px;height:40px;text-align:center;line-height:40px;box-sizing:border-box}.product_grid .item .button-detail span{width:22px;background:url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="shopping-cart" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-shopping-cart fa-w-18"><path fill="#FFF" d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" class=""></path></svg>');background-repeat:no-repeat;height:22px;display:inline-block;color:#FFF;box-sizing:border-box;padding:11px;background-position:center center;margin-top:8px}.product_grid .item:hover .button-detail{transform:translate(0px, 0px) rotate(0deg);-webkit-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg)}.product_grid .status{margin-bottom:18px}.product_grid .status li{color:#606060;font-size:11px;list-style:disc inside none}.product_grid .button-cart{display:none}.product_grid .item:hover .button-detail{bottom:-41px;transition-delay:.35s}@media screen and (max-width: 480px){.product_grid .item .price_old{display:none}}
/*# sourceMappingURL=products.css.map */
.block_products_home .cat_item_store:fisrt-chid{margin-top:0px}.block_products_home .cat_p{background:#fff}.block_products_home .cat_p .cat_item_store .products_home_slideshow{clear:both;display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;flex:1 100%;margin-bottom:15px;position:relative;margin:0px -10px;overflow:hidden;height:430px}.block_products_home .cat_p .cat_item_store .products_home_slideshow .item{width:calc(calc(100% / 4) - 20px);margin:10px 10px}@media screen and (max-width: 600px){.block_products_home .cat_p{margin-top:10px;margin-bottom:10px}}.block_products_home .cat-title img{border-bottom:1px solid #D4D4D6;padding:5px 20px}@keyframes cog{100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.block_products_home .cat-title h2{display:inline-block;position:relative;z-index:10;padding:15px 0px;padding-left:28px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}@media screen and (max-width: 475px){.block_products_home .cat-title h2{padding:12px 0px;padding-left:28px}}.block_products_home .cat-title h2:before{width:20px;height:20px;display:block;content:"";background:url('data:image/svg+xml;utf8,\a \a <svg width="20" height="20" version="1.1" fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 463 463" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 463 463">\a <path d="m439.5,208c-10.336,0-19.128,6.71-22.266,16h-148.033l107.206-44.406c2.352,2.7 5.297,4.855 8.702,6.266 2.899,1.2 5.946,1.801 8.993,1.801s6.094-0.601 8.993-1.802c5.8-2.402 10.316-6.919 12.719-12.718 2.401-5.8 2.401-12.188-0.001-17.986-4.959-11.97-18.729-17.678-30.704-12.718-5.8,2.402-10.316,6.919-12.719,12.718-1.409,3.404-1.968,7.01-1.723,10.582l-107.2,44.404 104.663-104.664c3.207,1.595 6.761,2.445 10.448,2.445 6.277,0 12.179-2.444 16.616-6.883 4.439-4.438 6.884-10.34 6.884-16.617s-2.444-12.179-6.883-16.616c-4.438-4.439-10.34-6.884-16.617-6.884s-12.179,2.444-16.616,6.883c-4.439,4.438-6.884,10.34-6.884,16.617 0,3.687 0.849,7.241 2.445,10.448l-104.667,104.666 44.403-107.198c0.521,0.035 1.043,0.059 1.562,0.059 9.226,0 17.998-5.468 21.743-14.508 4.957-11.971-0.748-25.744-12.719-30.703-5.799-2.402-12.188-2.401-17.986-0.001-5.799,2.402-10.315,6.919-12.718,12.719-2.402,5.799-2.402,12.187-0.001,17.986 1.41,3.404 3.565,6.348 6.264,8.7l-44.404,107.203v-148.027c9.29-3.138 16-11.93 16-22.266 0-12.958-10.542-23.5-23.5-23.5s-23.5,10.542-23.5,23.5c0,10.336 6.71,19.128 16,22.266v148.033l-44.406-107.206c2.7-2.352 4.855-5.297 6.266-8.702 2.401-5.8 2.401-12.188-0.001-17.986-2.402-5.8-6.919-10.316-12.718-12.719-5.799-2.4-12.188-2.401-17.986,0.001-11.971,4.959-17.676,18.732-12.718,30.704 3.744,9.04 12.516,14.507 21.742,14.507 0.519,0 1.039-0.024 1.56-0.059l44.401,107.194-104.663-104.663c1.595-3.207 2.445-6.761 2.445-10.448 0-6.277-2.444-12.179-6.883-16.616-4.438-4.439-10.34-6.884-16.617-6.884s-12.179,2.444-16.616,6.883c-4.439,4.438-6.884,10.34-6.884,16.617s2.444,12.179 6.883,16.616c4.438,4.439 10.34,6.884 16.617,6.884 3.687,0 7.241-0.849 10.448-2.445l104.667,104.667-107.199-44.403c0.656-9.784-4.899-19.349-14.448-23.305-11.966-4.957-25.744,0.748-30.703,12.719-2.402,5.799-2.402,12.187-0.001,17.986 2.402,5.799 6.919,10.315 12.719,12.718 2.899,1.201 5.946,1.802 8.993,1.802s6.094-0.601 8.993-1.801c3.404-1.41 6.348-3.565 8.7-6.264l107.202,44.404h-148.027c-3.138-9.29-11.93-16-22.266-16-12.958,0-23.5,10.542-23.5,23.5s10.542,23.5 23.5,23.5c10.336,0 19.128-6.71 22.266-16h148.033l-107.206,44.406c-2.352-2.7-5.297-4.855-8.702-6.266-5.801-2.402-12.188-2.4-17.985,0-5.8,2.402-10.317,6.919-12.72,12.719-2.401,5.799-2.401,12.187 0.001,17.985 2.402,5.8 6.919,10.316 12.718,12.719 2.9,1.201 5.946,1.801 8.993,1.801s6.094-0.601 8.992-1.801c5.8-2.402 10.316-6.919 12.719-12.718 1.41-3.404 1.969-7.01 1.724-10.582l107.2-44.404-104.663,104.664c-3.207-1.595-6.761-2.445-10.448-2.445-6.277,0-12.179,2.444-16.616,6.883-4.439,4.438-6.884,10.34-6.884,16.617s2.444,12.179 6.883,16.616c4.438,4.439 10.34,6.884 16.617,6.884s12.179-2.444 16.616-6.883c4.439-4.438 6.884-10.34 6.884-16.617 0-3.687-0.849-7.241-2.445-10.448l104.667-104.667-44.406,107.205c-3.572-0.246-7.179,0.313-10.584,1.722-5.799,2.402-10.315,6.919-12.719,12.72-4.957,11.971 0.748,25.744 12.719,30.703 2.899,1.201 5.946,1.802 8.993,1.802s6.094-0.601 8.993-1.801c5.799-2.402 10.315-6.919 12.718-12.719 2.402-5.799 2.402-12.187 0.001-17.986-1.41-3.404-3.565-6.348-6.264-8.7l44.405-107.202v148.028c-9.29,3.138-16,11.93-16,22.266 0,12.958 10.542,23.5 23.5,23.5s23.5-10.542 23.5-23.5c0-10.336-6.71-19.128-16-22.266v-148.034l44.406,107.206c-2.7,2.352-4.855,5.297-6.266,8.702-2.401,5.8-2.401,12.188 0.001,17.986 2.402,5.8 6.919,10.316 12.718,12.718 2.899,1.201 5.946,1.802 8.993,1.802 3.046,0 6.093-0.601 8.992-1.802 5.8-2.402 10.316-6.919 12.719-12.718 2.401-5.8 2.401-12.188 0-17.985-2.402-5.8-6.919-10.317-12.718-12.719-3.404-1.41-7.01-1.969-10.582-1.723l-44.403-107.2 104.663,104.662c-1.595,3.207-2.445,6.761-2.445,10.448 0,6.277 2.444,12.179 6.883,16.616 4.438,4.439 10.34,6.884 16.617,6.884s12.179-2.444 16.616-6.883c4.439-4.438 6.884-10.34 6.884-16.617s-2.444-12.179-6.883-16.616c-4.438-4.439-10.34-6.884-16.617-6.884-3.687,0-7.241,0.849-10.448,2.445l-104.666-104.667 107.205,44.406c-0.246,3.572 0.313,7.179 1.723,10.584 2.401,5.799 6.919,10.315 12.718,12.717 2.932,1.215 5.971,1.789 8.963,1.789 9.225,0 17.997-5.467 21.741-14.506 2.402-5.799 2.402-12.187 0.001-17.986-2.402-5.799-6.919-10.315-12.719-12.718-5.799-2.402-12.188-2.401-17.986-0.001-3.404,1.41-6.348,3.565-8.7,6.264l-107.203-44.405h148.028c3.138,9.29 11.93,16 22.266,16 12.958,0 23.5-10.542 23.5-23.5s-10.543-23.5-23.501-23.5zm-224.5,23.5c0-9.098 7.402-16.5 16.5-16.5s16.5,7.402 16.5,16.5-7.402,16.5-16.5,16.5-16.5-7.402-16.5-16.5zm171.249-70.605c0.869-2.098 2.503-3.731 4.6-4.6 1.061-0.439 2.16-0.647 3.242-0.647 3.337,0 6.511,1.978 7.865,5.247 0.868,2.098 0.868,4.408 0,6.506-0.869,2.098-2.503,3.731-4.601,4.601s-4.408,0.869-6.506,0c-2.097-0.869-3.73-2.501-4.599-4.598-0.001-0.001-0.001-0.003-0.001-0.004 0-0.001-0.001-0.002-0.001-0.003-0.867-2.097-0.867-4.406 0.001-6.502zm-13.681-82.484c1.605-1.605 3.739-2.489 6.01-2.489s4.404,0.884 6.011,2.49c1.605,1.605 2.489,3.739 2.489,6.01s-0.884,4.404-2.49,6.011c-1.605,1.605-3.739,2.489-6.01,2.489-2.268,0-4.4-0.882-6.005-2.485-0.002-0.002-0.003-0.004-0.005-0.005s-0.004-0.003-0.005-0.005c-1.603-1.605-2.485-3.737-2.485-6.005 0-2.271 0.884-4.404 2.49-6.011zm-81.569-12.766c0.869-2.098 2.503-3.731 4.601-4.601 2.097-0.869 4.407-0.869 6.506,0 4.329,1.794 6.394,6.776 4.601,11.106-1.794,4.329-6.775,6.396-11.107,4.6-2.097-0.869-3.73-2.502-4.6-4.6-0.869-2.097-0.869-4.408-0.001-6.505zm-59.499-50.645c4.687,0 8.5,3.813 8.5,8.5s-3.813,8.5-8.5,8.5-8.5-3.813-8.5-8.5 3.813-8.5 8.5-8.5zm-75.205,57.151c-1.794-4.331 0.271-9.313 4.6-11.107 1.049-0.435 2.151-0.651 3.253-0.651s2.204,0.217 3.253,0.651c2.098,0.869 3.731,2.503 4.601,4.601 0.868,2.098 0.868,4.408 0,6.506-0.869,2.098-2.503,3.73-4.6,4.6-4.333,1.795-9.314-0.272-11.107-4.6zm-77.884,18.281c-1.605-1.605-2.489-3.739-2.489-6.01s0.884-4.404 2.49-6.011c1.605-1.605 3.739-2.489 6.01-2.489s4.404,0.884 6.011,2.49c1.605,1.605 2.489,3.739 2.489,6.01 0,2.268-0.882,4.4-2.485,6.005-0.002,0.002-0.004,0.003-0.005,0.005s-0.003,0.004-0.005,0.005c-1.605,1.603-3.737,2.485-6.005,2.485-2.271,1.42109e-14-4.404-0.884-6.011-2.49zm-6.261,81.569c-2.097,0.868-4.407,0.87-6.506,0-2.098-0.869-3.731-2.503-4.601-4.601-0.868-2.098-0.868-4.408 0-6.506 1.354-3.27 4.527-5.247 7.865-5.247 1.082,0 2.181,0.208 3.241,0.646 4.33,1.794 6.394,6.776 4.6,11.107-0.868,2.098-2.501,3.732-4.599,4.601zm-48.65,67.999c-4.687,0-8.5-3.813-8.5-8.5s3.813-8.5 8.5-8.5 8.5,3.813 8.5,8.5-3.813,8.5-8.5,8.5zm48.65,66.705c-2.098,0.869-4.408,0.869-6.506,0s-3.731-2.503-4.601-4.601c-0.868-2.098-0.868-4.407 0-6.505 0.869-2.098 2.503-3.731 4.601-4.601 1.049-0.435 2.151-0.651 3.253-0.651s2.204,0.217 3.253,0.651c2.098,0.869 3.73,2.503 4.6,4.6 1.794,4.332-0.27,9.313-4.6,11.107zm18.282,77.884c-1.605,1.605-3.739,2.489-6.01,2.489s-4.404-0.884-6.011-2.49c-1.605-1.605-2.489-3.739-2.489-6.01s0.884-4.404 2.49-6.011c1.605-1.605 3.739-2.489 6.01-2.489 2.268,0 4.4,0.882 6.005,2.485 0.002,0.002 0.003,0.004 0.005,0.005s0.004,0.003 0.005,0.005c1.603,1.605 2.485,3.737 2.485,6.005 1.42109e-14,2.271-0.884,4.404-2.49,6.011zm81.569,12.766c-0.869,2.098-2.503,3.731-4.601,4.601-2.097,0.869-4.407,0.869-6.506,0-4.329-1.794-6.394-6.776-4.601-11.106 0.869-2.098 2.503-3.731 4.601-4.601 1.049-0.435 2.15-0.651 3.253-0.651 1.1,0 2.201,0.216 3.249,0.65 0.002,0.001 0.004,0.002 0.005,0.002 0.001,0 0.003,0.001 0.005,0.001 2.095,0.87 3.727,2.502 4.595,4.598 0.868,2.098 0.868,4.409 2.84217e-14,6.506zm59.499,50.645c-4.687,0-8.5-3.813-8.5-8.5s3.813-8.5 8.5-8.5 8.5,3.813 8.5,8.5-3.813,8.5-8.5,8.5zm75.205-57.15c0.868,2.098 0.868,4.408 0,6.506-0.869,2.098-2.503,3.731-4.601,4.601-2.097,0.869-4.406,0.869-6.505,0-2.098-0.869-3.731-2.503-4.601-4.601-0.868-2.098-0.868-4.408 0-6.506 0.869-2.097 2.501-3.73 4.598-4.599 0.001,0 0.003-0.001 0.004-0.001 0.001,0 0.002-0.001 0.003-0.001 1.048-0.433 2.149-0.65 3.249-0.65 1.102,0 2.204,0.217 3.253,0.651 2.097,0.868 3.731,2.502 4.6,4.6zm77.884-18.282c1.605,1.605 2.489,3.739 2.489,6.01s-0.884,4.404-2.49,6.011c-1.605,1.605-3.739,2.489-6.01,2.489s-4.404-0.884-6.011-2.49c-1.605-1.605-2.489-3.739-2.489-6.01 0-2.268 0.882-4.4 2.485-6.005 0.002-0.002 0.004-0.003 0.005-0.005s0.003-0.004 0.005-0.005c1.605-1.603 3.737-2.485 6.005-2.485 2.271,0 4.404,0.884 6.011,2.49zm6.261-81.569c1.049-0.435 2.15-0.651 3.253-0.651 1.102,0 2.204,0.217 3.253,0.651 2.098,0.869 3.731,2.503 4.601,4.601 0.868,2.098 0.868,4.408 0,6.506-1.793,4.33-6.776,6.394-11.107,4.599-2.097-0.868-3.73-2.502-4.6-4.599-0.868-2.097-0.868-4.406-0.001-6.503 0.001-0.001 0.002-0.003 0.002-0.004s0.001-0.003 0.002-0.004c0.868-2.096 2.501-3.728 4.597-4.596zm48.65-50.999c-4.687,0-8.5-3.813-8.5-8.5s3.813-8.5 8.5-8.5 8.5,3.813 8.5,8.5-3.813,8.5-8.5,8.5z"/>\a </svg>\a \a ');background-repeat:no-repeat;position:absolute;left:5px;top:15px;-webkit-animation:cog 1s infinite;-moz-animation:cog 1s infinite;-ms-animation:cog 1s infinite;animation:cog 7s infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;animation-timing-function:linear}@media all and (max-width: 500px){.block_products_home .cat-title h2:before{top:50%;transform:translate(0px, -50%);animation:unset}}.block_products_home .cat-title h2 a{margin-left:5px}.link_cat{text-align:center;margin:10px 0px;margin:50px 0px 10px}@media screen and (max-width: 700px){.link_cat{margin:10px 0px 30px}}.link_cat:hover a{border:1px solid var(--main-color);color:var(--main-color)}.link_cat a{padding:8px 16px;border:1px solid #d5d5d5;border-radius:3px}.link_cat a:hover{background:var(--main-color);color:#fff;border:none}@media all and (max-width: 414px){.link_cat a{padding:7px 9px;font-size:13px}}.block_products_home .cat-title h2:hover:before{border-color:transparent transparent #0077af transparent}.block_products_home .cat-title h2:hover:after{border-color:#0077af transparent transparent transparent}.block_products_home .cat-title h2 a{font-size:22px;text-transform:uppercase;color:#fff;text-decoration:none;font-weight:600;margin-left:0;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s}@media all and (max-width: 600px){.block_products_home .cat-title h2 a{font-size:16px}}.block_products_home .cat-title h2 a:hover{color:#2c57ff}.block_products_home .cat-title{position:relative;margin-bottom:20px;padding-right:10px;margin-top:40px;background:var(--main-color)}@media all and (max-width: 950px){.block_products_home .cat-title{margin-top:20px}}@media all and (max-width: 600px){.block_products_home .cat-title{margin-top:10px;margin-bottom:10px}}.block_products_home #main-cat{background:#fff;padding:0 33px 20px}.products_home_slideshow{display:flex;flex-wrap:wrap;margin:0px -10px}@media (max-width: 1000px){.products_home_slideshow{width:1170px}}@media (max-width: 1000px){.product_ajj{overflow-y:hidden;overflow-x:auto}}.products_home_slideshow>.item{width:calc(20% - 20px);margin:10px 10px}.products_home_slideshow .item{box-sizing:border-box;position:relative;overflow:hidden}.products_home_slideshow .item figure{position:relative}.products_home_slideshow .item .icon-old{position:absolute;top:15px;left:15px;background:#ea0000;color:#fff;border-radius:50%;padding:10px 5px;box-sizing:border-box;width:40px;height:40px;font-size:15px}.products_home_slideshow .item:hover figure:before{left:0;right:0}.products_home_slideshow .item figure:before{content:"";position:absolute;left:50%;right:50%;bottom:0;background:var(--main-color);height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;z-index:2}.products_home_slideshow .item .product_image{position:relative;text-align:center;overflow:hidden;margin-bottom:12px}@media all and (max-width: 500px){.products_home_slideshow .item .product_image{margin-bottom:10px}}.products_home_slideshow .item .product_image img{width:100%;transition:all 0.9s ease 0s;-webkit-transition:all 0.9s ease 0s;opacity:1}.products_home_slideshow .item:hover .product_image img{transform:scale(1.1);-webkit-transform:scale(1.1)}.products_home_slideshow .loca{text-align:left;margin-top:5px;color:#797979;line-height:18px;font-size:17px}.cat_sub_links .sepa{padding:0 13px;color:transparent}.products_home_slideshow .owl-nav>div{display:block !important;height:30px;position:absolute;top:-60px;width:30px;opacity:1;padding:1px 8px;border:1px solid #fff;font-size:33px;line-height:19px;box-sizing:border-box;color:#fff;border-radius:50%;cursor:pointer;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in}@media all and (max-width: 960px){.products_home_slideshow .owl-nav>div{height:25px;width:25px;font-size:25px;top:-50px;padding:0px 8px}}@media all and (max-width: 414px){.products_home_slideshow .owl-nav>div{top:50%;border:none;transform:translate(-50%, -50%);color:var(--main-color);background:#ffffffe0;font-size:35px;width:30px;height:30px;line-height:24px}}.products_home_slideshow .owl-prev{right:45px}@media all and (max-width: 414px){.products_home_slideshow .owl-prev{left:30px}}.products_home_slideshow .owl-next{right:8px}.products_home_slideshow .owl-nav>div:hover{color:#fff;border:1px solid #fff}@media all and (max-width: 414px){.products_home_slideshow .owl-nav>div:hover{color:#000;border:none}}@media screen and (max-width: 700px){.product_grid .item{float:left;width:50%}}
/*# sourceMappingURL=default.css.map */
.project_v{background:#f8f8f8;padding-bottom:40px}@media all and (max-width: 500px){.project_v{padding-bottom:0px}}.project_v .block_title{text-align:center;font-size:24px;color:#000;padding-top:30px;position:relative}@media all and (max-width: 500px){.project_v .block_title{font-size:20px;margin-top:20px;padding-top:20px;margin-bottom:5px;text-align:left}}.project_v .block_title::after{content:'';background:var(--main-color);width:43px;height:3px;left:50%;transform:translate(-50%, -50%);position:absolute;bottom:5px;-webkit-clip-path:polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);clip-path:polygon(9% 0%, 91% 0%, 100% 100%, 0% 100%)}@media all and (max-width: 500px){.project_v .block_title::after{left:0px;width:30px;transform:none}}.project_v .banner_duan{float:left;width:calc(66.666% - 30px);margin:0px 15px;margin-bottom:30px}@media all and (max-width: 960px){.project_v .banner_duan{width:calc(66.666% - 10px);margin-bottom:10px;margin:0px 5px}}@media all and (max-width: 500px){.project_v .banner_duan{width:auto;float:none;margin-bottom:10px;height:auto}}.project_v .banner_duan .banner_item_inner{position:relative}.project_v .banner_duan .banner_item_inner .banner_name{position:absolute;top:30%;width:100%;text-align:center;left:50%;transform:translate(-50%, -50%)}@media all and (max-width: 500px){.project_v .banner_duan .banner_item_inner .banner_name{bottom:45%}}.project_v .banner_duan .banner_item_inner .banner_name a{color:#fff;font-size:24px;text-transform:uppercase}@media all and (max-width: 500px){.project_v .banner_duan .banner_item_inner .banner_name a{font-size:18px}}.project_v .banner_duan .banner_item_inner .detail{position:absolute;bottom:30%;left:50%;transform:translate(-50%, -50%)}@media all and (max-width: 500px){.project_v .banner_duan .banner_item_inner .detail{width:100%;text-align:center;bottom:28%}}.project_v .banner_duan .banner_item_inner .detail a{color:#fff;padding:8px 30px;background:#19191973;border:0 solid;outline:1px solid;outline-offset:0px;text-shadow:none;transition:all 1250ms cubic-bezier(0.19, 1, 0.22, 1);font-size:15px}.project_v .banner_duan .banner_item_inner .detail a:hover{border:1px solid;box-shadow:inset 0 0 20px rgba(255,255,255,0.5),0 0 20px rgba(255,255,255,0.2);outline-color:rgba(255,255,255,0);outline-offset:15px;text-shadow:1px 1px 2px #427388}@media all and (max-width: 414px){.project_v .banner_duan .banner_item_inner .detail a{color:#fff;padding:4px 15px;font-size:13px;background:#333333}}.project_v .banner_duan img{width:100%;max-height:300px;filter:brightness(60%)}@media all and (max-width: 960px){.project_v .banner_duan img{width:auto;height:auto;max-width:none}}@media all and (max-width: 500px){.project_v .banner_duan img{height:auto;max-width:100%}}.project_v .projects-info{float:left;width:calc(33.333% - 30px);margin:0px 15px;margin-bottom:30px}@media all and (max-width: 960px){.project_v .projects-info{width:calc(33.333% - 10px);margin:0px 5px;margin-bottom:10px}}@media all and (max-width: 500px){.project_v .projects-info{width:calc(50% - 10px);margin:0px 5px;margin-bottom:10px}}@media all and (max-width: 960px){.project_v .projects-info img{min-width:auto;height:auto;max-width:none}}@media all and (max-width: 500px){.project_v .projects-info img{max-width:100%}}.project_v .g_wp{margin:0px -10px;overflow:hidden}@media all and (max-width: 960px){.project_v .g_wp{margin:0px -5px}}.project_v .pos-sum{text-align:center;padding-bottom:30px;font-size:17px}@media all and (max-width: 500px){.project_v .pos-sum{padding-bottom:10px;font-size:14px;text-align:left;display:none}}.project_v .detail{text-align:center}.project_v .detail a{margin-top:20px;color:#fff;background:#333333;padding:5px 20px}.img-projects,.banner_duan .banner_item{position:relative;width:100%;box-shadow:0 0 5px rgba(0,0,0,0.15);overflow:hidden}.img-projects img,.banner_duan .banner_item img{transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s}.img-projects:hover img,.banner_duan .banner_item:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}.img-projects img,.banner_duan .banner_img img{-webkit-transition:all 2s ease-out;transition:all 2s ease-out;max-width:none}