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

 [data-animation^="animated"] {
visibility:hidden;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility:visible;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.fast {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.animated.slow {
-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);
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);
}
}
.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;
opacity: 1;
} @-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);
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);
}
}
.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);
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);
}
}
.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);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes 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);
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);
}
}
.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);
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);
}
}
.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;
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;
}
}
.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);
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);
}
}
.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);
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;
}
}
.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);
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;
}
}
.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);
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;
}
}
.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);
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);
}
}
.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);
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);
}
}
.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);
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);
}
}
.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);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
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);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-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);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-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);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-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);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-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);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-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);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-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);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-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);
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);
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);
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);
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);
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);
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);
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);
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);
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;
}
}
.animated.flip {
-webkit-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);
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);
}
}
.flipInX {
-webkit-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);
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);
}
}
.flipInY {
-webkit-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);
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;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-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);
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;
}
}
.flipOutY {
-webkit-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);
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;
}
}
.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);
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;
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;
}
}
.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;
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;
}
}
.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;
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;
}
}
.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;
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;
}
}
.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;
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;
}
}
.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;
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;
}
}
.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;
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;
}
}
.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;
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;
}
}
.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;
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;
}
}
.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;
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;
}
}
.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;
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;
}
}
.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);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-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);
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);
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);
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);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.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);
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);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.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);
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);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
 @media (min-width: 1263px) and (max-width: 1439px) { .body_style_boxed .page_wrap {		width:1120px; }
.content_wrap, .content_container {	width:1000px; }  body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 690px; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 300px; }
.body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -270px; }
.body_style_fullwide.sidebar_left  .content, .body_style_fullscreen.sidebar_left  .content { padding-left:  300px; }
.body_style_fullwide.sidebar_left  .sidebar, .body_style_fullscreen.sidebar_left  .sidebar { margin-right:-270px; } .woocommerce:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 690px; }
.woocommerce .sidebar { 			 width: 280px; }
.woocommerce.widget_product_search .search_field {
width: 68%;
} .woocommerce.body_style_fullwide.sidebar_right .content, .woocommerce.body_style_fullscreen.sidebar_right .content { padding-right: 310px; }
.woocommerce.body_style_fullwide.sidebar_right .sidebar, .woocommerce.body_style_fullscreen.sidebar_right .sidebar { margin-left: -280px; }
.woocommerce.body_style_fullwide.sidebar_left  .content, .woocommerce.body_style_fullscreen.sidebar_left  .content { padding-left:  310px; }
.woocommerce.body_style_fullwide.sidebar_left  .sidebar, .woocommerce.body_style_fullscreen.sidebar_left  .sidebar { margin-right:-280px; } .style-header-2 .search_wrap .search_field:focus,
.style-header-2 .search_wrap .search_field:active,
.top_panel_logo_wrap .search_wrap .search_field:focus,
.top_panel_logo_wrap .search_wrap .search_field:active { width: 9em !important; }
.body_style_boxed.style-header-2 .menu_main_nav > li > a { padding-left: 1.2em; padding-right: 1.2em; }
.style-header-2 .menu_main_nav > li > a { padding-left: 1.8em; padding-right: 1.8em; }
.style-header-2 .woo_search_wrap { margin-right:3em; }
.style-header-2 .top_panel_wrap .socials_wrap { margin-left: 3em; }
.woo_link { margin: 0 3em 0 0; }
.style-header-2 .menu_main_nav > li > ul { left: 0; }
.style-header-2 .top_panel_wrap li li > a { padding: 0.5em 2em; }
.slider_swiper.slider_titles_center[data-slides-per-view="1"] .slide_info { width: 35%; }
}
@media (min-width: 1136px) and (max-width: 1262px) { .body_style_boxed .page_wrap {		width:1030px; }
.content_wrap, .content_container {	width:910px; }  body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 610px; } .woocommerce:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 630px; }
}
@media (min-width: 1024px) and (max-width: 1135px) { .body_style_boxed .page_wrap {		width:100%; }
.content_wrap, .content_container {	width:964px; }  body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 664px; } .woocommerce:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 684px; }
.body_style_boxed .page_wrap { box-shadow: none; margin-top: 0; }
.post_item_single .post_footer { font-size: 11px; }
.post_counters .sep::before { margin: 0 1em; }
}
@media (min-width: 960px) and (max-width: 1023px) { .body_style_boxed .page_wrap {		width:100%; }
.content_wrap, .content_container {	width:900px; }  body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 600px; } .woocommerce:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 620px; }
.sc_recent_news .post_item .post_title { font-size: 1.3em; }
.body_style_boxed .page_wrap { box-shadow: none; margin-top: 0; }
}
@media (min-width: 960px) and (max-width: 1262px) {
body {	font-size: 13px; }
h1 { font-size:3em; }
h2 { font-size:2.5em; }
h3 { font-size:1.8462em; }
h4 { font-size:1.3846em; }
h5 { font-size:1.1em; }
h6 { font-size:1.05em; }
.sidebar { 				 width: 270px; } .menu_main_nav > li > ul { left: 0; }
.top_panel_wrap li li > a { padding: 0.5em 2em; }
.style-header-2 .search_wrap .search_field:focus,
.style-header-2 .search_wrap .search_field:active,
.top_panel_logo_wrap .search_wrap .search_field:focus,
.top_panel_logo_wrap .search_wrap .search_field:active { width: 8em !important; }
.woo_link { margin: 0 2em 0 0; }
.menu_main_nav > li > a { padding: 2.2em 2em 2em; left: 0; }
.style-header-2 .menu_main_nav > li > a { padding-left: 1em; padding-right: 1em; }
.body_style_boxed.style-header-2 .menu_main_nav > li > a { padding-left: 1em; padding-right: 1em; }
.style-header-2 .woo_search_wrap { margin: 1.98em 2em 0.5em 0; width: 180px; }
.style-header-2 .top_panel_wrap .socials_wrap { margin: 2.2em 0 1em 2em; width: 180px; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 300px; }
.body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -270px; }
.body_style_fullwide.sidebar_left  .content, .body_style_fullscreen.sidebar_left  .content { padding-left:  300px; }
.body_style_fullwide.sidebar_left  .sidebar, .body_style_fullscreen.sidebar_left  .sidebar { margin-right:-270px; } .woocommerce .sidebar { 			 width: 250px; } .woocommerce.body_style_fullwide.sidebar_right .content, .woocommerce.body_style_fullscreen.sidebar_right .content { padding-right: 280px; }
.woocommerce.body_style_fullwide.sidebar_right .sidebar, .woocommerce.body_style_fullscreen.sidebar_right .sidebar { margin-left: -250px; }
.woocommerce.body_style_fullwide.sidebar_left  .content, .woocommerce.body_style_fullscreen.sidebar_left  .content { padding-left:  280px; }
.woocommerce.body_style_fullwide.sidebar_left  .sidebar, .woocommerce.body_style_fullscreen.sidebar_left  .sidebar { margin-right:-250px; }
.excerpt_extra.post_layout_excerpt .post_title { font-size: 1.5em; }
.excerpt_extra.post_layout_excerpt .post_header { padding: 0 0 1em; }
.excerpt_extra.post_layout_excerpt .post_featured { margin: 0 20px 0 0; }
.nav-links, .page_links { padding-top: 1.5em; }
.single .nav-links .post-title { font-size: 1.15em; }
.slider_swiper.slider_multi .slide_title { font-size: 1.3em; }
.widget_socials .social_item + .social_item { margin-left: 1.4em; }
.related_wrap .post_title { font-size: 1.1em; line-height: 1.3em; }
.author_avatar { margin: 0 2em 0.7em 0; }
.post_item_single .post_header .post_title { font-size: 3.1em; } aside .widget_calendar td .day_wrap { padding:6px 3px; } .woocommerce div.product .product_title { font-size: 2.5em; }
.woocommerce.widget_product_search .search_field { width: 70%; }
.woocommerce .page-title { font-size: 1.5em; padding: 2em 0; }
.page_content_wrap { padding: 3.3em 0 3em; }
.comments_list_wrap .comments_list_title { margin-bottom: 0.5em; }
.slider_swiper.slider_titles_center[data-slides-per-view="1"] .slide_info { width: 40%; }
}
@media (min-width: 768px) and (max-width: 959px) {
body {	font-size: 13px; }
h1 { font-size:2.5em; }
h2 { font-size:2.2em; }
h3 { font-size:1.6em; }
h4 { font-size:1.25em; }
h5 { font-size:1.05em; }
h6 { font-size:1.03em; } .body_style_boxed .page_wrap {		width:100%; }
.content_wrap, .content_container {	width:708px; }
body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content {
width:100%;
}  .content { width: 100%; float: none; }
.sidebar { 				 width: 100%; float:none; margin-top:1em; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 0 !important; }
.body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: 0 !important; }
.body_style_fullwide.sidebar_left  .content, .body_style_fullscreen.sidebar_left  .content { padding-left: 0 !important; }
.body_style_fullwide.sidebar_left  .sidebar, .body_style_fullscreen.sidebar_left  .sidebar { margin-right: 0 !important; } .woocommerce:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 100%; float: none; }
.woocommerce .sidebar { 			 width: 100%; float: none; margin-top:2.3077em; }
.gallery.gallery-columns-9 .gallery-item {	width: 20% !important; }
.gallery.gallery-columns-8 .gallery-item {	width: 20% !important; }
.gallery.gallery-columns-7 .gallery-item {	width: 20% !important; }
.gallery.gallery-columns-6 .gallery-item {	width: 20% !important; } .top_panel_logo {
text-align:center;
}
.style-header-1 .top_panel_logo .logo,
.style-header-3 .top_panel_logo .logo,
.top_panel_logo .logo {
position:static;
-webkit-transform: none;
-moz-transform: none;
transform: none;
padding:3em 0 0 0;
margin: 0;
}
.body_style_boxed .page_wrap { box-shadow: none; margin-top: 0; }
.style-header-3 .search_and_socials,
.search_and_socials { padding: 2.3em 0; }
.style-header-2.menu_mode_responsive .search_wrap,
.style-header-2.menu_mode_responsive .woocommerce_wrap { display: inline-block; float: none; vertical-align: middle; }
.style-header-2.menu_mode_responsive .woo_search_wrap,
.style-header-2.menu_mode_responsive .top_panel_wrap .socials_wrap { margin: 2.1em auto; width: 100%; text-align: center; }
.style-header-2.menu_mode_responsive .woo_search_wrap { margin: 1.1em auto 2.1em; }
.style-header-2.menu_mode_responsive .menu_main_wrap .menu_wrap_in { display: inline-block; width: 100%; clear: both; line-height: 1.8em; }
.style-header-2.menu_mode_responsive .menu_main_responsive_button { line-height: 1em; padding: 0 0 0.5em 0; }
.style-header-2.menu_mode_responsive .woo_link { margin-right: 0; }
.excerpt_extra.post_layout_excerpt .post_title { font-size: 1.5em; }
.excerpt_extra.post_layout_excerpt .post_header { padding: 0 0 1em; }
.excerpt_extra.post_layout_excerpt .post_featured { margin: 0 20px 0 0; }
.nav-links, .page_links { padding-top: 1.5em; }
.single .nav-links .post-title { font-size: 1.15em; }
.slider_swiper.slider_multi .slide_title { font-size: 1.2em; }
.slider_swiper.slider_multi .slide_info { padding: 1.5em 2em; }
.widget_socials .social_item + .social_item { margin-left: 1.4em; }
.related_wrap .post_title { font-size: 1.1em; line-height: 1.3em; }
.author_avatar { margin: 0 2em 0.7em 0; }
.post_item_single .post_header .post_title { font-size: 3.1em; }
.widget_categories_list .categories_list_style_2 .categories_list_title { padding: 2.6em 0; }
.sc_recent_news_style_news-portfolio .post_featured .post_info { width: 80%; top: 50%; }
.sc_recent_news .post_item .post_title { font-size: 1.2em; }
.sc_recent_news .post_featured .post_info { padding: 0; }
.woocommerce ul.products li.product .post_data,
.woocommerce-page ul.products li.product .post_data { padding: 2.5em 1em 2.5em; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { clear: none !important; }
.woocommerce.widget_product_search .search_field { border-radius: 0; }
.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
float: left;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: right;
}
.woocommerce .cart-collaterals h2, .woocommerce-page .cart-collaterals h2 { text-align: left; }
.shop_table.cart .actions input.button { float: right; }
.shop_table.shop_table_responsive.cart .actions input.button { float: none; } .sidebar aside:not(.column-1_1) {
display: inline-block;
float:none;
vertical-align:top;
width:48%;
margin-left:4%;
margin-bottom:1.75em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sidebar aside + aside {
border: none;
}
.sidebar aside + aside,
.sidebar aside {
margin-top: 3em;
padding: 0;
}
.sidebar aside + aside:before {
display: none;
}
.footer_fullwidth aside {
width:100%;
display:block;
margin-left:0;
margin-bottom:0;
}
.sidebar aside:nth-child(2n+1) {
margin-left:0;
}
.sidebar aside[class*="column-"] {
margin-left:0;
}
aside .sc_tabs .sc_tabs_titles li + li {
margin-left:0.4em;
}
aside .sc_tabs .sc_tabs_titles li a {
padding: 2px 0.5em;
} .copyright_wrap .socials_wrap .social_item { font-size: 11px; letter-spacing: 0.5px; margin-right: 1.5em; } .scroll_to_top { right: 1em; }
.scroll_to_top.show { bottom: 1em; } .woocommerce div.product .product_title { font-size: 2.4em;	}
.slider_swiper.slider_titles_center[data-slides-per-view="1"] .slide_info { width: 45%; }
}
@media (min-width: 640px) and (max-width: 767px) { .content_wrap, .content_container {	width:600px; } .sidebar aside:not(.column-1_1) {
width:48%;
margin-left:4%;
}
}
@media (min-width: 480px) and (max-width: 639px) { .content_wrap, .content_container {	width:440px; } aside {
width:100%;
margin-left:0;
} .post_style_about .post_featured {
margin: 2em auto;
float:none;
}
.excerpt_extra .post_content { overflow: visible; }
.sc_recent_news_style_news-portfolio .post_featured .post_info .post_meta { display: none; }
.sc_recent_news_style_news-portfolio .post_featured .post_info { width: 100% !important; }
.sc_recent_news .post_item .post_title { font-size: 1em !important; }
.sc_recent_news .post_featured .post_label.label_pinit { display: none; }
.slider_swiper.slider_multi .slide_info { padding: 1em; }
.slider_swiper.slider_multi .slide_date { display: none; }
.sidebar { margin-top:1em !important; }
.comments_list_wrap ul li { padding-top: 2em; }
}
@media (min-width: 480px) and (max-width: 767px) {
body {	font-size: 12px; }
h1 { font-size:2em; } h2 { font-size:2em; } h3 { font-size:1.5em; } h4 { font-size:1.1667em; } h5 { font-size:1.1em; } h6 { font-size:1.05em; }  .body_style_boxed .page_wrap {		width:100%; }  .content { width: 100%; float: none; }
.sidebar { 				 width: 100%; float:none; margin-top:1.5em; }
body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content {
width:100%;
} .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 0 !important; }
.body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: 0 !important; }
.body_style_fullwide.sidebar_left  .content, .body_style_fullscreen.sidebar_left  .content { padding-left: 0 !important; }
.body_style_fullwide.sidebar_left  .sidebar, .body_style_fullscreen.sidebar_left  .sidebar { margin-right: 0 !important; } .woocommerce:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 100%; float: none; }
.woocommerce .sidebar { 			 width: 100%; float: none; margin-top:2.3077em; } .top_panel_logo {
text-align:center;
}
.style-header-1 .top_panel_logo .logo,
.style-header-3 .top_panel_logo .logo,
.top_panel_logo .logo {
position:static;
-webkit-transform: none;
-moz-transform: none;
transform: none;
padding:3em 0 0 0;
margin: 0;
}
.body_style_boxed .page_wrap { box-shadow: none; margin-top: 0; }
.style-header-3 .search_and_socials,
.search_and_socials { padding: 2.3em 0; }
.style-header-2.menu_mode_responsive .search_wrap,
.style-header-2.menu_mode_responsive .woocommerce_wrap { margin: 0 7px; display: inline-block; float: none; vertical-align: middle; }
.style-header-2.menu_mode_responsive .woo_search_wrap,
.style-header-2.menu_mode_responsive .top_panel_wrap .socials_wrap { margin: 2.1em auto; width: 100%; text-align: center; }
.style-header-2.menu_mode_responsive .woo_search_wrap { margin: 1.1em auto 2.1em; }
.style-header-2.menu_mode_responsive .menu_main_wrap .menu_wrap_in { display: inline-block; width: 100%; clear: both; line-height: 1.8em; }
.style-header-2.menu_mode_responsive .menu_main_responsive_button { line-height: 1em; padding: 0 0 0.5em 0; }
.style-header-2.menu_mode_responsive .woo_link { margin-right: 0; }
.excerpt_extra.post_layout_excerpt .post_title { font-size: 1.5em; }
.excerpt_extra.post_layout_excerpt .post_header { padding: 0 0 1em; }
.excerpt_extra.post_layout_excerpt .post_featured { margin: 0 20px 0 0; }
.nav-links, .page_links { padding-top: 1.5em; }
.single .nav-links .post-title { font-size: 1.15em; }
.slider_swiper.slider_multi .slide_title { font-size: 1.2em; }
.slider_swiper.slider_multi .slide_info { padding: 1.5em 2em; }
.widget_socials .social_item + .social_item { margin-left: 1.4em; }
.related_wrap .post_title { font-size: 1.1em; line-height: 1.3em; }
.author_avatar { margin: 0 2em 0.7em 0; }
.post_item_single .post_header .post_title { font-size: 2.75em; }
.widget_categories_list .categories_list_style_2 .categories_list_title { padding: 2.6em 0; }
.sc_recent_news_style_news-portfolio .post_featured .post_info { width: 80%; top: 50%; }
.sc_recent_news .post_item .post_title { font-size: 1.2em; }
.sc_recent_news .post_featured .post_info { padding: 0; }
.slider_swiper[data-slides-per-view="1"] .slide_info { padding: 2em; }
.slider_swiper.slider_titles_center[data-slides-per-view="1"] .slide_info { width: 45%; }
.post_layout_grid .post_title { font-size: 1.5em; }
.post_item.post_layout_grid { margin-bottom: 2em; }
.style-header-2 .top_panel_logo .logo { padding: 8em 0; }
.widget_categories_list .categories_list_style_2 .categories_list_image img { width: 100%; }
.post_counters .sep:before { margin: 0 1em; }
.comments_list_wrap .comment_info { margin-bottom: 0.5em; }
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price { margin-bottom: 0.8em; margin-top: 0.5em; }
.post_item_404 .search_wrap .search_results { top: 4em; }
.post_item_404 .page_description { width: 70%; }
.single .nav-previous { padding-right: 10px; }
.single .nav-next { padding-left: 10px; } .container, .container-fluid {
padding-left:  10px;
padding-right: 10px;
}
.row, .columns_wrap {
margin-right: -20px;
}
.row > [class*="column-"], .columns_wrap > [class*="column-"] {
padding-right: 20px;
}
.row.column_padding_left, .columns_wrap.column_padding_left {
margin-left: -20px;
}
.row.column_padding_left > [class*="column-"], .columns_wrap.column_padding_left > [class*="column-"],
.row > [class*="column-"].column_padding_left, .columns_wrap > [class*="column-"].column_padding_left {
padding-left: 20px;
}
.row.column_padding_right, .columns_wrap.column_padding_right {
margin-right: -20px;
}
.row.column_padding_right > [class*="column-"], .columns_wrap.column_padding_right > [class*="column-"],
.row > [class*="column-"].column_padding_right, .columns_wrap > [class*="column-"].column_padding_right {
padding-right:20px;
}
.row.column_padding_center, .columns_wrap.column_padding_center {
margin-left: -10px;
margin-right: -10px;
}
.row.column_padding_center > [class*="column-"], .columns_wrap.column_padding_center > [class*="column-"],
.row > [class*="column-"].column_padding_center, .columns_wrap > [class*="column-"].column_padding_center {
padding-left:20px;
}
.row > [class*="column-"].column_padding_bottom, .columns_wrap > [class*="column-"].column_padding_bottom {
padding-bottom: 20px;
} .row:not(.columns_fluid) > [class*="column-"], .columns_wrap:not(.columns_fluid) > [class*="column-"] {
width:50%;
}
.row:not(.columns_fluid) > .column-1_1, .row:not(.columns_fluid) > .column-2_2, .row:not(.columns_fluid) > .column-3_3, .row:not(.columns_fluid) > .column-4_4,
.row:not(.columns_fluid) > .column-5_5,	.row:not(.columns_fluid) > .column-6_6, .row:not(.columns_fluid) > .column-7_7, .row:not(.columns_fluid) > .column-8_8,
.row:not(.columns_fluid) > .column-9_9, .row:not(.columns_fluid) > .column-10_10,
.row:not(.columns_fluid) > .column-11_11, .row:not(.columns_fluid) > .column-12_12,
.columns_wrap:not(.columns_fluid) > .column-1_1, .columns_wrap:not(.columns_fluid) > .column-2_2, .columns_wrap:not(.columns_fluid) > .column-3_3,
.columns_wrap:not(.columns_fluid) > .column-4_4, .columns_wrap:not(.columns_fluid) > .column-5_5, .columns_wrap:not(.columns_fluid) > .column-6_6,
.columns_wrap:not(.columns_fluid) > .column-7_7, .columns_wrap:not(.columns_fluid) > .column-8_8, .columns_wrap:not(.columns_fluid) > .column-9_9,
.columns_wrap:not(.columns_fluid) > .column-10_10, .columns_wrap:not(.columns_fluid) > .column-11_11, .columns_wrap:not(.columns_fluid) > .column-12_12,
.row:not(.columns_fluid) > .column-1_3:nth-child(3n), .columns_wrap:not(.columns_fluid) > .column-1_3:nth-child(3n),
.row:not(.columns_fluid) > .column-2_3, .columns_wrap:not(.columns_fluid) > .column-2_3,
.row:not(.columns_fluid) > .column-1_3.after_span_2, .columns_wrap:not(.columns_fluid) > .column-1_3.after_span_2,
.row:not(.columns_fluid) > .column-2_4, .columns_wrap:not(.columns_fluid) > .column-3_4,
.row:not(.columns_fluid) > .column-1_4.after_span_2, .columns_wrap:not(.columns_fluid) > .column-1_4.after_span_3,
.row:not(.columns_fluid) > .column-1_5:nth-child(5n), .columns_wrap:not(.columns_fluid) > .column-1_5:nth-child(5n),
.row:not(.columns_fluid) > .column-2_5, .columns_wrap:not(.columns_fluid) > .column-2_5,
.row:not(.columns_fluid) > .column-3_5, .columns_wrap:not(.columns_fluid) > .column-3_5,
.row:not(.columns_fluid) > .column-4_5, .columns_wrap:not(.columns_fluid) > .column-4_5,
.row:not(.columns_fluid) > .column-2_6, .columns_wrap:not(.columns_fluid) > .column-2_6,
.row:not(.columns_fluid) > .column-3_6, .columns_wrap:not(.columns_fluid) > .column-3_6,
.row:not(.columns_fluid) > .column-4_6, .columns_wrap:not(.columns_fluid) > .column-4_6,
.row:not(.columns_fluid) > .column-5_6, .columns_wrap:not(.columns_fluid) > .column-5_6	{
width:100%;
}
.row:not(.columns_fluid) > [class*="column-"]:nth-child(2n+3), .columns_wrap:not(.columns_fluid) > [class*="column-"]:nth-child(2n+3),
.row:not(.columns_fluid) > [class*="column-"]:nth-child(2n+4), .columns_wrap:not(.columns_fluid) > [class*="column-"]:nth-child(2n+4) {
padding-top: 20px;
}
.gallery.gallery-columns-9 .gallery-item {	width: 33.3333% !important; }
.gallery.gallery-columns-8 .gallery-item {	width: 33.3333% !important; }
.gallery.gallery-columns-7 .gallery-item {	width: 33.3333% !important; }
.gallery.gallery-columns-6 .gallery-item {	width: 33.3333% !important; }
.gallery.gallery-columns-5 .gallery-item {	width: 33.3333% !important; }
.gallery.gallery-columns-4 .gallery-item {	width: 33.3333% !important; }
.admin-bar.top_panel_fixed .top_panel_wrap { top:46px; }
.admin-bar #debug_log { top:46px; } .post_featured_left > .post_featured,
.post_featured_right > .post_featured {
float: none;
margin-left: 0;
margin-bottom: 2em;
width: 100%;
}
.post_item_single .post_label,
.post_item .post_label {
height: 3em !important;
line-height: 2.8em !important;
width: 3em !important;
}
.post_item .post_label, .post_featured .post_label {
font-size: 1.5em;
right: 1.2em;
top: 1.2em;
}
.post_featured .post_label.label_pinit {
top: 1.2em;
} .single .nav-links a {
padding-top:1.5em;
padding-bottom:1.5em;
}
.single .nav-links .nav-previous a {
padding-left:4em;
padding-right:2em;
}
.single .nav-links .nav-next a {
padding-left:2em;
padding-right:4em;
} .comments_list_wrap ul ul {
margin-left: 3em;
}
.comments_list_wrap li + li, .comments_list_wrap li ul {
margin-top: 2em;
}
.comments_list_wrap ul ul ul {
margin-left:0;
}
.comments_list_wrap .comment_author_avatar {
position: static;
float:left;
margin: 0 2em 0.2em 0;
}
.comments_list_wrap .comment_content {
padding-left:0;
} .sidebar aside {
display: inline-block;
float:none;
vertical-align:top;
margin-bottom:1.75em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sidebar aside:nth-child(2n+1) {
margin-left:0;
}
.sidebar aside[class*="column-"] {
margin-left:0;
}
.sidebar aside + aside,
.sidebar aside {
margin-top: 3em;
padding: 0;
}
.sidebar aside + aside:before {
display: none;
}
.sidebar aside + aside {
border: none;
}
.sidebar aside + aside {
border-top: 2px dotted #dadada;
padding-top: 3em;
}
td, th {
padding:2px;
}
.post_item_single .post_date {
font-size: 0.9em;
}
.widget_area .sc_tabs .sc_tabs_titles li + li,
aside .sc_tabs .sc_tabs_titles li + li {
margin-left:0.4em;
}
.widget_area .sc_tabs .sc_tabs_titles li a,
aside .sc_tabs .sc_tabs_titles li a {
padding: 2px 0.5em;
}
.column-1_1 #sb_instagram .sbi_item {
min-width:25%;
}
#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item {
width: 25%;
} .socials_wrap { white-space: normal; }
.copyright_wrap .socials_wrap .social_item { font-size: 11px; letter-spacing: 0.5px; margin-right: 1.5em; } .scroll_to_top { right: 1em; }
.scroll_to_top.show { bottom: 1em; } .woocommerce div.product .product_title { font-size: 2.3em; }
.woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product,
.woocommerce ul.products li.product.column-1_3, .woocommerce-page ul.products li.product.column-1_3,
.woocommerce .related.products ul.products li.product.column-1_3, .woocommerce-page .related.products ul.products li.product.column-1_3,
.woocommerce .upcells.products ul.products li.product.column-1_3, .woocommerce-page .upcells.products ul.products li.product.column-1_3,
.woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product,
.woocommerce ul.products li.product.column-1_4, .woocommerce-page ul.products li.product.column-1_4,
.woocommerce .related.products ul.products li.product.column-1_4, .woocommerce-page .related.products ul.products li.product.column-1_4,
.woocommerce .upcells.products ul.products li.product.column-1_4, .woocommerce-page .upcells.products ul.products li.product.column-1_4,
.woocommerce.columns-5 ul.products li.product, .woocommerce-page.columns-5 ul.products li.product,
.woocommerce ul.products li.product.column-1_5, .woocommerce-page ul.products li.product.column-1_5,
.woocommerce .related.products ul.products li.product.column-1_5, .woocommerce-page .related.products ul.products li.product.column-1_5,
.woocommerce .upcells.products ul.products li.product.column-1_5, .woocommerce-page .upcells.products ul.products li.product.column-1_5,
.woocommerce.columns-6 ul.products li.product, .woocommerce-page.columns-6 ul.products li.product,
.woocommerce ul.products li.product.column-1_6, .woocommerce-page ul.products li.product.column-1_6,
.woocommerce .related.products ul.products li.product.column-1_6, .woocommerce-page .related.products ul.products li.product.column-1_6,
.woocommerce .upcells.products ul.products li.product.column-1_6, .woocommerce-page .upcells.products ul.products li.product.column-1_6 {
width: 50%;
}
.woocommerce .list_products.shop_mode_list ul.products li.product,
.woocommerce-page .list_products.shop_mode_list ul.products li.product {
width:100%;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear: none;
}
.woocommerce ul.products li:nth-child(2n+3), .woocommerce-page ul.products li:nth-child(2n+3) {
clear: both;
}
.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images,
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width:100%;
}
.shop_table.cart .actions input.button { float: right; }
.shop_table.shop_table_responsive.cart .actions input.button { float: none; }
.woocommerce .cart-collaterals h2, .woocommerce-page .cart-collaterals h2 { text-align: left; }
}
@media (max-width: 479px) {
body {	font-size: 12px; }
h1 { font-size:1.8333em; } h2 { font-size:1.8333em; } h3 { font-size:1.5em; } h4 { font-size:1.1667em; } h5 { font-size:1em; } h6 { font-size:1.0833em; }  .body_style_boxed .page_wrap {		width:100%; }
.content_wrap, .content_container {	width:300px; }  .content { width: 100%; float: none; }
.sidebar { 				 width: 100%; float:none; margin-top:2.3077em; }
body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content {
width:100%;
} .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 0; }
.body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: 0; }
.body_style_fullwide.sidebar_left  .content, .body_style_fullscreen.sidebar_left  .content { padding-left:  0; }
.body_style_fullwide.sidebar_left  .sidebar, .body_style_fullscreen.sidebar_left  .sidebar { margin-right:0; } .woocommerce:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 100%; float: none; }
.woocommerce .sidebar { 			 width: 100%; float: none; margin-top:2.3077em; }
.hot_spot_info { padding: 1.5em 1.6em; } .top_panel_logo {
text-align:center;
}
.style-header-1 .top_panel_logo .logo,
.style-header-3 .top_panel_logo .logo,
.top_panel_logo .logo {
position:static;
-webkit-transform: none;
-moz-transform: none;
transform: none;
padding:3em 0 0 0;
margin: 0;
}
.body_style_boxed .page_wrap { box-shadow: none; margin-top: 0; }
.style-header-3 .search_and_socials,
.search_and_socials { padding: 2.6em 0; }
.style-header-2.menu_mode_responsive .search_wrap,
.style-header-2.menu_mode_responsive .woocommerce_wrap { margin: 0 7px; display: inline-block; float: none; vertical-align: middle; }
.style-header-2.menu_mode_responsive .woo_search_wrap,
.style-header-2.menu_mode_responsive .top_panel_wrap .socials_wrap { margin: 2.1em auto; width: 100%; text-align: center; }
.style-header-2.menu_mode_responsive .woo_search_wrap { margin: 1.1em auto 2.1em; }
.style-header-2.menu_mode_responsive .menu_main_wrap .menu_wrap_in { display: inline-block; width: 100%; clear: both; line-height: 1.8em; }
.style-header-2.menu_mode_responsive .menu_main_responsive_button { line-height: 1em; padding: 0 0 0.5em 0; }
.style-header-2.menu_mode_responsive .woo_link { margin-right: 0; }
.excerpt_extra.post_layout_excerpt .post_title { font-size: 1.5em; }
.excerpt_extra.post_layout_excerpt .post_header { padding: 0 0 1em; }
.excerpt_extra.post_layout_excerpt .post_featured { float: none; margin: 0 0 20px; width: 100%; }
.nav-links, .page_links { padding-top: 1.5em; }
.single .nav-links .post-title { font-size: 1.15em; }
.slider_swiper.slider_multi .slide_title { font-size: 1.2em; }
.slider_swiper.slider_multi .slide_info { padding: 0.5em 1em; }
.slider_swiper.slider_multi .slide_date { display: none; }
.widget_socials .social_item + .social_item { margin-left: 1.4em; }
.related_wrap .post_title { font-size: 1.1em; line-height: 1.3em; }
.author_avatar { margin: 0 2em 0.7em 0; }
.post_item_single .post_header .post_title { font-size: 1.8em; }
.widget_categories_list .categories_list_style_2 .categories_list_title { padding: 2.6em 0; }
.sc_recent_news_style_news-portfolio .post_featured .post_info { width: 80%; top: 50%; }
.sc_recent_news .post_item .post_title { font-size: 1.2em; }
.sc_recent_news .post_featured .post_info { padding: 0; }
.slider_swiper[data-slides-per-view="1"] .slide_info { padding: 1em; }
.slider_swiper.slider_titles_center[data-slides-per-view="1"] .slide_info { width: 50%; }
.post_layout_grid .post_title { font-size: 1.5em; }
.post_item.post_layout_grid { margin-bottom: 2em; }
.style-header-2 .top_panel_logo .logo { padding: 8em 0; }
.widget_categories_list .categories_list_style_2 .categories_list_image img { width: 100%; }
.post_counters .sep:before { margin: 0 1em; }
.comments_list_wrap .comment_info { margin-bottom: 0.5em; }
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price { margin-bottom: 0.8em; margin-top: 0.5em; }
.post_item_404 .search_wrap .search_results { top: 4em; }
.post_item_404 .page_description { width: 70%; }
.single .nav-previous { padding-right: 10px; }
.single .nav-next { padding-left: 10px; }
.slider_swiper[data-slides-per-view="1"] .slide_info .slide_cats { font-size: 1.5em; }
.slider_swiper[data-slides-per-view="1"] .slide_info .slide_title { font-size: 1.3em; }
.top_panel_logo .socials_wrap { float: none; margin: 0 0 10px; }
.woocommerce_wrap, .search_wrap { display: inline-block; float: none; }
.woo_link {margin: 0;}
.search_wrap .search_results { display: none !important; }
.menu_main_responsive a { font-size: 1.5em; }
.menu_main_responsive ul a { font-size: 1.1em; }
.menu_main_responsive ul ul a { font-size: 1em; }
.menu_main_responsive ul ul ul a { font-size: 0.9em; }
.socials_wrap { white-space: normal; }
.copyright_wrap .socials_wrap .social_item { font-size: 11px; letter-spacing: 0.5px; margin-right: 1.5em; }
#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item { width: 50%; }
.menu_mode_responsive .menu_main_responsive_button { padding: 1.5em 0; }
.menu_mode_responsive .menu_main_responsive_button { font-size: 1.8em; }
.post_layout_excerpt .post_header { padding: 1em 0.5em 2em; }
blockquote { font-size: 1.5em; }
.post_item_404 .page_search .search_wrap { width: 100%; }
.post_item_404 { margin-bottom: 2.5em; }
.post_item_404 .page_title { line-height: 1em; }
.comments_wrap .comments_field { padding-top: 0 !important; }
.format-aside .post_content > *, .format-quote .post_content > *, .format-link .post_content > *, .format-status .post_content > * { font-size: 1.5em; }
.format-aside .post_content, .format-quote .post_content, .format-link .post_content, .format-status .post_content { padding: 2.2em 1em; }
.post_style_about .post_featured { height: 100%;      width: 100%; }
.sc_contact_form_item { padding-top: 0 !important; }
.sc_contact_form .result { width: 60%; }
.woocommerce.columns-1 ul.products li.product, .woocommerce-page.columns-1 ul.products li.product, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
padding-right: 0;
}
.woocommerce ul.products, .woocommerce-page ul.products { margin-right: 0; }
.woocommerce table.cart td, .woocommerce #content table.cart td, .woocommerce-page table.cart td, .woocommerce-page #content table.cart td {
font-size: 0.9em;
padding: 15px 5px;
}
.woocommerce table.shop_table th {
padding: 5px;
} .container, .container-fluid {
padding-left:  5px;
padding-right: 5px;
}
.row, .columns_wrap {
margin-right: -10px;
}
.row > [class*="column-"], .columns_wrap > [class*="column-"] {
padding-right: 10px;
}
.row.column_padding_left, .columns_wrap.column_padding_left {
margin-left: -10px;
}
.row.column_padding_left > [class*="column-"], .columns_wrap.column_padding_left > [class*="column-"],
.row > [class*="column-"].column_padding_left, .columns_wrap > [class*="column-"].column_padding_left {
padding-left: 10px;
}
.row.column_padding_right, .columns_wrap.column_padding_right {
margin-right: -10px;
}
.row.column_padding_right > [class*="column-"], .columns_wrap.column_padding_right > [class*="column-"],
.row > [class*="column-"].column_padding_right, .columns_wrap > [class*="column-"].column_padding_right {
padding-right:10px;
}
.row.column_padding_center, .columns_wrap.column_padding_center {
margin-left: -5px;
margin-right: -5px;
}
.row.column_padding_center > [class*="column-"], .columns_wrap.column_padding_center > [class*="column-"],
.row > [class*="column-"].column_padding_center, .columns_wrap > [class*="column-"].column_padding_center {
padding-left:10px;
}
.row > [class*="column-"].column_padding_bottom, .columns_wrap > [class*="column-"].column_padding_bottom {
padding-bottom: 10px;
} .row:not(.columns_fluid) > [class*="column-"], .columns_wrap:not(.columns_fluid) > [class*="column-"] {
width:100%;
}
.row.columns_fluid > [class*="column-"], .columns_wrap.columns_fluid > [class*="column-"] {
width:50%;
}
.row.columns_fluid > .column-1_1, .row.columns_fluid > .column-2_2, .row.columns_fluid > .column-3_3, .row.columns_fluid > .column-4_4, .row.columns_fluid > .column-5_5,
.row.columns_fluid > .column-6_6, .row.columns_fluid > .column-7_7, .row.columns_fluid > .column-8_8, .row.columns_fluid > .column-9_9, .row.columns_fluid > .column-10_10,
.row.columns_fluid > .column-11_11, .row.columns_fluid > .column-12_12,
.columns_wrap.columns_fluid > .column-1_1, .columns_wrap.columns_fluid > .column-2_2, .columns_wrap.columns_fluid > .column-3_3,
.columns_wrap.columns_fluid > .column-4_4, .columns_wrap.columns_fluid > .column-5_5, .columns_wrap.columns_fluid > .column-6_6,
.columns_wrap.columns_fluid > .column-7_7, .columns_wrap.columns_fluid > .column-8_8, .columns_wrap.columns_fluid > .column-9_9,
.columns_wrap.columns_fluid > .column-10_10, .columns_wrap.columns_fluid > .column-11_11, .columns_wrap.columns_fluid > .column-12_12,
.row.columns_fluid > .column-1_3:nth-child(3n), .columns_wrap.columns_fluid > .column-1_3:nth-child(3n),
.row.columns_fluid > .column-2_3, .columns_wrap.columns_fluid > .column-2_3,
.row.columns_fluid > .column-1_3.after_span_2, .columns_wrap.columns_fluid > .column-1_3.after_span_2,
.row.columns_fluid > .column-2_4, .columns_wrap.columns_fluid > .column-3_4,
.row.columns_fluid > .column-1_4.after_span_2, .columns_wrap.columns_fluid > .column-1_4.after_span_3,
.row.columns_fluid > .column-1_5:nth-child(5n), .columns_wrap.columns_fluid > .column-1_5:nth-child(5n),
.row.columns_fluid > .column-2_5, .columns_wrap.columns_fluid > .column-2_5,
.row.columns_fluid > .column-3_5, .columns_wrap.columns_fluid > .column-3_5,
.row.columns_fluid > .column-4_5, .columns_wrap.columns_fluid > .column-4_5,
.row.columns_fluid > .column-2_6, .columns_wrap.columns_fluid > .column-2_6,
.row.columns_fluid > .column-3_6, .columns_wrap.columns_fluid > .column-3_6,
.row.columns_fluid > .column-4_6, .columns_wrap.columns_fluid > .column-4_6,
.row.columns_fluid > .column-5_6, .columns_wrap.columns_fluid > .column-5_6	{
width:100%;
}
.row:not(.columns_fluid) > [class*="column-"]+[class*="column-"], .columns_wrap:not(.columns_fluid) > [class*="column-"]+[class*="column-"],
.row.columns_fluid > [class*="column-"]:nth-child(2n+3), .columns_wrap.columns_fluid > [class*="column-"]:nth-child(2n+3),
.row.columns_fluid > [class*="column-"]:nth-child(2n+4), .columns_wrap.columns_fluid > [class*="column-"]:nth-child(2n+4) {
padding-top: 10px;
}
.gallery.gallery-columns-9 .gallery-item {	width: 50% !important; }
.gallery.gallery-columns-8 .gallery-item {	width: 50% !important; }
.gallery.gallery-columns-7 .gallery-item {	width: 50% !important; }
.gallery.gallery-columns-6 .gallery-item {	width: 50% !important; }
.gallery.gallery-columns-5 .gallery-item {	width: 50% !important; }
.gallery.gallery-columns-4 .gallery-item {	width: 50% !important; }
.gallery.gallery-columns-3 .gallery-item {	width: 50% !important; } .admin-bar.top_panel_fixed .top_panel_wrap { top:46px; }
.admin-bar #debug_log { top:46px; } .post_featured_left > .post_featured,
.post_featured_right > .post_featured {
float: none;
margin-left: 0;
margin-bottom: 2em;
width: 100%;
}
.post_item_single .post_label,
.post_item .post_label {
height: 3em !important;
line-height: 2.8em !important;
width: 3em !important;
}
.post_item .post_label, .post_featured .post_label {
font-size: 1.5em;
right: 1.2em;
top: 1.2em;
}
.post_featured .post_label.label_pinit {
top: 1.2em;
}
.post_item .post_footer {
text-align:center;
}
.post_layout_excerpt .post_footer .post_date {
float: none;
display:inline-block;
}
.post_layout_grid .post_footer .post_date,
.post_layout_grid .post_footer .post_counters {
float:none;
display:block;
text-align:center;
} .comments_list_wrap ul ul {
margin-left: 3.3333em;
}
.comments_list_wrap ul ul ul {
margin-left:0;
}
.comments_list_wrap .comment_author_avatar {
position: static;
float:left;
margin: 0 2em 1em 0;
}
.comments_list_wrap .comment_content {
padding-left:0;
} .single .nav-links a {
padding-top:1.5em;
padding-bottom:1.5em;
}
.single .nav-links .nav-previous a {
padding-left:4em;
padding-right:2em;
}
.single .nav-links .nav-next a {
padding-left:2em;
padding-right:4em;
}
.single .nav-links .nav-previous,
.single .nav-links .nav-next {
width: 100%;
padding:0;
margin:0;
}
.single .nav-links .nav-previous + .nav-next {
margin-top:1.5em;
}
.post_item_single .post_taxes,
.post_item_single .post_counters {
display: block;
float: none;
width: 100%;
margin:0 0 1em 0;
}	
.post_item_single .post_counters {
text-align:left;
} .post_style_about .post_featured {
margin: 2em auto;
float:none;
} aside {
display: inline-block;
float:none;
vertical-align:top;
width:100%;
margin-left:0%;
margin-bottom:1.75em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
td, th {
padding:2px;
}
.widget_area .sc_tabs .sc_tabs_titles li + li,
aside .sc_tabs .sc_tabs_titles li + li {
margin-left:0.4em;
}
.widget_area .sc_tabs .sc_tabs_titles li a,
aside .sc_tabs .sc_tabs_titles li a {
padding: 2px 0.5em;
}
.column-1_1 #sb_instagram .sbi_item {
min-width:25%;
} .sc_recent_news_header_split .sc_recent_news_header_captions,
.sc_recent_news_header_split .sc_recent_news_header_categories {
width:100%;
padding-right:0;
text-align:left;
}
.sc_recent_news_header_split .sc_recent_news_header_categories {
margin-top:1em;
}
.sc_recent_news_header_split .sc_recent_news_header_categories > * {
margin: 0 1em 0 0;
}
.sc_recent_news_style_news-excerpt .post_featured {
float:none;
padding-right:0;
margin-bottom:1.5em;
width: 100%;
}
.sc_recent_news_style_news-excerpt .post_body {
float:none;
width:100%;
} .copyright_wrap .copyright_text { padding: 2em 0 0; }
.copyright_wrap { padding: 2.7em 0 2em; } .scroll_to_top { right: 1em; }
.scroll_to_top.show { bottom: 1em; }
.scroll_to_top { width: 3em; height: 3em; line-height: 3em; } .woocommerce div.product .product_title {
font-size: 1.8333em;
}
.woocommerce[class*="column-"] ul.products li.product, .woocommerce-page[class*="column-"] ul.products li.product,
.woocommerce ul.products li.product[class*="column-"], .woocommerce-page ul.products li.product[class*="column-"],
.woocommerce .related.products ul.products li.product[class*="column-"], .woocommerce-page .related.products ul.products li.product[class*="column-"],
.woocommerce .upcells.products ul.products li.product[class*="column-"], .woocommerce-page .upcells.products ul.products li.product[class*="column-"] {
width: 100%;
float:none;
}
.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images,
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width:100%;
}
.page_content_wrap {
padding: 2.5em 0 3em;
}
.search_wrap {
vertical-align: top;
}
.sidebar {
margin-top: 1.5em;
}
body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content {
margin-bottom: 2em;
}
}body{font-family:Work Sans,sans-serif;	color:#707070;	background-color:#ffffff}h1{font-family:Work Sans,sans-serif}h2{font-family:Work Sans,sans-serif}h3{font-family:Work Sans,sans-serif}h4{font-family:Work Sans,sans-serif}h5{font-family:Work Sans,sans-serif}h6{font-family:Work Sans,sans-serif}h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#282828}dt,b,strong,s,strike,del{color:#282828}a{font-family:inherit;	color:#6ba7bd}a:hover{color:#5d99af}blockquote{font-family:Work Sans,sans-serif;	color:#ffffff;	background-color:#6ba7bd}blockquote>a,blockquote>p>a,blockquote cite{color:#ffffff}blockquote:before{color:#ffffff}blockquote>a:hover,blockquote>p>a:hover{border-color:#ffffff;	color:#ffffff}table{color:#282828}td,th{border-color:#dadada}table>thead>tr,table>body>tr:first-child{color:#ffffff;	background-color:#5d99af}hr{border-color:#dadada}figure figcaption,.wp-caption-overlay .wp-caption .wp-caption-text,.wp-caption-overlay .wp-caption .wp-caption-dd{color:#707070;	background-color:#f7fbfb}ul>li:before{color:#facbd5}input[type="text"],input[type="number"],input[type="email"],input[type="search"],input[type="password"],input[type="tel"],.select_container,textarea{font-family:inherit;	color:#707070;	background-color:#f7fbfb}.select_container select{font-family:inherit;	color:#707070}input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="password"]:focus,input[type="tel"]:focus,.select_container:hover,textarea:focus{color:#4e4e4e;	background-color:#dadada}.select_container select:focus{color:#4e4e4e}.select_container:after{color:#b5b8b9;	border-color:#b5b8b9}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b5b8b9}input[type="radio"] + label:before,input[type="checkbox"] + label:before{border-color:#ececec;	background-color:#f7fbfb}.sticky .sticky_label{color:#ffffff;	background-color:#282828}#page_preloader,.page_wrap{ background-color:#ffffff}.logo b{font-family:Work Sans,sans-serif;	color:#b5b8b9}.logo b:after{background-color:#b5b8b9}.logo i{font-family:Caveat,cursive;	color:#282828}.logo_slogan{color:#707070}.search_wrap .search_field{background-color:rgba(247,251,251,0.7)}.search_wrap .search_submit{color:#6ba7bd}.search_wrap .search_submit:hover{color:#5d99af}.search_wrap .search_form{font-family:Work Sans,sans-serif}.top_panel_wrap{}.menu_main_wrap{}.menu_main_wrap .content_wrap,.style-header-2 .top_panel_wrap{border-color:#ececec}.style-header-1.top_panel_fixed .menu_main_wrap,.style-header-1 .menu_main_nav_area{background-color:#facbd5}.color_wrap{background-color:#001e42}.color_wrap .menu_main_nav>li>a{color:#ffffff}.style-header-3.top_panel_fixed .menu_main_wrap{border-color:#001e42}.top_panel_fixed .menu_main_wrap{border-color:#ececec}.menu_main_nav li>a{font-family:Work Sans,sans-serif;	color:#707070}.menu_main_nav>li>a{color:#282828}.style-header-1 .menu_main_nav li>a,.style-header-1 .menu_main_nav>li>a{color:#d59266}.style-header-1 .menu_main_nav>li+li>a:before{background-color:transparent}.style-header-1 .menu_main_nav>li ul{background-color:#facbd5}.style-header-1 .menu_main_nav>li>a:hover,.style-header-1 .menu_main_nav>li.sfHover>a,.style-header-1 .menu_main_nav>li.current-menu-item>a,.style-header-1 .menu_main_nav>li.current-menu-parent>a,.style-header-1 .menu_main_nav>li.current-menu-ancestor>a{color:#2a2a2a}.style-header-1 .menu_main_nav>li li>a:hover,.style-header-1 .menu_main_nav>li li.sfHover>a,.style-header-1 .menu_main_nav>li li.current-menu-item>a,.style-header-1 .menu_main_nav>li li.current-menu-parent>a,.style-header-1 .menu_main_nav>li li.current-menu-ancestor>a{color:#2a2a2a}.menu_main_nav>li+li>a:before{background-color:#dadada}.menu_main_nav>li>a:hover,.menu_main_nav>li.sfHover>a,.menu_main_nav>li.current-menu-item>a,.menu_main_nav>li.current-menu-parent>a,.menu_main_nav>li.current-menu-ancestor>a{color:#6ba7bd}.menu_main_nav>li li>a:hover,.menu_main_nav>li li.sfHover>a,.menu_main_nav>li li.current-menu-item>a,.menu_main_nav>li li.current-menu-parent>a,.menu_main_nav>li li.current-menu-ancestor>a{color:#6ba7bd}.menu_main_nav>li ul{background-color:#f7fbfb}.top_panel_wrap .menu_main_responsive{background-color:#001e42}.menu_mode_responsive .menu_main_responsive_button,.menu_mode_responsive .menu_main_responsive a{color:#001e42;	font-family:Work Sans,sans-serif}.menu_mode_responsive .menu_main_responsive a{color:#ffffff}.menu_mode_responsive .menu_main_responsive_button:hover{color:#4e4e4e}.slider_swiper[data-slides-per-view="1"] .slide_cats{color:#6ba7bd}.slider_swiper.slider_multi .slide_cats a:hover,.slider_swiper.slider_multi .slide_title a:hover,.slider_swiper.slider_multi a:hover .slide_title{color:#6ba7bd}.slider_swiper[data-slides-per-view="1"] .slide_info .slide_cats{font-family:Caveat,cursive;	color:#5d99af}.slider_swiper[data-slides-per-view="1"] .slide_info .slide_cats a{color:#6ba7bd}.slider_swiper[data-slides-per-view="1"] .slide_info .slide_cats a:hover{color:#282828}.slider_swiper[data-slides-per-view="1"] .slide_info .slide_title a:hover{color:#868585}.slider_swiper[data-slides-per-view="1"] .slide_info .slide_date{font-family:Work Sans,sans-serif;	color:#b2b1b1}.slider_swiper .slider_prev:hover,.slider_swiper .slider_next:hover{background-color:#5d99af;	border-color:#5d99af;	color:#ffffff}.slider_swiper .swiper-pagination-bullet-active{background-color:#6ba7bd}.slider_swiper.slider_multi .slide_info{background-color:#f7fbfb}.related_wrap .post_item{color:#707070;	background-color:#f7fbfb}.post_item .post_categories,.post_item .post_categories a{font-family:Caveat,cursive;	color:#6ba7bd}.slider_swiper.slider_multi .slide_cats,.slider_swiper.slider_multi .slide_cats a{font-family:Caveat,cursive}.sc_recent_news .post_featured .post_info .post_categories,.sc_recent_news .post_featured .post_info .post_categories a{font-family:Caveat,cursive}.slider_swiper.slider_multi .slide_cats a:hover,.sc_recent_news .post_featured .post_info .post_categories a:hover,.post_item .post_categories a:hover{color:#282828}.sc_recent_news_style_news-portfolio .post_featured .post_info .post_categories a:hover{color:#ffffff}.post_item .post_label,.post_featured .post_label{background-color:#6ba7bd;	color:#ffffff}.post_featured .post_label.label_pinit{color:#ffffff;	font-family:Caveat,cursive}.post_featured .post_label.label_pinit:hover{color:#ffffff;	background-color:#5d99af}.slider_swiper.slider_multi .slide_date,.slider_swiper.slider_multi .slide_date a,.sc_recent_news .post_item .post_info .post_date,.sc_recent_news .post_item .post_info .post_date a,.post_item .post_info_item,.post_item a{color:#b2b1b1;	font-family:Work Sans,sans-serif}.post_item a:hover,.sc_recent_news .post_item .post_info .post_date a:hover{color:#5d99af}.widget_area .post_item .post_info a,aside .post_item .post_info a,.widget_area .post_item .post_category a,aside .post_item .post_category a{color:#5d99af}.post_item .post_title a{color:#282828}.widget_categories_list .categories_list_item .categories_list_title a:hover,.post_item .post_title a:hover,.post_item .post_title a:hover strong{color:#868585}.post_item .post_date a:hover{color:#282828}.post_item .more-link{background-color:#6ba7bd;	color:#ffffff}.post_item .more-link:hover{border-color:#facbd5;	background-color:rgba(93,153,175,0.65);	color:#ffffff}.post_item .post_footer{color:#b2b1b1}.post_layout_excerpt.post_item,.widgets_above_page_wrap,.style-header-2 .header_wrap .widget,.style-header-3 .header_wrap .widget{border-color:#dadada}.post_item .post_footer .post_author a{color:#5d99af}.post_item .post_footer .post_author a:hover{color:#4e4e4e}.post_item .post_footer .post_date a,.post_item .post_footer .post_counters a,.post_footer .post_counters .post_share a{color:#b5b8b9}.post_item .post_footer .post_counters .post_share .social_items a:hover,.post_footer .post_counters .post_share a:hover{color:#5d99af}.post_item .post_footer .post_date a:hover,.post_item .post_footer .post_counters a:hover,.post_item .post_footer .post_counters_edit:hover:before,.post_item .post_footer .post_counters_edit:hover a{color:#4e4e4e}.post_item .post_footer .post_more a{border-color:#ececec;	color:#b5b8b9}.post_item:hover .post_footer .post_more a{border-color:#facbd5;	color:#facbd5}.post_item .post_footer .post_more a:hover{border-color:#facbd5;	background-color:#facbd5;	color:#ffffff}.post_counters .social_items,.post_counters .social_items:before{background-color:#f7fbfb;	border-color:#f7fbfb;	color:#b2b1b1}.post_featured:after{background-color:#001e42}.comments_list_wrap .comment_info,.comments_list_wrap .comment_reply a{font-family:Work Sans,sans-serif}.format-status .post_content{background-color:#facbd5;	color:#ffffff;	font-family:Work Sans,sans-serif}.format-aside .post_content,.format-quote:not(.post_item_single) .post_content,.format-link .post_content{background-color:#6ba7bd;	color:#ffffff;	font-family:Work Sans,sans-serif}.format-aside .post_content a,.format-quote:not(.post_item_single) .post_content a,.format-link .post_content a,.format-status .post_content a{color:#171a1b}.format-quote:not(.post_item_single) .post_content a{color:#ffffff}.format-aside .post_content a:hover,.format-quote:not(.post_item_single) .post_content a:hover,.format-link .post_content a:hover,.format-status .post_content a:hover{color:#868585}.is_stream .format-quote:not(.post_item_single) blockquote{color:#ffffff}.is_stream .format-quote:not(.post_item_single) .post_content:before{color:#ffffff}.format-quote.post_item_single .post_content:before{color:#ffffff}.format-chat p>b,.format-chat p>strong{color:#282828}.nav-links-old a{color:#282828;	background-color:#f7fbfb}.nav-links-old a:hover{color:#ffffff;	background-color:#5d99af}.page_links>a,.nav-links .page-numbers,.nav-links-old a{font-family:Work Sans,sans-serif}.page_links>a,.nav-links .page-numbers{color:#4e4e4e;	background-color:#dadada}.page_links>span:not(.page_links_title),.page_links>a:hover,.nav-links .page-numbers.current,.nav-links a.page-numbers:hover{color:#ffffff;	background-color:#facbd5}.single .nav-links{border-color:#dadada}.post_item_single .post_footer{font-family:Work Sans,sans-serif}.post_item_single .post_header .post_date{color:#b2b1b1;	font-family:Work Sans,sans-serif}.post_item_single .post_taxes .cats_label,.post_item_single .post_taxes .tags_label{color:#b2b1b1}.post_item_single .post_taxes a{color:#5d99af}.post_item_single .post_taxes a:hover{color:#282828}.post_item_single .post_counters .post_counters_item,.post_item_single .post_counters .post_counters_item>a,.post_item_single .post_counters .socials_caption{color:#b2b1b1}.post_item_single .post_counters .post_counters_item:hover,.post_item_single .post_counters .post_counters_item:hover:before,.post_item_single .post_counters .post_counters_item>a:hover,.post_item_single .post_counters .socials_caption:hover{color:#5d99af}.author_info{background-color:#f7fbfb;	color:#707070}.author_info .author_title{}.single .nav-links .nav-links{border-color:#dadada}.single .nav-links a{background-color:#f7fbfb;	color:#b5b8b9}.single .nav-links a:hover{border-color:#facbd5;	color:#4e4e4e}.single .nav-links a:after{border-color:#ececec}.image-navigation .nav-previous a:after,.image-navigation .nav-next a:after{background-color:#f7fbfb;	border-color:#ececec;	color:#b5b8b9}.image-navigation .nav-previous a:hover,.image-navigation .nav-next a:hover{background-color:#f7fbfb;	border-color:#ececec;	color:#6ba7bd}.image-navigation .nav-previous a:hover:after,.image-navigation .nav-next a:hover:after{color:#6ba7bd}.nav-links .meta-nav{font-family:Work Sans,sans-serif}.related_wrap{}.post_item .post_footer{font-family:Work Sans,sans-serif}.sc_contact_form,.comments_list_wrap,.comments_form_wrap{border-color:#dadada}.comments_list_wrap li + li,.comments_list_wrap li ul{border-color:#dadada}.comments_list_wrap .comment_text{color:#707070}.sc_contact_form button,.comments_wrap .form-submit input[type="submit"],.comments_wrap .form-submit input[type="button"]{background-color:#facbd5;	color:#ffffff;	font-family:Work Sans,sans-serif}.sc_contact_form button:hover,.comments_wrap .form-submit input[type="submit"]:hover,.comments_wrap .form-submit input[type="button"]:hover,.sc_contact_form button:focus,.comments_wrap .form-submit input[type="submit"]:focus,.comments_wrap .form-submit input[type="button"]:focus{background-color:#5d99af}.sc_contact_form .result{color:#ffffff;	border-color:#5d99af;	background-color:#6ba7bd}.sidebar aside{color:#707070}.sidebar aside + aside{border-color:#dadada}aside .widget_title{background-color:#facbd5}#sb_instagram .sbi_photo_wrap a:hover:before{background-color:rgba(0,30,66,0.5)}.widget_categories_list .categories_list_style_2 .categories_list_title{color:#001e42}aside input[type="text"],aside input[type="number"],aside input[type="email"],aside input[type="search"],aside input[type="password"],aside .select_container,aside textarea{color:#707070;	background-color:#dadada}aside input[type="text"]:focus,aside input[type="number"]:focus,aside input[type="email"]:focus,aside input[type="search"]:focus,aside input[type="password"]:focus,aside .select_container:hover,aside textarea:focus{color:#282828;	background-color:#f7fbfb}.widget_area .mc4wp_wrap input[type="submit"]{background-color:#6ba7bd;	font-family:Work Sans,sans-serif}.widget_area .mc4wp_wrap input[type="submit"]:hover{background-color:#5d99af}.mc4wp-form label a{color:#6ba7bd}aside .select_container select{color:#707070}aside .select_container:hover select,aside .select_container select:focus{color:#282828}aside .mc4wp_wrap:after,.widget_search form:after{color:#b2b1b1}aside .select_container:after{color:#b2b1b1;	border-color:#b2b1b1}aside input::-webkit-input-placeholder,aside textarea::-webkit-input-placeholder{color:#b2b1b1}aside h1,aside h2,aside h3,aside h4,aside h5,aside h6,aside h1 a,aside h2 a,aside h3 a,aside h4 a,aside h5 a,aside h6 a,.copyright_wrap h1,.copyright_wrap h2,.copyright_wrap h3,.copyright_wrap h4,.copyright_wrap h5,.copyright_wrap h6,.copyright_wrap h1 a,.copyright_wrap h2 a,.copyright_wrap h3 a,.copyright_wrap h4 a,.copyright_wrap h5 a,.copyright_wrap h6 a{color:#282828}aside a,.copyright_wrap a{color:#dadada}aside a:hover,.copyright_wrap a:hover{color:#facbd5}aside ul li{color:#707070}aside ul li a{color:#4e4e4e}aside ul li a:hover{color:#facbd5}aside ul li:before{color:#facbd5}aside .post_item + .post_item{}.search_results.widget_area .post_item + .post_item{border-color:#dadada}.widget_area .post_info_counters .post_counters_item,aside .post_info_counters .post_counters_item{color:#b5b8b9}.widget_area .post_info_counters .post_counters_item:hover,aside .post_info_counters .post_counters_item:hover{color:#4e4e4e}aside.widget_bg_image a,aside.widget_bg_image ul li a{color:#ffffff}aside.widget_bg_image a:hover,aside.widget_bg_image ul li a:hover{color:#868585}.widget_product_tag_cloud a,.widget_tag_cloud a{background-color:#dadada;	color:#4e4e4e;	font-family:Work Sans,sans-serif}.widget_product_tag_cloud a:hover,.widget_tag_cloud a:hover{background-color:#facbd5;	color:#ffffff}.widget_rss li{color:#707070}.widget_rss .rss-date{color:#b5b8b9}.widget_rss li+li{border-color:rgba(236,236,236,0.6)}.widget_rss li>a{font-family:Work Sans,sans-serif;	color:#4e4e4e}.widget_rss li>a:hover{color:#facbd5}.widget_recent_comments span.comment-author-link{color:#4e4e4e}.widget_calendar table{color:#707070}.widget_calendar tbody td a,.widget_calendar th{color:#4e4e4e}.widget_calendar tbody td a:after{color:#dadada}.widget_calendar tbody td a:hover{color:#facbd5}.widget_calendar td#today{color:#ffffff}.widget_calendar td#today:before{background-color:#dadada}.widget_calendar td#today a,.widget_calendar td#today a:after{color:#ffffff}.widget_calendar #prev a,.widget_calendar #next a{color:#4e4e4e}.widget_calendar #prev a span,.widget_calendar #next a span{border-color:#ececec;	color:#707070}.widget_calendar #prev a:hover,.widget_calendar #next a:hover,.widget_calendar #prev a:hover span,.widget_calendar #next a:hover span{color:#facbd5}.widget_calendar #prev a:hover span,.widget_calendar #next a:hover span{border-color:#facbd5}.widget_socials .social_item span{color:#6ba7bd}.widget_socials .social_item a:hover span{color:#5d99af}aside .sc_tabs .sc_tabs_titles li a{color:#282828;	font-family:Work Sans,sans-serif}aside .sc_tabs .sc_tabs_titles li.ui-tabs-active:after{background-color:#282828}.sc_recent_news_header{border-color:#282828}.sc_recent_news_header_category_item_more{color:#6ba7bd}.sc_recent_news_header_more_categories{border-color:#ececec;	background-color:#f7fbfb}.sc_recent_news_header_more_categories>a{color:#dadada}.sc_recent_news_header_more_categories>a:hover{color:#facbd5;	background-color:#001e42}.sc_recent_news .post_counters_item,.sc_recent_news .post_counters .post_edit a{background-color:#f7fbfb}.sidebar .sc_recent_news .post_counters_item,.sidebar .sc_recent_news .post_counters .post_edit a{background-color:#ffffff}.sc_recent_news .post_counters .post_edit a{color:#4e4e4e}.sc_recent_news_style_news-magazine .post_accented_border{border-color:#dadada}.sc_recent_news_style_news-excerpt .post_item{border-color:#dadada}.sc_recent_news .post_item .post_title a{color:#ffffff}.sc_recent_news .post_item .post_title a:hover{color:#5d99af}.footer_wrap{background-color:#f7fbfb;	color:#707070}.copyright_wrap{background-color:#001e42;	color:#ffffff}.copyright_wrap .socials_wrap a{color:#ffffff}.copyright_wrap .socials_wrap{font-family:Work Sans,sans-serif}.copyright_wrap .socials_wrap .social_item a:hover,.copyright_wrap .socials_wrap .social_item a:hover span{color:#facbd5}.socials_wrap .social_item a:hover span{color:#b2b1b1}.scroll_to_top{color:#ffffff}.scroll_to_top:hover{background-color:#6ba7bd;	color:#ffffff}.woo_link{font-family:Work Sans,sans-serif}.woo_link:hover{color:#868585}.woo_link:before{color:#5d99af}