@charset "UTF-8";

 .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.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
-ms-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
-ms-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
-ms-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-ms-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-ms-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-ms-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-ms-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
-ms-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
-ms-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-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 {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-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);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-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);
-ms-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-ms-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);
-ms-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);
-ms-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);
-ms-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);
-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-ms-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
-ms-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
-ms-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-ms-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
-ms-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-ms-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -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);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
-ms-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-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);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-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);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-ms-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-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);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-ms-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-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);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
-ms-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-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);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-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);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-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;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-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;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-ms-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 {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
-ms-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
-ms-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
-ms-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
-ms-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;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
-ms-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);
-ms-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
-ms-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);
-ms-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
-ms-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
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 {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-ms-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 {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-ms-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-ms-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}.jq-checkbox {
top: -1px;
vertical-align: middle;
width: 16px;
height: 16px;
margin: 0 4px 0 0;
border: 1px solid #C3C3C3;
border-radius: 3px;
background: #F5F5F5;
background: -webkit-linear-gradient(#FFF, #E6E6E6);
background:         linear-gradient(#FFF, #E6E6E6);
box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
cursor: pointer;
}
.jq-checkbox.checked .jq-checkbox__div {
width: 12px;
height: 12px;
margin: 2px 0 0 2px;
border-radius: 2px;
background: #666;
box-shadow: inset 0 -3px 6px #AAA;
}
.jq-checkbox.focused {
border: 1px solid #08C;
}
.jq-checkbox.disabled {
opacity: .55;
}
.jq-radio {
top: -1px;
vertical-align: middle;
width: 16px;
height: 16px;
margin: 0 4px 0 0;
border: 1px solid #C3C3C3;
border-radius: 50%;
background: #F5F5F5;
background: -webkit-linear-gradient(#FFF, #E6E6E6);
background:         linear-gradient(#FFF, #E6E6E6);
box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
cursor: pointer;
}
.jq-radio.checked .jq-radio__div {
width: 10px;
height: 10px;
margin: 3px 0 0 3px;
border-radius: 50%;
background: #777;
box-shadow: inset 1px 1px 1px rgba(0,0,0,.7);
}
.jq-radio.focused {
border: 1px solid #08C;
}
.jq-radio.disabled {
opacity: .55;
}
.jq-file {
width: 270px;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.jq-file input {
height: auto;
line-height: 1em;
cursor: pointer;
}
.jq-file__name {
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 34px;
padding: 0 80px 0 10px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: #FFF;
box-shadow: inset 1px 1px #F1F1F1;
font: 14px/32px Arial, sans-serif;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
}
.jq-file__browse {
position: absolute;
top: 1px;
right: 1px;
padding: 0 10px;
border-left: 1px solid #CCC;
border-radius: 0 4px 4px 0;
background: #F5F5F5;
background: -webkit-linear-gradient(#FFF, #E6E6E6);
background:         linear-gradient(#FFF, #E6E6E6);
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px/32px Arial, sans-serif;
color: #333;
text-shadow: 1px 1px #FFF;
}
.jq-file:hover .jq-file__browse {
background: #E6E6E6;
background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
background:         linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-file:active .jq-file__browse {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
.jq-file.focused .jq-file__name {
border: 1px solid #5794BF;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-number {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 36px 0 0;
}
.jq-number__field {
width: 100px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
}
.jq-number__field:hover {
border-color: #B3B3B3;
}
.jq-number__field input {
box-sizing: border-box;
width: 100%;
padding: 8px 9px;
border: none;
outline: none;
background: none;
font: 14px Arial, sans-serif;
color: #333;
text-align: left; -moz-appearance: textfield;
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
margin: 0; -webkit-appearance: none;
}
.jq-number__spin {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 14px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: #F5F5F5;
background: -webkit-linear-gradient(#FFF, #E6E6E6);
background:         linear-gradient(#FFF, #E6E6E6);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-shadow: 1px 1px #FFF;
cursor: pointer;
}
.jq-number__spin.minus {
top: auto;
bottom: 0;
}
.jq-number__spin:hover {
background: #E6E6E6;
background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
background:         linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-number__spin:active {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
.jq-number__spin:after {
content: '';
position: absolute;
top: 4px;
left: 11px;
width: 0;
height: 0;
border-right: 5px solid transparent;
border-bottom: 5px solid #999;
border-left: 5px solid transparent;
}
.jq-number__spin.minus:after {
top: 5px;
border-top: 5px solid #999;
border-right: 5px solid transparent;
border-bottom: none;
border-left: 5px solid transparent;
}
.jq-number__spin.minus:hover:after {
border-top-color: #000;
}
.jq-number__spin.plus:hover:after {
border-bottom-color: #000;
}
.jq-number.focused .jq-number__field {
border: 1px solid #5794BF;
}
.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-number.disabled .jq-number__spin:after {
border-bottom-color: #AAA;
}
.jq-number.disabled .jq-number__spin.minus:after {
border-top-color: #AAA;
}
.jq-selectbox {
vertical-align: middle;
cursor: pointer;
width: 100%;
}
.jq-selectbox__select {
height: 47px;
padding:0px 20px;
background: #a267d3;
line-height: 47px;
}
.jq-selectbox__select:hover {
}
.jq-selectbox__select:active {
}
.jq-selectbox.focused .jq-selectbox__select {
}
.jq-selectbox.disabled .jq-selectbox__select {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-selectbox__select-text {
display: block;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.jq-selectbox .placeholder {
color: #888;
}
.jq-selectbox__trigger {
position: absolute;
top: 0;
right: 0;
width: 34px;
height: 100%;
}
.he .jq-selectbox__trigger {
left: 0;
right: auto;
}
.jq-selectbox__trigger-arrow {
position: absolute;
top: 24px;
right: 12px;
width: 0;
height: 0;
border-top: 5px solid #fff;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
}
.jq-selectbox__dropdown {
box-sizing: border-box;
width: 100%;
margin: 2px 0 0;
padding: 0;
background: #a267d3;
font-size: 18px;
}
.jq-selectbox__search {
margin: 5px;
}
.jq-selectbox__search input {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 5px 27px 6px 8px;
border: 1px solid #CCC;
border-radius: 3px;
outline: none;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
box-shadow: inset 1px 1px #F1F1F1;
color: #333;
-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
-webkit-appearance: none;
}
.jq-selectbox__not-found {
margin: 5px;
padding: 5px 8px 6px;
background: #F0F0F0;
font-size: 13px;
}
.jq-selectbox ul {
margin: 0;
padding: 0;
}
.jq-selectbox li {
min-height: 18px;
padding: 5px 10px 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
color: #231F20;
}
.jq-selectbox li.selected {
background-color: #A3ABB1;
color: #FFF;
}
.jq-selectbox li:hover {
background-color: #08C;
color: #FFF;
}
.jq-selectbox li.disabled {
color: #AAA;
}
.jq-selectbox li.disabled:hover {
background: none;
}
.jq-selectbox li.optgroup {
font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
background: none;
color: #231F20;
cursor: default;
}
.jq-selectbox li.option {
padding-left: 25px;
}
.jq-select-multiple {
box-sizing: border-box;
padding: 1px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: #FFF;
box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px/18px Arial, sans-serif;
color: #333;
cursor: default;
}
.jq-select-multiple.focused {
border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-select-multiple ul {
margin: 0;
padding: 0;
}
.jq-select-multiple li {
padding: 3px 9px 4px;
list-style: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.jq-select-multiple li:first-child {
border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
background: #08C;
color: #FFF;
}
.jq-select-multiple li.disabled {
color: #AAA;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
background: #CCC;
color: #FFF;
}
.jq-select-multiple li.optgroup {
font-weight: bold;
}
.jq-select-multiple li.option {
padding-left: 25px;
}
input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
padding: 8px 9px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px Arial, sans-serif;
color: #333;
}
input[type='search'].styler {
-webkit-appearance: none;
}
textarea.styler {
overflow: auto;
}
input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
border-color: #B3B3B3;
}
input[type='email'].styler:focus,
input[type='password'].styler:focus,
input[type='search'].styler:focus,
input[type='tel'].styler:focus,
input[type='text'].styler:focus,
input[type='url'].styler:focus,
textarea.styler:focus {
border-color: #CCC;
border-top-color: #B3B3B3;
outline: none;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
overflow: visible;
padding: 8px 11px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
outline: none;
background: #F5F5F5;
background: -webkit-linear-gradient(#FFF, #E6E6E6);
background:         linear-gradient(#FFF, #E6E6E6);
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px Arial, sans-serif;
color: #333;
text-shadow: 1px 1px #FFF;
cursor: pointer;
}
button.styler::-moz-focus-inner,
input[type='button'].styler::-moz-focus-inner,
input[type='submit'].styler::-moz-focus-inner,
input[type='reset'].styler::-moz-focus-inner {
padding: 0;
border: 0;
}
button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
background: #E6E6E6;
background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
background:         linear-gradient(#F6F6F6, #E6E6E6);
}
button.styler:not([disabled]):active,
input[type='button'].styler:not([disabled]):active,
input[type='submit'].styler:not([disabled]):active,
input[type='reset'].styler:active {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}html, body {
height: 100%;
margin: 0;
padding: 0; font-family: 'Roboto', sans-serif;	
font-display: swap;
}
*::selection{
background: #eee;
}
.wrapper{
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto;
position: relative;
overflow: hidden;
}
.inner{
width: 1340px;
margin: 0 auto;
}
.nav li{
float: left;
}
#whatsup{
display: none;
}   .header{
height: 820px;
overflow: hidden;
}
.category .header{
height: auto;
}
.second .header{
height: 360px;
}
.header .top-header{
overflow: hidden;
padding: 10px 95px 28px 0;
}
.header .logo{
display: block;
width: 175px;
height: 143px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/logo.png) no-repeat;
float: left;
margin-left: 120px;
}
.new-year-ball{
float: left;
text-align: center;
text-transform: uppercase;
color: #f05171;
text-decoration: none;
transition: all .3s linear;
font-weight: bold;	
}
.new-year-ball:hover{
text-decoration:none;
color: #0054a6;
}
.new-year-ball img{
margin-bottom: 5px;
}
.new-year-ball .ball{
position: relative;
}
.new-year-ball .ball i{
position: absolute;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/star.png) no-repeat center;
background-size: contain;
width: 30px;
height: 31px;
display: block;
}
.new-year-ball .ball i#star1{
top: 32px;
left: 39px;
animation: star1 2s infinite;
transition: all .3s linear;
}
@keyframes star1 {
0% {width: 30px; left: 39px;transform: rotateX(0deg); }
50% {width: 25px; left: 45px; transform: rotateX(50deg);}
100% {width: 30px; left: 39px;transform: rotateX(0deg);}	 
}
.new-year-ball .ball i#star2{
top: 43px;
left: 50px;
width: 25px;
animation: star2 4s infinite;
transition: all .4s linear;	
}
@keyframes star2 {
0% {width: 25px; left: 50px}
50% {width: 30px; left: 47px;}
100% {width: 25px; left: 50px}
}
.new-year-ball .ball i#star3{
top: 67px;
right: 57px;
animation: star3 4s infinite;
transition: all .4s linear;		
}
@keyframes star3 {
0% {width: 30px; right: 57px;}
50% {width: 25px; right: 60px;}
100% {width: 30px; right: 57px;}
}
.new-year-ball .ball i#star4{
top: 20px;
left: 111px;
width: 25px;	
animation: star4 2s infinite;
transition: all .3s linear;	
}
@keyframes star4 {
0% {width: 25px; left: 111px}
50% {width: 30px; left: 109px;}
100% {width: 25px; left: 111px}
}
.header .social-block{
float: right;
width: 180px;
}
.header .social-block .social{
float: left;
padding: 0;
}
.header .social-block .languages{
float: left;
}
.header .social-block .languages ul{
padding-left: 0;
}
.header .social-block ul li{
float: left;
list-style: none;
margin-left: 5px;
}
.header .social-block ul li a{
display: block;
width: 40px;
height: 40px;
}
.header .social-block ul li a.ok{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/social-icons.png) no-repeat 0 0;
}
.header .social-block ul li a.fb{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/social-icons.png) no-repeat -45px 0px;
}
.header .social-block ul li a.gplus{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/social-icons.png) no-repeat -90px 0;
}
.lang-item-ru img, .lang-item-he img{
display: none;
}
.languages{
width: 45px;
}
.header .social-block ul li.lang-item-he a{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/he.png) no-repeat;
background-size: cover;
}
.header .social-block ul li.lang-item-ru a{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/ru.png) no-repeat;
background-size: cover;
}
.header .search-form{
float: right;
height: 53px;
margin: 0 25px 25px 0;
}
.header .search-form input[type="text"]{
width: 460px;
float: left;
border: none;	
color: #848484;
font-size: 16px;
font-family: 'Roboto', sans-serif;	
font-display: swap;
background: #ffd04e;
border-right: 1px solid #fff;
outline: none;
padding: 15px 20px;
}
.header .search-form input[type="submit"]{
border: none;
height: 52px;
outline: none;
width: 63px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/loupe.png) #ffd04e no-repeat center center;
}
.header .big-banner{
background: #f1f1f1;
width: 728px;
height: 90px;
float: right;
}
.header .nav{
margin: 0 97px 0 70px;
position: relative;
height: 95px;
z-index: 100;
}
.header .nav li{
border-right: 1px solid #fff;
}
.header .nav li a{
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-size: 22px;
text-transform: uppercase;
font-weight: 300;
color: #696969;
padding: 13px 42px;
border-top: 5px solid #fc5170;
max-width:209px;
text-align: center;
transition: all .3s linear;
}
.header .nav li:hover a:before{
content: '';
border: 6px solid transparent;
position: absolute;
border-top: 6px solid #fc5170;
top: 0;
left: 50%;
margin-left: -3px;
}
.header .nav li:hover a{
color: #fc5170;
}
.header .nav li:nth-child(2) a{
border-color: #ff993f;
}
.header .nav li:nth-child(2):hover a:before{
content: '';
border: 6px solid transparent;
position: absolute;
border-top: 6px solid #ff993f;
top: 0;
left: 50%;
margin-left: -3px;
}
.header .nav li:nth-child(2):hover a{
color: #ff993f;
}
.header .nav li:nth-child(3) a{
border-color: #80bce6;
}
.header .nav li:nth-child(3):hover a:before{
content: '';
border: 6px solid transparent;
position: absolute;
border-top: 6px solid #80bce6;
top: 0;
left: 50%;
margin-left: -3px;
}
.header .nav li:nth-child(3):hover a{
color: #80bce6;
}
.header .nav li:nth-child(4) a{
border-color: #aed234;
}
.header .nav li:nth-child(4):hover a:before{
content: '';
border: 6px solid transparent;
position: absolute;
border-top: 6px solid #aed234;
top: 0;
left: 50%;
margin-left: -3px;
}
.header .nav li:nth-child(4):hover a{
color: #aed234;
}
.header .nav li:nth-child(5) a{
border-color: #ffd04e;
}
.header .nav li:nth-child(5):hover a:before{
content: '';
border: 6px solid transparent;
position: absolute;
border-top: 6px solid #ffd04e;
top: 0;
left: 50%;
margin-left: -3px;
}
.header .nav li:nth-child(5):hover a{
color: #ffd04e;
}
.header .nav li:nth-child(6) a{
border-color: #25a8e0;
}
.header .nav li:nth-child(6){
border-right: none;
}
.header .nav li:nth-child(6):hover a:before{
content: '';
border: 6px solid transparent;
position: absolute;
border-top: 6px solid #25a8e0;
top: 0;
left: 50%;
margin-left: -3px;
}
.header .nav li:nth-child(6):hover a{
color: #25a8e0;
}
.header .nav li a:hover, .header .nav li a:focus{
background: none;
} .header .cities, .content .cities{
width: 830px;
float: left;
padding-left: 115px;	
margin-top: 55px;
}
.cities.hide-cities{
display: none;
}
.category .cities, .content .cities{
width: 100%;
}
.header .cities ul, .content .cities ul{
padding-left: 0;
}
.header .cities li, .content .cities li{
list-style: none;
display: inline-block;
zoom: 1;
vertical-align: top;
width: 295px;
margin-bottom: 30px;
}
.header .cities li a, .content .cities li a{
color: #39579b;
qfont-size: 18px;
font-size: 18px;
font-family: 'Roboto', sans-serif;		
font-display: swap;	
}
#menu-item-1491 a, #menu-item-34 a{
color: #F05171;
}
.category .header  #slider_top{
display: none !important;
}
.header #slider_top{
float: right;
width: 509px;
margin-top: -60px;
}
.header #slider_top img{
width: 509px;
}
.small-banners{
float: left;
margin-left: 70px;
}
.small-banner{
float: left;
width: 200px;
height: 80px;
background: #f1f1f1;
margin-right: 30px;
}
.breadcrumbs{
color: #9a9a9a;
font-size: 13px;
font-family: 'Roboto', sans-serif;
font-display: swap;	
margin-left: 70px;	
margin-top: 42px;
overflow: hidden;	
float: left;
font-size: 18px;
}
.breadcrumbs ul{
padding: 0;
}
.breadcrumbs span{
list-style: none;
margin: 0 6px;
}
.breadcrumbs a{
text-decoration: underline;
color: #9a9a9a !important;	
}
.breadcrumbs a:hover{
text-decoration: none;
}   .home-title{
margin: 40px 97px 30px 70px;
}
.kindergartens{
}
.kindergarten{
padding: 30px 0;
background: #fff;
overflow: hidden;
}
.kindergarten .left{
float: left;
width: 386px;
}
.kindergarten .right{
float: right;
width: 850px;
margin-left: 65px;
}
.kindergarten  .inner{
padding: 0 15px;
overflow: hidden;
}
.kindergarten h2, .kindergarten h2 a{
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-size: 30px;
text-transform: uppercase;
font-weight: 300;
color: #fff;
margin: 0 0 30px;
text-decoration: none;
}
.kindergarten h2 a:hover{
border-bottom: 1px solid #fff;
}
.kindergarten:nth-child(even) h2 a:hover{
border-bottom: 1px solid #39579b;
}
.kindergarten  img{
width: 100%;
margin-bottom: 30px;
}
.kindergarten .more{
color: #fff;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
text-transform: uppercase;
font-size: 24px;
font-weight: 300;
position: relative;
border-bottom: 1px solid #fff;
}
.kindergarten .more:after{
content: '';
position: absolute;
top: 5px;
right: -24px;
display: block;
width: 9px;
height: 17px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/arrow.png) no-repeat;
}
.kindergarten .more:hover{
text-decoration: none;
border: none;
}
.kindergarten  ul{
padding: 0;
}
.kindergarten  ul li{
list-style: none;
display: inline-block;
zoom: 1;
vertical-align: top;
width: 49%;
}
.kindergarten  ul li {
color: #212121;
font-family: 'Roboto', sans-serif;
font-display: swap;	
font-size: 15px;	
qtext-transform: uppercase;
margin-bottom: 25px;
padding-right: 40px;	
}
.kindergarten  ul li span{
color: #fff;
font-family: 'Roboto', sans-serif;
font-display: swap;	
font-size: 14px;	
text-transform: none;
display: block;
margin-right: 10px;
float: left;
}
.kindergarten  ul li a{
color: #212121;
}
.kindergarten:first-child{
background: #fc5170;
}	
.kindergarten:nth-child(even) h2, .kindergarten:nth-child(even) h2 a, .kindergarten:nth-child(even) ul li span, .kindergarten:nth-child(even) a.more{
color: #39579b;
}
.kindergarten:nth-child(even) a.more{
border-bottom: 1px solid #39579b;
}
.kindergarten:nth-child(even) a.more:after{
content: '';
position: absolute;
top: 5px;
right: -24px;
display: block;
width: 9px;
height: 17px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/arrow-blue.png) no-repeat;
}
.kindergarten:nth-child(even) a.more:hover{
border: none;
}
.kindergarten:nth-child(3){
background: #f8981d;
}	
.kindergarten:nth-child(5){
background: #27aae2;
}
.kindergarten:nth-child(7){
background: #74bc2a;
}
.kindergarten:nth-child(9){
background: #ffc000;
}
.kindergarten .icon{
position: relative;
}
.kindergarten .icon:before{
content: '';
position: absolute;
top: 0;
left: -35px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/white-icons.png) no-repeat;
width: 22px;
height: 30px;
display: block;
}
.kindergarten:nth-child(even) .icon:before{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/blue-icons.png) no-repeat;
content: '';
position: absolute;
top: 0;
left: -35px;
width: 22px;
height: 30px;
display: block;	
}
.kindergarten .icon1:before{
top: -5px;
background-position: -2px 0px;
left: -33px;
}
.kindergarten:nth-child(even) .icon1:before{
top: -5px;
background-position: -2px 0;
left: -33px;
}
.kindergarten .icon2:before{
background-position: 0px -50px;
width: 25px;
}
.kindergarten:nth-child(even) .icon2:before{
background-position: 0px -50px;
width: 26px;
}
.kindergarten .icon3:before{
background-position: 0px -100px;
width: 28px;
}
.kindergarten:nth-child(even) .icon3:before{
background-position: 0px -100px;
width: 26px;
}
.kindergarten .icon4:before{
background-position: 0px -147px;
width: 25px;
}
.kindergarten:nth-child(even) .icon4:before{
background-position: 0px -147px;
width: 25px;
}
.kindergarten .icon5:before{
background-position: 0px -191px;
width: 25px;
top: -5px;
}
.kindergarten:nth-child(even) .icon5:before{
background-position: 0px -191px;
width: 25px;
top: -5px;
}
.kindergarten .icon6:before{
background-position: 0px -237px;
width: 28px;
top: -5px;
}
.kindergarten:nth-child(even) .icon6:before{
background-position: 0px -237px;
width: 28px;
top: -5px;
}
.kindergarten .icon7:before{
background-position: 0px -287px;
width: 25px;
top: -5px;
}
.kindergarten:nth-child(even) .icon7:before{
background-position: 0px -287px;
width: 26px;
top: -5px;
}
.kindergarten .icon8:before{
background-position: -41px 0;
width: 40px;
top: -5px;
left: -36px;
}
.kindergarten:nth-child(even) .icon8:before{
background-position: -38px 0;
width: 34px;
top: -5px;
left: -36px;
}
.kindergarten .icon9:before{
background-position: -41px -47px;
width: 40px;
top: -5px;
left: -40px;
}
.kindergarten:nth-child(even) .icon9:before{
background-position: -41px -47px;
width: 40px;
top: -5px;
left: -37px;
}
.kindergarten .icon10:before{
background-position: -40px -96px;
width: 40px;
top: -5px;
left: -35px;
}
.kindergarten:nth-child(even) .icon10:before{
background-position: -37px -96px;
width: 40px;
top: -5px;
left: -35px;
}
.kindergarten .icon11:before{
background-position: -41px -141px;
width: 40px;
top: -5px;
left: -38px;
}
.kindergarten:nth-child(even) .icon11:before{
background-position: -41px -141px;
width: 40px;
top: -5px;
left: -35px;
}
.kindergarten .icon12:before{
background-position: -41px -187px;
width: 40px;
top: -5px;
left: -35px;
}
.kindergarten:nth-child(even) .icon12:before{
background-position: -38px -187px;
width: 40px;
top: -5px;
left: -35px;
}
.kindergarten .icon13:before{
background-position: -41px -239px;
width: 40px;
top: -5px;
left: -37px;
}
.kindergarten:nth-child(even) .icon13:before{
background-position: -38px -239px;
width: 40px;
top: -5px;
left: -37px;
}
.kindergarten .icon14:before{
background-position: -39px -287px;
width: 43px;
top: -5px;
left: -33px;
}
.kindergarten:nth-child(even) .icon14:before{
background-position: -37px -287px;
width: 43px;
top: -5px;
left: -33px;
}
.kindergarten  .animate-link{
position: relative;
display: block;
}
.kindergarten .animate-link i{
position: absolute;
top: 0;
bottom: 30px;
left: 0;
right: 0;
background: rgba(221, 221, 221, 0.74);
display: none;
}
.kindergarten .animate-link i:before{
content: '';
display: block;
width: 64px;
height: 64px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/link-icon-64.png);
position: absolute;
top: 50%;
left: 50%;
margin-top: -32px;
margin-left: -32px;
}   .info{
padding: 45px 0;
overflow: hidden;	
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/info_bg.jpg) no-repeat bottom left;
}
.info h2{
color: #39579b;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
font-size: 30px;
margin: 0 0 0;
float: left;
margin-bottom: 40px;
}
.info .all-info{
float: right;
color: #39579b;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
font-size: 20px;	
border-bottom: 1px solid #39579b;
}
.info .all-info:hover{
border: none;
text-decoration: none;
}
.info-items{
overflow: hidden;
float: right;
margin: 0 45px 0 540px;
}
.info-item{
margin-bottom: 30px;
}
.info-item h3{
margin: 0 0 20px;
}
.info-item h3 a{
color: #222;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
font-size: 22px;		
border-bottom: 1px solid #222;
}
.info-item h3 a:hover{
border: none;
text-decoration: none;
}
.info-item p{
font-family: 'Roboto', sans-serif;	
font-display: swap;	
font-size: 15px;
color: #848484;
}
.info .more-info{
display: block;
font-family: 'Roboto', sans-serif;	
font-display: swap;	
font-size: 15px;
color: #39579b;
text-decoration: underline;	
margin-top: 15px;
}
.info .more-info:hover{
text-decoration: none;	
}   .request{
background: #b687dd;
padding: 35px 0;
overflow: hidden;
}
.request h2{
color: #fff;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
font-size: 30px;
margin: 0 0 35px;
text-transform: uppercase;
}
.request .left{
width: 600px;
margin-left: 50px;
padding: 0;
}
.request .right{
width: 600px;
margin-left: 90px;
padding: 0;	
}	
.right-fix{
float: right !important;
}
.request p{
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
font-size: 26px;
color: #212121;
display: block;
margin-bottom: 35px;
width: 100%;
overflow: hidden;
}
.request input[type="text"], .request  input[type="email"], .request  textarea{
background: #a267d3;
border: none;
float: right;
height: 47px;
padding: 10px 20px;
outline: none;
position: relative;
z-index: 100;	
}
.request input[type="text"]{
width: 365px;
}
.request p input[type="radio"]{
margin-right: 10px;
}
.request p span{
text-transform: none;
font-weight: 300;	
}
.request p lable:first-child span{
margin-right: 35px;
}
.request p input[type="radio"]:first-child{
margin-left: 70px;
}
.request .big-input input[type="text"]{
width: 100%;
}
.request  textarea{
height: 240px;
width: 100%;
}
.request .submit-block{
margin-bottom: 55px;
display: flex;
justify-content: space-between;
}
.request .submit-block input[type="text"], .request .submit-block img, .request .submit-block input[type="submit"]{
float: left;
}
.request .submit-block input[type="text"]{
width: 135px;
margin-top: 10px;	
}	
.request .submit-block img{
margin: 20px 25px 0;
width: 73px;
}
.request  input[type="submit"]{
width: 266px;
height: 66px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/btn.jpg) no-repeat;
border: none;
line-height: 66px;
text-align: center;
color: #212121;
font-size: 28px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;	
float: right;
}
.order-form{
width: 100%;
margin: 35px auto 0;
padding: 35px;
background: #b687dd;
overflow: hidden;
}
.contact-page .order-form{
overflow: visible;
}
.order-form p{
font-family: 'Roboto Condensed', sans-serif !important;
font-display: swap;	
font-weight: 300;
font-size: 26px !important;
color: #212121 !important;
display: block;
margin-bottom: 35px;
width: 100%;
overflow: hidden;
}
.contact-page .order-form p.big-input{
overflow: visible;
}
.order-form input[type="text"], .order-form input[type="email"], .order-form textarea{
background: #a267d3;
border: none;
float: right;
height: 47px;
padding: 10px 20px;
outline: none;
position: relative;
z-index: 100;
width: 100%;
}
.he .order-form input[type="text"], .he .order-form input[type="email"], .he .order-form textarea{
text-align: right;
}
.order-form .big-input input, .order-form textarea{
width: 100%;
}
.order-form textarea{
height: 240px;
}
.order-form .submit-block{
margin-bottom: -16px;
display: flex;
justify-content: center;
flex-direction: column;	
}
.order-form .submit-block input[type="text"]{
width: 135px;
float: left;
margin-top: 10px;
}
.order-form .submit-block img{
margin: 20px 15px 0;
width: 73px;
float: left;
}
.order-form .submit-block input[type="submit"]{
width: 266px;
height: 66px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/btn.jpg) no-repeat;
border: none;
line-height: 66px;
text-align: center;
color: #212121;
font-size: 28px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
float: none;
margin: 10px auto 0;
}
.order-form p input[type="radio"]{
margin-right: 10px;
}
.order-form p span{
text-transform: none;
font-size: 28px;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
color: #212121 !important;
text-decoration: none !important;
}
.order-form p lable:first-child span{
margin-right: 35px;
}
.order-form p span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip{
color: #ffd04e !important;
font-size: 20px !important;
position: relative;
width: 100%;
z-index: 50;
}
.order-form p.submit-block span.wpcf7-not-valid-tip{
position: absolute;
top: 55px;
width: 320px;
}
div.wpcf7-response-output{
border: 5px solid #fc5170 !important;
font-size: 28px;
float: left;
}
div.wpcf7-mail-sent-ok{
width: 100%;
background: #aed234 !important;
font-size: 28px;
text-align: center;
color: #fff;
border: none !important;
}
.do-request{
width: 1000px;
margin: 0 auto 30px;
font-family: 'Roboto Condensed', sans-serif !important;
font-display: swap;	
font-weight: 300;	
display: none;
}
.do-request form{
padding: 35px;
background: #b687dd;
overflow: hidden;
}
.do-request input[type="text"], .do-request textarea{
background: #a267d3;
border: none;
float: right;
height: 47px;
padding: 10px 20px;
outline: none;
position: relative;
z-index: 100;
width: 100%;
color: #212121 !important;
font-size: 26px;
margin-bottom: 20px;
}
::-webkit-input-placeholder {color: #212121 !important;}
::-moz-placeholder          {color: #212121 !important;} :-moz-placeholder           {color: #212121 !important;} :-ms-input-placeholder      {color: #212121 !important;}
.do-request textarea{
resize: vertical;
height: 248px;
}
.do-request button{
width: 266px;
height: 66px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/btn.jpg) no-repeat;
border: none;
line-height: 66px;
text-align: center;
color: #212121;
font-size: 28px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
outline: none;
display: block;
margin: 15px auto 0;
}
.do-request .g-recaptcha{
display: flex;
justify-content: center;
}
#mail_msg{
padding: 20px;
width: 100%;
background: #aed234 !important;
font-size: 28px;
text-align: center;
color: #fff;
float: left;
margin-top: 30px;
text-transform: uppercase;
display: none;
}
#kindergarden-list, #kindergarden-city-list, .hideCity{
display: none !important;
}   .articles{
padding: 35px 0;
overflow: hidden;
}
.articles h2{
color: #39579b;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
font-size: 30px;
margin: 0 0 0;
float: left;
margin-bottom: 35px;
}
.articles .all-articles{
float: right;
color: #39579b;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
font-size: 20px;	
border-bottom: 1px solid #39579b;
}
.articles .all-articles:hover{
border: none;
text-decoration: none;
}
.articles .article img{
width: 100%;
margin-bottom: 25px;
}
.articles .article h3{
margin: 0 0 30px;
text-align: center;	
text-transform: uppercase;
}
.articles .article h3 a{
color: #222;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
border-bottom: 1px solid #222;
font-size: 22px;
}
.articles .article h3 a:hover{
border: none;
text-decoration: none;
}
.articles .article p{
font-family: 'Roboto', sans-serif;	
font-display: swap;	
color: #848484;
font-size: 15px;
line-height: 25px;	
}
.articles .more-article{
font-family: 'Roboto', sans-serif;	
font-display: swap;	
color: #39579b;
font-size: 15px;
text-align: right;
display: block;
margin-top: 15px;
text-decoration: underline;
}
.articles .more-article:hover{
text-decoration: none;
}
.article-img{
float: left;
margin: 0 15px 15px 0;
}   .content{
margin: 40px 97px 0 70px;
}
.category .content{
margin-bottom: 50px;
}
.category .content p{
text-align: justify;
}
.content h1{
color: #39579b;
font-size: 28px;
font-weight: 300;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
margin: 0 0 35px;
}
.content .top-block{
overflow: hidden;
margin-bottom: 20px;
}
.content .top-block img{
float: left;
margin-right: 80px;
width: 488px !important;
height: auto !important;
}
.content .top-block ul{
padding-left: 0;
float: left;
}
.content .top-block ul li{
list-style: none;
position: relative;
margin-bottom: 45px;
color: #212121;
font-size: 15px;
font-family: 'Roboto', sans-serif;	
font-display: swap;	
text-transform: uppercase;
}
.content .top-block ul li a{
color: #212121;
text-decoration: underline;
}
.content .top-block ul li a:hover{
text-decoration: none;
}
.content .top-block ul li span{
margin-right: 5px;
text-transform: none;
font-size: 14px;
color: #707070;
}
.content p{
color: #212121;
font-size: 16px;
font-family: 'Roboto', sans-serif;		
font-display: swap;	
}
.content p span{
text-decoration: underline;
color: #39579b;
}
.content .share-block{
float: left;
}
.content .share-block p{
margin-bottom: 10px;
}
.content .share-block ul{
padding: 0;
display: flex;
}
.content .share-block ul li{
list-style: none;
margin: 0 5px;
}
.content .btn, .form-submit input{
background: #f8971d;
border-radius: 0;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;	
font-size: 28px;
color: #fff;
text-transform: uppercase;
padding: 10px 30px;
float: right;
display: block;
margin: 0 auto 40px;
transition: all .3s linear;
box-shadow: none;	
}	
.content #doRequestBtn{
width: 412px;
}
.content #doRequestBtn.active{
background: #fc5170;
}
.form-submit input{
float: none;
border: none;
}
.content .btn:hover, .form-submit input:hover{
background: #fc5170;
}
.content h4{
color: #fc5170;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
margin: 35px 0;
}
.content .list{
padding: 0;
margin-bottom: 35px;
}
.content .list li{
color: #21212;
font-size: 16px;
font-family: 'Roboto', sans-serif;	
font-display: swap;	
position: relative;
list-style: none;
margin-bottom: 15px;
}
.content .list li.blue{
color: #39579b;
font-weight: bold;
}
.content .list li:before{
content: '-';
margin-right: 5px;
}
.content .services-icons{
padding: 70px 0;
}
.content .services-icons{
padding: 0;
margin-left: 50px;
margin-top: 35px;
}
.content .services-icons li{
color: #212121;
font-size: 15px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;	
font-display: swap;	
position: relative;
list-style: none;
margin-bottom: 50px;
display: inline-block;
zoom: 1;
vertical-align: top;
width: 49%;	
padding-right: 40px;
}
.content .services-icons li span{
color: #707070;
margin-right: 5px;
font-family: 'Roboto', sans-serif;	
font-display: swap;	
font-size: 14px;	
text-transform: none;
}
.content h2{
color: #39579b;
text-align: center;
font-size: 28px;
text-transform: uppercase;
font-weight: 300;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
margin-bottom: 45px;	
}
.index-video-block{
padding: 50px 0;
}
.video-block{
margin-bottom: 30px;
}
.video-block iframe{
display: block;
width: 800px;
height: 400px;
margin: 0 auto 30px;
}
.index-video-block iframe{
margin: 0 auto;
}
.videoSlider img{
width: auto;
max-height: 400px;
margin: 0 auto 10px;
cursor: pointer;
}
#videoSlider img{
width: auto;
max-height: 400px;
margin: 0 auto 10px;
cursor: pointer;
display: block;
}
#videoSliderThumb, .videoSliderThumb{
max-width: 800px;
margin: 0 auto;
}
#videoSliderThumb .owl-item, .videoSliderThumb .owl-item{
padding: 5px;
}
#videoSliderThumb .owl-item:hover, .videoSliderThumb .owl-item:hover{
opacity: 0.7;
}
#videoSliderThumb img, .videoSliderThumb img{
width: 100%;
height: auto;
cursor: pointer;
}
#videoSliderThumb .owl-prev, #videoSliderThumb .owl-next, .videoSliderThumb .owl-prev, .videoSliderThumb .owl-next{
position: absolute;
width: 20px;
height: 20px;
top: 50%;
margin-top: -22px;
}
#videoSliderThumb .owl-prev, .videoSliderThumb .owl-prev{
left: -20px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/video-block-left.png) no-repeat center;
}
#videoSliderThumb .owl-next, .videoSliderThumb .owl-next{
right: -20px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/video-block-right.png) no-repeat center;
}
.under-video{
background: #a6bc2b;
color: #fff;
padding: 30px 0;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
font-size: 18px;	
}
.under-video h2{
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;
font-size: 26px;
margin: 0 0 15px;
}
.under-video img{
display: block;
margin: 0 auto;
}
.kindergartens-video{
text-align: center;
}
.kindergartens-video iframe{
width: 800px;
height: 400px;
display: block;
margin: 0 auto 30px;
}
.content .photogallery{
margin-bottom: 70px;
}
.content .map{
margin-bottom: 70px;
}
.content .icon:before{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/gray-icons.png) no-repeat;
content: '';
position: absolute;
top: 0;
left: -35px;
width: 22px;
height: 30px;
display: block;
}
.content .icon1:before{
background-position: 0 0;
}
.content .icon2:before{
background-position: 0 -49px;
width: 30px;
height: 33px;
top: -5px;
}
.content .icon3:before{
background-position: 0 -97px;
width: 30px;
height: 33px;
top: -6px;
}
.content .icon4:before{
background-position: 0 -144px;
width: 30px;
height: 33px;
top: -6px;
}
.content .icon5:before{
background-position: 0 -338px;
width: 30px;
height: 33px;
top: -6px;
}
.content .icon6:before{
background-position: 0 -392px;
width: 30px;
height: 33px;
top: -6px;
}
.content .icon7:before{
background-position: 0 -190px;
width: 30px;
height: 36px;
top: -6px;
}
.content .icon8:before{
background-position: 0 -238px;
width: 30px;
height: 36px;
top: -6px;
}
.content .icon9:before{
background-position: 0 -288px;
width: 30px;
height: 36px;
top: -6px;
}
.content .icon10:before{
background-position: -35px 0;
width: 35px;
height: 36px;
top: -6px;
left: -38px;
}
.content .icon11:before{
background-position: -35px -96px;
width: 35px;
height: 36px;
top: -5px;
left: -38px;
}
.content .icon12:before{
background-position: -35px -46px;
width: 35px;
height: 36px;
top: -6px;
left: -40px;
}
.content .icon13:before{
background-position: -35px -142px;
width: 35px;
height: 36px;
top: -5px;
left: -40px;
}
.content .icon14:before{
background-position: -35px -186px;
width: 35px;
height: 36px;
top: -5px;
left: -40px;
}
.content .icon15:before{
background-position: -35px -239px;
width: 35px;
height: 36px;
top: -5px;
left: -40px;
}
.content .icon16:before{
background-position: -35px -288px;
width: 35px;
height: 36px;
top: -5px;
left: -40px;
}
#comments{
width: 80%;
margin: 0 auto;	
}
#comments textarea{
width: 100%;
height: 150px;
resize: vertical;
}
.content #reply-title, .comment-form-comment label, .comment-author, .comments-title{
display: none;
}
.comment-form{
max-width: 600px;
margin: 0 auto;
}
.comment-form span.required{
text-decoration: none !important;
color: #fc5170 !important;
}
.comment-form label span.required{
float: left;
margin-right: 5px;
}
.comment-form label{
width: 10%;
}
.comment-form input[type="text"]{
width: 89%;
padding: 10px;
}
.comment-list{
padding: 0;
}
.comment-list li{
margin-bottom: 20px;
}
.comment-list li, .comment-list li a{
list-style: none;
padding: 10px 20px;
color: #39579b;
}
.comment-meta{
margin-bottom: 15px;;
}
.comment-meta a{
padding-left: 0 !important;
}
.comment-list li:first-child {
background: #fc5170;
}
.comment-list li:nth-child(3) {
background: #f8981d;
}
.comment-list li:nth-child(5) {
background: #27aae2;
}
.comment-list li:nth-child(7) {
background: #74bc2a;
}
.comment-list li:nth-child(9) {
background: #ffc000;
}
.comment-list li:first-child, .comment-list li:first-child a, .comment-list li:first-child p, .comment-list li:nth-child(3), .comment-list li:nth-child(3) a, .comment-list li:nth-child(3) p, .comment-list li:nth-child(5), .comment-list li:nth-child(5) a, .comment-list li:nth-child(5) p, .comment-list li:nth-child(7), .comment-list li:nth-child(7) a, .comment-list li:nth-child(7) p, .comment-list li:nth-child(9), .comment-list li:nth-child(9) a,  .comment-list li:nth-child(9) p {
color: #fff;
}
ol.children{
margin-top: 15px;
}
.clouds a{
font-size: 14px;
text-decoration: underline;
margin: 10px;
}
.clouds a:hover{
text-decoration: none;
}
.clouds{
text-align: center;
}
.map iframe{
width: 100%;
}
.article-item{
overflow: hidden;
margin-bottom: 35px;
}
.article-item  .animate-link{
position: relative;
display: block;
overflow: hidden;
width: 250px;		
float: left;
margin-right: 20px;	
}
.article-item .animate-link i{
position: absolute;
top: 0;
bottom: 0px;
left: 0;
right: 0;
background: rgba(221, 221, 221, 0.74);
display: none;
}
.article-item .animate-link i:before{
content: '';
display: block;
width: 32px;
height: 32px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/link-icon.png);
position: absolute;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
}
.article-item img{
width: 250px;
height: auto;
}
.article-item h2{
text-align: left;
margin-bottom: 20px;
margin-top: 0;
}
.article-content img{
float: left;
margin: 0 20px 20px 0;
}
.article-content .share-block{
margin-top: 15px;
}
.navigation, .wp-pagenavi{
margin: 35px 0 0;
font-size: 20px;
color: #39579b;
}
.wp-pagenavi a, .wp-pagenavi span{
border: none !important;
}
.navigation .pages, .wp-pagenavi .pages{
margin-right: 20px;
}
.navigation .page-numbers, .wp-pagenavi .page, .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{
padding: 5px 10px;
background: #39579b;
color: #fff;
transition: all .3s linear;
}
.navigation .page-numbers.current, .navigation .page-numbers.current:hover, .wp-pagenavi .current{
background: #fc5170;
}
.wp-pagenavi span.current{
padding: 5px 10px;
color: #fff;
}
.wp-pagenavi .last, .wp-pagenavi .first{
display: none !important;
}
.navigation .page-numbers:hover, .wp-pagenavi .page:hover{
text-decoration: none;
background: #ffd04e;
}   .search h1 span{
color: #ff993f;
}
.search ul li{
list-style: none;
margin-bottom: 20px;
}
.search ul li:before{
content: '-';
margin-right: 10px;
font-size: 20px;
}
.search ul li a{
font-size: 20px;
text-decoration: underline;
}
.search ul li a:hover{
text-decoration: none;
}   .footer{
overflow: hidden;
position: relative;
z-index: 10;	
}
.footer .inner{
margin-top: 45px;
}
.ads-portal{
background:#27aae2;
padding: 15px 0 30px;
}
#iibravo20seller {width:100%;font-family:Verdana;font-display: swap;border:0px #FFFFFF solid;padding:8px;background:#27aae2} 
#iibravo20seller p {padding:0;margin:0}
#iibravo20seller a {color:#ffffff;text-decoration:underline} 
#iibravo20seller a:hover {color:#00ccff;text-decoration:underline} 
#iibravo20seller img {margin:3px 10px 0 0;display:;width:250px;height:172px;border:0px #FFFFFF solid} 
#iibravo20seller .feedTitle {font-size:12px;display:undefined} 
#iibravo20seller ul {padding:0;margin:0;display:flex;justify-content:space-between;} 
#iibravo20seller li {list-style-type:none;clear:none;width:280px;padding-right:20px}
#iibravo20seller .headline {font-size:16px;font-weight:bold} 
#iibravo20seller div {font-size:14px;color:#000000;} 
#iibravo20seller .date {padding:0;margin:0;} 
#creditfooter {clear:both;display:undefined;padding-top:8px !important;font-size:undefinedpx;text-align:right} 
#iibravo20sellerheb {width:100%;font-family:Tahoma;font-display: swap;border:0px #FFFFFF solid;padding:0px;background:#27aae2} 
#iibravo20sellerheb p {padding:0;margin:0}
#iibravo20sellerheb a {color:#ffffff;text-decoration:underline} 
#iibravo20sellerheb a:hover {color:#00ccff;text-decoration:underline} 
#iibravo20sellerheb img {margin:3px 0 0 10px;display:;width:250px;height:172px;border:0px #FFFFFF solid} 
#iibravo20sellerheb .feedTitle {font-size:12px;display:undefined} 
#iibravo20sellerheb ul {padding:0;margin:0;display:flex;justify-content:space-between;} 
#iibravo20sellerheb li {list-style-type:none;clear:none;width:280px;padding-left:20px}
#iibravo20sellerheb .headline {font-size:16px;font-weight:bold} 
#iibravo20sellerheb div {font-size:12px;color:#000000;} 
#iibravo20sellerheb .date {padding:0;margin:0;} 
#creditfooter {clear:both;display:undefined;padding-top:8px !important;font-size:undefinedpx;text-align:right} 
.footer:before{
content: '';
display: block;
height: 4px;
width: 100%;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/footer-bg.jpg) repeat-x;
}
.footer .nav{
text-align: center;
margin: 28px 0 30px;
}
.footer .nav li{
display: inline-block;
float: none;
}
.footer .nav li:after{
content: '|';
display: inline-block;
font-size: 24px;
font-weight: 300;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
margin-top: 5px;
}
.footer .nav li a{
float: left;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;	
font-size: 20px;
text-transform: uppercase;
padding: 10px 25px;	
color: #696969;
transition: all .3s linear;
}
.footer .nav li a:hover, .footer .nav li a:focus{
background: none;
}
.footer .nav li:nth-child(1) a:hover{
color: #fc5170;
}
.footer .nav li:nth-child(2) a:hover{
color: #ff993f;
}
.footer .nav li:nth-child(3) a:hover{
color: #80bce6;
}
.footer .nav li:nth-child(4) a:hover{
color: #aed234;
}
.footer .nav li:nth-child(5) a:hover{
color: #ffd04e;
}
.footer .main-copyright{
text-align: center;
margin-bottom: 25px;
}
.footer .main-copyright p{
color: #000;
font-family: 'Roboto', sans-serif;
font-display: swap;	
font-size: 14px;	
}
.footer p.phone{
text-align: center;
color: #39579b;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-size: 18px;	
margin-bottom: 77px;
}
.footer .seo-block{
color: #696969;
font-size: 18px;
font-family: 'Roboto', sans-serif;
font-display: swap;	
text-align: justify;
margin-bottom: 70px;
}
.footer .bottom-footer{
background: #fc5170;
padding: 66px 0 46px;
text-align: center;
font-size: 14px;
color: #fff;
font-family: 'Roboto', sans-serif;
font-display: swap;
}
.footer .bottom-footer a{
color: #fff;
}
.footer .webtime-top{
margin-bottom: 35px;
}
#portalsSlider .owl-prev, #portalsSlider .owl-next{
position: absolute;
width: 20px;
height: 20px;
top: 50%;
margin-top: -10px;
}
#portalsSlider{
margin: 0 auto;
direction: ltr;
}
#portalsSlider .owl-prev{
left: 0;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/video-block-left.png) no-repeat center;
}
#portalsSlider .owl-next{
right: 0;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/video-block-right.png) no-repeat center;
}
#portalsSlider .div_logo{
float: none !important;
margin: 0 auto !important;
}
#portalsSlider .div_logo a{
margin: 0 auto;
}   .he .header .logo{
float: right;
margin-left: 0;
margin-right: 120px;
}
.he .header .top-header{
padding: 10px 0  28px 95px;
}
.he .header .social-block{
float: left;
}
.he .header .search-form{
float: left;
margin: 0 0 25px 25px;	
}
.he .header .search-form input[type="text"]{
float: right;
text-align: right;
border-right: none;
border-left: 1px solid #fff;
}
.he .header .big-banner{
float: left;
}
.he .header .nav{
margin: 0 70px 0 97px;
}
.he .header .nav li{
float: right;
}
.he .header .nav:after{
right: auto;
left: 0;
width: 261px;	
}
.he .header .cities, .he .content .cities {
width: 830px;
float: right;
padding-left: 0;
padding-right: 115px;
}
.he .header .cities ul, .he .content .cities ul{
direction: rtl;
}
.he.category .header .cities, .he  .content .cities{
width: 100%;
}
.he .header .cities li, .he .content .cities li{
width: 200px;
text-align: right;
}
.he .header #slider_top{
float: left;
direction: ltr;
}
.he .header #slider_top img{
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH"; 
}
.he .kindergarten h2, .he .kindergarten h2 a{
text-align: right;
}
.he .kindergarten .left{
float: right;
}
.he .kindergarten .right{
float: left;
margin-left: 0;	
margin-right: 65px;	
}
.he .kindergarten ul li span{
float: right;
margin-left: 10px;	
margin-right: 0;	
}
.he .kindergarten .icon:before{
left: auto;
right: -35px;
}
.he .kindergarten .icon1:before{
left: auto;
right: -33px;
}
.he .kindergarten .icon8:before{
right: -48px;
left: auto;
}
.he .kindergarten .icon9:before{
right: -44px;
left: auto;
}
.he .kindergarten .icon10:before{
right: -50px;
left: auto;
}
.he .kindergarten .icon11:before{
right: -50px;
left: auto;
}
.he .kindergarten .icon12:before{
right: -50px;
left: auto;
}
.he .kindergarten .icon13:before{
right: -50px;
left: auto;
}
.he .kindergarten .icon14:before{
right: -50px;
left: auto;
}
.he .info h2{
float: right;
}
.he .info .all-info{
float: left;
}
.he .info{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/info_bg_he.jpg) no-repeat bottom right;
}
.he .info-items{
float: left;
margin: 0 540px 0 45px;
}
.he .request .left{
float: right;
margin-left: 0;
margin-right: 50px;
}
.he .request .right{
margin-left: 0;
margin-right: 90px;
}
.he .request p{
text-align: right;
}
.he .request p span{
float: left;
}
.he .request input[type="text"], .request input[type="email"], .request textarea{
text-align: right;
}
.he .right-fix{
float: left;
}
.he .right-fix p span{
width: 100%;
}
.he .big-input span{
width: 100%;
}
.he .request .submit-block input[type="submit"]{
float: left;
}
.he .request .submit-block img{
float: right;
}
.he .submit-block span{
float: right !important;
}
.he .wpcf7-captchar{
float: right !important;
}
.he .request p input[type="radio"]{
margin-left: 10px;
margin-right: 0;
}
.he .request p input[type="radio"]:first-child {
margin-left: 10px;
margin-right: 70px;
}
.he .prodlenka, .he .podvozka{
margin-left: 185px;
}
.he .articles h2{
float: right;
}
.he .articles .all-articles{
float: left;
}
.he .articles .col-md-4{
float: right;
}
.he .articles .more-article{
text-align: left;
}
.he .article-img{
float: right;
margin: 0 0 15px 30px;
}
.he .article-img img{
margin: 0;
}
.he .footer .nav{
direction: rtl;
}
.he .footer .nav li:before{
content: '|';
display: inline-block;
font-size: 24px;
font-weight: 300;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
margin-top: 5px;
}
.he .footer .nav li:after{
display: none;
}
.he .footer .nav li:first-child:before{
color: #fff;
}
.he .content h1{
text-align: right;
}
.he .content p{
text-align: right;
}
.he .article-item h2{
text-align: right;
}
.he .article-item .animate-link{
float: right;
margin-right: 0;	
margin-left: 20px;
}
.he .order-form .submit-block img{
float: right;
}
.he .order-form .submit-block input[type="submit"]{
float: left;
}
.he .contact-page .order-form .submit-block input[type="submit"], .he .contact-page .order-form .g-recaptcha{
float: right;
}	
.he .breadcrumbs{
float: right;
width: 100%;	
margin-right: 70px;
}
.he .content .top-block img{
float: right;
margin-right: 0;	
margin-left: 80px;	
}
.he .content .share-block{
float: right;
}
.he .content .btn, .he .form-submit input{
float: left;
}
.he .do-request .col-md-6{
float: right;
}
.he .do-request input[type="text"], .he .do-request textarea{
text-align: right;
}
.he .content h4{
text-align: right;
}
.he .content .list{
text-align: right;
}
.he .content .top-block ul{
float: right;
}
.he .content .icon:before{
left: auto;
right: -35px;
}
.he .kindergarten ul li, .he .content .services-icons li{
padding-right: 0;
padding-left: 40px;
}
.he .content .services-icons{
margin-left: 0;
margin-right: 50px;	
}
#watchCitiesBtn{
display: none;
}
#toUp{
width: 48px;
height: 30px;
display: block;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/toUp.png) no-repeat;
position: fixed;
bottom: 70px;
right: 15px;
z-index: 9999;
cursor: pointer;
display: none;
}
#menu-item-2102-he, #menu-item-2103-ru{
display: none;
}   @media(max-width:1024px) {
.inner{
width: 100%;
}
.header, .category .header, .second .header{
height: auto;
padding-bottom: 30px;
}
.header .top-header, .he .header .top-header{
padding: 15px 0;
}
.header .logo, .he .header .logo{
float: none;
margin: 0 auto 15px;
}
.category .header .logo-bg, .category .he .header .logo-bg, .second .header .logo-bg, .second .he .header .logo-bg{
position: fixed;
background: #fff;
width: 100%;
top: 0;
left: 0;
overflow: hidden;
z-index: 7777;
}
.category .header .logo, .category .he .header .logo, .second .header .logo, .second .he .header .logo{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/logo-mob.jpg) no-repeat;
background-size: contain;
width: 220px;
height: 52px;
margin: 0 auto;
}
.header .social-block, .he .header .social-block{
float: none;
margin: 0;
overflow: hidden;
width: 100%;
text-align: center;
}
.header .social-block .social, .header .social-block .languages, .he .header .social-block .social, .he .header .social-block .languages{
display: inline-block;
float: none;
display: none;
}
.header .social-block ul li, .he .header .social-block ul li{
float: none;
display: inline-block;
}
.header .search-form, .he .header .search-form{
float: none;
width: 100%;
padding: 0 15px;
margin: 0 auto 10px;
text-align: center;
}
.category .header .search-form, .category .he .header .search-form, .second .header .search-form, .second .he .header .search-form{
margin-top: 65px;
}
.header .search-form input[type="text"], .he .header .search-form input[type="text"]{
display: inline-block;
width: 85%;
}
.header .search-form input[type="submit"], .he .header .search-form input[type="submit"]{
display: inline-block;
width: 15%;
}
.header .nav, .he .header .nav{
float: none;
position: fixed;
width: 100%;
top: -600px;
left: 0;
background: #8dc63f;
z-index: 9000;
margin: 0;
box-shadow: 1px 1px 10px #000;
height: auto;		
padding: 0;
}
.header .nav li, .he .header .nav li{
float: none;
width: 100%;
background: #8dc63f;
text-align: center;		
border-bottom: 1px solid #afd779;		
}
.header .nav li, .he .header .nav li{
max-width: 100%;
width: 100%;
border: none;
}
#menu-item-2102-he, #menu-item-2103-ru{
display: block;
}	
.header .nav li a, .he .header .nav li a, .header .nav li:hover a, .he .header .nav li:hover a, .header .nav li a:focus, .he .header .nav li a:focus{
border: none;
color: #fff;
width: 100%;
max-width: 100%;		
}
.header .nav li:nth-child(1) a{
background: #fc5170;	
}
.header .nav li:nth-child(2) a{
background: #ff993f;
}
.header .nav li:nth-child(3) a{
background: #80bce6;	
}
.header .nav li:nth-child(4) a{
background: #aed234;
}
.header .nav li:nth-child(5) a{
background: #ffd04e;
}
.header .nav li:nth-child(6) a{	
background: #848484;
}
.header .nav:after{
display: none;
}
#menu-icon{
position: fixed;
top: 10px;
right: 10px;
width: 30px;
cursor: pointer;
z-index: 9999;
height: 25px;
display: block;
}
.he #menu-icon{
left: 10px;
right: 	auto;
}
#menu-icon:before{
content: '';
display: block;
width: 30px;
height: 5px;
background: #534741;	
transition: all .3s linear;
}
#menu-icon:after{
content: '';
display: block;
width: 30px;
height: 5px;
background: #534741;	
transition: all .3s linear;
}	
#menu-icon span{
width: 30px;
height: 5px;
background: #534741;
display: block;
margin: 5px 0;
transition: all .3s linear;	
cursor: pointer;
}	
#menu-icon.active{
top: 20px;
}
#menu-icon.active span{
margin: 0;
display: none;
}
#menu-icon.active:before{
transform: rotateZ(45deg);
margin-top: 5px;		
}
#menu-icon.active:after{
transform: rotateZ(-45deg);
margin-top: -5px;	
}		
.header #slider_top, .he .header #slider_top{
display: none !important;
}
.header.header-home{
padding-bottom: 0;
}
.header .social-block .languages ul{
padding: 0;
}
.header .big-banner, .he .header .big-banner{
width: 100%;
text-align: center;
float: none;
padding: 5px 15px;
height: auto;
}
.header .big-banner img{
width: 100%;
height: auto;
}
.header .cities, .he .header .cities, .content .cities, .he .content .cities{
float: none;
width: 100%;
padding: 0;
margin-top: 15px;
position: relative;
}
#watchCitiesBtn{
display: block;
width: 200px;
padding: 15px;
text-align: center;
margin: 0 auto;
cursor: pointer;
background: #f8971d;
border-radius: 0;
font-family: 'Roboto Condensed', sans-serif;
font-display: swap;	
font-weight: 300;	
color: #fff;
font-size: 20px;
}
.header .cities ul, .he .header .cities ul{
display: none;
}
.header .cities li, .content .cities li{
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.small-banners{
float: none;
margin: 0;
text-align: center;
}
.small-banner{
display: inline-block;
float: none;
margin-bottom: 10px;
}
.breadcrumbs{
margin: 15px 0 0 15px;
}
.he .breadcrumbs {
float: right;
width: 100%;
margin-right: 0px;
padding: 0 15px;
}	
.home-title {
margin: -10px 0 0;
padding: 0 15px 15px;
text-align: center;
}	
.content h2{
text-transform: none;
}
.kindergarten h2, .kindergarten h2 a, .he .kindergarten h2, .he .kindergarten h2 a{
text-align: center;
text-transform: none;
}
.kindergarten .more{
text-transform: none;
}
.kindergarten .left, .he .kindergarten .left{
float: none;
width: 290px;
margin: 0 auto 30px;
text-align: center;		
}
.kindergarten .left img{
width: 100% !important;
height: auto !important;
}
.kindergarten .right, .he .kindergarten .right{
float: none;
width: 100%;
margin: 0 auto;
}
.kindergarten ul li{
display: block;
margin: 0 auto 25px;
width: 100%;
padding: 0 0 0 30px;
}
.kindergarten .icon:before{
left: -5px !important;
}
.he .kindergarten ul li{
display: block;
margin: 0 auto 25px;
width: 100%;
padding: 0 30px 0 0;
}
.he .kindergarten .icon:before{
left: auto !important;
right: -5px !important;
}	
.he .kindergarten .icon.icon8:before, .he .kindergarten .icon.icon13:before, .he .kindergarten .icon.icon10:before, .he .kindergarten .icon.icon11:before, .he .kindergarten .icon.icon9:before{
right: -18px !important;
}
.info, .he .info{
background: none;
padding: 30px 0;
}
.info h2, .he .info h2{
float: none;
text-align: center;
margin-bottom: 10px;
text-transform: none; 
}
.info .all-info, .he .info .all-info{
float: none;
text-align: center;
display: table;
margin: 0 auto 15px;
}
.info-items, .he .info-items{
float: none;
margin: 0 15px;
}
.he .info-item{
text-align: right;
}
.request h2{
text-transform: none;
}
.articles{
padding: 30px 0;
text-transform: none;
}
.articles h2, .he .articles h2{
float: none;
text-align: center;
margin-bottom: 10px;
}
.articles .article h3{
text-transform: none;
}
.articles .all-articles, .he .articles .all-articles{
float: none;
text-align: center;
display: table;
margin: 0 auto 15px;
}
.articles .all-articles:hover{
border-bottom: 1px solid #fff;
}
.he .articles .col-md-4{
float: none;
}
.articles .col-md-4 img{
width: 320px !important;
height: auto !important;
display: block;
margin: 0 auto 25px;
}
.articles .more-article{
text-align: center;
margin-bottom: 20px;
}
.content{
margin: 0 15px 30px;
}
.content h1, .he .content h1{
text-align: center;
margin-bottom: 30px;
}
.content h2, .he .content h2{
margin-bottom: 30px;
}
.content .top-block img, .he .content .top-block img{
width: 320px !important;
height: auto !important;
float: none;
margin: 0 auto 30px;
display: block;
}
.content .top-block ul, .he .content .top-block ul{
float: none;
padding: 0 50px;
}
.content .top-block ul li, .he .content .top-block ul li{
display: block;
margin: 0 auto 15px;
}
.content .share-block, .he .content .share-block{
float: none;
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.content #doRequestBtn, .he .content #doRequestBtn{
float: none;
width: 290px;
font-size: 20px;
margin: 0 auto;
display: block;
padding: 10px;
}
.do-request, .he .do-request{
width: 100%;
padding: 0 15px;
}
.content .services-icons li, .he .content .services-icons li{
display: block;
margin-bottom: 30px;
width: 100%;
}
#gallery-2 .gallery-item, .he #gallery-2 .gallery-item{
width: 50% !important;
float: none !important;
display: inline-block !important;
}	
.content .photogallery, .he .content .photogallery{
margin-bottom: 30px;
text-align: center;
}
.content .btn, .form-submit input{
font-size: 24px;
}
.article-item .animate-link, .he .article-item .animate-link{
float: none;
margin: 0 auto 30px;
}
.article-item h2, .he .article-item h2{
text-align: center;
}
.footer .nav{
display: none;
}
.footer{
padding-top: 0px;
}
.footer:before{
margin-bottom: 50px;
}
.footer p.phone{
margin-bottom: 30px;
text-transform: none;
}
.footer .seo-block{
margin-bottom: 30px;
}
.right-fix, .he .right-fix{
float: none !important;
}
.request .left, .he .request .left{
width: 100%;
margin: 0;
padding: 0 15px;
}
.request .right, .he .request .right{
width: 100%;
margin: 0;
padding: 0 15px;		
}
.request input[type="text"], .order-form input[type="text"], .he .request input[type="text"], .he .order-form input[type="text"]{
width: 100% !important;
}
.request p input[type="radio"]:first-child, .order-form p input[type="radio"]:first-child, .he .request p input[type="radio"]:first-child, .he .order-form p input[type="radio"]:first-child{
margin: 0;
}
.request p input[type="radio"], .order-form p input[type="radio"], .he .request p input[type="radio"], .he .order-form p input[type="radio"], .he .prodlenka, .he .podvozka{
margin: 0;
}
span.wpcf7-form-control-wrap, .he span.wpcf7-form-control-wrap{
display: block;
width: 100%;
}
.order-form, .he .order-form{
padding: 15px 0;
}
.request p, .order-form p, .he .request p, .he .order-form p{
font-size: 20px !important;
margin-bottom: 15px;
}
.order-form p span, .he .order-form p span{
font-size: 20px;
}
.request .submit-block, .order-form .submit-block, .he .request .submit-block, .he .order-form .submit-block{
margin-bottom: 0;
}
.request .submit-block img, .order-form  .submit-block img, .he .request .submit-block img, .he .order-form  .submit-block img{
margin: 10px auto;
display: block;
float: none;
}
.request .submit-block input[type="text"], .order-form  .submit-block input[type="text"], .he .request .submit-block input[type="text"], .he .order-form  .submit-block input[type="text"]{
float: none;
}
.request .submit-block input[type="submit"], .order-form  .submit-block input[type="submit"], .he .request .submit-block input[type="submit"], .he .order-form  .submit-block input[type="submit"]{
float: none;
display: block;
margin: 0 auto;
}
div.wpcf7 img.ajax-loader, .he div.wpcf7 img.ajax-loader {
height: 0;
}
.do-request form, .he .do-request form{
padding: 10px 5px;
}
.do-request input[type="text"], .do-request textarea, .he .do-request input[type="text"], .he .do-request textarea{
font-size: 18px;
}
.do-request button, .he .do-request button{
width: 200px;
}
.content .btn, .form-submit input, .he .content .btn, .he .form-submit input{
font-size: 14px;
}
.article-img, .he .article-img{
float: none;
margin: 0 0 15px;
}
.article-content img, .he .article-content img{
width: 100%;
height: auto;
margin: 0;
float: none;
}
.comment-form label, .comment-form input[type="text"]{
width: 100%;
}
.navigation{
padding: 0 15px;
text-align: center;
}
.navigation .pages {
margin-right: 20px;
display: block;
margin: 0 auto;
text-align: center;
}	
.navigation .page-numbers.current{
float: none;
display: inline-block;
margin-top: 15px;
}
.navigation .page-numbers {
margin-top: 15px;
display: inline-block;
float: none;
}	
.order-form textarea, .do-request textarea{
height: 150px;
}
#form_message{
width: 100%;
}
.he .do-request .col-md-6{
float: none;
}
.he .comment-form label span.required {
float: right;
margin-left: 5px;
}
.comment-form #submit{
margin: 0 auto;
display: block;
float: none !important;
}
.new-year-ball{
float: none;
width: 100%;
text-align: center;
display: block;
margin: 0 0 10px;
}
.new-year-ball .ball{
display: none;
}
.video-block{
padding: 15px;
}
.video-block iframe, .kindergartens-video iframe{
width: 100% !important;
height: 200px !important;
}
#videoSliderThumb, .videoSliderThumb{
display: none !important;
}
.under-video img{
width: 100%;
height: auto;
margin-bottom: 15px;
}
#whatsup{
display: block;
position: fixed;
bottom: 5px;
left: 10px;
z-index:500;
}	
#videoSlider .owl-prev, #videoSlider .owl-next, .videoSlider .owl-prev, .videoSlider .owl-next{
position: absolute;
width: 20px;
height: 20px;
top: 50%;
margin-top: -12px;
}
#videoSlider .owl-prev, .videoSlider .owl-prev{
left: -20px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/video-block-left.png) no-repeat center;
}
#videoSlider .owl-next, .videoSlider .owl-next{
right: -20px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/img/video-block-right.png) no-repeat center;
}
.videoSlider img{
width: 100%;
height: auto;
margin: 0 auto 10px;
cursor: pointer;
}
#videoSlider img{
width: 100%;
height: auto;
margin: 0 auto 10px;
cursor: pointer;
display: block;
}
#doRequest .g-recaptcha{
display: block;
width: 100% !important;
float: none;
}
#doRequest button{
display: block;
position: relative;
}
#doRequest div{
height: auto !important;
}
.content .share-block ul{
justify-content: center;
flex-wrap: wrap;
}
.content .share-block ul li{
margin: 0 7px 10px;
}
.content .share-block ul li img{
height: auto;
}
#iibravo20seller ul, #iibravo20sellerheb ul {
flex-direction: column;
} 
#iibravo20seller li, #iibravo20sellerheb li{
padding: 0 15px;
margin-bottom: 30px;
width: 100%;
}
}
@media(max-width:600px) {
#iibravo20seller li img, #iibravo20sellerheb li img{
margin-bottom: 15px;
width: 100%;
height: auto;
}	
#gallery-2 .gallery-item{
width: 100% !important;
}
#gallery-2 img{
width: 100% !important;
height: auto;
}
#gallery-2 .gallery-caption{
font-size: 18px;
}
.jq-selectbox {
z-index: 300 !important;
width: 100% !important;	
}
.jq-selectbox__dropdown{
z-index: 200;
left: 0;			
}
.jq-selectbox__dropdown li{
white-space: normal;
}
.you-city{
position: relative;
z-index: 400;
}
}
#commentform .comment-form-url, #commentform .comment-form-cookies-consent{
display: none !important;
}#wfd-link{
width: 71px;
height: 93px;
position: fixed;
top: 50px;
left: 0;
background: #c2e7eb !important;
z-index: 7000;
transition: all .3s linear;
}
#wfd-link.backgroungWhite{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/disabled-icon-black.png) no-repeat center !important;
border: 1px solid #000;
border-right: none;
}
#wfd-link.backgroundBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/disabled-icon-yellow.png) no-repeat center !important;
border: 1px solid #000;
border-right: none;
}
#wfd-link.backgroungWhite img{
display: none;
}
#loupeText{
font-weight: normal;
}
#wfd-link img{
display: block;
margin: auto 0;
transition: all .3s linear;
}
#wfd{
min-width: 340px;
position: fixed;
top: 15px;
left: -1000px;
transition: all 0.4s linear;	
z-index: 7000;
font-family: Arial;		
box-shadow: 0px 0px 15px #ccc;	
border-radius: 15px;		
height: 100%;
overflow: auto;	
}
#wfdPanel{
}
#wfd.active{
left: 0;
}
#wfd-link.active{
left: -64px;
}
#wfd a{
color: #231f20;
text-decoration: underline;
margin: 0 15px 10px;
}
#wfd a:hover{
text-decoration: none;
}
#textMagnifyingGlass{
z-index: 999999;
border: 2px solid #54c5d0;
padding: 5px;
background-color: rgba(255, 255, 255, 0.7);
box-shadow: 1px 1px 3px #000;
font-size: 2em;
position: absolute;
z-index: 9999;
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
} .wfdHeader{
height: 50px;
position: relative;
}
#wfd .wfdHeader #wfdClose{
position: absolute;
top: 10px;
right: 10px;
width: 15px;
height: 15px;
display: block;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/close.png) no-repeat center !important;
transition: all .3s linear;
}
#wfd .wfdHeader #wfdClose.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/close-yellow.png) no-repeat center !important;
}
#wfd .wfdHeader #wfdClose:hover{
transform: rotate(180deg);
}
#wfd .wfdHeader p{
float: left;
display: block;
margin: 0;	
line-height: 50px;
background: #9ee5ec;
color: #000;
font-size: 18px;
height: 50px;
width: 100%;
text-align: center;
border-top-right-radius: 15px;	
}
#wfd .wfdHeader a{
display: block;
float: right;
margin: 0;
width: 18%;
height: 50px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/go-webtime.png) no-repeat center #54c5d0 !important; 
}
#wfd .wfdHeader a.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/go-webtime-yellow.png) no-repeat center #54c5d0 !important; 
}
#wfd .wfdSection{
min-height: 50px;
overflow: hidden;
text-align: center;
position: relative;
background: rgba(255,255,255, 0.9);	
display: flex;
justify-content: center;
align-items: center;	
flex-direction: row-reverse;	
}
#wfd .loupe{
background: #dddcda;
color: #000;
}
#wfd .loupe i{
display: inline-block;
width: 21px;
height: 27px;
background: url(https://4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/loupe.png) no-repeat;
margin: 0 0px -10px 10px;	
}
#wfd .wfdSection label{
font-size: 13px;
font-weight: normal;
display: block;
width: 33.33%;
cursor: pointer;
margin: 0;
border-right: 1px solid #ebebeb !important;	
}
#wfd .wfdSection label:focus, #wfd .wfdSection label:hover{
background: #54c5d0;
color: #fff;
}
#wfd .wfdSection label span{
display: block;
width: 100%;
}
#wfd .wfdSection label.wfd-text-block{
width: 100%;
line-height: 50px;
border: none;
}
#wfd .wfdSectionTitle{
line-height: 50px;
position: relative;
overflow: initial;	
}
#wfd .wfdSectionTitle:after{
content: '';
position: absolute;
bottom: -7px;
left: 0;
height: 7px;
width: 100%;
background: url(https://4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/title-shadow.png) no-repeat;
background-size: cover;
}
#wfd .backgroundTitle{
background: #e8d782;
color: #fff;
}
#wfd .textTitle{
background: #9bcfae;
color: #fff;
}
#wfd .mouseTitle{
background: #c5da9a;
color: #fff;
}
#wfd .colorTitle{
background: #c09ece;
color: #fff;
}
#wfd .upgradeLink{
background: #f2b5ae;
}
#wfd .resetWfd{
background: #f7c4d2;	
}
#wfd .backgroundTitle i{
display: inline-block;
width: 32px;
height: 27px;
background: url(https://4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/bg.png) no-repeat;
margin: 0 0 -10px 10px;
}
#wfd .textTitle i{
display: inline-block;
width: 62px;
height: 27px;
background: url(https://4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/text-he.png) no-repeat;
margin: 0 -25px -7px 10px;	
}
#wfd .mouseTitle i{
display: inline-block;
width: 32px;
height: 27px;
background: url(https://4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/mouse.png) no-repeat;
margin: 0 0px -3px 10px;	
}
#wfd .colorTitle i{
display: inline-block;
width: 32px;
height: 27px;
background: url(https://4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/color.png) no-repeat;
margin: 0 0px -7px 10px;	
}
input[type="text"]#colorBackground, input[type="text"]#colorTitle, input[type="text"]#colorText{
display: none;
}
#wfd .wfdSection input[type="button"]{
width: 0;
height: 0;
border: none;
padding: 0;
}
#wfd .wfdSection input[type="image"]{
display: block;
margin: 5px auto 0;
}
#wfd .wfdSection input[type="text"]{
background: none;
width: 0;
height: 0;
border: none;
padding: 0;	
overflow: hidden;
}
#wfd .wfdSection .section-icon{
display: inline-block;
width: 30px;
height: 30px;
position: relative;
margin: 0 0px -10px 10px;	
}
.wfdFooter{
background: #c2e7eb !important;
color: #000;
text-align: center;
padding: 20px 10px 20px;
border-bottom-right-radius: 15px;	
} #wfd .loupe-icon{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/loupe.png) no-repeat center !important;
}
#wfd .text-icon{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/text-icon.png) no-repeat center !important;
}
.wfd-ru #wfd .text-icon{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/text-icon-ru.png) no-repeat center !important;
}
#wfd .background-icon{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/background-icon.png) no-repeat center !important;
}
#wfd .custom-color-icon{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/custom-background.png) no-repeat center !important;
}
#wfd .cursor-icon{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/cursor-icon.png) no-repeat center !important;
}
#wfd .link-icon{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/link.png) no-repeat center !important;
}
#wfd .upgrade-font-icon{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/upgrade-font.png) no-repeat center !important;
}
#wfd .reset-all-icon{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/reset-all.png) no-repeat center !important;
}
#wfd .wfd-help-icon{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/help-icon.png) no-repeat center !important;
}
#wfd .color-text-icon:before{
content: '';
display: block;
margin: 0 auto;
width: 18px;
height: 16px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/color-text.png) no-repeat center !important;
}
#wfd .color-title-icon:before{
content: '';
display: block;
margin: 0 auto;
width: 18px;
height: 16px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/color-title.png) no-repeat center !important;
}
#wfd .color-background-icon:before{
content: '';
display: block;
margin: 0 auto;
width: 18px;
height: 16px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/color-background.png) no-repeat center !important;
}
.outline{
outline: 2px solid #54c5d0 !important;
transition: all .3s linear !important;
}
a:focus{
outline: 2px solid #54c5d0 !important;
transition: all .3s linear !important;
}
.headingBtn{
margin: 0;
}
.headingBtn a{
position: fixed;
bottom: -200px;
left: 0;
width: 100%;
overflow: hidden;
transition: all .3s linear;
}
.headingBtn a:focus{
z-index: 999999 !important;
background: rgba(84, 197, 208, 0.75);
padding: 35px 30px;
margin: 0 !important;
color: #fff;
font-size: 20px;	
width: 100%;
bottom: 0 !important;
left: 0 !important;
color: #fff !important;
border-top: 1px solid #000;
}
.underlineLink{
text-decoration: underline !important; 
}
.upgradeFont{
font-family: Arial !important;
} .wfd-ru img.wfdBlack, .wfdBlackFilter, .wfdBlack:after, .wfdBlack:before{
-webkit-filter: grayscale(100%) !important;
}
iframe.wfdBlack{
-webkit-filter: grayscale(100%) !important;
}
.wfdBlack, .wfd-ru .wfdBlack:after, .wfd-ru .wfdBlack:before{
q-webkit-filter: grayscale(100%);
color: yellow !important;	
background-color: #000 !important;
border-color: yellow !important;
}
.wfdBlack .headingBtn a:focus {
background: rgba(0, 0, 0, 0.75);
border-top: 1px solid #000;
color: yellow;
}
.wfdBlack a:focus{
outline: 2px solid yellow !important;
}
#wfd .loupe i.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/loupe-yellow.png) no-repeat center !important;
}
#wfd .text-icon.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/text-icon-yellow.png) no-repeat center !important;
}
#wfd .text-icon.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/text-icon-yellow-ru.png) no-repeat center !important;
}
#wfd .background-icon.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/background-icon-yellow.png) no-repeat center !important;
}
#wfd .custom-color-icon.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/custom-background-yellow.png) no-repeat center !important;
}
#wfd .cursor-icon.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/cursor-icon-yellow.png) no-repeat center !important;
}
#wfd .link-icon.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/link-icon-yellow.png) no-repeat center !important;
}
#wfd .upgrade-font-icon.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/upgrade-font-yellow.png) no-repeat center !important;
}
#wfd .reset-all-icon.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/reset-all-yellow.png) no-repeat center !important;
}
#wfd .wfd-help-icon.wfdBlack{
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/help-icon-yellow.png) no-repeat center !important;
}
#wfd .color-text-icon.wfdBlack:before{
content: '';
display: block;
margin: 0 auto;
width: 18px;
height: 16px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/color-text-yellow.png) no-repeat center !important;
}
#wfd .color-title-icon.wfdBlack:before{
content: '';
display: block;
margin: 0 auto;
width: 18px;
height: 16px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/color-title-yellow.png) no-repeat center !important;
}
#wfd .color-background-icon.wfdBlack:before{
content: '';
display: block;
margin: 0 auto;
width: 18px;
height: 16px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/color-background-yellow.png) no-repeat center !important;
}
.backgroundBlack  #wfd .wfdSection:before{
background-color: #000 !important;
} .wfdWhite{
-webkit-filter: grayscale(100%);
}
.backgroungWhite  #wfd .wfdHeader a{
background-color: #000 !important;
border: 1px solid #000;
}
.backgroungWhite  #wfd .wfdSection:before{
background-color: #fff !important;
}   .colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_background.png) !important;
font-family: Arial, Helvetica, sans-serif;
display: none;
z-index:9999;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_overlay.png) !important;
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_select.gif) !important;
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_indic.gif) left top !important;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_hex.png) top !important;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_rgb_r.png) !important;
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_rgb_g.png) !important;
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_rgb_b.png) !important;
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_hsb_h.png) !important;
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_hsb_s.png) !important;
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_hsb_b.png) !important;
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/images/colorpicker_submit.png) top !important;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}   @media(max-width:1300px) {
#wfd{
min-width: 280px;
top: 0;
}
#wfd .wfdHeader p{
font-size: 14px;
height: 35px;
line-height: 35px;
}
.wfdHeader{
height: 35px;
}
#wfd .wfdSection{
min-height: 35px;
}
#wfd .wfdSection label.wfd-text-block{
line-height: 35px;
}
#wfd .wfdSectionTitle{
line-height: 40px;
}
.wfdFooter{
padding: 5px 10px;
}
#wfd .backgroundTitle i{
display: inline-block;
width: 23px;
height: 20px;
background: url(https://4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/bg.png) no-repeat;
background-size: contain;
margin: 0 0 -2px 10px;		
}
#wfd .textTitle i {
display: inline-block;
width: 45px;
height: 18px;
background: url(https://4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/text.png) no-repeat;
background-size: contain;
margin: 0 -25px 2px 10px;
}	
#wfd .loupe i {
display: inline-block;
width: 14px;
height: 18px;
background: url(https://4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/loupe.png) no-repeat;
background-size: contain;
margin: 0 0 -5px 10px;
}	
#wfd .mouseTitle i {
display: inline-block;
width: 13px;
height: 20px;
background: url(https://4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/mouse.png) no-repeat;
background-size: contain;
margin: 0 0px 3px 10px;
}	
#wfd .colorTitle i {
display: inline-block;
width: 20px;
height: 19px;
background: url(https://4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/color.png) no-repeat;
background-size: contain;
margin: 0 0px 0px 10px;
}	
#wfd .upgrade-font-icon {
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/upgrade-font.png) no-repeat center !important;
background-size: contain !important;
width: 25px !important;
}	
#wfd .link-icon {
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/link.png) no-repeat center !important;
background-size: contain !important;
width: 20px !important;
}
#wfd .reset-all-icon {
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/reset-all.png) no-repeat center !important;
background-size: contain !important;
width: 15px !important;
}	
#wfd .color-background-icon:before {
content: '';
display: block;
margin: 5px auto 0;
width: 15px;
height: 15px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/color-background.png) no-repeat center !important;
background-size: contain !important;
}	
#wfd .color-title-icon:before {
content: '';
display: block;
margin: 5px auto 0;
width: 13px;
height: 15px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/color-title.png) no-repeat center !important;
background-size: contain !important;
}	
#wfd .color-text-icon:before {
content: '';
display: block;
margin: 5px auto 0;
width: 14px;
height: 15px;
background: url(//4kids.org.il/wp-content/themes/4kids.org.il/wfd/img/color-text.png) no-repeat center !important;
background-size: contain !important;
}	
#wfd .wfdSection input[type="image"]{
max-width: 15px;
}
}
@media(max-width:980px) {
#wfd-link{	
display: none !important;
}
}