@charset "UTF-8";

 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-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;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.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);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.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);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: 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);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-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);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.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);
}
to {
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);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) 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;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-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;
}
to {
-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 {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-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 {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
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);
}
to {
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);
}
to {
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);
}
to {
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);
}
to {
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);
}
to {
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);
}
to {
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);
}
to {
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);
}
to {
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 {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.lvca-container, .lvca-grid-container {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.lvca-container *, .lvca-container *::after, .lvca-container *::before, .lvca-grid-container *, .lvca-grid-container *::after, .lvca-grid-container *::before {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
.lvca-container ol, .lvca-container ul, .lvca-container ol > li, .lvca-container ul > li, .lvca-container ol:hover, .lvca-container ul:hover, .lvca-container ul > li:hover, .lvca-container ol > li:hover, .lvca-container ol > li > a, .lvca-container ul > li > a, .lvca-container ol > li > a:hover, .lvca-container ul > li > a:hover, .lvca-container img, .lvca-grid-container ol, .lvca-grid-container ul, .lvca-grid-container ol > li, .lvca-grid-container ul > li, .lvca-grid-container ol:hover, .lvca-grid-container ul:hover, .lvca-grid-container ul > li:hover, .lvca-grid-container ol > li:hover, .lvca-grid-container ol > li > a, .lvca-grid-container ul > li > a, .lvca-grid-container ol > li > a:hover, .lvca-grid-container ul > li > a:hover, .lvca-grid-container img {
padding: 0;
margin: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
list-style: none;
background: none; }
.lvca-container ol:before, .lvca-container ol:after, .lvca-container ul:before, .lvca-container ul:after, .lvca-container ol > li:before, .lvca-container ol > li:after, .lvca-container ul > li:before, .lvca-container ul > li:after, .lvca-container ol:hover:before, .lvca-container ol:hover:after, .lvca-container ul:hover:before, .lvca-container ul:hover:after, .lvca-container ul > li:hover:before, .lvca-container ul > li:hover:after, .lvca-container ol > li:hover:before, .lvca-container ol > li:hover:after, .lvca-container ol > li > a:before, .lvca-container ol > li > a:after, .lvca-container ul > li > a:before, .lvca-container ul > li > a:after, .lvca-container ol > li > a:hover:before, .lvca-container ol > li > a:hover:after, .lvca-container ul > li > a:hover:before, .lvca-container ul > li > a:hover:after, .lvca-container img:before, .lvca-container img:after, .lvca-grid-container ol:before, .lvca-grid-container ol:after, .lvca-grid-container ul:before, .lvca-grid-container ul:after, .lvca-grid-container ol > li:before, .lvca-grid-container ol > li:after, .lvca-grid-container ul > li:before, .lvca-grid-container ul > li:after, .lvca-grid-container ol:hover:before, .lvca-grid-container ol:hover:after, .lvca-grid-container ul:hover:before, .lvca-grid-container ul:hover:after, .lvca-grid-container ul > li:hover:before, .lvca-grid-container ul > li:hover:after, .lvca-grid-container ol > li:hover:before, .lvca-grid-container ol > li:hover:after, .lvca-grid-container ol > li > a:before, .lvca-grid-container ol > li > a:after, .lvca-grid-container ul > li > a:before, .lvca-grid-container ul > li > a:after, .lvca-grid-container ol > li > a:hover:before, .lvca-grid-container ol > li > a:hover:after, .lvca-grid-container ul > li > a:hover:before, .lvca-grid-container ul > li > a:hover:after, .lvca-grid-container img:before, .lvca-grid-container img:after {
display: none; }
.lvca-container a, .lvca-grid-container a {
text-decoration: initial; }
.lvca-container img, .lvca-grid-container img {
max-width: 100%;
width: auto;
height: auto; } .lvca-container {
margin-left: auto;
margin-right: auto; }
.lvca-container::after {
clear: both;
content: "";
display: block; }
.panel-grid .widget {
border: 0; }
.lvca-center {
text-align: center; }
.lvca-grid-container {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px); }
.lvca-grid-container::after {
clear: both;
content: "";
display: block; }
.lvca-grid-container .lvca-grid-item {
min-height: 1px; }
@media (max-width: 479px) {
.lvca-grid-container.lvca-grid-mobile-2 .lvca-grid-item:nth-child(2n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-mobile-3 .lvca-grid-item:nth-child(3n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-mobile-4 .lvca-grid-item:nth-child(4n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-mobile-5 .lvca-grid-item:nth-child(5n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-mobile-6 .lvca-grid-item:nth-child(6n+1) {
clear: left; } }
@media (min-width: 480px) and (max-width: 800px) {
.lvca-grid-container.lvca-grid-tablet-2 .lvca-grid-item:nth-child(2n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-tablet-3 .lvca-grid-item:nth-child(3n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-tablet-4 .lvca-grid-item:nth-child(4n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-tablet-5 .lvca-grid-item:nth-child(5n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-tablet-6 .lvca-grid-item:nth-child(6n+1) {
clear: left; } }
@media only screen and (min-width: 801px) {
.lvca-grid-container.lvca-grid-desktop-2 .lvca-grid-item:nth-child(2n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-desktop-3 .lvca-grid-item:nth-child(3n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-desktop-4 .lvca-grid-item:nth-child(4n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-desktop-5 .lvca-grid-item:nth-child(5n+1) {
clear: left; }
.lvca-grid-container.lvca-grid-desktop-6 .lvca-grid-item:nth-child(6n+1) {
clear: left; } }
.lvca-grid-container.lvca-grid-mobile-1 .lvca-grid-item {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-mobile-2 .lvca-grid-item {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-mobile-3 .lvca-grid-item {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-mobile-4 .lvca-grid-item {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-mobile-5 .lvca-grid-item {
width: calc(20% - 24px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-mobile-6 .lvca-grid-item {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
@media only screen and (min-width: 480px) {
.lvca-grid-container.lvca-grid-tablet-1 .lvca-grid-item {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-tablet-2 .lvca-grid-item {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-tablet-3 .lvca-grid-item {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-tablet-4 .lvca-grid-item {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-tablet-5 .lvca-grid-item {
width: calc(20% - 24px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-tablet-6 .lvca-grid-item {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; } }
@media only screen and (min-width: 801px) {
.lvca-grid-container.lvca-grid-desktop-1 .lvca-grid-item {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-desktop-2 .lvca-grid-item {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-desktop-3 .lvca-grid-item {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-desktop-4 .lvca-grid-item {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-desktop-5 .lvca-grid-item {
width: calc(20% - 24px);
float: left;
margin-left: 20px; }
.lvca-grid-container.lvca-grid-desktop-6 .lvca-grid-item {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; } } .lvca-gapless-grid .lvca-grid-container {
margin-left: 0;
margin-right: 0;
width: auto; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-mobile-1 .lvca-grid-item {
width: calc(100%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-mobile-2 .lvca-grid-item {
width: calc(50%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-mobile-3 .lvca-grid-item {
width: calc(33.33333%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-mobile-4 .lvca-grid-item {
width: calc(25%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-mobile-5 .lvca-grid-item {
width: calc(20%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-mobile-6 .lvca-grid-item {
width: calc(16.66667%);
float: left;
margin-left: 0px; }
@media only screen and (min-width: 480px) {
.lvca-gapless-grid .lvca-grid-container.lvca-grid-tablet-1 .lvca-grid-item {
width: calc(100%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-tablet-2 .lvca-grid-item {
width: calc(50%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-tablet-3 .lvca-grid-item {
width: calc(33.33333%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-tablet-4 .lvca-grid-item {
width: calc(25%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-tablet-5 .lvca-grid-item {
width: calc(20%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-tablet-6 .lvca-grid-item {
width: calc(16.66667%);
float: left;
margin-left: 0px; } }
@media only screen and (min-width: 801px) {
.lvca-gapless-grid .lvca-grid-container.lvca-grid-desktop-1 .lvca-grid-item {
width: calc(100%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-desktop-2 .lvca-grid-item {
width: calc(50%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-desktop-3 .lvca-grid-item {
width: calc(33.33333%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-desktop-4 .lvca-grid-item {
width: calc(25%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-desktop-5 .lvca-grid-item {
width: calc(20%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-grid-container.lvca-grid-desktop-6 .lvca-grid-item {
width: calc(16.66667%);
float: left;
margin-left: 0px; } } .lvca-gapless-grid .lvca-masonry { }
.lvca-gapless-grid .lvca-masonry .lvca-grid-item {
clear: none !important; }
.lvca-gapless-grid .lvca-masonry .lvca-grid-sizer {
width: calc(8.33333%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-mobile-1 .lvca-grid-item.lvca-wide {
width: calc(100%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-mobile-2 .lvca-grid-item.lvca-wide {
width: calc(50%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-mobile-3 .lvca-grid-item.lvca-wide {
width: calc(66.66667%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-mobile-4 .lvca-grid-item.lvca-wide {
width: calc(50%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-mobile-5 .lvca-grid-item.lvca-wide {
width: calc(40%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-mobile-6 .lvca-grid-item.lvca-wide {
width: calc(33.33333%);
float: left;
margin-left: 0px; }
@media only screen and (min-width: 480px) {
.lvca-gapless-grid .lvca-masonry.lvca-grid-tablet-1 .lvca-grid-item.lvca-wide {
width: calc(100%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-tablet-2 .lvca-grid-item.lvca-wide {
width: calc(50%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-tablet-3 .lvca-grid-item.lvca-wide {
width: calc(66.66667%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-tablet-4 .lvca-grid-item.lvca-wide {
width: calc(50%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-tablet-5 .lvca-grid-item.lvca-wide {
width: calc(40%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-tablet-6 .lvca-grid-item.lvca-wide {
width: calc(33.33333%);
float: left;
margin-left: 0px; } }
@media only screen and (min-width: 801px) {
.lvca-gapless-grid .lvca-masonry.lvca-grid-desktop-1 .lvca-grid-item.lvca-wide {
width: calc(100%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-desktop-2 .lvca-grid-item.lvca-wide {
width: calc(50%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-desktop-3 .lvca-grid-item.lvca-wide {
width: calc(66.66667%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-desktop-4 .lvca-grid-item.lvca-wide {
width: calc(50%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-desktop-5 .lvca-grid-item.lvca-wide {
width: calc(40%);
float: left;
margin-left: 0px; }
.lvca-gapless-grid .lvca-masonry.lvca-grid-desktop-6 .lvca-grid-item.lvca-wide {
width: calc(33.33333%);
float: left;
margin-left: 0px; } } .lvca-container .lvca-thumbnailslider.lvca-flexslider {
margin-top: 15px; }
.lvca-container .lvca-thumbnailslider.lvca-flexslider .lvca-slide {
margin: 0 5px 0 0; }
.lvca-container .lvca-thumbnailslider.lvca-flexslider .lvca-slide img {
display: block;
opacity: .5;
cursor: pointer; }
.lvca-container .lvca-thumbnailslider.lvca-flexslider .lvca-slide img:hover {
opacity: 1; }
.lvca-container .lvca-thumbnailslider.lvca-flexslider .lvca-slide.lvca-flex-active-slide img {
opacity: 1;
cursor: default; }
.lvca-container .lvca-flex-direction-nav {
padding: 0 !important;
margin: 0 !important; }
.lvca-container .lvca-flex-direction-nav li {
position: initial; }
.lvca-container .lvca-flex-direction-nav a, .lvca-container .lvca-flex-direction-nav a:hover {
opacity: 1;
text-shadow: none;
background: none;
color: #888;
font-family: 'lvca-icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
width: 28px;
height: 28px;
margin: -14px 0 0;
bottom: initial;
left: initial;
right: initial;
top: 50%;
text-indent: 0;
text-align: center;
color: #aaa;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
outline: none; }
.lvca-container .lvca-flex-direction-nav a:before, .lvca-container .lvca-flex-direction-nav a:hover:before, .lvca-container .lvca-flex-direction-nav a:hover:before, .lvca-container .lvca-flex-direction-nav a:hover:hover:before {
margin: 2px;
vertical-align: middle;
display: inline;
font-family: inherit !important;
opacity: 1; }
.lvca-container .lvca-flex-direction-nav a:hover, .lvca-container .lvca-flex-direction-nav a:hover:hover {
color: #888; }
.lvca-dark-bg .lvca-container .lvca-flex-direction-nav a, .lvca-dark-bg .lvca-container .lvca-flex-direction-nav a:hover {
color: #888; }
.lvca-dark-bg .lvca-container .lvca-flex-direction-nav a:hover, .lvca-dark-bg .lvca-container .lvca-flex-direction-nav a:hover:hover {
color: #aaa; }
@media only screen and (max-width: 960px) {
.lvca-container .lvca-flex-direction-nav a, .lvca-container .lvca-flex-direction-nav a:hover {
display: none; } }
.lvca-container .lvca-flex-direction-nav a.lvca-flex-prev {
left: -30px; }
.lvca-container .lvca-flex-direction-nav a.lvca-flex-prev:before {
content: "\e900"; }
.lvca-container .lvca-flex-direction-nav a.lvca-flex-next {
right: -30px; }
.lvca-container .lvca-flex-direction-nav a.lvca-flex-next:before {
content: "\e901"; }
.lvca-container .lvca-flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
padding: 0 !important;
margin: 0 !important; }
.lvca-container .lvca-flex-control-nav li, .lvca-container .lvca-flex-control-nav li:hover {
margin: 0 8px 0 0;
padding: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none; }
.lvca-container .lvca-flex-control-nav li a, .lvca-container .lvca-flex-control-nav li a:hover {
background: #aaa;
border: 1px solid #aaa;
border-radius: 50%;
width: 12px;
height: 12px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s;
display: inline-block;
vertical-align: middle;
outline: none; }
.lvca-dark-bg .lvca-container .lvca-flex-control-nav li a, .lvca-dark-bg .lvca-container .lvca-flex-control-nav li a:hover {
background: #ccc;
border-color: #ccc; }
.lvca-container .lvca-flex-control-nav li a.lvca-flex-active, .lvca-container .lvca-flex-control-nav li a:hover.lvca-flex-active, .lvca-container .lvca-flex-control-nav li a:hover {
background: none; }
.lvca-container .lvca-flex-control-nav li a.lvca-flex-active, .lvca-container .lvca-flex-control-nav li a:hover.lvca-flex-active {
width: 14px;
height: 14px; }
.lvca-container .lvca-flex-control-thumbs {
bottom: -120px; }
@media only screen and (max-width: 600px) {
.lvca-container .lvca-flex-control-thumbs {
bottom: -80px; } }
.lvca-container .lvca-flex-control-thumbs li {
width: auto;
float: none; }
.lvca-container .lvca-flex-control-thumbs li img {
max-width: 100%;
width: 150px; }
@media only screen and (max-width: 600px) {
.lvca-container .lvca-flex-control-thumbs li img {
width: 100px; } } .slick-loading .slick-list {
background: #fff url(https://www.bonfadinicostruzioni.it/wp-content/plugins/addons-for-visual-composer/assets/css/ajax-loader.gif) center center no-repeat; }
@media only screen and (max-width: 1024px) {
.slick-slider {
padding: 0 10px; } }
.lvca-container .slick-prev, .lvca-container .slick-next {
position: absolute;
bottom: initial;
left: initial;
right: initial;
top: 50%;
width: 28px;
height: 28px;
margin: -14px 0 0; }
.rtl .lvca-container .slick-prev, .rtl .lvca-container .slick-next {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
direction: ltr; }
.lvca-container .slick-prev, .lvca-container .slick-prev:before, .lvca-container .slick-prev:after, .lvca-container .slick-next, .lvca-container .slick-next:before, .lvca-container .slick-next:after {
text-shadow: none;
background: none;
border: none;
padding: 0;
opacity: 1;
font-family: 'lvca-icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
color: #aaa;
overflow: hidden;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
text-indent: 0;
text-align: center;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.lvca-container .slick-prev:before, .lvca-container .slick-next:before {
margin: 2px;
vertical-align: middle; }
.lvca-container .slick-prev:hover:before, .lvca-container .slick-prev:hover:after, .lvca-container .slick-next:hover:before, .lvca-container .slick-next:hover:after {
color: #888; }
.lvca-dark-bg .lvca-container .slick-prev:before, .lvca-dark-bg .lvca-container .slick-prev:after, .lvca-dark-bg .lvca-container .slick-next:before, .lvca-dark-bg .lvca-container .slick-next:after {
color: #888; }
.lvca-dark-bg .lvca-container .slick-prev:hover:before, .lvca-dark-bg .lvca-container .slick-prev:hover:after, .lvca-dark-bg .lvca-container .slick-next:hover:before, .lvca-dark-bg .lvca-container .slick-next:hover:after {
color: #aaa;
background: none; }
.lvca-container .slick-prev {
left: -40px; }
.lvca-container .slick-prev:before {
content: "\e900"; }
.lvca-container .slick-next {
right: -40px; }
.lvca-container .slick-next:before {
content: "\e901"; }
.lvca-container ul.slick-dots {
width: 100%;
position: absolute;
bottom: -30px;
text-align: center;
padding: 0;
margin: 0; }
.lvca-container ul.slick-dots li {
margin: 0 8px 0 0;
padding: 0;
display: inline-block;
font-size: 0; }
.lvca-container ul.slick-dots li button {
padding: 0;
background: #aaa;
border: 1px solid #aaa;
border-radius: 50%;
width: 12px;
height: 12px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: background 0.3s ease-in-out 0s;
transition: background 0.3s ease-in-out 0s;
font-size: 0;
outline: none; }
.lvca-container ul.slick-dots li button:before {
display: none; }
.lvca-dark-bg .lvca-container ul.slick-dots li button {
background: #888;
border-color: #888; }
.lvca-container ul.slick-dots li button:hover, .lvca-container ul.slick-dots li.slick-active button {
background: none;
border-color: #aaa; }
.lvca-container ul.slick-dots li.slick-active button {
width: 14px;
height: 14px; } .lvca-widget-heading {
font-size: 18px;
line-height: 26px;
letter-spacing: 1px;
font-weight: bold;
color: #333;
text-transform: uppercase;
clear: none;
margin-top: 0;
margin-bottom: 10px;
font-size: 40px;
line-height: 52px;
text-align: center; }
@media only screen and (max-width: 767px) {
.lvca-widget-heading {
font-size: 32px;
line-height: 44px; } } .lvca-spacer {
clear: both; } input.lvca-button, button.lvca-button, a.lvca-button, .lvca-button:active, .lvca-button:visited {
display: inline-block;
text-align: center;
line-height: 1;
cursor: pointer;
-webkit-appearance: none;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 3px;
padding: 16px 40px;
margin: 0;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
background-color: #f94213;
color: #fefefe;
outline: none;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s; }
input.lvca-button.lvca-rounded, button.lvca-button.lvca-rounded, a.lvca-button.lvca-rounded, .lvca-button:active.lvca-rounded, .lvca-button:visited.lvca-rounded {
border-radius: 999px; }
input.lvca-button.lvca-large, button.lvca-button.lvca-large, a.lvca-button.lvca-large, .lvca-button:active.lvca-large, .lvca-button:visited.lvca-large {
padding: 20px 60px; }
input.lvca-button.lvca-small, button.lvca-button.lvca-small, a.lvca-button.lvca-small, .lvca-button:active.lvca-small, .lvca-button:visited.lvca-small {
padding: 12px 25px;
font-size: 11px; }
input.lvca-button:hover, button.lvca-button:hover, a.lvca-button:hover, .lvca-button:active:hover, .lvca-button:visited:hover {
background-color: #f9633e;
color: #fefefe; }
input.lvca-button img, input.lvca-button span.lvca-icon, button.lvca-button img, button.lvca-button span.lvca-icon, a.lvca-button img, a.lvca-button span.lvca-icon, .lvca-button:active img, .lvca-button:active span.lvca-icon, .lvca-button:visited img, .lvca-button:visited span.lvca-icon {
margin-right: 10px; }
.lvca-button.lvca-black {
background-color: #363636; }
.lvca-button.lvca-black:hover {
background-color: #434343; }
.lvca-button.lvca-blue {
background-color: #46a5d5; }
.lvca-button.lvca-blue:hover {
background-color: #5bafda; }
.lvca-button.lvca-cyan {
background-color: #57c0dc; }
.lvca-button.lvca-cyan:hover {
background-color: #6cc8e0; }
.lvca-button.lvca-green {
background-color: #00a57d; }
.lvca-button.lvca-green:hover {
background-color: #00bf90; }
.lvca-button.lvca-orange {
background-color: #e87151; }
.lvca-button.lvca-orange:hover {
background-color: #eb8368; }
.lvca-button.lvca-pink {
background-color: #dd5679; }
.lvca-button.lvca-pink:hover {
background-color: #e16b8a; }
.lvca-button.lvca-red {
background-color: #da4f49; }
.lvca-button.lvca-red:hover {
background-color: #de635e; }
.lvca-button.lvca-teal {
background-color: #28c2ba; }
.lvca-button.lvca-teal:hover {
background-color: #2fd4cc; }
.lvca-button.lvca-trans {
color: #333;
background-color: transparent; background-color: rgba(0, 0, 0, 0);
border: 2px solid #a5a5a5; }
.lvca-button.lvca-trans:hover {
background-color: #fff;
color: #333 !important;
border-color: #fff; }
.lvca-button.lvca-semitrans {
color: #fff;
background-color: transparent; background-color: rgba(125, 125, 125, 0.5); }
.lvca-button.lvca-semitrans:hover {
background-color: #fff;
color: #333 !important; } .lvca-post-link-overlay {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
z-index: 1; }
.lvca-terms a, .lvca-post-title a {
-webkit-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s; }
.lvca-read-more {
position: relative;
display: inline-block;
font-size: 0.75rem;
line-height: 1;
text-decoration: none;
padding: 8px 15px;
margin-top: 15px;
-webkit-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s; }
.lvca-post-featured-img-bg {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 15px; }@font-face {
font-family: 'lvca-icomoon';
src:    url(//www.bonfadinicostruzioni.it/wp-content/plugins/addons-for-visual-composer/assets/css/fonts/icomoon/icomoon.eot?qq9b0v);
src:    url(//www.bonfadinicostruzioni.it/wp-content/plugins/addons-for-visual-composer/assets/css/fonts/icomoon/icomoon.eot?qq9b0v#iefix) format('embedded-opentype'),
url(//www.bonfadinicostruzioni.it/wp-content/plugins/addons-for-visual-composer/assets/css/fonts/icomoon/icomoon.ttf?qq9b0v) format('truetype'),
url(//www.bonfadinicostruzioni.it/wp-content/plugins/addons-for-visual-composer/assets/css/fonts/icomoon/icomoon.woff?qq9b0v) format('woff'),
url(//www.bonfadinicostruzioni.it/wp-content/plugins/addons-for-visual-composer/assets/css/fonts/icomoon/icomoon.svg?qq9b0v#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="lvca-icon-"], [class*=" lvca-icon-"] { font-family: 'lvca-icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lvca-icon-arrow-left:before {
content: "\e900";
}
.lvca-icon-arrow-right:before {
content: "\e901";
}
.lvca-icon-aim:before {
content: "\e902";
}
.lvca-icon-behance:before {
content: "\e903";
}
.lvca-icon-dribbble:before {
content: "\e904";
}
.lvca-icon-facebook:before {
content: "\e905";
}
.lvca-icon-flickr:before {
content: "\e906";
}
.lvca-icon-googleplus:before {
content: "\e907";
}
.lvca-icon-linkedin:before {
content: "\e908";
}
.lvca-icon-pinterest:before {
content: "\e909";
}
.lvca-icon-skype:before {
content: "\e90a";
}
.lvca-icon-twitter:before {
content: "\e90b";
}
.lvca-icon-vimeo:before {
content: "\e90c";
}
.lvca-icon-zerply:before {
content: "\e90d";
}
.lvca-icon-quote:before {
content: "\e90e";
}
.lvca-icon-video-play:before {
content: "\e90f";
}
.lvca-icon-email:before {
content: "\e910";
}
.lvca-icon-close:before {
content: "\e911";
}
.lvca-icon-plus:before {
content: "\e912";
}
.lvca-icon-arrow-right-toggle:before {
content: "\e913";
}
.lvca-icon-menu:before {
content: "\e914";
}
.lvca-icon-menu-2:before {
content: "\e915";
}
.lvca-icon-fit-to:before {
content: "\e916";
}
.lvca-icon-full-screen:before {
content: "\e917";
}
.lvca-icon-arrow-left2:before {
content: "\e918";
}
.lvca-icon-arrow-left3:before {
content: "\e919";
}
.lvca-icon-arrow-right2:before {
content: "\e91a";
}
.lvca-icon-arrow-right3:before {
content: "\e91b";
}
.lvca-icon-start:before {
content: "\e91c";
}
.lvca-icon-instagram:before {
content: "\ea92";
}
.lvca-icon-angle-left:before {
content: "\f104";
}
.lvca-icon-angle-right:before {
content: "\f105";
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.list-view .post-details .post-name.mt_cars--title a {
font-size: 25px;
letter-spacing: normal;
text-transform: none;
}
.list-view .post-details .post-name.mt_cars--title {
margin-bottom: 10px;
margin-top: 0;
}
.single-car-feature {
margin: 3px 0;
}
.mt_car--price {
background: #ffd600 none repeat scroll 0 0;
display: inline-block;
font-size: 15px;
margin-top: 10px;
padding: 10px;
}
.mt_cars--main-pic { margin-bottom: 12px;
}
article.single-post .mt_cars--extra-pics img {
margin-bottom: 30px;
} .mt_bubble_box {
background: #f6f6f6 none repeat scroll 0 0;
padding: 30px;
position: relative;
}
.mt_bubble_box .bubble_title {
font-weight: bold;
margin: 0;
}
.bubble_footer_text {
font-weight: bold;
margin: 15px 0 0;
}
.mt_bubble_box .bubble_subtitle {
margin: 8px 0 15px;
color: #00afef;
}
.bubble_pointer{
position: absolute;
content: '';
border-style: solid;
display: block; 
width: 0px; 
z-index: 1; 
}
.bubble_footer_text > span {
color: #00afef;
} .mt--custom_services .hover_container {
display: flex !important;
height: 100%;
position: absolute;
text-align: center;
top: 0;
width: 100%;
text-align: left;
}
.mt--custom_services .hover_container_holder {
align-self: center;
padding: 0 65px;
width: 100%;
}
.mt--custom_services img {
width: 100%;
}
.mt--custom_services {
margin: 0 !important;
}
.mt--custom_services .hover_container .hover_container_holder .custom_service_second_title {
text-transform: uppercase;
}
.mt--custom_services .hover_container .hover_container_holder .custom_service_description {
color: #fff;
font-size: 18px;
}
.mt--custom_services .hover_container .more-link:hover{
opacity: 0.8;
}
.mt--custom_services .hover_container .more-link {
border: 2px solid;
transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 15px;
font-style: italic;
line-height: 25px;
margin: 10px 0 0;
padding: 4px 14px;
}/*/*/.mt--custom_services .hover_container {
transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
}
.mt--custom_services:hover .hover_container {
opacity: 1;
transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
}
.mt--custom_services:hover img {
opacity: 0;
transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
}/**/.title-subtile-holder .section-title {
margin-top:0; 
}
.title-subtile-holder {
margin-bottom: 40px;
} .section-title {
text-align: center;
font-weight: 500;
}
.section-border {
background: rgba(0, 0, 0, 0) url(//www.bonfadinicostruzioni.it/wp-content/plugins/modeltheme-framework/inc/shortcodes/img/delimiter.png) no-repeat scroll center center;
height: 45px;
width: 100%;
}
.section-subtitle {
color: rgb(154, 167, 175);
font-size: 15px;
font-weight: 300;
margin-top: 7px;
text-align: center;
width: 70%;
margin: 0 auto;
margin-top: 5px;
} .section_welcome .section-title {
color: #ffffff;
}
.section_quotes .section-title {
color: #ffffff;
}
.light_border {
opacity: 0.7;
}
.dark_border {
opacity: 0.8;
}
.light_title {
color: #ffffff;
}
.light_subtitle {
color: #ffffff;
opacity: 0.7;
}
.dark_title {
color: #333333;
}
.dark_subtitle {
color: #666666;
}
header.section-header {
margin-bottom: 50px;
position: relative;
z-index: 10;
} .title-holder {
margin-bottom: 40px;
}
.title_bored_element {
border-bottom: 5px solid rgb(72, 168, 167);
color: rgb(51, 51, 51);
padding-bottom: 3px;
}
.section-single-title {
font-weight: 500;
text-transform: uppercase;
}  .widget_social_icons li {
display: inline-table;
margin-bottom: 3px;
text-align: center;
}
.widget_social_icons ul {
margin: 0;
padding: 0;
}
.widget_social_icons li a {
display: block;
line-height: 0;
transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
}
.widget_social_icons li a i {
font-size: 18px;
}
.widget_social_icons li a:hover {
color: #ffffff;
}
#primary .main-content .sidebar-social-networks ul {
padding: 0 15px;
} .latest-videos h3 {
color: #ffffff;
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
padding: 12px;
text-align: left;
text-transform: uppercase;
}
.latest-videos h3 .fa{
margin-right: 8px;
}
.latest-videos > a {
color: rgba(0, 0, 0, 0.7);
display: block;
}
.latest-videos .post-date {
color: rgba(0, 0, 0, 0.3);
display: block;
margin-top: 3px;
}
.latest-videos .post-date i {
margin-right: 5px;
}
.video-title {
padding: 15px 0;
}
.video-title a {
display: block;
color: rgba(0, 0, 0, 0.7);
} .text-dark .statistics .stats-head *{
color: #00aeef;
}
.text-dark .statistics .stats-content p {
color: #747474;
}
.stats-block.statistics {
box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.06);
padding: 10px 0 26px;
}
.stats-content .skill-count {
display: block;
font-size: 60px;
font-weight: 600;
line-height: 60px;
margin-top: 10px;
text-align: center;
}
.stat-number.skill.percentage {
margin-bottom: 0;
}
.stats-head * {
font-size: 50px;
color: #FFF;
text-align: center;
}
.stats-head i {
clear: both;
display: block;
font-family: "FontAwesome";
font-size: 40px;
padding-right: 0;
}
.stats-content p {
font-size: 18px;
font-style: italic;
font-weight: 200;
line-height: 24px;
margin-bottom: 0;
opacity: 0.5;
text-align: center;
text-transform: capitalize;
}
.stat-number.skill {
margin-top: 15px;
margin-bottom: 0px;
}
.stat-number.skill img {
padding-top: 30px;
}
.stats-num-content.percentage span.skill-count {
font-size: 30px;
font-weight: 500;
display: inline-block;
}
.stats-num-content.percentage span.skill-count::after {
content: '+';
}  .pricing {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin: 0 auto;
}
.pricing__item {
position: relative;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: center;
flex: 0 1 360px;
}
.pricing__feature-list {
text-align: left;
}
.pricing__action {
color: inherit;
border: none;
background: none;
}
.pricing__action:focus {
outline: none;
} .pricing--tenzin .pricing__item {
margin: 1em;
padding: 2em 2.5em;
text-align: left;
color: #262b38;
background: #EEF0F3;
border-top: 3px solid #EEF0F3;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.pricing--tenzin .pricing__title {
margin: 0 0 1em;
}
.pricing--tenzin .pricing__price {
font-size: 2em;
font-weight: bold;
padding: 0.5em 0 0.75em;
border-top: 3px solid rgba(139, 144, 157, 0.18);
}
.pricing--tenzin .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--tenzin .pricing__sentence {
font-weight: bold;
padding: 0 0 0.5em;
color: #9CA0A9;
border-bottom: 3px solid rgba(139, 144, 157, 0.18);
}
.pricing--tenzin .pricing__feature-list {
font-size: 0.85em;
font-style: italic;
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: right;
color: #8b909d;
}
.pricing--tenzin .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
text-align: center;
} .pricing--norbu .pricing__item {
margin: 1em;
color: #fff;
cursor: default;
font-family: 'Myriad Pro', Arial, sans-serif;
border: 1px solid rgba(255,255,255,0.4);
background: rgba(255,255,255,0.08);
border-radius: 10px;
-webkit-transition: border-color 0.3s, background 0.3s;
transition: border-color 0.3s, background 0.3s;
}
.pricing--norbu .pricing__item:hover {
border: 1px solid rgba(255,255,255,1);
background: rgba(255,255,255,0.18);
}
.pricing--norbu .pricing__title {
font-size: 2em;
font-weight: 400;
margin: 0.5em 0;
padding: 1em;
position: relative;
}
.pricing--norbu .pricing__title::after {
content: '';
position: absolute;
width: 20%;
height: 1px;
background: #fff;
left: 40%;
bottom: 0;
}
.pricing--norbu .icon {
display: inline-block;
min-width: 2em;
}
.pricing--norbu .pricing__price {
font-size: 3.5em;
padding: 0.5em 0 0 0;
font-weight: 400;
position: relative;
z-index: 100;
}
.pricing--norbu .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--norbu .pricing__period {
font-size: 0.25em;
display: block;
padding: 1em;
}
.pricing--norbu .pricing__sentence {
color: #fff;
font-size: 1em;
margin: 0 auto 1em;
padding: 1em 2em;
}
.pricing--norbu .pricing__feature-list {
font-size: 1.15em;
margin: 0 2em;
letter-spacing: 0;
padding: 2em 0;
list-style: none;
}
.pricing--norbu .pricing__feature {
line-height: 1.4;
}
.pricing--norbu .pricing__action {
font-weight: bold;
flex: none;
margin: auto 1em 1em;
padding: 1.25em 2em;
color: #4aa8e4;
background: rgba(255,255,255,0.7);
border-radius: 5px;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.pricing--norbu .pricing__action:hover,
.pricing--norbu .pricing__action:focus {
background: #fff;
}
.pricing--pema .pricing__feature-list i,
.pricing--norbu .pricing__feature-list i {
margin-right: 10px;
} .pricing--pema .pricing__item {
border-radius: 10px;
font-family: 'Alegreya Sans', sans-serif;
padding: 2em 2em;
margin: 1em;
color: #fff;
cursor: default;
overflow: hidden;
box-shadow: 0 0 15px rgba(0,0,0,0.05);
}
@media screen and (min-width: 66.250em) {
.pricing--pema .pricing__item {
margin: 1.5em 0;
}
.pricing--pema .pricing__item--featured {
z-index: 10;
margin: 0;
font-size: 1.15em;
}
}
.pricing--pema .pricing__title {
color: #fff;
font-size: 24px;
font-weight: 700;
margin: 0.5em 0 0;
text-transform: uppercase;
}
.pricing--pema .icon {
display: inline-block;
min-width: 2em;
color: #8A9790;
vertical-align: middle;
}
.pricing--pema .pricing__price {
font-family: "Montserrat";
font-size: 90px;
font-weight: 700;
position: relative;
z-index: 100;
}
.pricing--pema .pricing__currency {
font-size: 0.5em;
padding-right: 10px;
vertical-align: super;
}
.pricing--pema .pricing__period {
color: rgba(255, 255, 255, 0.9);
display: inline-block;
font-family: "Montserrat";
font-size: 18px;
font-weight: 400;
padding: 0 0 0 0.5em;
}
.pricing--pema .pricing__sentence {
opacity: 0.6;
}
.pricing--pema .pricing__sentence {
font-weight: bold;
margin-bottom: 0px;
padding: 0 0 0.5em;
}
.pricing--pema .pricing__feature-list {
font-size: 0.95em;
margin: 0;
padding: 1.5em 0.5em 2.5em;
list-style: none;
}
.pricing--pema .pricing__feature {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
font-size: 18px;
font-weight: lighter;
padding: 1em 0;
text-align: center;
}
.pricing--pema .pricing__feature:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.pricing--pema .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 5px;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
} .modeltheme-countdown > div{
font-weight: bold;
font-size: 30px;
padding-left: 0;
}
.modeltheme-countdown div div:first-child{
text-align: center;
}
.modeltheme-countdown div div:last-child{
opacity: 0.7;
font-size: 15px;
font-weight: lighter;
text-align: center;
}
.modeltheme-countdown > div {
float: left;
}
.modeltheme-countdown > span {
float: left;
font-size: 60px;
line-height: 24px;
margin-bottom: 10px;
margin-top: 20px;
padding: 0 10px;
}
.modeltheme-countdown {
border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
display: inline-table;
overflow: hidden;
padding: 10px 30px 0px;
margin: 30px 0px;
}
.modeltheme-countdown .days-digit {
font-size: 70px;
line-height: 50px !important;
}
.modeltheme-countdown .days-name {
font-size: 20px !important;
margin-top: 5px !important;
margin-bottom: 12px !important;
}
.modeltheme-countdown .hours-digit {
font-size: 70px;
line-height: 50px !important;
}
.modeltheme-countdown .hours-name {
font-size: 20px !important;
margin-top: 5px !important;
margin-bottom: 12px !important;
}
.modeltheme-countdown .minutes-digit {
font-size: 70px;
line-height: 50px !important;
}
.modeltheme-countdown .minutes-name {
font-size: 20px !important;
margin-top: 5px !important;
margin-bottom: 12px !important;
}
.modeltheme-countdown .seconds-digit {
font-size: 70px;
line-height: 50px !important;
}
.modeltheme-countdown .seconds-name {
font-size: 20px !important;
margin-top: 5px !important;
margin-bottom: 12px !important;
} .mt-icon-list-item .mt-icon-list-icon-holder {
display: table-cell;
vertical-align: middle;
width: 28px;
}
.mt-icon-list-item .mt-icon-list-text {
display: table-cell;
position: relative;
vertical-align: middle;
} .percircle.dark {
background-color: #777777;
}
.percircle.dark .bar,
.percircle.dark .fill {
border-color: #c6ff00;
}
.percircle.dark > span {
color: #777777;
}
.percircle.dark:after {
background-color: #555555;
}
.percircle.dark:hover > span {
color: #c6ff00;
}
.percircle.red .bar,
.percircle.red .fill {
border-color: #dd5454;
}
.percircle.red:hover > span {
color: #dd5454;
}
.percircle.red.dark .bar,
.percircle.red.dark .fill {
border-color: #f84a4a;
}
.percircle.red.dark:hover > span {
color: #f84a4a;
}
.percircle.blue .bar,
.percircle.blue .fill {
border-color: #00AFEF;
}
.percircle.blue:hover > span {
color: #00AFEF;
}
.percircle.blue.dark .bar,
.percircle.blue.dark .fill {
border-color: #20cceb;
}
.percircle.blue.dark:hover > span {
color: #20cceb;
}
.percircle.green .bar,
.percircle.green .fill {
border-color: #8dea7b;
}
.percircle.green:hover > span {
color: #8dea7b;
}
.percircle.green.dark .bar,
.percircle.green.dark .fill {
border-color: #a9ff3a;
}
.percircle.green.dark:hover > span {
color: #a9ff3a;
}
.percircle.orange .bar,
.percircle.orange .fill {
border-color: #e88239;
}
.percircle.orange:hover > span {
color: #e88239;
}
.percircle.orange.dark .bar,
.percircle.orange.dark .fill {
border-color: #dc5b00;
}
.percircle.orange.dark:hover > span {
color: #dc5b00;
}
.percircle.pink .bar,
.percircle.pink .fill {
border-color: #ff8ed0;
}
.percircle.pink:hover > span {
color: #ff8ed0;
}
.percircle.pink.dark .bar,
.percircle.pink.dark .fill {
border-color: #ff58b9;
}
.percircle.pink.dark:hover > span {
color: #ff58b9;
}
.percircle.purple .bar,
.percircle.purple .fill {
border-color: #aa7eff;
}
.percircle.purple:hover > span {
color: #aa7eff;
}
.percircle.purple.dark .bar,
.percircle.purple.dark .fill {
border-color: #7a38f7;
}
.percircle.purple.dark:hover > span {
color: #7a38f7;
}
.percircle.yellow .bar,
.percircle.yellow .fill {
border-color: #dcbd00;
}
.percircle.yellow:hover > span {
color: #dcbd00;
}
.percircle.yellow.dark .bar,
.percircle.yellow.dark .fill {
border-color: #ffdb00;
}
.percircle.yellow.dark:hover > span {
color: #ffdb00;
}
.rect-auto,
.percircle.gt50 .slice {
clip: rect(auto, auto, auto, auto);
}
.pie,
.percircle .bar,
.gt50 .fill {
position: absolute;
border: 0.08em solid #307bbb;
width: 0.84em;
height: 0.84em;
clip: rect(0, 0.5em, 1em, 0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.bar {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pie-fill,
.gt50 .bar:after,
.gt50 .fill {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.percircle {
position: relative;
font-size: 120px;
width: 1em;
height: 1em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
float: left;
margin: 0 0.1em 0.1em 0;
background-color: #cccccc;
}
.percircle *,
.percircle *:before,
.percircle *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.percircle.animate > span,
.percircle.animate:after {
-webkit-transition: -webkit-transform 0.2s ease-in-out;
-moz-transition: -moz-transform 0.2s ease-in-out;
-ms-transition: -ms-transform 0.2s ease-in-out;
-o-transition: -o-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
}
.percircle.animate .bar {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-ms-transition: -ms-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
}
.percircle.center {
float: none;
margin: 0 auto;
}
.percircle.big {
font-size: 240px;
}
.percircle.small {
font-size: 80px;
}
.percircle > span {
position: absolute;
z-index: 1;
width: 100%;
top: 50%;
height: 1em;
margin-top: -0.6em;
font-size: 0.2em;
color: #cccccc;
display: block;
text-align: center;
white-space: nowrap;
}
.perclock > span {
font-size: 0.175em;
}
.percircle:after {
position: absolute;
top: 0.08em;
left: 0.08em;
display: block;
content: " ";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: #f9f9f9;
width: 0.84em;
height: 0.84em;
}
.percircle .slice {
position: absolute;
width: 1em;
height: 1em;
clip: rect(0, 1em, 1em, 0.5em);
}
.percircle:hover {
cursor: default;
}
.percircle:hover > span {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
color: #307bbb;
}
.percircle:hover:after {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
} .buton_image_class:hover {
transform: scale(1.1);
transition: all 400ms ease-in-out 0s;
-ms-transformtransition: all 400ms ease-in-out 0s;
-webkit-transformtransition: all 400ms ease-in-out 0s;
}
.buton_image_class {
transform: scale(1.0);
transition: all 400ms ease-in-out 0s;
-ms-transformtransition: all 400ms ease-in-out 0s;
-webkit-transformtransition: all 400ms ease-in-out 0s;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } 
} .subscribe .result {
display: block;
width: 100% !important;
}
.mc_embed_signup {
margin-top: 15px;
overflow: hidden;
}
.newspaper-info {
color: #ffffff;
}
.complex-layout .subscribe h3 i {
margin-right: 5px;
}
.subscribe > input[type="text"] {
border: 0 none;
float: left;
font-style: italic;
padding: 15px 25px;
width: 65%;
border-radius: 30px;
font-family: "Ubuntu";
font-weight: initial;
font-size: 18px;
text-transform: normal !important;
margin-right: 20px;
}
.subscribe > button[type="submit"] {
border: 0 none;
color: #ffffff;
float: left;
font-style: normal;
font-weight: bold;
padding: 15px;
width: 30%;
border-radius: 30px;
font-family: "Ubuntu";
font-size: 18px;
}
.subscribe_title {
margin-bottom: 10px;
margin-top: 15px;
}
.complex-layout .subscribe {
border: 1px solid rgb(223, 229, 233);
overflow: hidden;
padding: 30px;
}
.complex-layout .subscribe > button[type="submit"] {
padding: 8px 16px;
}
.complex-layout .subscribe > button[type="submit"]{
width: auto;
}
.complex-layout .subscribe > input[type="text"] {
border: 1px solid rgba(0, 0, 0, 0.1);
margin-right: 8px;
width: 50%;
}
.complex-layout .subscribe > h3 {
float: left;
font-size: 14px;
margin: 10px 0;
width: 38%;
} .featured_product_details_holder {
align-self: center;
}
.featured_product_shortcode {
border-radius: 10px !important;
padding: 60px !important;
display: flex;
}
.featured_product_shortcode .featured_product_button {
color: #ffffff;
font-size: 20px;
padding: 20px 50px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
border-radius: 50px;
}
.featured_product_shortcode .featured_product_description {
margin-bottom: 70px;
margin-top: 25px;
}
.featured_product_shortcode .featured_product_name a {
font-weight: bold;
font-size: 60px;
}  .slideshow {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
width: 100vw; height: 900px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
} .slide {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 100vw;  height: 900px;
pointer-events: none;
opacity: 0;
-webkit-perspective: 1800px;
perspective: 1800px;
}
.slide--current {
z-index: 1;
pointer-events: auto;
opacity: 1;
max-width: 100%;
}
.titles {
background-color: rgba(255, 255, 255, 0.8);
bottom: 5px;
left: 0;
min-height: 115px;
pointer-events: none;
position: absolute;
text-align: center;
width: 100%;
z-index: 1;
}
.title {
font-size: 1.85em;
font-weight: 700;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 1em;
text-align: center;
white-space: nowrap;
opacity: 0; -webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.title--current {
opacity: 1;
}
.title__sub {
font-size: 0.5em;
line-height: 1;
display: block;
margin-top: 0.25em;
white-space: nowrap;
text-indent: 5px;
letter-spacing: 5px;
text-transform: uppercase; }
.title__sub::before,
.title__sub::after {
content: '\2014';
} .featured_house.nav {
position: fixed;
z-index: 5000;
top: 2em;
right: 2em;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 85px;
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
padding: 15px 0;
}
.no-preserve3d .nav {
display: none;
}
.nav__item {
position: relative;
display: block;
overflow: hidden;
width: 25px;
height: 25px;
margin: 2px;
cursor: pointer; }
.nav__item::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 15px;
height: 15px;
opacity: 0; -webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.nav__item:hover::after {
opacity: 0.2;
}
.nav__item.nav__item--current::after {
opacity: 1;
}
.text-hidden {
position: absolute;
top: 200%;
pointer-events: none;
opacity: 0;
} .scene { height: 100%;
margin: 0 auto;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform 0.1s;
transition: transform 0.1s;
}
.views {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 100%;
pointer-events: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.view__img {
display: block;
}
.view {
z-index: 1;
-webkit-flex: none;
flex: none;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.view--rotate-right {
margin-right: -1px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.view--rotate-left {
margin-left: -1px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.view__img {
max-height: 100%;
}
.slide .scene .views .view .item {
position: absolute;
z-index: 1;
pointer-events: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.item--popup {
z-index: 1;
pointer-events: auto;
}
.item::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
background: #ececec; box-shadow: 0 0 0 65px #ececec, 0 0 0 65px #000;
-webkit-transform: scale3d(0.7, 0.7, 1);
transform: scale3d(0.7, 0.7, 1);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.item.item--popup::before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.item__img {
position: relative;
display: block;
max-height: 100%;
margin: 0 auto;
pointer-events: auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.item--popup .item__img {
box-shadow: none;
}
.view-open .item:not(.item--popup) .item__img {
-webkit-transition: -webkit-transform 0.1s;
transition: transform 0.1s;
}
.views:not(.view-open) .item__img:hover { box-shadow: 0 0 0 4px #fff;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.views:not(.view-open) .item__img { box-shadow: 0 0 0 4px transparent;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.item__info {
line-height: 1;
position: relative;
min-width: 150px;
margin: 3em 0 -1em;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
.item--popup .item__info {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.item__title {
font-size: 0.75em;
font-weight: 700;
margin: 0;
padding: 0 0 0.5em 0;
letter-spacing: 2px;
text-transform: uppercase;
}
.item__price {
font-size: 1.5em;
font-weight: 700;
line-height: 1.5;
display: inline-block;
vertical-align: middle;
}
.item__price sup {
font-size: 0.5em;
color: #aaa;
}
.currency {
vertical-align: super;
}
.image1_room1 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350ms ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
}
.image2_room1 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350ms ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
}
.image3_room1 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350ms ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
}
.image1_room2 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350 ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
}
.image2_room2 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350ms ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
}
.image3_room2 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350ms ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
}
.image1_room3 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350ms ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
}
.image2_room3 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350ms ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
}
.image3_room3 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350ms ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
}
.image1_room4 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350ms ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
}
.image2_room4 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350ms ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
}
.image3_room4 .item__img:hover {
transform: scale(1.1) !important;
transition: all 350ms ease-in-out 0ms;
-o-transition: all 350ms ease-in-out 0ms;
-moz-transition: all 350ms ease-in-out 0ms;
-webkit-transition: all 350ms ease-in-out 0ms;
-ms-transition: all 350ms ease-in-out 0ms;
} .view .item img {
max-width: none !important;
} .image1_room1 .item__img {
height: auto;
}
.image2_room1 .item__img {
height: auto;
}
.image3_room1 .item__img {
height: auto;
} .image1_room2 .item__img {
height: auto;
}
.image2_room2 .item__img {
height: auto;
}
.image3_room2 .item__img {
height: auto;
} .image3_room3 .item__img {
height: auto;
}
.image2_room3 .item__img {
height: auto;
}
.image1_room3 .item__img {
height: auto;
} .image2_room4 .item__img {
height: auto;
}
.image3_room4 .item__img {
height: auto;
}
.image1_room4 .item__img {
height: auto;
}
@media screen and (max-height: 42em) {
.slideshow {
padding-top: 7em;
}
.titles {
top: 0;
right: 4em;
left: auto;
width: auto;
margin: 0;
}
.title {
font-size: 1.35em;
top: 0;
right: 0;
bottom: auto;
left: auto;
width: auto;
padding: 1.75em 2em;
}
}
@media screen and (max-width: 52.8em),
screen and (max-height: 32em) {
.info--size {
display: block;
}
.slideshow {
display: block;
overflow: visible;
margin-top: 2em;
padding: 0;
}
.slideshow,
.slide,
.slide .view {
width: 100%;
height: auto;
}
.views {
display: block;
}
.view,
.item,
.item__img,
.scene {
-webkit-transform: none !important;
transform: none !important;
}
.slide--current {
position: relative;
}
.view__img {
display: none;
}
.scene {
width: 100%;
height: auto;
}
.nav {
position: relative;
top: auto;
top: 100%;
right: auto;
display: block;
width: 100%;
margin: 2em 0 0 0;
text-align: center;
}
.nav__item {
display: inline-block;
}
.titles {
position: relative;
right: auto;
-webkit-flex: none;
flex: none;
margin: 0;
}
.title {
top: 0;
bottom: auto;
width: 100%;
padding: 1em;
}
.item {
position: relative;
top: 0;
left: 0;
margin: 10px;
padding: 1em;
pointer-events: auto;
background: #fff;
}
.item::before {
display: none;
}
.item__img {
float: left;
max-width: 100%;
height: 75px !important;
box-shadow: none;
}
.item__info {
margin: 1em 0 0 0;
text-align: right;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slideshow [class^='from-'],
[class*=' from-'] {
opacity: 0;
-webkit-animation: fadeIn 1s forwards !important;
animation: fadeIn 1s forwards !important;
}
.slideshow [class^='to-'],
[class*=' to-'] {
-webkit-animation: fadeOut 1s forwards !important;
animation: fadeOut 1s forwards !important;
}
.slideshow [class^='to-'],
[class*=' to-'] .scene,
.slideshow [class^='to-'],
[class*=' to-'] .view--rotate,
.slideshow [class^='from-'],
[class*=' from-'] .scene,
.slideshow [class^='from-'],
[class*=' from-'] .view--rotate {
-webkit-animation: none !important;
animation: none !important;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.codrops-header {
position: relative;
padding: 1em;
}
}
.featured_house_shortcode {
border-radius: 10px !important;
display: flex;
padding: 0px !important;
} .contact_details_container_shortcode {
padding: 50px 0;
}
.contact_social-links li {
color: white;
display: inline-table;
list-style: outside none none;
}
.contact_details_container_shortcode h5 {
font-weight: bold;
margin-bottom: 25px;
text-transform: uppercase;
}
.contact_details_container_shortcode p {
font-size: 12px;
font-weight: 300;
opacity: 0.8;
}
.contact_details_container_shortcode .contact_social-links li i {
font-size: 25px;
padding: 0 10px;
}
.contact_details_container_shortcode .contact_details_address {
border-right: 1px solid rgba(235, 238, 239, 0.6);
}
.contact_details_container_shortcode .contact_details_phone {
border-right: 1px solid rgba(235, 238, 239, 0.6);
}
.contact_details_container_shortcode .contact_details_email {
border-right: 1px solid rgba(235, 238, 239, 0.6);
} .mt_typed_text{
display: inline;
}
.typed-cursor{
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
} .svc_pagination a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: 1px solid #e6e6e6 !important;
border-radius: 3px !important;
color: #565656 !important;
display: block !important;
float: left !important;
font-size: 19px !important;
height: 50px !important;
margin: 0 5px !important;
padding: 17px 0 !important;
text-align: center !important;
text-decoration: none !important;
width: 55px !important;
transition: all 260ms ease-in-out;
-webkit-transition: all 260ms ease-in-out;
}
.svc_pagination a:hover,
.svc_pagination .current {
background: #00AFEF none repeat scroll 0 0 !important;
color: #ffffff !important;
}
footer a.svc_read_more {
color: #ffffff !important;
float: right !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.svc_post_grid article section p.svc_info {
color: #565656;
font-size: 17px !important;
line-height: 150% !important;
}
.svc_post_grid article footer {
margin: 0 !important;
padding: 20px 30px !important;
}
.svc_post_grid article header:before {
position: absolute;
content: "";
left: calc(50% - 25px);
bottom: 0;
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid white;
} div.svc_post_grid_s1 article header {
border-bottom: 0 none !important;
}
div.svc_post_grid_s1 article section p {
font-size: 22px !important;
}
div.svc_post_grid_s1 article section p a.svc_title {
color: #000000 !important;
font-weight: bold;
letter-spacing: 1.5px;
text-transform: uppercase;
}
div.svc_post_grid_s1 .svc-col-md-4 section p a.svc_title {
font-size: 20px;
}
div.svc_post_grid_s1 section div.svc_post_cat * {
color: rgb(0, 0, 0) !important;
opacity: 0.6 !important;
}
div.svc_post_grid_s1 article section{
margin: 0 !important;
padding: 30px !important;
}
div.svc_post_grid_s1 .svg_post_meta span {
color: #ffffff;
}
div.svc_post_grid_s1 .svg_post_meta span a {
color: #ffffff;
}
body div.svc_post_grid_s1 footer .svc_social_share > ul li {
height: 25px !important;
margin-right: 4px !important;
padding: 5px 0 !important;
text-align: center !important;
width: 25px !important;
}
div.svc_post_grid_s1 article {
padding-bottom: 0 !important
}
div.svc_post_grid_s1 article section p.svc_info {
margin: 0 !important;
} div.svc_post_grid_s2 article footer ul.svg_post_meta {
border-bottom: 0 none !important;
}
div.svc_post_grid_s2 .svg_post_meta span {
color: #ffffff;
}
div.svc_post_grid_s2 .svg_post_meta span a {
color: #ffffff;
}
div.svc_post_grid_s2 article footer ul li {
border-radius: unset !important;
}
div.svc_post_grid_s2 article section p a.svc_title {
color: #000000;
font-weight: bold;
letter-spacing: 1.5px;
padding: 16px 0;
text-transform: uppercase;
}
div.svc_post_grid_s2 .svc-col-md-4 section p a.svc_title {
font-size: 20px;
}
div.svc_post_grid_s2 article header {
border-bottom: 0 none !important;
}
div.svc_post_grid_s2 article section p {
font-size: 22px !important;
}
div.svc_post_grid_s2 section div.svc_post_cat * {
color: rgb(0, 0, 0) !important;
opacity: 0.6 !important;
}
div.svc_post_grid_s2 article section{
margin: 0 !important;
padding: 30px !important;
}
div.svc_post_grid_s2 article footer {
margin: 0 !important;
padding: 15px !important;
}
div.svc_post_grid_s2 article section p.svc_info {
font-size: 15px !important;
font-weight: 300 !important;
line-height: 150% !important;
}
body div.svc_post_grid_s2 footer .svc_social_share > ul li {
height: 25px !important;
margin-right: 4px !important;
padding: 5px 0 !important;
text-align: center !important;
width: 25px !important;
}
div.svc_post_grid_s2 article {
padding-bottom: 0 !important
}
div.svc_post_grid_s2 article section p.svc_info {
margin: 0 !important;
}
div.svc_post_grid_s2 article section:first-child {
padding: 15px 30px !important;
}
div.svc_post_grid_s2 article section:first-child p {
margin: 0 !important;
} div.svc_post_grid_s3 article header {
border-bottom: 0 none !important;
}
div.svc_post_grid_s3 article section p {
font-size: 22px !important;
}
div.svc_post_grid_s3 article section p a.svc_title {
color: rgb(0, 0, 0) !important;
font-weight: 400 !important;
}
div.svc_post_grid_s3 section div.svc_post_cat * {
color: rgb(0, 0, 0) !important;
opacity: 0.6 !important;
}
div.svc_post_grid_s3 article section{
margin: 0 !important;
padding: 30px !important;
}
div.svc_post_grid_s3 article footer {
margin: 0 !important;
padding: 15px !important;
}
div.svc_post_grid_s3 article section p.svc_info {
font-size: 15px !important;
font-weight: 300 !important;
line-height: 150% !important;
}
body div.svc_post_grid_s3 footer .svc_social_share > ul li {
height: 25px !important;
margin-right: 4px !important;
padding: 5px 0 !important;
text-align: center !important;
width: 25px !important;
}
div.svc_post_grid_s3 article {
padding-bottom: 0 !important
}
div.svc_post_grid_s3 article section p.svc_info {
margin: 0 !important;
}
div.svc_post_grid_s3 article section:first-child {
padding: 15px 30px !important;
}
div.svc_post_grid_s3 article section:first-child p {
margin: 0 !important;
}
div.svc_post_grid_s3 .svg_post_meta span {
color: #ffffff;
}
div.svc_post_grid_s3 .svg_post_meta span a {
color: #ffffff;
}
div.svc_post_grid_s3 article footer ul li {
border-radius: unset !important;
}
div.svc_post_grid_s3 article header p a.svc_title {
color: #000000 !important;
font-weight: bold;
letter-spacing: 1.5px;
text-transform: uppercase;
}
div.svc_post_grid_s3 article footer {
background: #00afef none repeat scroll 0 0 !important;
} body div.svc_post_grid_s4 section p a.svc_read_more {
background: transparent none repeat scroll 0 0;
border: 1px solid #000;
color: #000;
opacity: 0.7;
}
div.svc_post_grid_s4 .svg_post_meta span {
color: #ffffff;
}
div.svc_post_grid_s4 .svg_post_meta span a {
color: #ffffff;
}
div.svc_post_grid_s4 article footer ul li {
border-radius: unset !important;
}
div.svc_post_grid_s4 article section p a.svc_title {
color: #000000 !important;
font-weight: bold;
letter-spacing: 1.5px;
margin-top: 2px;
text-transform: uppercase;
}
div.svc_post_grid_s4 article footer {
background: #00afef none repeat scroll 0 0 !important;
}
div.svc_post_grid_s4 article {
border-top: medium none !important;
}
div.svc_post_grid_s4 article footer ul.svg_post_meta {
margin-top: 5px;
}
div.svc_post_grid_s4 section p.svc_read_more_p {
margin-bottom: 7px !important;
}
body div.svc_post_grid_s4 article header::before {
border-color: white transparent -moz-use-text-color;
border-style: solid solid none;
border-width: 25px 25px medium;
content: "";
height: 0;
left: calc(50% - 25px);
position: absolute;
top: 0;
width: 0;
}
div.svc_post_grid_s4 article header {
border-bottom: 0 none !important;
}
div.svc_post_grid_s4 article section p {
font-size: 22px !important;
}
div.svc_post_grid_s4 article section p a.svc_title {
color: rgb(0, 0, 0) !important; }
div.svc_post_grid_s4 section div.svc_post_cat * {
color: rgb(0, 0, 0) !important;
opacity: 0.6 !important;
}
div.svc_post_grid_s4 article section{
margin: 0 !important;
padding: 30px !important;
}
div.svc_post_grid_s4 article footer {
margin: 0 !important;
padding: 15px !important;
}
div.svc_post_grid_s4 article section p.svc_info {
font-size: 15px !important;
font-weight: 300 !important;
line-height: 150% !important;
}
body div.svc_post_grid_s4 footer .svc_social_share > ul li {
height: 25px !important;
margin-right: 4px !important;
padding: 5px 0 !important;
text-align: center !important;
width: 25px !important;
}
div.svc_post_grid_s4 article {
padding-bottom: 0 !important
}
div.svc_post_grid_s4 article section p.svc_info {
margin: 0 !important;
}
div.svc_post_grid_s4 article section:first-child {
padding: 15px 30px !important;
}
div.svc_post_grid_s4 article section:first-child p {
margin: 0 !important;
} div.svc_post_grid_s5 .svg_post_meta span {
color: #ffffff;
}
div.svc_post_grid_s5 .svg_post_meta span a {
color: #ffffff;
}
div.svc_post_grid_s5 article footer ul li {
border-radius: unset !important;
}
div.svc_post_grid_s5 article section p a.svc_title {
color: #000000 !important;
font-weight: bold;
letter-spacing: 1.5px;
margin-top: 2px;
text-transform: uppercase;
}
div.svc_post_grid_s5 article footer {
background: #00afef none repeat scroll 0 0 !important;
}
div.svc_post_grid_s5 .svc-col-md-4 section p a.svc_title {
font-size: 20px;
}
div.svc_post_grid_s5 article {
border-top: medium none !important;
}
div.svc_post_grid_s5 article footer ul.svg_post_meta {
margin-top: 5px;
}
div.svc_post_grid_s5 section p.svc_read_more_p {
margin-bottom: 7px !important;
}
div.svc_post_grid_s5 section div.svc_post_cat * {
color: rgb(255, 255, 255) !important;
opacity: 0.8 !important;
}
body div.svc_post_grid_s5 section .svc_social_share > ul li {
height: 25px !important;
margin-right: 4px !important;
padding: 5px 0 !important;
text-align: center !important;
width: 25px !important;
}
body div.svc_post_grid_s5 article header::before {
border-color: white transparent -moz-use-text-color;
border-style: solid solid none;
border-width: 25px 25px medium;
content: "";
height: 0;
left: calc(50% - 25px);
position: absolute;
top: 0;
width: 0;
}
body div.svc_post_grid_s5 article {
background: #fff none repeat scroll 0 0;
border-bottom: medium none;
} ul.svc_post_grid_s7 li.svc_event .svg_post_meta span {
color: #ffffff;
}
ul.svc_post_grid_s7 li.svc_event .svg_post_meta span a {
color: #ffffff;
}
ul.svc_post_grid_s7 li.svc_event footer ul li {
border-radius: unset !important;
}
ul.svc_post_grid_s7 li.svc_event section p a.svc_title {
color: #000000 !important;
font-weight: bold;
letter-spacing: 1.5px;
margin-top: 2px;
text-transform: uppercase;
}
ul.svc_post_grid_s7 li.svc_event footer {
background: #00afef none repeat scroll 0 0 !important;
}
ul.svc_post_grid_s7 li.svc_event {
border-top: medium none !important;
}
ul.svc_post_grid_s7 li.svc_event footer ul.svg_post_meta {
text-align: left;
}
ul.svc_post_grid_s7 li.svc_event section p.svc_read_more_p {
margin-bottom: 7px !important;
}
ul.svc_post_grid_s7 li.svc_event section div.svc_post_cat * {
color: rgb(0, 0, 0) !important;
opacity: 0.6 !important;
}
ul.svc_post_grid_s7 li.svc_event .svc_social_share > ul li {
height: 25px !important;
margin-right: 4px !important;
padding: 5px 0 !important;
text-align: center !important;
width: 25px !important;
}
ul.svc_post_grid_s7 li.svc_event header::before {
border-color: white transparent -moz-use-text-color;
border-style: solid solid none;
border-width: 25px 25px medium;
content: "";
height: 0;
left: calc(50% - 25px);
position: absolute;
top: 0;
width: 0;
}
body ul.svc_post_grid_s7 li.svc_event section {
background: #fff none repeat scroll 0 0;
border-bottom: medium none;
margin-bottom: 27px;
margin-top: 30px;
}
body ul.svc_post_grid_s7 li.svc_event footer ul li.time {
display: initial;
}
body ul.svc_post_grid_s7 li.svc_event {
padding-bottom: 0;
}
.svc_timeline .svc_event.offset-first {
padding: 0 !important;
}
ul.svc_post_grid_s7 li.svc_event section p:first-child {
font-size: 22px !important;
}
ul.svc_post_grid_s7 li.svc_event section p{
font-size: 15px !important;
font-weight: 300 !important;
line-height: 150% !important;
}
ul.svc_post_grid_s7 li.svc_event footer {
margin: 0 !important;
padding: 15px !important;
}
ul.svc_post_grid_s7 footer a.svc_read_more {
font-weight: 300 !important;
}
ul.svc_post_grid_s7 li.svc_event footer ul li{
height: 25px !important;
margin-right: 4px !important;
padding: 5px 0 !important;
text-align: center !important;
width: 25px !important;
} div.svc_post_grid_s8 article section p a.svc_title {
color: #ffffff !important;
font-weight: bold;
letter-spacing: 1.5px;
margin-top: 8px;
text-transform: uppercase;
}
div.svc_post_grid_s8 .svc-col-md-4 section p a.svc_title {
font-size: 20px;
}
body div.svc_post_grid_s8 section div.svc_post_cat {
color: #fff;
opacity: 0.9;
}
body div.svc_post_grid_s8 article section .svc_post_cat a, 
body div.svc_post_grid_s8 article section .svg_post_meta li {
color: #fff;
opacity: 0.8;
} body div.svc_post_grid_s9 figure {
margin: 0;
}
body div.svc_post_grid_s9 article figure figcaption h3 a {
color: #ffffff !important;
display: block;
font-weight: bold;
letter-spacing: 1.5px;
padding: 25px 0;
text-transform: uppercase;
}
body div.svc_post_grid_s9 article figure figcaption .svc_post_cat a, 
body div.svc_post_grid_s9 article figure figcaption .svg_post_meta li {
color: #fff;
opacity: 0.8;
}
body div.svc_post_grid_s9 figure figcaption .svc_post_cat {
color: #fff;
opacity: 0.9;
}
body div.svc_post_grid_s9 figure figcaption {
background-color: #00afef;
}
body div.svc_post_grid_s9 figure .svc_inner_abs_div .svc_share i {
color: #fff;
opacity: 0.8;
}
body div.svc_post_grid_s9 article figure .svc_inner_abs_div .svc_share {
border-color: rgba(255, 255, 255, 0.8); 
}
div.svc_post_grid_s9 .svc-col-md-4 figure figcaption h3 a {
font-size: 20px;
} body div.svc_post_grid_s10 figure {
margin: 0;
}
body div.svc_post_grid_s10 article figure figcaption h3 a {
color: #ffffff !important;
display: block;
font-weight: bold;
letter-spacing: 1.5px;
padding: 25px 0;
text-transform: uppercase;
}
div.svc_post_grid_s10 .svc-col-md-4 figure figcaption h3 a {
font-size: 20px;
}
body div.svc_post_grid_s10 article figure figcaption .svc_post_cat a, 
body div.svc_post_grid_s10 article figure figcaption .svg_post_meta li {
color: #fff;
opacity: 0.8;
}
body div.svc_post_grid_s10 figure figcaption .svc_post_cat {
color: #fff;
opacity: 0.9;
}
body div.svc_post_grid_s10 figure figcaption {
background-color: #00afef;
}
body div.svc_post_grid_s10 figure .svc_inner_abs_div .svc_share i {
color: #fff;
opacity: 0.8;
}
body div.svc_post_grid_s10 article figure .svc_inner_abs_div .svc_share {
border-color: rgba(255, 255, 255, 0.8); 
}
body div.svc_post_grid_s10 figcaption a.svc_read_mure_s10 {
border: 1px solid #fff;
border-radius: 2px;
bottom: 10px;
color: #fff;
font-size: 12px;
padding: 5px 10px;
position: absolute;
} .alert {
padding: 25px !important;
border: 0 none !important;
border-radius: 0px !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.alert-success {
background-color: #2ecc71!important;
border-color: #2ecc71!important;
color: #FFFFFF !important;
}
.alert-info {
background-color: #29B6F6 !important;
border-color: #29B6F6 !important;
color: #FFFFFF !important;
}
.alert-warning {
background-color: #FFCA28 !important;
border-color: #FFCA28 !important;
color: #FFFFFF !important;
}
.alert-danger {
background-color: #FF5722 !important;
border-color: #FF5722 !important;
color: #FFFFFF !important;
}
.alert-dismissable .close, 
.alert-dismissible .close {
color: rgb(0, 0, 0);
opacity: 0.6;
}
.alert-success .alert-link{
font-weight: lighter;
} .alert-success.bordered {
background: #f2fcf6 none repeat scroll 0 0 !important;
border: 2px solid rgb(46, 204, 113) !important;
color: rgb(46, 204, 113) !important;
}
.alert-info.bordered {
background: #ebf8fe none repeat scroll 0 0 !important;
border: 2px solid #29B6F6 !important;
color: #29B6F6 !important;
}
.alert-warning.bordered {
background: #fef9ea none repeat scroll 0 0 !important;
border: 2px solid #FFCA28 !important;
color: #FFCA28 !important;
}
.alert-danger.bordered {
background: #fff3ef none repeat scroll 0 0 !important;
border: 2px solid #FF5722 !important;
color: #FF5722 !important;
} .progress-bar {
background-color: #2c3e50 !important;
}
.progress-bar-success {
background-color: #2ecc71 !important; 
}
.progress-bar-info {
background-color: #3498db !important;
}
.progress-bar-warning {
background-color: #f39c12 !important;
}
.progress-bar-danger {
background-color: #e74c3c !important;
}
.progress {
border-radius: 0px !important;
height: 30px !important;
margin-bottom: 0 !important;
}
.progress-bar-holder {
background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0 !important;
padding: 10px;
}
.progress-bar {
font-size: 16px !important;
font-weight: 300 !important;
line-height: 30px !important;
padding-right: 20px !important;
text-align: right !important;
} .jumbotron h1, .jumbotron .h1{
font-size: 38px !important;
}
.jumbotron {
background-color: #ecf0f1 !important;
}
.container .jumbotron, 
.container-fluid .jumbotron {
border-radius: 0 !important;
-o-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
} .panel-success > .panel-heading {
background-color: #00E676 !important;
color: #FFF !important;
border-color: #00E676 !important;
padding: 25px;
}
.panel-success {
border-color: #00E676 !important;
}
.panel-info > .panel-heading {
color: #FFF !important;
background-color: #29B6F6 !important;
border-color: #29B6F6 !important;
padding: 25px;
}
.panel-info {
border-color: #29B6F6 !important;
}
.panel-warning > .panel-heading {
background-color: #FFCA28 !important;
color: #FFF !important;
border-color: #FFCA28 !important;
padding: 25px;
}
.panel-warning {
border-color: #FFCA28 !important;
}
.panel-danger > .panel-heading {
background-color: #FF5722 !important;
border-color: #FF5722 !important;
color: #FFFFFF !important;
padding: 25px;
}
.panel-danger {
border-color: #FF5722 !important;
}
.panel-primary,
.panel-primary > .panel-heading {
border-color: #2c3e50;
}
.panel-primary > .panel-heading {
background-color: #2c3e50;
}
.panel-body {
padding: 25px !important;
font-size: 17px;
opacity: 0.85;
font-weight: 300;
}
.panel-title {
font-size: 20px !important;
} .thumbnail {
background: transparent !important;
padding: 0 !important;
border: 0 none !important;
} .list-group-item {
border-color: #ecf0f1 !important;
padding: 15px !important;
}
.list-group-item.active, 
.list-group-item.active:hover, 
.list-group-item.active:focus {
background-color: #393939 !important;
border-color: #ecf0f1 !important;
}
a.list-group-item:hover, 
a.list-group-item:focus {
background-color: #ecf0f1 !important;
}
.list-group-item:first-child,
.list-group-item:last-child{
border-radius: 0 !important;
-o-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
} .button-winona.extra-large {
color: #ffffff;
font-size: 20px;
padding: 20px 50px;
text-align: center;
font-weight: bold;
border-radius: 0px;
-webkit-border-radius: 0px;
}
.button-winona.btn.btn-lg {
color: #ffffff;
font-weight: 700;
padding: 15px 45px;
border: none;
border-radius: 0px;
-webkit-border-radius: 0px;
}
.button-winona.btn.btn-sm {
color: #ffffff;
padding: 10px 30px;
border: none;
font-weight: bold;
font-size: 16px;
border-radius: 0px;
-webkit-border-radius: 0px;
}
.button-winona.btn.btn-medium {
color: #ffffff;
padding: 12px 45px;
border: none;
font-size: 13px;
border-radius: 0px;
-webkit-border-radius: 0px;
}
.modeltheme_button:not(:last-child) {
margin-right: 20px;
}
.modeltheme_button
.button.solid-button, 
button.vc_btn{
color: #fff;
}
.button.outline-button {
border: 1px solid #FFFFFF;
}
.button.solid-button {
background: #00adf1;
}
.button:hover {
text-decoration: none;
color: #FFFFFF;
}
.button.outline-button.mt-blue {
border-color: #00adf1;
color: #FFFFFF;
}
.outline-button{
position: relative;
}
.outline-button::after {
background: #00ADF1;
height: 100%;
left: 0;
top: 0;
width: 0;
content: "";
position: absolute;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
z-index: -1;
}
.outline-button:hover::after {
width: 100%;
}
.solid-button{
position: relative;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.solid-button::after {
height: 100%;
left: 0;
top: 0;
width: 0;
content: "";
position: absolute;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
z-index: -1;
}
.solid-button:hover::after {
width: 100%;
}
.btn-primary {
background-color: #393939;
color: #FFF;
}
.btn-success {
background-color: #27ae60;
}
.btn-info {
background-color: #3498db;
}
.btn-warning {
background-color: #e67e22;
}
.btn-danger {
background-color: #e74c3c;
}
.btn-danger,
.btn-warning,
.btn-info,
.btn-success,
.btn-primary {
border: 0 none;
}
.btn-default:hover, 
.btn-default:focus, 
.btn-default.focus, 
.btn-default:active, 
.btn-default.active, 
.open > .dropdown-toggle.btn-default,
.btn-default {
background-color: transparent;
color: #FFF;
}
.btn-default {
position: relative;
}
.btn-default:after {
background: #393939;
height: 100%;
left: 0;
top: 0;
width: 0;
content: "";
position: absolute;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
z-index: -1;
}
.btn-default:hover:after {
width: 100%;
}
button.vc_btn {
transition: all 300ms;
-webkit-transition: all 300ms;
} .car-posts .post-details.col-md-12 {
padding: 0 !important;
}
.house_display_posts {
color: #252525;
font-weight: 100;
}
.blog-posts-shortcode.blog-posts .list-view .post-details {
margin-top: 10px;
}
.house_display_posts a {
color: #252525 !important;
}
.single-property-listing .house_display_posts {
font-weight: 300;
margin: 0;
}
h3.post-name.row.car-name {
margin: 0;
background: #ffd600;
padding: 20px;
line-height: 15px;
text-align: center;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
position: relative;
bottom: 1px;
cursor: pointer;
}
h3.post-name.row.car-name a {
font-size: 23px !important;
line-height: 20px !important;
min-width: 100%;
display: block;
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
}
.car-posts a img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
h3.post-name.row.car-name:hover {
background: #252525;
}
h3.post-name.row.car-name:hover a {
color: #ffd600;
}
figure.effect-apollo {
background: transparent;
}
figure.effect-apollo img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
figure.effect-apollo figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
figure.effect-apollo p {
position: absolute;
right: 0;
bottom: 0;
margin: 3em;
padding: 0 1em;
max-width: 150px;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-apollo h2 {
text-align: left;
}
figure.effect-apollo:hover img {
opacity: 0.6;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
figure.effect-apollo:hover figcaption::before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
figure.effect-apollo:hover p {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.grid {
position: relative;
clear: both;
margin: 0 auto;
max-width: 1000px;
list-style: none;
text-align: center;
} .blog-posts-shortcode .grid figure {
position: relative;
overflow: hidden;
background: transparent;
text-align: center;
cursor: pointer;
border-radius: 10px !important;
}
.grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
}
.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 150%;
height: 150%;
}  .grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure h2 {
word-spacing: -0.15em;
font-weight: 300;
}
.grid figure h2 span {
font-weight: 800;
}
.grid figure h2,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
} .mt-car-search.vertical_form select.form-control{
padding: 10px;
}
.mt-car-search .form-control:focus,
.mt-car-search.vertical_form select:focus,
.mt-car-search.vertical_form input[type="search"]:focus{
border: 1px solid #bfbfbf;
}
.mt-car-search .form-control,
.mt-car-search.vertical_form select,
.mt-car-search.vertical_form input[type="search"]{
padding: 10px 16px;
height: auto;
border: 1px solid #ddd;
border-radius: 5px;
box-sizing: border-box;
font-weight: 400;
margin-bottom: 20px;
box-shadow: none;
}
#page .mt-car-search .select2.select2-container.select2-container--default {
margin: 0;
border: 1px solid #ddd;
}
.mt-car-search.horizontal_form,
.mt-car-search.vertical_form {
background: rgba(254,254,254,0.95);
padding: 45px;
border-radius: 10px;
}
.mt-car-search .select2-container .select2-selection--single {
height: 44px;
}
.mt-car-search .submit .form-control {
height: 44px;
border-radius: 4px;
border: 0px;
font-weight: 900;
margin: 20px 0px;
font-style: normal;
}
.mt-car-search .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px;
}
.search-field.form-control {
font-style: normal;
}
.mt-car-search .select2.select2-container.select2-container--default {
border-radius: 4px;
-webkit-border-radius: 4px;
overflow: hidden;
margin: 20px 0px;
}
.mt-car-search .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 45px;
text-align: center;
font-weight: bold !important;
text-align: left;
padding-left: 20px;
}
.mt-car-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
left: 0%;
}
.mt-car-search .select2-container--default .select2-selection--single {
border-radius: 0px;
border: 0px;
}
.mt-car-search fieldset.filter-price {
top: 5px;
} @media(max-width: 991px) {
.mt-car-search .slider-state-search .search-field.form-control {
width: calc(100% - 20px) !important;
}
.mt-car-search .submit {
margin-top: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.mt-car-search .slider-state-select {
width: 50% !important;
}
.mt-car-search .select2.select2-container.select2-container--default {
width: 100% !important;
}
.mt-car-search .slider-state-search {
width: 50% !important;
}
.mt-car-search .slider-state-submit.submit {
width: 50% !important;
}
.mt-car-search .full_with_row.slider-state-select {
width: 100% !important;
}
.mt-car-search .full_with_row.slider-state-search {
width: 100% !important;
}
.mt-car-search .full_with_row.slider-state-submit.submit {
width: 100% !important;
}
}
.mt-car-search .full_with_row .select2-container .select2-selection--single {
height: 60px;
}
.mt-car-search .full_with_row .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 60px !important;
}
.mt-car-search .full_with_row .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 60px !important;
}
.mt-car-search .full_with_row .select2.select2-container.select2-container--default {
margin: 10px 0 !important;
}
.mt-car-search .full_with_row .form-control {
height: 60px !important;
margin: 10px 0 !important;
} .blog-posts-shortcode.blog-posts .list-view .post-details .post-name a {
font-size: 25px;
font-family: "Ubuntu";
font-weight: bold;
text-transform: none;
line-height: normal;
}
.blog-posts-shortcode.blog-posts .post-excerpt .more-link i {
margin-left: 10px;
}
.blog-posts-shortcode.blog-posts .list-view .post-category-comment-date {
margin: 23px 0 20px;
}
.blog-posts-shortcode.blog-posts .list-view .blog_custom {
display: block !important;
}
.blog-posts-shortcode.blog-posts .list-view .blog_custom {
background: transparent !important;
}
.blog-posts-shortcode.blog-posts .list-view .post-details {
padding: 23px 0px;
}
.blog-posts-shortcode.blog-posts .blog_custom:hover {
box-shadow: none !important;
}
.blog-posts-shortcode.blog-posts .list-view .post-details .post-excerpt .more-link {
border: none;
color: #282828 !important;
font-weight: bold;
font-family: "Ubuntu";
padding-left: 0px;
transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
padding: 5px 15px;
}
.blogpost01_day_holder {
padding: 0;
}
.simple-posts img {
border-radius: 10px;
}
.simple-posts .post-details.col-md-12 {
text-align: center;
}
.blogpost01_day_holder .blogpost01_post_day {
font-family: "Roboto";
font-size: 50px;
font-weight: 100;
line-height: 137px;
margin: 0;
text-align: center;
}
.blogpost01_month_year_holder {
border-left: 1px solid rgba(255, 255, 255, 0.75);
margin-top: 34px;
padding-left: 22px;
}
.blogpost01-background {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 3;
}
.blogpost01-overlay::before {
background: rgba(34, 34, 34, 0.7) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.blogpost_elements {
margin-bottom: 30px;
overflow: hidden;
padding: 0;
}
.blogpost01-background .blogpost01_day {
color: rgba(255, 255, 255, 1);
font-family: "Roboto";
font-size: 14px;
font-weight: 300;
letter-spacing: 1.5px;
margin-bottom: 0;
margin-top: 10px;
text-transform: uppercase;
}
.blogpost01-background .blogpost01_month_year {
color: rgba(255, 255, 255, 1);
font-size: 22px;
font-weight: 500;
letter-spacing: 1.5px;
margin-bottom: 12px;
margin-top: 0;
text-transform: uppercase;
}
.blogpost01-container .blogpost01_icon_holder {
text-align: center;
}
.blogpost01-container .blogpost01_icon_holder i {
color: #fff;
font-size: 30px;
line-height: 137px;
} .blogpost_elements:hover img {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.blogpost01_thumbnail {
transition: all 500ms ease-in-out 0s;
-ms-transformtransition: all 500ms ease-in-out 0s;
-webkit-transformtransition: all 500ms ease-in-out 0s;
}
.blogpost01_post_day {
transition: all 500ms ease-in-out 0s;
-ms-transformtransition: all 500ms ease-in-out 0s;
-webkit-transformtransition: all 500ms ease-in-out 0s;
}
.blogpost_elements:hover .blogpost01-overlay::before {
background: rgba(34, 34, 34, 0.6) none repeat scroll 0 0; 
}
.blogpost01-overlay::before { 
transition: all 500ms ease-in-out 0s;
-ms-transformtransition: all 500ms ease-in-out 0s;
-webkit-transformtransition: all 500ms ease-in-out 0s;
}  @media only screen and (min-width: 1024px) and (max-width: 1200px) {
.blogpost01_month_year_holder {
margin-top: 24px;
}
.blogpost01_day_holder {
height: 113px;
}
.blogpost01_day_holder .blogpost01_post_day {
font-family: "Roboto";
font-size: 50px;
font-weight: 100;
line-height: 113px;
margin: 0;
text-align: center;
}
.blogpost01-background .blogpost01_month_year {
font-size: 15px;
}
.blogpost01_month_year_holder {
margin-top: 20px;
}
.blogpost01-container .blogpost01_icon_holder i {
font-size: 30px;
line-height: 111px;
}
} @media only screen and (min-width: 992px) and (max-width: 1023px) {
.blogpost01_day_holder .blogpost01_post_day {
font-family: "Roboto";
font-size: 50px;
font-weight: 100;
line-height: 113px;
margin: 0;
text-align: center;
}
.blogpost01_day_holder {
height: 113px;
}
.blogpost01-background .blogpost01_month_year {
font-size: 20px;
margin-bottom: 5px;
}
.blogpost01_month_year_holder {
margin-top: 28px;
}
.blogpost01-background .blogpost01_day {
font-size: 15px;
margin-top: 5px;
}
.blogpost01-container .blogpost01_icon_holder {
display: none;
}
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.blogpost01-background .blogpost01_day_holder {
float: left;
width: 20%;
}
.blogpost_elements .blogpost01_month_year_holder {
float: left;
width: 80%;
margin-top: 15px;
}
.blogpost_elements .blogpost01_day_holder {
height: 89px;
}
.blogpost01_day_holder .blogpost01_post_day {
font-family: "Roboto";
font-size: 50px;
font-weight: 100;
line-height: 86px;
margin: 0;
text-align: center;
}
.blogpost01-background .blogpost01_month_year {
font-size: 15px;
margin-bottom: 5px;
}
.blogpost01-container .blogpost01_icon_holder {
display: none;
}
} @media only screen and (min-width: 481px) and (max-width: 767px) {
.blogpost01-background .blogpost01_day_holder {
float: left;
width: 20%;
}
.blogpost_elements .blogpost01_month_year_holder {
float: left;
width: 80%;
}
.blogpost_elements .blogpost01_day_holder {
height: 89px;
}
.blogpost01_day_holder .blogpost01_post_day {
font-family: "Roboto";
font-size: 50px;
font-weight: 100;
line-height: 55px;
margin: 0;
text-align: center;
}
.blogpost01_month_year_holder {
margin-top: 6px;
}
.blogpost01-background .blogpost01_day {
font-size: 12px;
margin-bottom: 0;
margin-top: 0px;
}
.blogpost01-background .blogpost01_month_year {
font-size: 12px;
margin-bottom: 0px;
margin-top: 0;
}
.blogpost01-container .blogpost01_icon_holder {
display: none;
}
} @media only screen and (min-width: 320px) and (max-width: 480px) {
.blogpost01-background .blogpost01_day_holder {
float: left;
width: 100%;
}
.blogpost_elements .blogpost01_month_year_holder {
float: left;
width: 100%;
}
.blogpost_elements .blogpost01_day_holder {
height: 50px;
}
.blogpost01_day_holder .blogpost01_post_day {
font-size: 30px;
left: 0;
line-height: 30px;
padding-left: 20px;
padding-top: 15px;
top: 0;
width: 100%;
}
.blogpost01_month_year_holder {
margin-top: 0;
}
.blogpost_elements:hover .blogpost01_post_day {
transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
}
.blogpost01_thumbnail {
display: none;
}
.blogpost_elements {
background-color: #FF3465;
height: 160px;
}
.blogpost01-background .blogpost01_day {
font-size: 14px;
}
.blogpost01-background .blogpost01_month_year {
font-size: 16px;
}
.blogpost01-container .blogpost01_icon_holder {
display: none;
}
} @media only screen and (max-width: 319px) {
.blogpost01-background .blogpost01_day_holder {
float: left;
width: 100%;
}
.blogpost_elements .blogpost01_month_year_holder {
float: left;
width: 100%;
}
.blogpost_elements .blogpost01_day_holder {
height: 50px;
}
.blogpost01_day_holder .blogpost01_post_day {
font-size: 30px;
left: 0;
line-height: 30px;
padding-left: 20px;
padding-top: 15px;
top: 0;
width: 100%;
}
.blogpost01_month_year_holder {
margin-top: 0;
}
.blogpost_elements:hover .blogpost01_post_day {
transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
}
.blogpost01_thumbnail {
display: none;
}
.blogpost_elements {
background-color: #FF3465;
height: 160px;
}
.blogpost01-background .blogpost01_day {
font-size: 14px;
}
.blogpost01-background .blogpost01_month_year {
font-size: 16px;
}
.blogpost01-container .blogpost01_icon_holder {
display: none;
}
}  .mt_clients_slider .client_image:hover,
.clients-no-slider .client_image:hover {
transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transition: all 0.15s ease-in-out 0s;
-ms-transition: all 0.15s ease-in-out 0s;
-webkit-transition: all 0.15s ease-in-out 0s;
}
.mt_clients_slider .client_image,
.clients-no-slider .client_image {
display: block;
margin: 0 auto;
}
.mt_clients_slider .clients_image_holder_inside.post {
border-radius: 6px;
margin-bottom: 30px;
padding: 20px 30px;
} #contact01_form label.error {
color: #fff;
font-size: 11px;
margin: 0;
padding: 0 0 5px 20px;
width: 100%;
}
#contact01_form .contact_button .contact_us_button_class {
border-radius: 30px;
padding: 15px 35px;
font-family: "Ubuntu";
font-weight: bold;
}
.message_input label {
text-align: left;
}
.contact_button {
clear: both;
float: none !important;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.contact_details_social .contact_social-links {
padding: 0;
}
.submit-contact-button{
position: relative;
}
.cf-progress {
background: #c1002e none repeat scroll 0 0;
bottom: 0px;
height: 5px;
left: 0;
position: absolute;
text-indent: -10000px;
transition: all 250ms ease-in-out 0s;
width: 0;
}
.cf-progress.name-validated,
.cf-progress.email-validated,
.cf-progress.subject-validated,
.cf-progress.message-validated,
.name-validated.email-validated,
.name-validated.subject-validated,
.name-validated.message-validated,
.email-validated.subject-validated,
.email-validated.message-validated,
.subject-validated.message-validated{
width: 25%;
}
.cf-progress.name-validated.email-validated,
.cf-progress.name-validated.subject-validated,
.cf-progress.name-validated.message-validated,
.cf-progress.email-validated.subject-validated,
.cf-progress.email-validated.message-validated,
.cf-progress.subject-validated.message-validated,
.name-validated.email-validated.subject-validated,
.name-validated.email-validated.message-validated,
.name-validated.subject-validated.message-validated,
.email-validated.subject-validated.message-validated{
width: 50%;
}
.cf-progress.name-validated.email-validated.subject-validated,
.cf-progress.name-validated.email-validated.message-validated,
.cf-progress.name-validated.subject-validated.message-validated,
.cf-progress.email-validated.subject-validated.message-validated,
.name-validated.email-validated.subject-validated.message-validated{
width: 75%;
}
.cf-progress.name-validated.email-validated.subject-validated.message-validated{
width: 100%;
}
.cf-progress.email-validated {
width: 25%;
}
.cf-progress.subject-validated {
width: 25%;
}
.cf-progress.message-validated {
width: 25%;
}
.input {
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
vertical-align: top;
}
.input__field {
position: relative;
display: block;
float: right;
padding: 0.8em;
width: 60%;
border: none;
border-radius: 0;
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0; color: #fff;
font-weight: lighter;
font-family: "Raleway";
-webkit-appearance: none;
}
.input__field:focus {
outline: none;
}
.input__label {
display: inline-block;
float: right;
margin-bottom: 0;
padding: 1.2em 3.5em;
width: 40%;
font-weight: bold;
font-size: 90%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.input__label-content {
position: relative;
display: block;
font-family: "Raleway";
padding: 0.4em 0;
width: 100%;
}
.graphic {
position: absolute;
top: 0;
left: 0;
fill: none;
}
.icon { color: #fff;
font-size: 150%;
}
.input__field--kohana {
border-radius: 10px;
color: rgba(255, 255, 255, 1);
font-weight: 400;
padding: 1.5em 1.5em 1.5em 3.25em;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.input__label--kohana {
position: absolute;
width: 100%;
text-align: left;
pointer-events: none;
color: #010101;
opacity: 0.7;
}
.input__label-content--kohana {
display: inline-block;
width: auto;
-webkit-transform: translate3d(-1.75em, 0, 0);
transform: translate3d(-1.75em, 0, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.icon--kohana {
display: inline-block;
margin-top: 0.9em;
-webkit-transform: translate3d(-2em, 0, 0);
transform: translate3d(-2em, 0, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.input__field--kohana:focus + .input__label--kohana .input__label-content--kohana,
.input--filled .input__label-content--kohana {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
.input__label-content--kohana,
.icon--kohana,
.input__field--kohana:focus + .input__label--kohana .input__label-content--kohana,
.input--filled .input__label-content--kohana {
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.input__field--kohana:focus + .input__label--kohana .icon--kohana,
.input--filled  .icon--kohana {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
i.icon {
display: inline-block;
font-size: 20px;
height: 16px;
line-height: 16px;
margin-top: 3px;
vertical-align: text-top;
width: 16px;
}
.contact_button .vc_btn3.vc_btn3-style-modern {
background-image: none !important;
}
form i.icon {
display: none;
}
.first_name_input, .last_name_input, .email_input, .subject_input, .message_input {
margin: 30px 0;
}
form .message_input > span.input--kohana > input {
height: 151px;
}
form .content {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 10px;
padding: 0 15px 30px;
} .members-container .member01-content-inside {
align-self: center;
}
.members-container .member01-content {
text-align: center;
display: flex;
}
.members-container .member01-content *{
width: 100%;
}
.memeber01-img-holder img {
width: 100%;
border-radius: 10px;
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1); }
.members-container .member01-content .member01_position {
color: #ff3465;
font-family: "Pacifico";
}
.members-container .member01-content .member01_name {
color: #ffffff;
text-transform: uppercase;
}
.members-container .member01-content p {
color: rgba(255, 255, 255, 0.7);
font-weight: 200;
}
.members-container .member01-content p.member01_email {
color: rgba(255, 255, 255, 0.8);
font-weight: 300;
}
.members-container .member01-content p.member01_phone {
color: rgba(255, 255, 255, 0.9);
font-weight: 400;
}
.members-container .member01-content i {
margin-right: 15px;
}
.members-container .member01-content .member01_description p {
font-size: 16px;
}
.members-container .member01-content .member01_description {
padding: 20px 0;
}
.flex{
display: flex;
}
.members_img_holder {
border-radius: 5px;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
position: relative;
}
.members_img_holder:hover {
opacity: 1;
}
.members_img_holder:hover .member01-content {
background: rgb(37, 37, 37) none repeat scroll 0 0;
color: #59b473;
}
.mt_members1 {
overflow: hidden !important;
}
.members_img_holder .member01-content {
background: transparent !important;
bottom: 0px;
color: #34495e;
padding: 35px 0px 30px;
text-align: center;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
width: 100%;
}
.members_img_holder .member01_name {
font-size: 25px;
font-weight: 600;
line-height: 33px;
text-transform: capitalize;
margin: 0;
text-transform: capitalize;
color: #252525;
margin-bottom: 20px;
}
.members_img_holder .member01_position {
font-size: 14px;
font-weight: bold;
margin: 0;
text-transform: capitalize;
}
p.member01_content-desc {
padding-top: 5px;
}
.mt_members1 .owl-item .item {
padding: 0;
}
.member01-content-inside .member01_button {
border-radius: 3px;
clear: both !important;
color: white;
display: block;
margin: 25px auto 0;
padding: 5px 10px;
text-align: center;
width: 50%;
}
.memeber01-img-holder .effect-duke {
overflow: hidden;
border-radius: 10px;
}
.memeber01-img-holder img:hover {
transform: scale(1.05);
overflow: hidden;
}
.member01_social a i {
font-size: 12px;
}
.member01_social a {
border-radius: 50%;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
background: #fff;
display: inline-block;
margin: 3px;
transition: all 400ms ease;
color: #252525;
}
.member01_social a:hover {
background: #009DDE;
color: #fff;
}
.member01_social a i {
font-size: 12px;
line-height: 30px;
}
.member01-content-inside .content-div-content {
margin-top: 10px;
margin-bottom: 22px;
}
.member01-content-inside .content-div-content p {
font-weight: normal;
font-size: 14px;
}
.member01-content-inside .content-div p {
font-weight: normal;
}  @media only screen and (min-width: 1024px) and (max-width: 1200px) {
.members-container .member01-content {
padding: 30px 0;
}
} @media only screen and (min-width: 991px) and (max-width: 1023px) {
.members-container .member01-content {
padding: 30px 0;
}
} @media only screen and (min-width: 767px) and (max-width: 992px) {
.members-container .member01-content {
padding: 30px 0;
}
} @media only screen and (min-width: 480px) and (max-width: 768px) {
.members-container .member01-content {
padding: 30px 0;
}
} @media only screen and (min-width: 320px) and (max-width: 480px) {
.members-container .member01-content {
padding: 30px 0;
}
} @media only screen and (max-width: 319px) {
.members-container .member01-content {
padding: 30px 0;
}
} .testimonial01-img-holder {
text-align: center;
width: 100%;
}
.testimonial01-img {
border-radius: 50%;
overflow: hidden;
transform: none;
width: 110px;
margin: 0 auto;
position: relative;
top: 50px;
border: solid 3px #fff;
}
.testimonial01_item .name-test {
clear: both;
background: #fff;
margin: 0;
padding-top: 80px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-size: 22px;
}
.testimonial-slider .owl-theme .owl-controls {
margin-top: 60px;
}
.testimonail01-content p {
font-weight: normal;
}
.testimonials-container-1 .testimonail01-content p {
width: 60%;
margin: 0 auto;
}
.testimonail01-content {  font-style: normal;
font-weight: lighter;
line-height: 170%;
padding: 30px;
}
p.position-test {
background: #fff;
margin: 0;
font-size: 12px;
color: #ffd600;
font-weight: 400;
padding-top: 5px;
}
.testimonail01-content {
background: #fff;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.testimonial01-img img {
display: block;
}
.testimonial01_item {
text-align: center;
}
.testimonial01_item h5 {
padding-bottom: 30px;
}
.testimonial01_item h5 span {
opacity: 0.5;
} .testimonials-container-1.owl-theme .owl-controls .owl-page span {
height: 15px;
width: 15px;
}
.testimonials-container-2.owl-theme .owl-controls .owl-page span {
height: 15px;
width: 15px;
}
.testimonials-container-3.owl-theme .owl-controls .owl-page span {
height: 15px;
width: 15px;
}
.owl-theme .owl-controls .owl-page span {
border: 3px solid #fff;
border-radius: 50%;
transform: none;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span {
background-color: #fff !important;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.testimonial01-img-holder {
position: relative;
}
.shortcode-location-slider.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ 
background: transparent!important;
border: 2px solid!important;
}
.shortcode-location-slider.owl-theme .owl-controls .owl-page span{
border: unset;
background:#ddd!important;
} .testimonials02-container .testimonial02_title {
font-size: 24px;
font-weight: 700;
line-height: 20px;
padding: 0 50px;
text-align: right;
text-transform: uppercase;
}
.testimonials02-container .testimonial02_position {
font-size: 14px;
font-weight: 700;
padding: 0 50px;
text-align: right;
text-transform: uppercase;
}
.testimonials02-container .testimonial02-content {
display: table;
width: 100%;
}
.testimonials02-container .testimonial02_text {
display: table-cell;
vertical-align: middle;
}
.testimonials02-container .testimonial02_text_content {
padding: 0 50px;
}
.testimonials02-container .testimonials_all_holder {
border-radius: 10px;
display: flex;
overflow: hidden;
}
.testimonials02-container .testimonial02-text-holder {
align-self: center;
} .testimonials02-container.owl-theme .owl-controls .owl-buttons div {
background: transparent none repeat scroll 0 0;
font-size: 35px;
margin: 0 15px;
padding: 0;
}
.testimonials02-container.owl-theme .owl-controls .owl-page span {
height: 20px;
width: 20px;
}
.testimonials02-container .testimonial02-img-holder {
padding: 0;
}
.testimonials02-container .testimonial02-text-holder {
padding: 0;
}
.testimonial02-img-holder .testimonial02-img {
display: block;
margin: 0 auto;
}
.shortcode-location-slider a {
color: #000!important;
} .filter-price {
border: 0;
padding: 0;
margin: 0; 
}
.price-title {
position: relative;
color: #fff;
font-size: 14px;
line-height: 1.2em;
font-weight: 400;
background: #d58e32;
padding:10px;
}
.price-container {
margin-left: 10px;
}
.price-field {
position: relative;
width: 100%;
height: 36px;
box-sizing: border-box;
padding-top: 15px;
padding-left: 0px;
}
.price-field input[type=range] {
position: absolute;
} .price-field input[type=range] {
width: 100%;
border: 1px solid #000;
outline: 0;
box-sizing: border-box;
border-radius: 5px;
pointer-events: none;
-webkit-appearance: none;
}
.price-field input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
}
.price-field input[type=range]:active,
.price-field input[type=range]:focus {
outline: 0;
}
.price-field input[type=range]::-ms-track {
width: 188px;
height: 2px; 
border: 0;
outline: 0;
box-sizing: border-box;
border-radius: 5px;
pointer-events: none;
background: transparent;
border-color: transparent;
color: red;
border-radius: 5px;
} .price-field input[type=range]::-webkit-slider-thumb { position: relative;
-webkit-appearance: none;
margin: 0;
border: 0;
outline: 0;
border-radius: 50%;
height: 10px;
width: 10px;
margin-top: -4px;
background-color: #fff;
cursor: pointer;
cursor: pointer;
pointer-events: all;
z-index: 100;
}
.price-field input[type=range]::-moz-range-thumb { position: relative;
appearance: none;
margin: 0;
border: 0;
outline: 0;
border-radius: 50%;
height: 10px;
width: 10px;
margin-top: -5px;
background-color: #fff;
cursor: pointer;
cursor: pointer;
pointer-events: all;
z-index: 100;
}
.price-field input[type=range]::-ms-thumb  { position: relative;
appearance: none;
margin: 0;
border: 0;
outline: 0;
border-radius: 50%;
height: 10px;
width: 10px;
margin-top: -5px;
background-color: #242424;
cursor: pointer;
cursor: pointer;
pointer-events: all;
z-index: 100;
} .price-field input[type=range]::-webkit-slider-runnable-track { width: 188px;
height: 2px;
cursor: pointer;
background: #555;
border-radius: 5px;
}
.price-field input[type=range]::-moz-range-track { width: 188px;
height: 2px;
cursor: pointer;
background: #242424;
border-radius: 5px;
}
.price-field input[type=range]::-ms-track { width: 188px;
height: 2px;
cursor: pointer;
background: #242424;
border-radius: 5px;
} .price-wrap {
display: flex;
font-size: 14px;
line-height: 1.2em;
font-weight: 400;
margin-bottom: 0px;
}
.price-wrap-1, 
.price-wrap-2 {
display: flex;
margin-left: 0px;
}
.price-title {
margin-right: 5px;
}
.price-wrap_line {
margin: 6px 0px 5px 5px;
}
.price-wrap #one, 
.price-wrap #two {
width: auto;
text-align: right;
margin: 0;
padding: 0;
margin-right: 2px;
background:  0;
border: 0;
outline: 0;
font-size: 14px;
line-height: 1.2em;
font-weight: 400;
} .price-field input[type=range]:hover::-webkit-slider-thumb {
box-shadow: 0 0 0 0.5px #242424;
transition-duration: 0.3s;
}
.price-field input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 0.5px #242424;
transition-duration: 0.3s;
} .nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999; }
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; } #add_post_rating {
bottom: 13px!important;
right: 75px!important;
}#navbar .cf-mega-menu.sub-menu {
width: 800px;
}
#navbar .mt-icon-list-item {
padding-top: 4px;
padding-left: 10px;
}
#navbar .mt-icon-list-item:hover {
color: rgb(255, 255, 255);
}
#navbar .cf-mega-menu.sub-menu * {
opacity: 0 !important;
visibility: hidden !important;
}
#navbar .menu-item:hover .sub-menu * {
opacity: 1 !important;
visibility: visible !important;
}
nav #navbar ul li.mega1column,
nav #navbar ul li.mega2columns,
nav #navbar ul li.mega3columns {
position: unset;
}
#navbar .menu-item > a {
position: relative;
} #navbar .mega3columns .cf-mega-menu.sub-menu {
left: 15px;
width: calc(100% - 30px);
} #navbar .mega2columns .cf-mega-menu.sub-menu {
left: 22%;
width: calc(66.66666% - 30px);
} #navbar .mega1column .cf-mega-menu.sub-menu {
left: 41%;
width: calc(33.33333% - 30px);
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}[class^="from-"], [class*=" from-"] {
opacity: 1;
}      .to-topleft {
-webkit-animation: toTopLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toTopLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toTopLeft {
to {
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
@keyframes toTopLeft {
to {
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
.to-topleft .scene {
-webkit-animation: toTopLeftScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toTopLeftScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toTopLeftScene {
to {
-webkit-transform: rotate3d(1, 1, 0.5, 30deg);
transform: rotate3d(1, 1, 0.5, 30deg);
}
}
@keyframes toTopLeftScene {
to {
-webkit-transform: rotate3d(1, 1, 0.5, 30deg);
transform: rotate3d(1, 1, 0.5, 30deg);
}
}
.to-topleft .view--rotate {
-webkit-animation: toTopLeftViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toTopLeftViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toTopLeftViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, 30deg);
transform: rotate3d(0, 1, 0, 30deg);
}
}
@keyframes toTopLeftViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, 30deg);
transform: rotate3d(0, 1, 0, 30deg);
}
}     .to-top {
-webkit-animation: toTop 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toTop 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toTop {
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes toTop {
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.to-top .scene {
-webkit-animation: toTopScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toTopScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toTopScene {
to {
-webkit-transform: rotate3d(1, 0.5, 0.2, 30deg);
transform: rotate3d(1, 0.5, 0.2, 30deg);
}
}
@keyframes toTopScene {
to {
-webkit-transform: rotate3d(1, 0.5, 0.2, 30deg);
transform: rotate3d(1, 0.5, 0.2, 30deg);
}
}
.to-top .view--rotate {
-webkit-animation: toTopViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toTopViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toTopViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, -30deg);
transform: rotate3d(0, 1, 0, -30deg);
}
}
@keyframes toTopViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, -30deg);
transform: rotate3d(0, 1, 0, -30deg);
}
}     .to-topright {
-webkit-animation: toTopRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toTopRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toTopRight {
to {
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
@keyframes toTopRight {
to {
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
.to-topright .scene {
-webkit-animation: toTopRightScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toTopRightScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toTopRightScene {
to {
-webkit-transform: rotate3d(1, 1, 0.5, -30deg);
transform: rotate3d(1, 1, 0.5, -30deg);
}
}
@keyframes toTopRightScene {
to {
-webkit-transform: rotate3d(1, 1, 0.5, -30deg);
transform: rotate3d(1, 1, 0.5, -30deg);
}
}
.to-topright .view--rotate {
-webkit-animation: toTopRightViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toTopRightViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toTopRightViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, -30deg);
transform: rotate3d(0, 1, 0, -30deg);
}
}
@keyframes toTopRightViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, -30deg);
transform: rotate3d(0, 1, 0, -30deg);
}
}     .to-right {
-webkit-animation: toRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toRight {
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes toRight {
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.to-right .scene {
-webkit-animation: toRightScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toRightScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toRightScene {
to {
-webkit-transform: rotate3d(0, 1, 0, -60deg);
transform: rotate3d(0, 1, 0, -60deg);
}
}
@keyframes toRightScene {
to {
-webkit-transform: rotate3d(0, 1, 0, -60deg);
transform: rotate3d(0, 1, 0, -60deg);
}
}
.to-right .view--rotate {
-webkit-animation: toRightViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toRightViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toRightViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, -50deg);
transform: rotate3d(0, 1, 0, -50deg);
}
}
@keyframes toRightViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, -50deg);
transform: rotate3d(0, 1, 0, -50deg);
}
}     .to-bottomright {
-webkit-animation: toBottomRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toBottomRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toBottomRight {
to {
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
@keyframes toBottomRight {
to {
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
.to-bottomright .scene {
-webkit-animation: toBottomRightScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toBottomRightScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toBottomRightScene {
to {
-webkit-transform: rotate3d(-1, 1, 0.5, -30deg);
transform: rotate3d(-1, 1, 0.5, -30deg);
}
}
@keyframes toBottomRightScene {
to {
-webkit-transform: rotate3d(-1, 1, 0.5, -30deg);
transform: rotate3d(-1, 1, 0.5, -30deg);
}
}
.to-bottomright .view--rotate {
-webkit-animation: toBottomRightViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toBottomRightViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toBottomRightViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, -30deg);
transform: rotate3d(0, 1, 0, -30deg);
}
}
@keyframes toBottomRightViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, -30deg);
transform: rotate3d(0, 1, 0, -30deg);
}
}     .to-bottom {
-webkit-animation: toBottom 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toBottom 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toBottom {
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes toBottom {
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.to-bottom .scene {
-webkit-animation: toBottomScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toBottomScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toBottomScene {
to {
-webkit-transform: rotate3d(-1, -0.5, 0.2, 30deg);
transform: rotate3d(-1, -0.5, 0.2, 30deg);
}
}
@keyframes toBottomScene {
to {
-webkit-transform: rotate3d(-1, -0.5, 0.2, 30deg);
transform: rotate3d(-1, -0.5, 0.2, 30deg);
}
}
.to-bottom .view--rotate {
-webkit-animation: toBottomViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toBottomViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toBottomViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, 30deg);
transform: rotate3d(0, 1, 0, 30deg);
}
}
@keyframes toBottomViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, 30deg);
transform: rotate3d(0, 1, 0, 30deg);
}
}     .to-bottomleft {
-webkit-animation: toBottomLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toBottomLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toBottomLeft {
to {
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
@keyframes toBottomLeft {
to {
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
.to-bottomleft .scene {
-webkit-animation: toBottomLeftScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toBottomLeftScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toBottomLeftScene {
to {
-webkit-transform: rotate3d(-1, 1, 0.5, 30deg);
transform: rotate3d(-1, 1, 0.5, 30deg);
}
}
@keyframes toBottomLeftScene {
to {
-webkit-transform: rotate3d(-1, 1, 0.5, 30deg);
transform: rotate3d(-1, 1, 0.5, 30deg);
}
}
.to-bottomleft .view--rotate {
-webkit-animation: toBottomLeftViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toBottomLeftViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toBottomLeftViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, 30deg);
transform: rotate3d(0, 1, 0, 30deg);
}
}
@keyframes toBottomLeftViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, 30deg);
transform: rotate3d(0, 1, 0, 30deg);
}
}     .to-left {
-webkit-animation: toLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toLeft {
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes toLeft {
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.to-left .scene {
-webkit-animation: toLeftScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toLeftScene .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toLeftScene {
to {
-webkit-transform: rotate3d(0, 1, 0, 60deg);
transform: rotate3d(0, 1, 0, 60deg);
}
}
@keyframes toLeftScene {
to {
-webkit-transform: rotate3d(0, 1, 0, 60deg);
transform: rotate3d(0, 1, 0, 60deg);
}
}
.to-left .view--rotate {
-webkit-animation: toLeftViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
animation: toLeftViewRotate .8s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes toLeftViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, 50deg);
transform: rotate3d(0, 1, 0, 50deg);
}
}
@keyframes toLeftViewRotate {
to {
-webkit-transform: rotate3d(0, 1, 0, 50deg);
transform: rotate3d(0, 1, 0, 50deg);
}
}      .from-topleft {
-webkit-animation: fromTopLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromTopLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromTopLeft {
from {
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fromTopLeft {
from {
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.from-topleft .scene {
-webkit-animation: fromTopLeftScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromTopLeftScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromTopLeftScene {
from {
-webkit-transform: rotate3d(1, 1, -1, -50deg);
transform: rotate3d(1, 1, -1, -50deg);
}
}
@keyframes fromTopLeftScene {
from {
-webkit-transform: rotate3d(1, 1, -1, -50deg);
transform: rotate3d(1, 1, -1, -50deg);
}
}
.from-topleft .view--rotate {
-webkit-animation: fromTopLeftViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromTopLeftViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromTopLeftViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, 50deg);
transform: rotate3d(0, 1, 0, 50deg);
}
}
@keyframes fromTopLeftViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, 50deg);
transform: rotate3d(0, 1, 0, 50deg);
}
}     .from-top {
-webkit-animation: fromTop 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromTop 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromTop {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fromTop {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.from-top .scene {
-webkit-animation: fromTopScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromTopScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromTopScene {
from {
-webkit-transform: rotate3d(1, -0.5, -0.2, 30deg);
transform: rotate3d(1, -0.5, -0.2, 30deg);
}
}
@keyframes fromTopScene {
from {
-webkit-transform: rotate3d(1, -0.5, -0.2, 30deg);
transform: rotate3d(1, -0.5, -0.2, 30deg);
}
}
.from-top .view--rotate {
-webkit-animation: fromTopViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromTopViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromTopViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, 30deg);
transform: rotate3d(0, 1, 0, 30deg);
}
}
@keyframes fromTopViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, 30deg);
transform: rotate3d(0, 1, 0, 30deg);
}
}     .from-topright {
-webkit-animation: fromTopRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromTopRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromTopRight {
from {
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fromTopRight {
from {
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.from-topright .scene {
-webkit-animation: fromTopRightScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromTopRightScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromTopRightScene {
from {
-webkit-transform: rotate3d(-1, 1, -1, 50deg);
transform: rotate3d(-1, 1, -1, 50deg);
}
}
@keyframes fromTopRightScene {
from {
-webkit-transform: rotate3d(-1, 1, -1, 50deg);
transform: rotate3d(-1, 1, -1, 50deg);
}
}
.from-topright .view--rotate {
-webkit-animation: fromTopRightViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromTopRightViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromTopRightViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, -50deg);
transform: rotate3d(0, 1, 0, -50deg);
}
}
@keyframes fromTopRightViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, -50deg);
transform: rotate3d(0, 1, 0, -50deg);
}
}     .from-right {
-webkit-animation: fromRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fromRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.from-right .scene {
-webkit-animation: fromRightScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromRightScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromRightScene {
from {
-webkit-transform: rotate3d(0, 1, 0, -60deg);
transform: rotate3d(0, 1, 0, -60deg);
}
}
@keyframes fromRightScene {
from {
-webkit-transform: rotate3d(0, 1, 0, -60deg);
transform: rotate3d(0, 1, 0, -60deg);
}
}
.from-right .view--rotate {
-webkit-animation: fromRightViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromRightViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromRightViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, -50deg);
transform: rotate3d(0, 1, 0, -50deg);
}
}
@keyframes fromRightViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, -50deg);
transform: rotate3d(0, 1, 0, -50deg);
}
}     .from-bottomright {
-webkit-animation: fromBottomRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromBottomRight 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromBottomRight {
from {
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fromBottomRight {
from {
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.from-bottomright .scene {
-webkit-animation: fromBottomRightScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromBottomRightScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromBottomRightScene {
from {
-webkit-transform: rotate3d(1, 1, 1, 50deg);
transform: rotate3d(1, 1, 1, 50deg);
}
}
@keyframes fromBottomRightScene {
from {
-webkit-transform: rotate3d(1, 1, 1, 50deg);
transform: rotate3d(1, 1, 1, 50deg);
}
}
.from-bottomright .view--rotate {
-webkit-animation: fromBottomRightViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromBottomRightViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromBottomRightViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, -50deg);
transform: rotate3d(0, 1, 0, -50deg);
}
}
@keyframes fromBottomRightViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, -50deg);
transform: rotate3d(0, 1, 0, -50deg);
}
}     .from-bottom {
-webkit-animation: fromBottom 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromBottom 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromBottom {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fromBottom {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.from-bottom .scene {
-webkit-animation: fromBottomScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromBottomScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromBottomScene {
from {
-webkit-transform: rotate3d(1, 0.5, 0.2, 30deg);
transform: rotate3d(1, 0.5, 0.2, 30deg);
}
}
@keyframes fromBottomScene {
from {
-webkit-transform: rotate3d(1, 0.5, 0.2, 30deg);
transform: rotate3d(1, 0.5, 0.2, 30deg);
}
}
.from-bottom .view--rotate {
-webkit-animation: fromBottomViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromBottomViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromBottomViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, -30deg);
transform: rotate3d(0, 1, 0, -30deg);
}
}
@keyframes fromBottomViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, -30deg);
transform: rotate3d(0, 1, 0, -30deg);
}
}     .from-bottomleft {
-webkit-animation: fromBottomLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromBottomLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromBottomLeft {
from {
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fromBottomLeft {
from {
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.from-bottomleft .scene {
-webkit-animation: fromBottomLeftScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromBottomLeftScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromBottomLeftScene {
from {
-webkit-transform: rotate3d(-1, 1, 1, -50deg);
transform: rotate3d(-1, 1, 1, -50deg);
}
}
@keyframes fromBottomLeftScene {
from {
-webkit-transform: rotate3d(-1, 1, 1, -50deg);
transform: rotate3d(-1, 1, 1, -50deg);
}
}
.from-bottomleft .view--rotate {
-webkit-animation: fromBottomLeftViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromBottomLeftViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromBottomLeftViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, 50deg);
transform: rotate3d(0, 1, 0, 50deg);
}
}
@keyframes fromBottomLeftViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, 50deg);
transform: rotate3d(0, 1, 0, 50deg);
}
}     .from-left {
-webkit-animation: fromLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromLeft 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fromLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.from-left .scene {
-webkit-animation: fromLeftScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromLeftScene 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromLeftScene {
from {
-webkit-transform: rotate3d(0, 1, 0, 60deg);
transform: rotate3d(0, 1, 0, 60deg);
}
}
@keyframes fromLeftScene {
from {
-webkit-transform: rotate3d(0, 1, 0, 60deg);
transform: rotate3d(0, 1, 0, 60deg);
}
}
.from-left .view--rotate {
-webkit-animation: fromLeftViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
animation: fromLeftViewRotate 1s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes fromLeftViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, 50deg);
transform: rotate3d(0, 1, 0, 50deg);
}
}
@keyframes fromLeftViewRotate {
from {
-webkit-transform: rotate3d(0, 1, 0, 50deg);
transform: rotate3d(0, 1, 0, 50deg);
}
}.wprevpro_t1_outer_div{padding:0;margin:0 0px 0 0px}.wprevpro_t1_DIV_1{box-sizing:border-box;color:#777;text-size-adjust:100%;column-rule-color:#fff;perspective-origin:277.5px 115px;transform-origin:277.5px 115px;border:0 none #fff;font:normal normal normal normal 13px/20.8px "Helvetica Neue",Helvetica,Arial,sans-serif;outline:#fff none 0;margin-bottom:20px;margin-top:10px}.wprevpro_t1_DIV_2{bottom:0;box-shadow:rgba(0,0,0,.09) 2px 2px 3px 0;box-sizing:border-box;color:#777;height:auto;left:0;position:relative;right:0;text-size-adjust:100%;top:0;column-rule-color:#fff;perspective-origin:277.5px 69px;transform-origin:277.5px 69px;background:#fff none repeat scroll 0 0/auto padding-box border-box;border:1px solid #f5f5f5;font: italic normal normal normal 14px / 22.4px "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0 0 25px;outline:#fff none 0;padding:20px 25px 20px 48px}.wprevpro_t1_DIV_2:after{bottom:-30px;box-sizing:border-box;color:#fff;content:'';display:block;height:30px;left:80px;position:absolute;right:445px;text-size-adjust:100%;width:30px;column-rule-color:#fff;perspective-origin:15px 15px;transform-origin:15px 15px;filter: drop-shadow(2px 2px 1px rgba(0,0,0,.0980392));border-top:30px solid #fff;border-right:30px solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent;font:normal normal normal normal 13px/20.8px "Helvetica Neue",Helvetica,Arial,sans-serif;outline:#fff none 0}.wprevpro_t1_DIV_2:before{bottom:47px;box-sizing:border-box;color:#bbb;content:'\201C';display:block;height:96px;left:55px;position:absolute;right:515.391px;text-size-adjust:100%;top:20px;width:24.6094px;column-rule-color:#bbb;perspective-origin:12.2969px 48px;transform-origin:12.2969px 48px;border:0 none #bbb;font:normal normal normal normal 60px/96px Georgia,serif;margin:-25px 0 0 -40px;outline:#bbb none 0}.wprevpro_t1_P_3{box-sizing:border-box;color:#777;text-size-adjust:100%;column-rule-color:#777;perspective-origin:240px 44px;transform-origin:240px 44px;border:0 none #777;font:italic normal normal normal 14px/22.4px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0 0 5px;outline:#777 none 0}.wprevpro_t1_IMG_4{box-sizing:border-box;color:#fff;display:block;float:left;height:50px;text-size-adjust:100%;vertical-align:middle;width:50px;column-rule-color:#fff;perspective-origin:30px 30px;transform-origin:30px 30px;border:0 none #fff;border-radius:50% 50% 50% 50%!important;font:normal normal normal normal 13px/20.8px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0 20px;outline:#fff none 0}.wprevpro_t1_SPAN_5{color:#555;display:block;text-size-adjust:100%;text-transform:uppercase;overflow:hidden;padding:8px 0 0}.marginb10{margin-bottom:10px}.w3_wprs-row-padding-small{padding:0 4px}.noboxshadow{box-shadow:transparent 0 0 0 0}.wprevpro_t1_P_3>img{box-shadow:0 0 0 transparent}.wprevpro_t1_A_8>img{box-shadow:0 0;padding:0}img.wprevpro_t1_star_img_file{width:100px;height: 19px;}img.wprevpro_t1_yelp_logo{position:absolute;right:10px;bottom:2px}img.wprevpro_t1_site_logo {position: absolute;right: 2px;bottom: 2px;height: 32px;width: unset;margin-bottom: unset!important;}
.w3_wprs-responsive{overflow-x:auto}.w3_wprs-btn-bar:after,.w3_wprs-btn-bar:before,.w3_wprs-btn-group:after,.w3_wprs-btn-group:before,.w3_wprs-clear:after,.w3_wprs-container:after,.w3_wprs-panel:after,.w3_wprs-row-padding:after,.w3_wprs-row:after,.w3_wprs-topnav:after{content:"";display:table;clear:both}.w3_wprs-col,.w3_wprs-half,.w3_wprs-quarter,.w3_wprs-third,.w3_wprs-threequarter,.w3_wprs-twothird{float:left;width:100%}.w3_wprs-col.s1{width:8.33333%}.w3_wprs-col.s2{width:16.66666%}.w3_wprs-col.s3{width:24.99999%}.w3_wprs-col.s4{width:33.33333%}.w3_wprs-col.s5{width:41.66666%}.w3_wprs-col.s6{width:49.99999%}.w3_wprs-col.s7{width:58.33333%}.w3_wprs-col.s8{width:66.66666%}.w3_wprs-col.s9{width:74.99999%}.w3_wprs-col.s10{width:83.33333%}.w3_wprs-col.s11{width:91.66666%}.w3_wprs-col.s12,.w3_wprs-half,.w3_wprs-quarter,.w3_wprs-third,.w3_wprs-threequarter,.w3_wprs-twothird{width:99.99999%}@media only screen and (min-width:601px){.w3_wprs-col.m1{width:8.33333%}.w3_wprs-col.m2{width:16.66666%}.w3_wprs-col.m3,.w3_wprs-quarter{width:24.99999%}.w3_wprs-col.m4,.w3_wprs-third{width:33.33333%}.w3_wprs-col.m5{width:41.66666%}.w3_wprs-col.m6,.w3_wprs-half{width:49.99999%}.w3_wprs-col.m7{width:58.33333%}.w3_wprs-col.m8,.w3_wprs-twothird{width:66.66666%}.w3_wprs-col.m9,.w3_wprs-threequarter{width:74.99999%}.w3_wprs-col.m10{width:83.33333%}.w3_wprs-col.m11{width:91.66666%}.w3_wprs-col.m12{width:99.99999%}}@media only screen and (min-width:993px){.w3_wprs-col.l1{width:8.33333%}.w3_wprs-col.l2{width:16.66666%}.w3_wprs-col.l3,.w3_wprs-quarter{width:24.99999%}.w3_wprs-col.l4,.w3_wprs-third{width:33.33333%}.w3_wprs-col.l5{width:41.66666%}.w3_wprs-col.l6,.w3_wprs-half{width:49.99999%}.w3_wprs-col.l7{width:58.33333%}.w3_wprs-col.l8,.w3_wprs-twothird{width:66.66666%}.w3_wprs-col.l9,.w3_wprs-threequarter{width:74.99999%}.w3_wprs-col.l10{width:83.33333%}.w3_wprs-col.l11{width:91.66666%}.w3_wprs-col.l12{width:99.99999%}}.w3_wprs-content{max-width:980px;margin:auto}.w3_wprs-row-padding,.w3_wprs-row-padding>.w3_wprs-col,.w3_wprs-row-padding>.w3_wprs-half,.w3_wprs-row-padding>.w3_wprs-quarter,.w3_wprs-row-padding>.w3_wprs-third,.w3_wprs-row-padding>.w3_wprs-threequarter,.w3_wprs-row-padding>.w3_wprs-twothird{padding:0 8px}
span.wprs_rd_more {
cursor: pointer;
}
a.wprev_media_img_a{display:inline-block}img.wprev_media_img{height:50px!important;margin-right:4px;border-radius:5px;margin-bottom: 2px;}.wprev_media_div{margin-bottom:0;margin-top:10px;margin-left:0;margin-right:0}.wpproslider_t3_DIV_1a .wprev_media_div{margin:-25px 5px 34px 55px}.wpproslider_t6_DIV_2 .wprev_media_div{margin-left:10px;margin-right:10px}
.wprev_media_div {
margin-bottom: 0;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
overflow: auto;
white-space: nowrap;
scrollbar-width: thin;
scrollbar-color: #e4e4e4 #ffffff;
scrollbar-gutter: auto;
}
.wprev_media_div::-webkit-scrollbar {
width: 16px;
}
.wprev_media_div::-webkit-scrollbar-track {
background-color: #e4e4e4;
border-radius: 100px;
}
.wprev_media_div::-webkit-scrollbar-thumb {
background-color: #d4aa70;
border-radius: 100px;
}
.wprs_unslider{overflow:visible;margin:0;padding:0;position:relative}.wprs_unslider-wrap{position:relative}.wprs_unslider-wrap.wprs_unslider-carousel>li{float:left}.wprs_unslider-vertical>ul{height:100%}.wprs_unslider-vertical li{float:none;width:100%}.wprs_unslider-fade{position:relative}.wprs_unslider-fade .wprs_unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8;list-style-type:none}.wprs_unslider-fade .wprs_unslider-wrap li.wprs_unslider-active{z-index:10}.wprs_unslider li,.wprs_unslider ol,.wprs_unslider ul{list-style:none;margin:0!important;padding:0!important;border:none;list-style-type:none}.wprs_unslider-arrow{position:absolute;z-index:2;cursor:pointer}.wprs_unslider-arrow.next{left:auto;background-position-x: 52%;    background-position-y: 50%;}.wprs_unslider-arrow{display:block;width:25px;height:25px;top:50%;right:10px;left:auto;margin-top:-30px;overflow:hidden;background:rgba(0,0,0,.2) no-repeat 58% 51%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==);background-size:7px 11px;border-radius:32px;text-indent:-999em;opacity:.6;transition:opacity .2s;border-width:0!important}.wprs_unslider-arrow.prev{left:10px;right:auto;-ms-transform:rotate(-180deg);transform:rotate(-180deg);background-position-x: 52%;background-position-y: 50%;}.wprs_unslider-nav ol{list-style:none;text-align:center}.wprs_unslider-nav ol li{display:inline-block;width:9px;height:9px;margin:0 4px!important;background:0 0;border-radius:5px;overflow:hidden;text-indent:-999em;border:1px solid #c3c3c3;cursor:pointer}.wprs_unslider-nav ol li.wprs_unslider-active{background:#c3c3c3;cursor:default}
a.wprs_rd_more {
cursor: pointer;
text-decoration: none !important;
}
.wprs_unslider-wrap.wprs_unslider-carousel>li {
float: left;
margin: 0px !important;
}
span.wprs_rd_more_text {
display: inline;
transition: opacity 1s;
opacity: 0;
}
.wprev-slider {
margin-left: 30px;
margin-right: 30px;
}
div.wprev-slider ul {
list-style-type: none !important;
padding: 0 0 0 0 !important;
}
.wprev-slider ul {
list-style-type: none;
}
li.wprevnextslide {
display: none;
}
img.sitetype_Google {
width:32px;
height:32px;
}
img.sitetype_Facebook {
width:32px;
height:32px;
}
span.svgicons.svg-wprsp-verified {
width: 18px;
height: 18px;
background: #a3a29e;
display: inline-block;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask-position: bottom;
margin-bottom: -3px;
margin-right: 5px;
margin-left: 2px;
}
.wprevtooltip{
cursor: pointer;
}
.wprevpro_tooltip {
display: none;
position: absolute;
padding-left: 10px;
padding-right: 10px;
color: #efefef;
background-color: #000000bf;
border-radius: 3px;
font-family: sans-serif;
font-style: normal;
font-size: 10px;
line-height: 24px;
z-index: 999999;
} .wprevpro_star_imgs span.svgicons{
width: 18px;
height: 18px;
background: gold;
display: inline-block;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask-position: bottom;
margin-bottom: -2px;
margin-right: 1px;
}
span.svgicons.svg-wprsp-star-full.ratingRow__star{
width: 19px;
height: 19px;
background: gold;
display: inline-block;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask-position: center;
margin-bottom: 1px;
margin-right: 0px;
}
span.svgicons.svg-empty {
width: 0px !important;
height: 0px !important;
}
fieldset#wprevpro_review_rating span.svgicons{
width: 35px;
height: 35px;
display: inline-block;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask-position: bottom;
margin-bottom: -2px;
margin-right: 0px;
}
li.wprevnextslide {
display: none;
}
span.wprevpro_star_imgs_T1 {
margin-right: 2px;
}
.svg-wprsp-verified{
-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 24 24'%3E%3Cpath d='M23.016 12l-2.438-2.813 0.328-3.656-3.609-0.844-1.875-3.188-3.422 1.453-3.422-1.453-1.875 3.188-3.609 0.797 0.328 3.703-2.438 2.813 2.438 2.813-0.328 3.656 3.609 0.844 1.875 3.188 3.422-1.453 3.422 1.453 1.875-3.188 3.609-0.844-0.328-3.656zM10.078 16.734l-3.797-3.844 1.5-1.453 2.297 2.344 5.859-5.906 1.5 1.5z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.svg-wprsp-star{
-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22'%3E%3Cpath d='M20.429 8.14c0 0.221-0.16 0.43-0.319 0.589l-4.456 4.346 1.056 6.138c0.012 0.086 0.012 0.16 0.012 0.246 0 0.319-0.147 0.614-0.503 0.614-0.172 0-0.344-0.061-0.491-0.147l-5.512-2.897-5.512 2.897c-0.16 0.086-0.319 0.147-0.491 0.147-0.356 0-0.516-0.295-0.516-0.614 0-0.086 0.012-0.16 0.025-0.246l1.056-6.138-4.469-4.346c-0.147-0.16-0.307-0.368-0.307-0.589 0-0.368 0.381-0.516 0.687-0.565l6.163-0.896 2.762-5.586c0.11-0.233 0.319-0.503 0.602-0.503s0.491 0.27 0.602 0.503l2.762 5.586 6.163 0.896c0.295 0.049 0.688 0.196 0.688 0.565z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.svg-wprsp-star-o{
-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22'%3E%3Cpath d='M13.959 12.522l3.757-3.646-5.181-0.761-2.32-4.69-2.32 4.69-5.181 0.761 3.757 3.646-0.896 5.169 4.641-2.443 4.628 2.443zM20.429 8.14c0 0.221-0.16 0.43-0.319 0.589l-4.456 4.346 1.056 6.138c0.012 0.086 0.012 0.16 0.012 0.246 0 0.331-0.147 0.614-0.503 0.614-0.172 0-0.344-0.061-0.491-0.147l-5.512-2.897-5.512 2.897c-0.16 0.086-0.319 0.147-0.491 0.147-0.356 0-0.516-0.295-0.516-0.614 0-0.086 0.012-0.16 0.025-0.246l1.056-6.138-4.469-4.346c-0.147-0.16-0.307-0.368-0.307-0.589 0-0.368 0.381-0.516 0.687-0.565l6.163-0.896 2.762-5.586c0.11-0.233 0.319-0.503 0.602-0.503s0.491 0.27 0.602 0.503l2.762 5.586 6.163 0.896c0.295 0.049 0.688 0.196 0.688 0.565z'%3E%3C/path%3E%3C/svg%3E");
}
.svg-wprsp-star-empty{
-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M22 8.53l-7.601-1.104-3.399-6.888-3.399 6.888-7.601 1.104 5.5 5.361-1.298 7.57 6.798-3.574 6.798 3.574-1.298-7.57 5.5-5.361zM11 16.188l-4.801 2.524 0.917-5.346-3.884-3.786 5.368-0.78 2.4-4.864 2.401 4.864 5.368 0.78-3.884 3.786 0.917 5.346-4.801-2.524z'%3E%3C/path%3E%3C/svg%3E");
}
.svg-wprsp-star-full{
-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M22 8.53l-7.601-1.104-3.399-6.888-3.399 6.888-7.601 1.104 5.5 5.361-1.298 7.57 6.798-3.574 6.798 3.574-1.298-7.57 5.5-5.361z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.svg-wprsp-star-half{
-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M22 8.53l-7.601-1.104-3.399-6.888-3.399 6.888-7.601 1.104 5.5 5.361-1.298 7.57 6.798-3.574 6.798 3.574-1.298-7.57 5.5-5.361zM11 16.188l-0.020 0.011 0.020-12.263 2.401 4.864 5.368 0.78-3.884 3.786 0.917 5.346-4.801-2.524z'%3E%3C/path%3E%3C/svg%3E");
} .wprev_outer_wb {
display: flex !important;
margin-bottom: 7px;
}
.wprev_badge_div.badgeleft {
margin: 10px 5px 10px 10px !important;
}
.wprev_badge_div.badgeright {
margin: 10px 10px 10px 5px !important;
}
.wprev-google-place {
display: flex !important;
padding: 8px 12px !important;
box-shadow: rgba(0, 0, 0, .08) 2px 2px 3px 0px !important;
border: 1px solid #f5f5f5 !important;
}
.wprev-google-left {
padding: 10px 8px 10px 5px !important;
}
.wprev-google-right {
padding: 3px !important;
}
.wprev-google-right div {
line-height: 24px !important;
font-size: 15px !important;
width: max-content !important;
}
.wprev-google-name {
font-weight: bold !important;
}
.wprev-google-place a {
text-decoration: none !important;
}
a.wprev-google-wr-a {
color: #fff !important;
padding: 1px 8px 5px !important;
outline: none !important;
border-radius: 3px !important;
background: #0a6cff !important;
white-space: nowrap !important;
vertical-align: middle !important;
box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24) !important;
user-select: none !important;
transition: all .2s ease-in-out !important;
display: flex !important;
align-items: center !important;
width: fit-content !important;
}
a.wprev-google-wr-a:hover {
background: #0a6cffc7 !important;
}
.wprev-google-wr {
margin: 12px 0px 6px !important;
}
a.wprev-google-wr-a svg {
margin-left: 5px !important;
margin-top: 3px !important;
}
span.wprev-google-rating {
font-size: 18px !important;
margin-right: 5px !important;
font-weight: 500 !important;
}
span.wprev_btot {
font-weight: 600 !important;
}
.badgehideclass {
display:none !important;
}
.sprev-google-left-src {
border-radius: 5% !important;
min-width: 50px !important;
min-height: 50px !important;
display:block;
}
span.wprev-businessname {
font-size: 15px !important;
color: #373737 !important;
font-weight: 600 !important;
}
img.wprev-google-powered-img {
vertical-align: middle !important;
}
@media only screen and (max-width: 600px) {
.wprev_outer_wb {
flex-wrap: wrap;
}
.wprev_badge_div.badgeleft {
margin: 10px 10px 10px 10px !important;
width: -webkit-fill-available;
}
.wprev_outer_wb .wprs_unslider {
max-width: -webkit-fill-available;
}
.wprev_badge_div.badgeright {
width: -webkit-fill-available;
}
}
.wprev_missing_image{
display:none;
}.wpml-ls-legacy-dropdown{width:15.5em;max-width:100%}.wpml-ls-legacy-dropdown>ul{position:relative;padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu{visibility:visible}.wpml-ls-legacy-dropdown .wpml-ls-item{padding:0;margin:0;list-style-type:none}.wpml-ls-legacy-dropdown a{display:block;text-decoration:none;color:#444;border:1px solid #cdcdcd;background-color:#fff;padding:5px 10px;line-height:1}.wpml-ls-legacy-dropdown a span{vertical-align:middle}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{position:relative;padding-right:calc(10px + .7em + .7em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{padding-right:10px;padding-left:calc(10px + .7em + .7em)}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{content:'';vertical-align:middle;display:inline-block;border:.35em solid transparent;border-top:.5em solid;position:absolute;right:10px;top:calc(50% - .175em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right:auto;left:10px}.wpml-ls-legacy-dropdown a:hover,.wpml-ls-legacy-dropdown a:focus,.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{color:#000;background:#eee}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{visibility:hidden;position:absolute;top:100%;right:0;left:0;border-top:1px solid #cdcdcd;padding:0;margin:0;list-style-type:none;z-index:101}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border-width:0 1px 1px 1px}.wpml-ls-legacy-dropdown .wpml-ls-flag{display:inline;vertical-align:middle;width:18px;height:12px}.wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:0;margin-right:.4em}