@charset "UTF-8";

 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
}@font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: normal;
src: local('Gotham Book'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/GothamBook.woff) format('woff');
}
@font-face {
font-family: 'Gotham Book Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Book Italic'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/GothamBookItalic.woff) format('woff');
}
@font-face {
font-family: 'Gotham Light';
font-style: normal;
font-weight: normal;
src: local('Gotham Light'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/GothamLight.woff) format('woff');
}
@font-face {
font-family: 'Gotham Light Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Light Italic'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/GothamLightItalic.woff) format('woff');
}
@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/GothamMedium.woff) format('woff');
}
@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/GothamMedium_1.woff) format('woff');
}
@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/GothamMediumItalic.woff) format('woff');
}
@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/GothamBold.woff) format('woff');
}
@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/Gotham-Bold.woff) format('woff');
}
@font-face {
font-family: 'Gotham Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold Italic'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/GothamBoldItalic.woff) format('woff');
}
@font-face {
font-family: 'Gotham Black Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Black Regular'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/Gotham-Black.woff) format('woff');
}
@font-face {
font-family: 'Gotham Light Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Light Regular'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/Gotham-Light.woff) format('woff');
}
@font-face {
font-family: 'Gotham Thin Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Thin Regular'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/Gotham-Thin.woff) format('woff');
}
@font-face {
font-family: 'Gotham XLight Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham XLight Regular'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/Gotham-XLight.woff) format('woff');
}
@font-face {
font-family: 'Gotham Book Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Book Italic'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/Gotham-BookItalic.woff) format('woff');
}
@font-face {
font-family: 'Gotham Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Thin Italic'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/Gotham-ThinItalic.woff) format('woff');
}
@font-face {
font-family: 'Gotham Ultra Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Ultra Italic'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/Gotham-UltraItalic.woff) format('woff');
}
@font-face {
font-family: 'Gotham XLight Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham XLight Italic'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/Gotham-XLightItalic.woff) format('woff');
}
@font-face {
font-family: 'Gill Sans';
font-style: normal;
font-weight: normal;
src: local('Gill Sans'), url(//tesemotores.com.br/wp-content/themes/cms/fonts/GillSans.ttf) format('ttf');
} body {
color: #707070;
font-size: 16px;
line-height: 24.38px;
font-family: 'Gotham Book', sans-serif;
font-weight: normal;
background: #FFF;
}
img {
max-width: 100%;
height: auto;
}
h1{
font-size: 30px;
}
h2{
font-size: 25px;
font-family: 'Gotham Bold';
}
h3{
font-size: 23px;
}
h4 {
font-size: 20px; 
font-family: 'Gotham Bold';
}
a, a:hover {
transition: 0.3s;
cursor: pointer;
text-decoration: none;
}
a:hover {
opacity: 0.7;
}
hr {
border-top: 1px solid #666;
margin: 30px 0;
}
strong{
font-family: 'Gotham Bold'; 
} .form-control {
border-radius: 0;
box-shadow: none;
height: 50px;
} .nav-tabs {
text-align: center;
border: 0;
margin-bottom: 80px;
}
.nav-tabs li, .nav-tabs li.active {
float: none;
display: inline-block;
margin: 0;
}
.nav-tabs li a, .nav-tabs li a:hover, .nav-tabs li a:active, .nav-tabs li a:focus, .nav-tabs li:hover a, .nav-tabs li:active a, .nav-tabs li:focus a {
border: 0;
border-radius: 0;
font-size: 14px;
}
.nav-tabs li.active a {
border: 0;
border-bottom: 2px solid #008080;
} #header {
padding: 0;
transition: .4s ease;
top: 0;
left: 0;
width: 100%;
z-index: 99;
position: relative;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-header.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: fixed;
}
#header .header-logo {
margin: 27px 0;
}
#top-menu ul {
display: inline-block;
}
#top-menu ul li {
list-style: none;
display: inline-block;
margin-right: 5px;
padding: 10px;
}
#top-menu .contato {
float: right;
}
#top-menu .contato li {
padding: 15px 20px 0 20px;
}
#top-menu .social li {
padding: 15px 10px 0 10px;
}
#top-menu .contato a {
color: #707070;
font-size: 15px;
}
#top-menu .social a {
color: white;
font-size: 16px;
}
#main-menu {
border: 0;
padding: 0;
float: right;
}
#main-menu ul li {
display: inline-block;
list-style: none;
padding: 12px 5px 18px 10px;
}
#main-menu ul li a {
color: white;
font-size: 16px;
}
#main-menu .toggle {
display: none;
} div#destaques {
margin-top: 100px;
margin-bottom: 100px;
}
#destaques .col-lg-4:hover button{
box-shadow: 0px 0px 10px 4px #00000038;
}
#destaques a{
color: #999999;
}
#destaques img {
width: 100%;
height: auto;
margin-bottom: 5px;
} 
#destaques h3 {
margin-bottom: 15px;
}
#destaques .thumb {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 170px;
margin-bottom: 20px;
}
#destaques .thumb:hover{
transform: scale(1.1);
}
#destaques button {
background: transparent;
border: 1px solid #999999;
color: #999999;
font-size: 16.5px;
font-family: 'Gill Sans MT', sans-serif;
display: block;
padding: 8px 50px;
cursor: inherit;
bottom: -80px;
position: absolute;
text-align: center;
left: 50%;
transform: translate(-50%, -50%);
}
div#newsletter {
background-color: #F2F7FB;
margin: 65px 0;
padding: 25px 0 5px 0;
}
div#newsletter form {
margin-top: 20px;
}
div#newsletter input { 
background-color: white;
border: none;
padding: 10px;
max-width: 100%;
}
div#newsletter input[type="submit"] {
width: 100%;
padding: 10px 20px;
background-color: #005784 !important;
color: white;
border: none;
font-size: 16px;
font-family: 'Gotham Book', sans-serif;
float: right;
text-align: left;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-button-send.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: 110px center;
}
div#duvidas {
float: right;
display: block;
padding: 14px 15px 20px 15px;
background-image: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-duvidas.png);
background-repeat: no-repeat;
position: fixed;
right: -2px; 
top: 50%; 
margin-top: -34px; 
opacity: 0;
}
.scrolled div#duvidas{
transition: opacity .5s linear;
opacity: 1;
}
.stroll-to-top {
float: right;
right: 20px;
position: fixed;
opacity: 0;
transition: opacity .5s linear;
bottom: 20px;
z-index: 2;
}
.scrolled .stroll-to-top{
transition: opacity .5s linear;
opacity: 1;
}
.stroll-to-top button {
border: none;
background-color: transparent;
padding: 20px 26px;
text-align: center;
display: none;
} div#duvidas a {
color: #2E2E2E;
font-size: 14px;
line-height: 10px;
}
div#duvidas a span{
font-family: 'Gotham Black Regular', sans-serif;
width: 100%;
display: block;
}
#footer {
padding: 35px 0 5px;
color: #fff;
background: #707070;
font-size: 13px;
}
#footer p {
font-size: 15px;
margin: 30px 0 40px 0;
}
#footer-menu {
width: 100%;
margin-top: 20px;
}
#footer-menu ul {
}
#footer-menu ul li {
margin: 0 auto;
display: inline-block;
list-style: none;
}
#footer-menu ul li a {
color: white;
font-size: 12px;
font-weight: normal;
margin-left: 40px;
}
#copyright {
background-color: #005784;
width: 100%;
padding: 11px;
position: relative;
}
#copyright a {
color: #fff;
}
#copyright p {
color: white;
font-weight: normal; 
display: inline-block;
text-align: left;
font-size: 10px;
margin: 0;
}
#copyright ul {
display: inline-block;
float: right; 
margin: 0;
}
#copyright ul li {
display: inline-block;
list-style: none;
margin-left: 15px;
}
#copyright i {
color: white;
font-size: 18px;
}
#loading {
position: fixed; background: #FFF;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99999;
display: block;
} #main{
padding-top: 80px;
}
#main .page-header {
position: relative;
padding: 250px 0 50px;
margin-bottom: 50px;
}
.page-header .page-title {
position: relative;
z-index: 2;
font-size: 46px;
color: #FFF;
font-weight: 400;
margin: 50px 0 20px;
} #home1 {
position: relative;
}
#home1 .role-para-baixo{
color: white; 
text-align: center; 
}
#home1 .role-para-baixo a{
color: white;  
}
#home1 .role-para-baixo img {
width: 16px;
height: 16px;
margin: 15px auto 30px auto;
display: block;
}
#home1 .content-slider{
position: relative;
}
#home1 #slider {
border: none;
}
#home1 #slider ul li {
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
}
#home1 .custom-navigation {
position: absolute;
z-index: 3;
width: 285px;
right: 450px;
top: 450px;
display: none;
}
#home1 .custom-navigation a{
position: absolute;
}
#home1 .custom-navigation .flex-prev {
left: 115px;
}
#home1 .custom-navigation .flex-next{
right: 0;
}
#home1 .custom-navigation .custom-controls-container{
}
#home1 .custom-navigation img{
width: 19.55px;
}
#home1 .custom-navigation .flex-control-nav {
display: block;
margin-left: 55px;
margin-bottom: 25px;
}
#home1 .custom-navigation .flex-control-nav li {
margin-right: 15px;
}
#home1 .custom-navigation .flex-control-nav li a {
background: transparent;
border: 1px solid white;
color: transparent;
}
#home1 .flex-direction-nav a:before{
display: none;
}
#home1 .custom-navigation .flex-control-nav li .flex-active {
background: white;
border: 1px solid white;
}
#home1 .imagem-flutuante {
display: inline-block;
width: 285px;
transform-style: preserve-3d;
z-index: 1;
position: absolute;
margin-top: 150px;
margin-left: 100px;
}
#home1 .imagem-flutuante::before {
content: '';
background-color: #005784;
width: 240px;
height: 410px;
position: absolute;
transform: translateZ(-1px);
left: 80px;
}
#home1 .imagem-flutuante .thumb{
margin-left: 55px;
}
#home1 .imagem-flutuante::after {
content: '';
background-color: white;
height: 1px;
width: 170px;
position: absolute;
right: 0;
margin-top: -50px;
}
#home1 .imagem-flutuante img {
padding-bottom: 45px;
max-width: 100%;
width: 100%;
}
#home1 .imagem-flutuante p {
color: white;
font-size: 15px;
text-align: center;
position: absolute;
right: 40px;
margin-top: 30px;
}
#home1 .conteudo-home1 {
padding: 200px 0px 200px;
display: inline-block;
width: 60%;
}
#home1 .conteudo-home1 h1{
font-size: 46px; 
font-family: 'Gotham Bold', sans-serif;
line-height: 60px;
margin: 40px 0 5px 0;
}
#home1 .conteudo-home1 h3{
font-size: 18px; 
font-family: 'Gotham Bold', sans-serif;
}
#home1 #slider button {
background: #E3FF3D;
border: none;
padding: 10px 10px 10px 30px;
font-family: 'Gotham Bold';
margin-top: 50px;
}
#home1 #slider button::after {
content: '';
background-image: url(//tesemotores.com.br/wp-content/themes/cms/img/arrow-button-slider.png);
width: 32px;
height: 16px;
background-repeat: no-repeat;
background-size: 100% 100%;
float: right;
margin-left: 100px;
margin-top: 3px;
}
#home1 #slider .flex-direction-nav{
display: none;
}
div#carousel-home-bottom {
background: #005784;
margin: -700px 0px 0;
padding: 5px 0;
position: relative;
}
#carousel-home-bottom div#carousel {
background: none;
border: 0;
margin: 25px -50px;
text-align: center;
color: #FFF;
}
#home1 #carousel-home-bottom .custom-navigation {
position: absolute;
z-index: 3;
width: 285px;
bottom: 90px;
right: 40px;
top: unset;
display: block;
}
#carousel .flex-active-slide .carousel-titulo-flutuante { opacity: 1; }
#carousel .carousel-titulo-flutuante {
max-width: 250px;
margin: 0 auto;
opacity: 0;
transition: .2s ease;
}
#carousel-home-bottom .carousel-img {
height: 350px;
overflow: hidden;
text-align: center;
}
#carousel-home-bottom .carousel-img img {
max-height: 300px;
width: auto;
display: block;
margin: 0 auto;
}
#home1 #carousel-home-bottom .custom-navigation .flex-control-nav:before {
content: "";
width: 110px;
height: 100%;
position: absolute;
top: 11px;
z-index: 99;
} #home2 h2 {
margin: 60px 0;
padding-bottom: 30px;
border-bottom: 1px solid #707070;
}
#home2 .item p {
color: #707070;
font-size: 20px;
line-height: 10px;
text-align: center;
}
#home2 .item p strong {
font-family: 'Gotham Bold', sans-serif;
}
#home2 .item .img-div {
box-shadow: 10px 10px 10px -6px #00000038;
padding: 60px 0;
width: 100%;
margin: 0 auto;
}
#home2 .item .img-div:hover{
box-shadow: 0px 0px 10px 4px #00000038; 
}
#home2 .item img {
margin: 0 auto;
display: block;
}
#home3 {
margin: 200px 0;
}
#home3 .conteudo-esquerda {
width: 90%;
}
#home3 .conteudo-esquerda::after {
content: " ";
background: url(//tesemotores.com.br/wp-content/themes/cms/img/caminho-bottom.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 200px;
height: 77px;
margin-top: 35px;
}
#home3 .conteudo-esquerda h1 {
font-family: 'Gotham Bold', sans-serif;
margin-top: -15px;
margin-bottom: 20px;
}
#home3 .conteudo-esquerda h1::before {
content: " ";
background: url(//tesemotores.com.br/wp-content/themes/cms/img/caminho-top.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 540px;
height: 75px;
margin-top: 10px;
left: -540px;
}
#home3 .conteudo-esquerda a {
color: #005784;
margin-top: 30px;
display: block;
}
#home3 .conteudo-esquerda a::after {
content: " ";
background-color: #005784;
height: 1px;
width: 150px;
position: absolute;
margin: 23px 0 0 -96px;
}
#home3 .ano {
text-align: right;
font-size: 14px;
font-family: 'Gotham Bold', sans-serif;
margin-right: 100px;
}
#home3 .ano::after {
content: " ";
background-color: #9a9a9a;
height: 2px;
width: 250px;
position: absolute;
margin: 22px 0 0 -140px;
}
#home3 .imagens {
width: 40%;
display: inline-block;
margin-left: -30px;
margin-top: -10px;
}
#home3 .imagens::before {
content: " ";
border: 10px solid #005784;
height: 122%;
width: 30%;
position: absolute;
margin: -25px 0 0 45px;
z-index: -1;
}
#home3 .imagem-grande {
width: 50%;
display: inline-block;
position: absolute;
}
#home3 .imagem-grande::before {
content: " ";
background: #005784;
height: 122%;
width: 45%;
position: absolute;
margin: -34px 0 0 80px;
z-index: -1;
}
#home3 .texto-foot {
width: 77%;
float: right;
margin-top: 70px;
} .sub-header-page {
color: white;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
.sub-header-page h1 {
font-size: 39px;
font-family: 'Gotham Light';
width: 49%;
text-align: left;
display: inline-block;
margin-top: 130px;
margin-bottom: 30px;
}
.sub-header-page span {
font-size: 25px;
font-family: 'Gill Sans', sans-serif;
line-height: 30px;
width: 33%;
display: inline-block;
text-align: left;
position: absolute;
right: 0;
margin-top: 130px;
margin-bottom: 30px;
} #sobre2 {
margin: 200px 0 150px 0;
}
#sobre2 .conteudo-esquerda {
width: 90%;
}
#sobre2 .conteudo-esquerda::after {
content: " ";
background: url(//tesemotores.com.br/wp-content/themes/cms/img/caminho-bottom.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 200px;
height: 77px;
margin-top: 62px;
}
#sobre2 .conteudo-esquerda h1 {
font-family: 'Gotham Bold', sans-serif;
margin-top: -15px;
margin-bottom: 20px;
}
#sobre2 .conteudo-esquerda h1::before {
content: " ";
background: url(//tesemotores.com.br/wp-content/themes/cms/img/caminho-top.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 540px;
height: 75px;
margin-top: 10px;
left: -540px;
}
#sobre2 .conteudo-esquerda a {
color: #005784;
margin-top: 30px;
display: block;
}
#sobre2 .conteudo-esquerda a::after {
content: " ";
background-color: #005784;
height: 1px;
width: 150px;
position: absolute;
margin: 23px 0 0 -96px;
}
#sobre2 .ano {
text-align: right;
font-size: 14px;
font-family: 'Gotham Bold', sans-serif;
margin-right: 100px;
}
#sobre2 .ano::after {
content: " ";
background-color: #9a9a9a;
height: 2px;
width: 250px;
position: absolute;
margin: 22px 0 0 -140px;
}
#sobre2 .imagens {
width: 40%;
display: inline-block;
margin-left: -30px;
margin-top: -10px;
}
#sobre2 .imagens::before {
content: " ";
border: 10px solid #005784;
height: 122%;
width: 30%;
position: absolute;
margin: -25px 0 0 45px;
z-index: -1;
}
#sobre2 .imagem-grande {
width: 50%;
display: inline-block;
position: absolute;
}
#sobre2 .imagem-grande::before {
content: " ";
background: #005784;
height: 122%;
width: 45%;
position: absolute;
margin: -34px 0 0 80px;
z-index: -1;
}
#sobre2 .imagem-grande span {
color: white;
font-size: 14px;
font-family: 'Gotham Bold', sans-serif;
display: block;
margin-left: 110px;
margin-top: -30px;
}
#sobre2 .imagem-grande span::after {
content: " ";
background: white;
height: 1px;
width: 35px;
position: absolute;
margin: 11px 0 0 30px;
}
#sobre2 .texto-foot {
width: 76%;
float: right;
margin-top: 85px;
}
#sobre2 .texto-foot::before {
content: " ";
background: url(//tesemotores.com.br/wp-content/themes/cms/img/caminho-bottom-2.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 289px;
height: 65px;
left: 10px;
margin-top: 50px;
}
#sobre3 {
margin-bottom: 50px;
}
#sobre3 .row {
margin-top: 50px;
}
#sobre3 img {
position: relative;
transform: translateY(-20%);
}
#sobre4 {
background-repeat: no-repeat;
background-position: right bottom;
background-color: #D5EBF5;
padding: 50px 0;
}
#sobre5 {
color: #2E2E2E;
font-size: 14px;
margin-top: 80px;
}
#sobre5 .image {
display: inline-block;
margin-right: 5px;
}
#sobre6 {
margin-top: 100px;
color: #2E2E2E;
}
#sobre6 h4 {
margin-bottom: 40px;
}
#sobre6 h4::after {
content: " ";
background-color: #70707094;
width: 80%;
height: 2px;
position: absolute;
right: 0;
margin-top: 12px;
}
#sobre6 .download-certificado {
margin-bottom: 50px;
}
#sobre6 .download-certificado a{
color: #2E2E2E;
}
#sobre6 .download-certificado a img{
display: inline-block; 
}
#sobre6 .download-certificado a span {
display: inline-block;
position: absolute;
margin-left: 30px;
}
#sobre6 .imagem-certificado {
margin-top: 20px;
}
#sobre6 .imagem-certificado img{
width: 100%;
height: auto;
}
#sobre7 {
margin-top: 100px;
padding: 60px 0;
color: white;    
background-repeat: no-repeat;
background-size: cover;
background-position: right top;
}
#sobre7 .line {
border-top: 1px solid white;
}
#sobre7 h2 {
margin-bottom: 20px;
}
#sobre7 .texto1 {
margin-top: 35px;
margin-bottom: 100px;
}
#sobre7 .texto2,
#sobre7 .texto3,
#sobre7 .texto4{
margin-top: 40px;
}
#sobre7 .texto2 p, 
#sobre7 .texto3 p, 
#sobre7 .texto4 p {
margin-bottom: 60px;
}
#sobre7 .texto2 h4, 
#sobre7 .texto3 h4, 
#sobre7 .texto4 h4 {
opacity: 0.41;
position: absolute;
bottom: 0;
}
#sobre8 {
margin-top: 50px;
padding: 30px 0;
}
#sobre8 h2 {
font-size: 39px;
color: #2E2E2E;
}
#sobre8 form {
margin-top: 30px;
}
#sobre8 form input {
border-left: none;
border-top: none;
border-right: none;
border-bottom: 2px solid #2E2E2E;
width: 100%;
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0;
margin-top: 20px;
}
#sobre8 form textarea{ 
border-left: none;
border-top: none;
border-right: none;
border-bottom: 2px solid #2E2E2E;
width: 100%;
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0;
margin-top: 35px;
}
#sobre8 form input::placeholder,
#sobre8 form textarea::placeholder{ 
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
}
#sobre8 form input[type="submit"] {
width: 230px;
padding: 18px 20px;
background-color: #005784 !important;
color: white;
border: none;
font-size: 16px;
font-family: 'Gotham Book', sans-serif;
float: right;
text-align: left;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-button-send.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: 180px center;
} #parceiros2 {
margin: 100px 0;
padding-top: 50px;
}
#parceiros2 h2::before {
content: " ";
background: url(//tesemotores.com.br/wp-content/themes/cms/img/caminho-top.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 540px;
height: 75px;
margin-left: -545px;
margin-top: -49px;
}
#parceiros2 .titulo {
display: inline-block;
}
#parceiros2 .titulo h2{
font-size: 30px;
} 
#parceiros2 .texto {
display: inline-block;
margin-left: 30px;
margin-top: 30px;
position: absolute;
}
#parceiros2 .logos-parceiros {
margin-top: 100px;
text-align: center;
}
#parceiros2 .logo-parceiro img {
}
#parceiros2 .logo-parceiro img:hover{
transform: scale(1.3);
}
#parceiros2 .logo-parceiro span {
color: #707070;
font-size: 14px;
text-align: center;
display: block;
line-height: 2px; 
}
#parceiros2 .logo-parceiro .imagem {
margin-bottom: 15px;
}
#parceiros2 .logo-parceiro:nth-child(5) span{
position: absolute;
margin-top: -10px;
}
#parceiros2 .logo-parceiro {
display: inline-block;
margin-right: 60px;
}
#parceiros3 {
padding: 100px 0 50px 0;
background-repeat: no-repeat;
background-size: cover;
background-position: top right;
color: white;
margin-bottom: 120px;
}
#parceiros3 .titulo {
display: inline-block;
}
#parceiros3 .titulo::before {
content: " ";
background: url(//tesemotores.com.br/wp-content/themes/cms/img/caminho-right-white.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 46px;
height: 102px;  
margin-top: -90px;
}
#parceiros3 .titulo h2 {
font-size: 30px;
display: block;
margin-left: 80px;
margin-top: -12px;
}
#parceiros3 .texto {
display: inline-block;
position: absolute;
margin-left: 100px;
width: 50%;
margin-top: -15px;
}
#parceiros3 .logos-clientes {
margin-top: 100px;
}
#parceiros3 .logo-cliente {
display: inline-block;
margin-right: 60px;
}
#parceiros3 .logo-cliente img:hover{
transform: scale(1.3);
}
#parceiros3 .logo-cliente img {
margin: 0 auto;
display: block;
}
#parceiros3 .logo-cliente span {
line-height: 2px;
font-size: 14px;
text-align: center;
display: block;
margin-top: 10px;
} #contato2 {
margin-top: 50px;
}
#contato2 .row {
margin-bottom: 30px;
}
#contato2 .conteudo {
display: inline-block;
}
#contato2 .plantao {
display: inline-block;
position: absolute;
background-color: #F2F7FB;
padding: 20px 100px 125px 20px;
color: #2E2E2E;
font-size: 16px;
right: 0;
}
#contato2 .plantao h4{
font-family: 'Gotham Bold', sans-serif;
font-size: 16px;
}
#contato2 .conteudo h2 {
color: #2E2E2E;
margin-top: 25px;
}
#contato2 .conteudo ul {
margin-top: 40px;
padding: 0;
}
#contato2 .conteudo ul li {
list-style: none;
color: #2E2E2E;
}
#contato2 .conteudo ul li a { 
color: #2E2E2E;
}
#contato2 .conteudo ul li span {
display: inline-block;
}
#contato2 .conteudo ul li span img {
margin-right: 40px;
}
#contato2 .conteudo ul li span p {
line-height: 30px;
}
#contato2 .mapa {
position: absolute;
right: -200%;
width: auto;
}
#contato2 .mapa iframe {
width: 570px;
}
#contato3 {
background: linear-gradient(90deg, #005784 65%, #fff 0);
padding: 30px 0 0 0;
}
#contato3 h2 {
font-size: 46px;
color: white;
border-bottom: 2px solid #ffffff85;
padding-bottom: 25px;
}
#contato3 h2 span {
color: #E3FF3D;
}
#contato3 form {
margin-top: 60px;
}
#contato3 form input {
border-left: none;
border-top: none;
border-right: none;
border-bottom: 2px solid #FFFFFF;
width: 100%;
color: #FFFFFF;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0 10px 40px;
margin-top: 20px; 
background-color: transparent;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/icon-input-white.png);
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: left
}
#contato3 form textarea{ 
border-left: none;
background-color: transparent;
border-top: none;
border-right: none;
border-bottom: 2px solid #FFFFFF;
width: 100%;
color: #FFFFFF;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0 10px 40px;
margin-top: 35px; 
background: url(//tesemotores.com.br/wp-content/themes/cms/img/icon-input-white.png);
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: left
}
#contato3 form input::placeholder,
#contato3 form textarea::placeholder{ 
color: #FFFFFF;
font-family: 'Arial';
font-size: 14px;
}
#contato3 form input[type="submit"] {
width: 300px;
padding: 20px 40px;
background-color: transparent;
color: white;
font-size: 16px;
font-family: 'Gotham Book', sans-serif;
margin: 20px auto 0 auto;
text-align: left;
border: 1px solid white;
display: block;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-button-send.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: 200px center
} 
input[type="submit"]:hover{
transform: scale(1.1);
}
input[type="button"]:hover{
transform: scale(1.1);
} #trabalhe2 {
margin-top: 60px;
}
#trabalhe2 .conteudo-esquerda,
#trabalhe2 .conteudo-direita{
color: #2E2E2E;
}
#trabalhe2 .conteudo-direita {
background-color: #F2F7FB;
width: 100%;
height: 100%;
padding: 20px;
text-align: center;
}
#trabalhe2 .conteudo-esquerda h2 {
font-family: 'Gotham Light', sans-serif;
border-bottom: 2px solid #2e2e2e5c;
padding-bottom: 25px;
line-height: 35px;
} 
#trabalhe2 .formulario {
margin-top: 40px;
}
#trabalhe2 .formulario form input {
border-left: none;
border-top: none;
border-right: none;
border-bottom: 2px solid #2E2E2E;
width: 100%;
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0 10px 40px;
margin-top: 20px;
background-color: transparent;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/icon-input.png);
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: left
}
#trabalhe2 .formulario form textarea{ 
border-left: none;
background: transparent;
border-top: none;
border-right: none;
border-bottom: 2px solid #2E2E2E;
width: 100%;
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0 10px 40px;
margin-top: 35px;;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/icon-input.png);
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: left
}
#trabalhe2 .formulario form input::placeholder,
#trabalhe2 .formulario form textarea::placeholder{ 
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
}
#trabalhe2 .formulario form input::before, 
#trabalhe2 .formulario form textarea::before {
content: "";
background: url(//tesemotores.com.br/wp-content/themes/cms/img/icon-input.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
display: block;
width: 16px;
height: 16px; 
}
#trabalhe2 .formulario form input[type="submit"] {
width: 350px;
padding: 15px 40px;
background-color: #005784 !important;
color: #fff;
font-size: 16px;
font-family: 'Gotham Book', sans-serif;
margin: 20px auto 0 auto;
text-align: left;
border: 1px solid #005784;
display: block;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-button-send-2.png);
background-repeat: no-repeat;
background-size: 40px 30px;
background-position: 280px center;
float: right;
} 
#trabalhe2 .formulario form input[type="file"]{
display: none;
}
#trabalhe2 .formulario form .select-file {
width: 350px;
padding: 15px 40px;
background-color: #005784 !important;
color: #fff;
font-size: 16px;
font-family: 'Gotham Book', sans-serif;
margin: 20px auto 0 auto;
text-align: left;
border: 1px solid #005784;
display: block;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/send-file.png);
background-repeat: no-repeat;
background-size: 22px 16px;
background-position: 280px center;
float: left;
cursor: pointer;
} 
#trabalhe2 .formulario form .legenda-file {
margin-top: 40px;
display: block;
font-size: 10px;
font-family: 'Arial';
color: #2E2E2E;
}
#trabalhe3 {
margin: 50px 0;
}
#trabalhe3 img {
width: 100%;
margin-left: 10px;
}
#trabalhe3 a {
width: 100%; 
} #servicos2{
margin-top: 80px;
}
#servicos2 .texto::before {
content: "";
background-image: url(//tesemotores.com.br/wp-content/themes/cms/img/caminho-lefr-servicos.png);
background-repeat: no-repeat;
width: 501px;
height: 92px;
background-position: center;
background-size: cover;
position: absolute;
left: -500px;
margin-top: 7px;
}
#servicos3 {
margin-top: 80px;
}
#servicos3 #servicosTab {
width: 100%;
margin: 0;
}
#servicos3 #servicosTab li {
border-bottom: 1px solid #707070;
}
#servicos3 #servicosTab li a {
border: none;
background-color: white;
font-family: 'Gotham Light', sans-serif;
color: #707070;
border-radius: 0;
padding: 15px 23px 1px 23px;
margin: 0 70px 0 0;
line-height: 7px;
}
#servicos3 #servicosTab li a.active {
border: none;
background-color: #005784;
color: white; 
}
#servicos3 .tab-content{
width: 100%;
}
#servicos3 .tab-content .titulo {
margin-top: 50px;
}
#servicos3 .tab-content .titulo h4{
font-family: 'Gotham Light';
}
#servicos3 .tab-content .texto_esquerda,
#servicos3 .tab-content .texto_direita{
margin: 20px 0 30px 0;
}
#servicos3 .tab-content .texto_esquerda ul, 
#servicos3 .tab-content .texto_direita ul {
padding-inline-start: 20px;
}
#servicos3 .tab-content .texto_esquerda ul li, #servicos3 .tab-content .texto_direita ul li {
list-style-image: url(//tesemotores.com.br/wp-content/themes/cms/img/list-style-blue.png); font-size: 16px;
padding-left: 10px;
}
#servicos3 .tab-content .imagem {
margin-top: 30px;
height: 200px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
#servicos3 .tab-content .imagem img {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
#servicos4 {
margin-top: 100px;
}
#servicos4 .titulo-form{
font-size: 39px;
color: #2E2E2E;
line-height: 43px;
}
#servicos4 .form form input {
border-left: none;
border-top: none;
border-right: none;
border-bottom: 2px solid #2E2E2E;
width: 100%;
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0;
margin-top: 20px;
}
#servicos4 .form form textarea{ 
border-left: none;
border-top: none;
border-right: none;
border-bottom: 2px solid #2E2E2E;
width: 100%;
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0;
margin-top: 35px;
}
#servicos4 .form form input::placeholder,
#servicos4 .form form textarea::placeholder{ 
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
}
#servicos4 .form form input[type="submit"] {
width: 230px;
padding: 18px 20px;
background-color: #005784 !important;
color: white;
border: none;
font-size: 16px;
font-family: 'Gotham Book', sans-serif;
float: right;
text-align: left;
display: block;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-button-send.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: 180px center;
} #produtos .menu-sidebar ul {
padding: 0;
background-color: white;
}
#produtos .menu-sidebar ul li {
list-style: none;
margin: 0 10px 0 0; 
}
#produtos .menu-sidebar ul .current,
#produtos .menu-sidebar ul .current-single{
background-color: #E3FF3D;
font-family: 'Gotham Bold';
}
#produtos .menu-sidebar ul li .bordered-bottom{ 
border-bottom: 1px solid #707070;
width: 100%;
display: block;
padding: 20px 15px;
}
#produtos .menu-sidebar ul span {
float: right;
position: absolute;
right: 41px;
margin-top: -45px;
cursor: pointer;
}
#produtos .menu-sidebar ul .icon-minus,
#produtos .menu-sidebar ul .icon-plus{
display: none;
}
#produtos .menu-sidebar ul .icon-minus .show,
#produtos .menu-sidebar ul .icon-plus .show{
display: block !important;
cursor: pointer;
}
#produtos .menu-sidebar ul li .active{
font-family: 'Gotham Bold', sans-serif;
}
#produtos .menu-sidebar ul li a{
font-size: 16px;
text-transform: uppercase;
color: #707070; 
}
#produtos .menu-sidebar .drop {
display: none; 
transition: visibility 0s, opacity 0.5s linear;
opacity: 0;
padding-top: 20px !important;
}
#produtos .menu-sidebar .show {
display: block !important; 
opacity: 1;
}
#produtos .menu-sidebar .drop li {
list-style: none;
border: none;
padding: 10px 0 10px 10px;
}
#produtos .menu-sidebar .drop li:nth-child(2n+1) {
background-color: #F2F7FB;
}
#produtos .menu-sidebar .drop li a{
color: #707070;
font-size: 16px;
text-transform: uppercase;
margin-left: 10px;
font-family: 'Gotham Book';
}
#produtos1 {
margin-top: 100px;
}
#produtos1 .banner {
background-color: #005784;
padding-bottom: 35px;
}
#produtos1 .banner .texto {
font-size: 31px;
font-family: 'Gotham Bold', sans-serif;
color: white;
display: inline-block;
width: 55%;
margin-top: 50px;
margin-left: 51px;
line-height: 35px;
}
#produtos1 .banner .imagem {
display: inline-block;
width: 35%;
position: absolute;
margin-top: 15px;
margin-left: 40px;
}
#produtos1 .banner .imagem :hover{
transform: scale(1.1);
}
#produtos1 .banner .imagem img {
width: 100%;
}
#produtos1 .banner .texto button {
font-size: 11px;
font-family: 'Gotham Bold', sans-serif;
color: #2E2E2E !important;
background-color: #E3FF3D;
border: none;
width: 40%;
padding: 5px;
text-align: center;
position: relative; transform: scale(1.05);
}
#produtos1 .banner .texto button:hover{
transform: scale(1.05);
}
#produtos1 .banner .texto button::after {
content: '';
display: flex;
width: 25px;
height: 45px;
padding: 0;
background: #E3FF3D;
transform: skew(-29deg,0deg) translate(-17.2%,1px);
position: absolute;
right: -17px;
z-index: -1;
top: -1px;
}
@media(max-width: 768px){
#produtos1 .banner .texto button::after {
display: none;
}
}
#produtos1 .titulo-menu {
font-size: 18px;
font-family: 'Gotham Bold', sans-serif;
}
#produtos1 #slider-categoria {
background-color: #E0FBE7;
padding: 0;
}
#produtos1 #slider-categoria ul{
}
#produtos1 #slider-categoria ul li {
position: relative;
}
#produtos1 #slider-categoria ul li a {
width: 100%; 
display: block;
margin: 0 auto;
font-size: 15px;
min-height: 330px;
padding-bottom: 130px;
}
#produtos1 #slider-categoria ul li a img{
width: 100%;
height: auto;
}
#produtos1 #slider-categoria ul li .titulo {
position: absolute;
bottom: -5px;
margin-left: 0;
width: 100%;
}
#produtos1 #slider-categoria ul li .titulo p{ 
color: #2E2E2E;
font-family: 'Gotham Book';
text-align: center; 
}
#produtos1 #slider-categoria .flex-control-nav {
position: absolute;
bottom: 35px;
}
#produtos1 #slider-categoria .flex-control-nav li a {
background: transparent;
border: 1px solid #2E2E2E;
}
#produtos1 #slider-categoria .flex-control-nav li .flex-active {
background: #2e2e2e;  
}
#produtos1 #slider-categoria .flex-direction-nav {
position: absolute;
bottom: 65px;
width: 100%;
}
#produtos1 #slider-categoria .flex-direction-nav li {
}
#produtos1 #slider-categoria .flex-direction-nav li a{
opacity: 1;
right: 15px; 
left: 15px;
}
#produtos1 #slider-categoria .flex-direction-nav li .flex-prev{ 
left: 15px;
}
#produtos1 #slider-categoria .flex-direction-nav li .flex-next {
right: 0;
margin-right: 15px;
}
#produtos1 #slider-categoria .flex-direction-nav li a::before{
font-size: 25px;
}
#produtos1 .descricao-categoria  {
margin-bottom: 100px; 
}
#produtos1 .descricao-categoria h4 {
font-size: 18px;
font-family: 'Gotham Bold';
margin-left: 10px;
margin-bottom: 20px;
}
#produtos1 .descricao-categoria p {
font-family: 'Gill Sans', sans-serif;
}
#produtos1 .produtos {
margin-top: 35px;
}
#produtos1 .produtos .produto {
display: inline-block;
border: 1px solid #70707070;
padding: 10px 10px;
margin: 0 0 30px 0;
}
#produtos1 .produtos .produto:hover{
transform: scale(1.1);
}
#produtos1 .produtos .produto img {
width: 100%;
margin-bottom: 10px;
}
#produtos1 .produtos .produto span {
color: #2E2E2E;
font-size: 13px;
text-transform: uppercase;
display: inline-block;
width: 60%;
}
#produtos1 .produtos .produto button {
border: none;
background-color: #005784;
padding: 10px 10px 0 20%;
}
#produtos1 .top-bordered {
border-bottom: 1px solid #707070;
margin-bottom: 40px;
}
#produtos1 .breadcumps {
display: inline-block;
margin-bottom: 20px;
}
#produtos1 .navigation{
display: inline-block;
float: right;
}
#produtos1 .breadcumps a {
font-family: 'Gotham Bold';
color: #005784;
font-size: 18px;
}
#produtos1 .breadcumps .current-item {
font-family: 'Gotham Bold';
color: #2E2E2E;
font-size: 25px;
text-transform: uppercase;
}
#produtos1 .breadcumps img {
margin: -5px 5px 0 5px;
}
#produtos1 .navigation a:nth-child(2) {
margin-left: 20px;
}
#produtos1 .navigation a:nth-child(3) {
margin-left: 35px;
} #produtos-single1 {
margin-top: 100px;
}
#produtos-single1 .titulo-menu {
font-size: 18px;
font-family: 'Gotham Bold', sans-serif;
} #produtos-single1 .top-bordered{
border-bottom: 1px solid #707070;
}
#produtos-single1 .breadcumps {
display: inline-block;
margin-bottom: 20px;
}
#produtos-single1 .navigation{
display: inline-block;
float: right;
}
#produtos-single1 .breadcumps a {
font-family: 'Gotham Bold';
color: #005784;
font-size: 18px;
}
#produtos-single1 .breadcumps .current-item {
font-family: 'Gotham Bold';
color: #2E2E2E;
font-size: 25px;
}
#produtos-single1 .breadcumps img {
margin: -5px 5px 0 5px;
}
#produtos-single1 .navigation a:nth-child(2) {
margin-left: 20px;
}
#produtos-single1 .navigation a:nth-child(3) {
margin-left: 35px;
}
#produtos-single1 .dados-produto {
margin-top: 50px;
}
#produtos-single1 .dados-produto .titulo h1 {
font-family: 'Gotham Bold', sans-serif;
font-size: 25px;
color: #2E2E2E;
}
#produtos-single1 .dados-produto .categoria{
border-bottom: 1px solid #707070;
}
#produtos-single1 .dados-produto .categoria {
border-bottom: 1px solid #707070;
padding-bottom: 10px;
margin-top: 15px;
}
#produtos-single1 .dados-produto .foto{
width: 100%;
}
#produtos-single1 .dados-produto .titulo-descricao {
margin: 20px 0;
font-family: 'Gotham Bold', sans-serif;
color: #2E2E2E;
}
#produtos-single1 .dados-produto .descricao {
font-family: 'Gill Sans', sans-serif;
margin: 20px 0;
}
#produtos-single1 .dados-produto .caracteristica{
font-family: 'Gill Sans', sans-serif;
margin: 20px 0;
}
#produtos-single1 .dados-produto .caracteristica span{
font-family: 'Gotham Bold', sans-serif;
color: #2E2E2E;
}
#produtos-single1 .form-orcamento {
margin: 20px 0;
}
#produtos-single1 .form-orcamento h2 {
font-size: 39px;
font-family: 'Gotham Bold', sans-serif;
color: #2E2E2E;
}
#produtos-single1 .form-orcamento form input {
border-left: none;
border-top: none;
border-right: none;
border-bottom: 2px solid #2E2E2E;
width: 100%;
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0;
margin-top: 20px;
}
#produtos-single1 .form-orcamento form textarea{ 
border-left: none;
border-top: none;
border-right: none;
border-bottom: 2px solid #2E2E2E;
width: 100%;
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0;
margin-top: 35px;
}
#produtos-single1 .form-orcamento form input::placeholder,
#produtos-single1 .form-orcamento form textarea::placeholder{ 
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
}
#produtos-single1 .form-orcamento form input[type="submit"] {
width: 230px;
padding: 18px 20px;
background-color: #005784 !important;
color: white;
border: none;
font-size: 16px;
font-family: 'Gotham Book', sans-serif;
float: right;
text-align: left;
display: block;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-button-send.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: 180px center;
} 
#produtos-single1 .relacionados {
margin: 100px 0 50px 0;
}
#produtos-single1 .relacionados .produtos {
margin-top: 35px;
}
#produtos-single1 .relacionados .produtos .produto {
display: inline-block;
border: 1px solid #70707070;
padding: 10px 20px;
margin: 0 0 30px 0;
}
#produtos-single1 .relacionados .produtos .produto:hover{
transform: scale(1.1);
}
#produtos-single1 .relacionados .produtos .produto img {
width: 100%;
margin-bottom: 10px;
}
#produtos-single1 .relacionados .produtos .produto span {
color: #2E2E2E;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
width: 60%;
}
#produtos-single1 .relacionados .produtos .produto button {
border: none;
background-color: #005784;
padding: 10px 10px 0 20%;
} #paginas img:hover{
transform: scale(1.05);
}
#paginas h2 {
color: #2E2E2E;
font-size: 25px;
font-family: 'Gotham Bold';
border-bottom: 1px solid #2E2E2E;
text-transform: none !important;
padding-bottom: 20px;
margin-bottom: 25px;
}
#paginas h3 {
color: #2E2E2E;
font-size: 16px;
font-family: 'Gotham Bold'; 
text-transform: uppercase; 
margin-bottom: 15px;
}
#paginas .bordered-top{
border-top: 1px solid #2E2E2E; 
padding-top: 15px;
}
#paginas form input {
border-left: none;
border-top: none;
border-right: none;
border-bottom: 2px solid #2E2E2E;
width: 100%;
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0;
margin-top: 20px;
}
#paginas form textarea{ 
border-left: none;
border-top: none;
border-right: none;
border-bottom: 2px solid #2E2E2E;
width: 100%;
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
padding: 10px 0;
margin-top: 35px;
}
#paginas form input::placeholder,
#paginas form textarea::placeholder{ 
color: #2E2E2E;
font-family: 'Arial';
font-size: 14px;
}
#paginas form input[type="submit"] {
width: 230px;
padding: 18px 20px;
background-color: #005784 !important;
color: white;
border: none;
font-size: 16px;
font-family: 'Gotham Book', sans-serif;
float: right;
text-align: left;
display: block;
background: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-button-send.png);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: 180px center;
} 
#paginas blockquote {
width: 100%;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
padding: 10px 10px 0 10px;
margin-top: 50px;
} #paginas #weg1{
background-image: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-top-motores-weg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
}
#paginas #weg1 .texto {
display: inline-block;
padding: 200px 0;
width: 69%;
}
#paginas #weg1 .texto h1 {
color: #2E2E2E;
font-family: 'Gotham Bold';
font-size: 46px; 
margin: 0 auto;
display: block;
width: 500px;
line-height: 65px;
}
#paginas #weg1 .imagem {
display: inline-block;
width: 30%;
margin-top: -40px;
}
#paginas #weg1 .imagem img {
float: right;
}
#paginas #weg1 .role {
width: 100%;
text-align: center;
padding: 50px 0;
color: #2E2E2E;
}
#paginas #weg1 .role a{ 
color: #2E2E2E;
}
#paginas #weg2 {
margin: 100px 0 50px 0;
}
#paginas #weg2 img {
margin-bottom: 20px;
}
#paginas #weg3 {
margin:  0 0 50px 0;
}
#paginas #weg4 {
margin:  100px 0 100px 0;
}
#paginas #weg4 img {
margin-top: -20px;
}
#paginas #weg5 {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 30px 0 10px 0;
margin: 0 0 50px 0;
}
#paginas #weg5 h2 {
color: white;
border-bottom: 1px solid white;
}
#paginas #weg5 p {
color: white;
}
#paginas #weg6 {
margin: 0 0 50px 0;
}
#paginas #weg7 {
margin: 0 0 50px 0;
}
#paginas #weg7 .imagem {
position: absolute;
right: 0;
}
#paginas #weg8 {
margin: 0 0 50px 0;
}
#paginas #weg9 {
margin: 0 0 50px 0;
}
#paginas #weg10 {
margin: 0 0 50px 0;
}
#paginas #weg10 h2 {
font-size: 39px;
border: none;
padding: 0;
margin: 0;
} #paginas #atm1{
background-image: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-top-atmosfera-explosiva.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
}
#paginas #atm1 .texto {
display: block;
padding: 150px 0 50px; 
margin: 0 auto;
}
#paginas #atm1 h1 {
color: white;
font-family: 'Gotham Bold';
font-size: 46px; 
line-height: 65px;
text-align: center;
text-transform: none;
}
#paginas #atm1 h3 {
color: white;
font-family: 'Gotham Bold';
font-size: 29px; 
text-align: center;
margin-top: 20px;
text-transform: none;
}
#paginas #atm1 .role {
width: 100%;
text-align: center;
padding: 50px 0;
color: white;
}
#paginas #atm1 .role a{ 
color: white;
}
#paginas #atm2 {
margin: 100px 0 20px 0;
}
#paginas #atm3 {
margin: 0 0 50px 0;
}
#paginas #atm3 img {
margin-bottom: 20px;
}
#paginas #atm4 {
background-color: #005784;
color: white;
padding: 40px 0 50px 0;
margin: 0 0 50px 0;
}
#paginas #atm4 h2 {
border: none;
margin: 0;
}
#paginas #atm4 p:nth-child(2) {
border-bottom: 1px solid #42E8E0;
padding-bottom: 20px;
}
#paginas #atm4 .imagem {
position: absolute;
right: 20%;
margin-top: 50px;
}
#paginas #atm5 {
margin: 20px 0 50px 0;
}
#paginas #atm5 img {
margin-bottom: -10px;
}
#paginas #atm5 blockquote {
margin-bottom: 50px;
}
#paginas #atm6 {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
color: #E3FF3D;
font-size: 25px;
font-family: 'Gotham Bold';
text-align: center;
padding: 35px 0 20px 0;
margin: 20px 0 70px 0;
}
#paginas #atm7{
margin: 0 0 50px 0;
}
#paginas #atm7 .linha2 {
margin-top: 100px;
}
#paginas #atm7 .linha2 img {
width: 120%;
}
#paginas #atm8{
margin: 80px 0 100px 0;
}
#paginas #atm8 .titulo{
padding:  25px 0;
width: 100%;
background-color: #E3FF3D;
margin-bottom: 100px;
}
#paginas #atm8 .titulo h2{
border: none;
text-transform: uppercase;
text-align: left;
margin: 0;
padding: 0;
}
#paginas #atm9 a img {
margin: 0 auto 30px auto;
display: block;
}
#paginas #atm9 strong{
color: #2E2E2E; 
}
#paginas #atm10 {
margin: 100px 0 ;
}
#paginas #atm10 h2 {
font-size: 39px;
border: none;
padding: 0;
margin: 0;
} #paginas #scan1{
background-image: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-top-motor-scan.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
}
#paginas #scan1 .texto{
padding: 150px 0 0 0;
}
#paginas #scan1 .texto h1{
font-size: 46px;
color: white;
font-family: 'Gotham Bold';
}
#paginas #scan1 .imagem{
}
#paginas #scan1 .imagem img {
float: right;
position: absolute;
right: 0;
bottom: -80px;
}
#paginas #scan1 .role {
width: 100%;
text-align: center;
padding: 50px 0;
color: white;
}
#paginas #scan1 .role a{ 
color: white;
}
#paginas #scan2{
margin: 100px 0 50px 0;
} 
#paginas #scan2 img{
margin-bottom: 20px;
}
#paginas #scan3 {
margin: 0 0 80px 0;
}
#paginas #scan3 img{
float: right;
margin-bottom: 30px;
}
#paginas #scan4 {
margin: 0 0 80px 0;
}
#paginas #scan5 {
margin: 0 0 80px 0;
}
#paginas #scan5 img{
float: right;
}
#paginas #scan6 {
margin: 0 0 80px 0; 
}
#paginas #scan6 .row {
border-top: 1px solid #707070;
padding-top: 40px;
}
#paginas #scan6 h2 {
border: none;
padding: 0;
margin-bottom: 20px;
}
#paginas #scan6 .download {
display: block;
margin: 0 auto;
border: 1px solid #CECECE;
padding: 10px 20px;
text-align: center;
width: 50%;
}
#paginas #scan6 .download img {
margin: 0 auto;
display: block;
}
#paginas #scan6 .android {
float: left;
text-align: left;
}
#paginas #scan7{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 30px 0 70px 0;
color: white;
margin: 0 0 50px 0;
}
#paginas #scan7 h2{ 
color: white;
border-bottom: 1px solid white;
}
#paginas #scan7 img {
position: absolute;
margin-top: 60px;
}
#paginas #scan8{
margin: 0 0 50px 0;
}
#paginas #scan9{
margin: 0 0 100px 0;
}
#paginas #scan9 h2{
font-size: 39px;
border: none;
padding: 0;
margin: 0;
} #blog2 {
padding: 100px 0;
}
#blog2 .post-item {
padding-bottom: 100px;
}
#blog2 .post-thumb img{
width: 100%;
height: auto;
}
#blog2 .post-excerpt{
padding: 50px 0;
}
#blog2 .post-access button {
background-color: #005784;
border: none;
border-radius: 0;
padding: 15px 70px;
} .sidebar-blog {
font-family: 'Gotham Light';
}
#blog2 .sidebar-blog #searchsubmit{
display: none;
}
#blog2 .sidebar-blog #s{
width: 100%;
}
#blog2 .sidebar-blog #s {
width: 100% !important;
display: block;
border: 1px solid #3E3E3E;
height: 44px;
background-image: url(//tesemotores.com.br/wp-content/themes/cms/img/bg-input-search.png);
background-repeat: no-repeat;
background-position: right;
}
#blog2 .sidebar-blog .form-group{
width: 100% !important;
}
#blog2 .sidebar-blog .widget {
padding-bottom: 80px;
}
#blog2 .sidebar-blog .widgettitle {
color: #5b5b5b;
font-weight: 900;
font-family: 'Gotham Bold', 'Roboto Condensed', sans-serif;
letter-spacing: 1px;
font-size: 23px;
}
#blog2 .sidebar-blog .textwidget {
font-size: 14px;
}
#blog2 .sidebar-blog .widget_categories{
}
#blog2 .sidebar-blog .widget_categories ul{
padding: 0;
}
#blog2 .sidebar-blog .widget_categories ul li{
list-style: none;
}
#blog2 .sidebar-blog .widget_categories ul li a {
color: #5b5b5b;
padding-left: 15px;
background-image: url(//tesemotores.com.br/wp-content/themes/cms/img/arrow-blog.png);
background-repeat: no-repeat;
background-position: left;
background-size: 8px 10px;
}
#blog2 .sidebar-blog .execphpwidget{
}
#blog2 .sidebar-blog .execphpwidget p{
font-size: 14px;
}
#blog2 .sidebar-blog .execphpwidget .form-group{
width: 100%;
}
#blog2 .sidebar-blog .execphpwidget input[type="email"] {
margin: 50px 0 20px 0;
height: 45px;
padding: 0 15px;
border: 1px solid #6f6f6f;
font-size: 15px;
}
#blog2 .sidebar-blog .execphpwidget input[type="submit"]{
background-color: #005784;
border: none;
border-radius: 0;
padding: 15px 70px;
width: 115%;
color: white;
text-align: center;
}
#blog2 .sidebar-blog .social{
padding: 0;
margin-top: 40px;
}
#blog2 .sidebar-blog .social li{
list-style: none;
display: inline-block;
margin-right: 20px;
}
#blog2 .sidebar-blog .social li a{
color: #005784;
font-size: 42px;
} 
a.a2a_dd.addtoany_share_save.addtoany_share {
background-image: url(//tesemotores.com.br/wp-content/themes/cms/img/share.png);
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
width: 115px;
height: 30px;
background-position: right;
}
a.a2a_dd.addtoany_share_save.addtoany_share span{
display: none;
}
a.a2a_button_twitter {
background-image: url(//tesemotores.com.br/wp-content/themes/cms/img/share.png);
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
width: 75px	;
height: 30px;
background-position: center;
}
span.a2a_svg.a2a_s__default.a2a_s_twitter,
a.a2a_button_twitter sgv{
display: none;
}
a.a2a_button_facebook {
background-image: url(//tesemotores.com.br/wp-content/themes/cms/img/share.png);
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
width: 90px;
height: 30px;
background-position: left;
}
span.a2a_svg.a2a_s__default.a2a_s_facebook,
a.a2a_button_facebook svg{
display: none;
}
#blog2 .post-share {
margin: 0 auto;
display: block;
text-align: center;
}
#blog2 .post-title a {
color: #5b5b5b; 
}
#blog2 .post-title a h1 {
color: #5b5b5b;
font-weight: 900;
font-size: 28px;
}
#blog2 .post-info {
margin-bottom: 50px;
color: #ababab;
}
#blog2 .post-info a{ 
color: #ababab;
}
#blog2 .post-info span{ 
margin-right: 15px;
}
.pagination {
font-size: 18px;
text-align: center;
}
.pagination span {
color: white;
background-color: #005784;
padding: 5px 12px;
margin-right: 20px;
}
.pagination a {
color: #5b5b5b;
margin-right: 20px;
}
#destaques h3 {font-size: 0.8VW;line-height: 1.4;height: 3.5vw;font-weight: 600;}
#destaques .conteudo {font-size: 0.8vw; height: 90px; line-height: 1.4;}
div#copyright .politicas {width: max-content;display: inline-flex;align-items: center;}
div#copyright .politicas > a {display: block;margin-left: 20px; font-size: 12px;}
div#copyright .container {display: flex;justify-content: space-between;}
section.iframe.pb-5 iframe {
height: 33vw;
} @media screen and (min-width: 1601px) and (max-width: 1921px) {
section.inicio__home:after {
width: 80.5% !important;
}
.col__info_banner_home {
margin-left: -190px !important;
}
.title__primary_row {
font-size: 50px !important;
line-height: 60px;
}
.title__secundary_row {
font-size: 50px !important;
}
.sub_title__row_end {
font-size: 20px !important;
line-height: 30px;
}
.img_product__inicio_home {
width: 375px !important;
height: auto;
margin: 0px;
padding: 0;
position: relative;
left: -40px;
}
}
@media( max-width: 1900px ) {
#contato2 .mapa { 
right: -230px; 
}
#contato2 .mapa iframe {
width: 420px;
}
}
@media screen and (min-width: 1450px) and (max-width: 1600px) {
section.inicio__home:after {
width: 82.5% !important;
}
.col__info_banner_home {
margin-top: 75px !important;
}
}   
@media screen and (min-width: 1370px) and (max-width: 1441px) {
section.inicio__home:after {
width: 75.5% !important;
}
.col__info_banner_home {
margin-top: 125px !important;
}
}
@media screen and (min-width: 1290px) and (max-width: 1361px) {
section.inicio__home:after {
width: 77% !important;
}
}
@media screen and (min-width: 1050px) and (max-width: 1281px) {
section.inicio__home:after {
width: 77% !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1025px) {
section.inicio__home:after {
width: 72.5% !important;
}
.col__info_banner_home {
margin-left: -40px !important;
}
.col__info_banner_home {
margin-top: 50px !important;
}
}
@media( max-width: 1600px ) {
section.iframe.pb-5 iframe {
height: 39vw;
}
.col__info_banner_home {
margin-left: -100px;
}
.sub_title__row_end {
line-height: 30px;
}
#paginas #atm4 .imagem { 
right: 10px; 
}
#paginas #weg7 .imagem {
position: absolute;
right: 0;
margin-top: -100px;
}
#paginas #scan1 .texto {
padding: 150px 0 50px 0;
}
#paginas #scan1 .imagem img { 
bottom: -30px;
}
#contato2 .mapa { 
right: -110px; 
}
#contato2 .mapa iframe {
width: 310px;
}
.img_product__inicio_home {
width: 300px !important;
position: relative;
left: -20px;
height: auto;
margin: 0;
padding: 0;
}
}
@media( max-width: 1440px ){
#destaques h3 {font-size: 0.9VW;height: 3.7vw;}
#destaques .conteudo {font-size: 0.9vw;}
section.iframe.pb-5 iframe {
height: 44vw;
}
}
@media( max-width: 1360px ) {
#contato2 .mapa { 
right: -30px; 
}
#contato2 .mapa iframe {
width: 220px;
}
section.iframe.pb-5 iframe {
height: 46vw;
}
}
@media( max-width: 1200px ) {
#produtos .menu-sidebar ul .icon-minus, #produtos .menu-sidebar ul .icon-plus { 
right: 15px;
}
div#carousel-home-bottom {
margin: -750px -20px 0;
}
section.iframe.pb-5 iframe {
height: 49vw;
}
}
@media( max-width: 1199px ) {
#main-menu ul li { 
padding: 12px 0 18px 10px;
}
#footer-menu ul li a { 
margin-left: 20px;
}
div#newsletter input[type="submit"]{
background-position: 85px center
}
#home1 .conteudo-home1 { 
width: 55%;
}
#sobre2 .ano { 
margin-right: 80px;
}
#sobre2 .ano::after { 
width: 160px; 
right: 0;
}
#sobre2 .texto-foot {
width: 70%; 
margin-top: 60px;
}
#sobre2 .texto-foot::before { 
margin-top: 75px;
}
#sobre2 .conteudo-esquerda::after { 
margin-top: 10px;
}
#sobre3 img {
position: relative;
transform: translateY(-20%);
display: block;
margin: 30px auto 0 auto;
}
#sobre4 {
background-size: 20%;
}
#servicos3 #servicosTab li a { 
margin: 0 30px 0 0;
}
#produtos .menu-sidebar ul li { 
margin: 0;
}
#produtos .menu-sidebar ul li .bordered-bottom { 
padding: 20px 0;
}
#produtos .menu-sidebar ul span { 
right: 0; 
}
#produtos1 .produtos .produto { 
padding: 10px 10px; 
}
#produtos1 .banner .texto button::after { 
margin-top: 10px;
margin-left: 150px;
}
#produtos-single1 .navigation a:nth-child(2) {
margin-left: 5px;
}
#produtos-single1 .navigation a:nth-child(3) {
margin-left: 10px;
}
#produtos-single1 .breadcumps .current-item { 
font-size: 20px;
}
#produtos-single1 .breadcumps span { 
font-size: 16px;
}
#produtos-single1 .relacionados .produtos .produto button { 
padding: 10px 10px 0 10%;
}
#produtos-single1 .relacionados .produtos .produto span { 
font-size: 13px; 
}
#destaques h3 {font-size: 1VW;height: 3.7vw;}
#destaques .conteudo {font-size: 1vw; }
section.iframe.pb-5 iframe {
height: 51vw;
}
}
@media( max-width: 1024px ) {
#contato2 .plantao { 
padding: 20px 140px 125px 20px; 
}
}
@media( max-width: 992px ) {
section.iframe.pb-5 iframe {
height: 54vw;
}
#destaques button { 
bottom: -60px;
position: relative;
}
.scrolled div#duvidas{
display: none;
}
.stroll-to-top { 
right: 10px; 
}
.stroll-to-top button { 
padding: 15px 20px; 
}
.container {
max-width: 860px;
}
#footer-menu ul{
padding-left: 0px;
} #top-menu .contato {
float: left;
}
#top-menu .contato a {
color: #ffffff; 
}
#main-menu .toggle button {
background: transparent;
border-radius: 0;
border: 2px solid white;
padding: 10px 15px 5px 15px;
}
#main-menu .toggle i {
color: white;
font-size: 25px;
}
#main-menu ul {
display: none;
}
#main-menu ul.open {
display: block;
background-color: white;
position: absolute;
margin: 10px 15px 0 0;
width: 350px;
right: 0
}
#main-menu ul li {
display: block;
margin: 0;
padding: 10px 0;
border: 1px solid #dbdbdb;
}
#main-menu ul li::before {
display: none;
}
#main-menu ul li a {
color: #4a4848;
margin-left: 10px;
}
#main-menu .toggle {
display: block;
margin-top: 5px;
} div#destaques {
margin: 0 !important;
}
#destaques button { 
margin-bottom: 80px;
}
div#destaques p {
text-align: center !important;
}	
div#newsletter input[type="submit"] { 
background-position: 135px center;
}
#footer img {
margin: 0 auto;
display: block;
}
#footer-menu { 
margin-top: 40px;
text-align: center;
}
#footer p { 
text-align: center;
} #home1 .conteudo-home1 {
padding: 100px 0;
width: 43%;
}
#home1 #slider button::after{
display: none;
}
#home1 #slider button {
padding: 10px 10px 10px 10px;
}
#home3 .ano { 
margin-right: 40px;
}
#home3 .texto-foot {
width: 65%;
}
#servicos3 #servicosTab li a { 
margin: 0 ;
}
#parceiros3 { 
background-position: top left;
}
#parceiros2 .logo-parceiro { 
margin-right: 50px;
}
#parceiros3 .logo-cliente { 
margin-right: 44px;
}
#contato2 .mapa {
position: relative;
right: 0;
margin-top: 20px;
}
#contato2 .mapa iframe {
width: 100%;
}
#contato3 {
background: #005784;
padding: 30px 0 10px 0;
margin-bottom: 100px;
}
#trabalhe2 .formulario form .select-file {
width: 100% !important;
background-position: 250px center !important;
} 
#trabalhe2 .formulario form input[type="submit"]{
width: 100% !important;
background-position: 230px center !important;
}
#produtos .menu-sidebar ul li .bordered-bottom { 
font-size: 14px;
}
#produtos1 .produtos .produto button { 
padding: 5px 5px 0 10%;
margin-left: 10px;
}
#produtos1 .produtos .produto span { 
font-size: 13px; 
}
#produtos1 .banner .texto button::after {
margin-top: 10px;
margin-left: 100px;
}
#produtos1 { 
margin-bottom: 100px;
}
#produtos-single1 .relacionados .produtos .produto button {
padding: 5px 5px 0 10%;
margin-left: 10px;
}
#produtos-single1 .navigation { 
font-size: 14px;
}
#produtos-single1 .breadcumps .current-item {
font-size: 16px;
}
#produtos-single1 .relacionados {
margin: 50px 0 50px 0;
}
#paginas #atm4 .imagem { 
display: none;	
}
#destaques h3 {font-size: 2.5VW;height: max-content;}
#destaques .conteudo {font-size: 2vw;height: max-content;}
}
@media( max-width: 990px ) {
main#main { overflow: hidden; }
div#carousel-home-bottom {
margin-right: 30px;
margin-left: -100px;
margin-top: -670px;
}
}
@media( max-width: 768px ) {
section.inicio__home:after {
display: none !important;
}
.col__info_banner_home {
margin-left: 20px !important;
}
div#newsletter input[type="submit"] { 
background-position: 110px center;
}
div#newsletter { 
margin: 0 0 65px 0; 
}
#servicos3 #servicosTab li a { 
padding: 15px 0 1px 0;
}
#produtos1 .banner .texto button::after {
margin-top: 10px;
margin-left: 70px;
}
#produtos .menu-sidebar ul li .bordered-bottom {
padding: 20px 0;
font-size: 13px;
}
#produtos1 .banner .imagem { 
margin-left: 0;
}
#produtos-single1 .relacionados .produtos .produto { 
padding: 10px 5px; 
}
#paginas #weg7 .imagem { 
display: none;
}
#paginas #weg1 .texto { 
width: 50%;
margin-left: 40px;
padding: 200px 0 150px 0;
max-width: 100%;
}
#paginas #weg1 .imagem {
display: inline-block;
width: 40%;
}
#paginas #weg1 .texto h1 { 
width: 100%; 
}
div#carousel-home-bottom { display: none; }
}
@media( max-width: 767px ) {
#home1 .conteudo-home1 { 
width: 100%;
display: block;
text-align: center;
}
#home1 .imagem-flutuante { 
width: 285px;
transform-style: preserve-3d;
z-index: 1;
position: relative;
margin: 0 auto;
display: block;
}
#home1 .imagem-flutuante::before { 
width: 285px;
height: 410px;
position: absolute;
transform: translateZ(-1px);
left: 0;
}
#home1 .imagem-flutuante .thumb {
margin-left: 0;
}
#home1 .custom-navigation .flex-prev {
left: 20px;
}
#home1 .custom-navigation .flex-next {
right: 20px;
}
#home1 .custom-navigation .flex-control-nav {
display: block;
margin-left: 0;
margin-bottom: 30px;
} 
#home1 .custom-navigation::before { 
left: 50px; 
}
#home1 .imagem-flutuante img {
padding-bottom: 25px;
}
#home1 .imagem-flutuante p { 
left: 50px; 
margin-top: 45px;
}
#home1 .conteudo-home1 {
padding: 100px 0 50px 0; 
}
#home3 .ano {
margin-right: 10px;
}
#home3 .ano::after { 
width: 120px; 
right: 0;
}
#home3 .imagens::before {
content: " ";
border: 10px solid #005784;
height: 100%;
}
#sobre2 .texto-foot {
width: 60%;
margin-top: 60px;
}
#sobre4 {
background-size: 25%;
}
#sobre5 {
color: #2E2E2E;
font-size: 14px;
margin-top: 80px;
text-align: center;
}
#sobre5 .image {
display: inline-block;
margin-right: 5px;
margin-bottom: 50px;
}
#sobre6 {
margin-top: 50px; 
}
#sobre6 h4::after {  
width: 60%; 
}
#sobre7 .texto1 {
margin-top: 35px;
margin-bottom: 50px;
}
.sub-header-page span { 
width: 40%;
}
#servicos3 #servicosTab li {
margin-bottom: 10px;
width: 33.3333%;
}
#parceiros2 .logo-parceiro { 
margin-right: 40px;
}
#parceiros3 .logo-cliente { 
margin-right: 40px;
}
#contato2 .conteudo {
display: block;
width: 100%;
}
#contato2 .plantao { 
position: relative;
width: 100%;
}
ul li span img {
margin-right: 10px;
}
#trabalhe2 .formulario form .select-file {
background: #005784 !important;
text-align: center;
} 
#trabalhe2 .formulario form input[type="submit"]{
background: #005784 !important;
text-align: center;
}
#produtos1 .produtos .produto {
padding: 20px;
width: 100%;
}
#produtos .menu-sidebar ul li .bordered-bottom {
padding: 20px 20px;
font-size: 16px;
}
ul li span img {
margin-right: 30px;
}
#produtos1 .banner .texto button::after {
margin-top: 10px;
margin-left: 150px;
} 
#produtos1 .produtos .produto span {
font-size: 16px;
margin-top: 15px;
}
#produtos1 .produtos .produto button {
padding: 15px 20px 10px 10%;
float: right;
}
#produtos-single1 .top-bordered { 
margin-top: 50px;
}
#produtos-single1 .breadcumps .current-item {
font-size: 18px;
}
#produtos-single1 .navigation {
font-size: 16px;
}
#produtos-single1 .navigation a:nth-child(3) {
margin-left: 20px;
}
#produtos-single1 .dados-produto .titulo h1 { 
margin-top: 30px;
}
#paginas #weg4 img {
margin: 0 auto;
display: block;
}
#weg5 img {
margin: 0 auto;
display: block;
}
#paginas #weg2 img {
margin: 0 auto;
display: block;
margin-bottom: 10px;
}
#paginas #scan2 img {
margin: 0 auto 30px auto;
display: block;
}
#paginas #scan3 img {
float: none;
margin: 20px auto;
display: block;
}
#paginas #scan5 img {
float: none;
margin: 0 auto;
display: block;
}
#paginas #scan6 .android {
float: none;
margin: 20px auto 0 auto;
} 
#paginas #scan6 {
margin: 0 0 50px 0;
}
#paginas #scan7 img {
position: relative;
margin: 0 auto;
display: block;
}
#paginas #scan1 .imagem img {
bottom: 0;
position: relative;
margin: 0 auto;
display: block;
float: none;
}
#paginas #scan1 .texto h1 { 
text-align: center;
}
}
@media( max-width: 619px ) {
#header{
background-position: left;
}
#top-menu {
position: absolute;
} 
#top-menu .contato li {
padding: 15px 10px 0 10px;
}
#main-menu {
margin-top: 50px;
position: absolute;
right: 20px;
}
div#newsletter input[type="submit"] {
background-position: 80px center;
}
#footer-menu ul li { 
display: block; 
}
#home3 .imagens {
width: 48%;
display: inline-block;
margin-left: 0;
margin-top: 0;
}
#home3 .imagens::before {
content: " ";
border: 10px solid #005784;
height: 85%;
}
#home3 .conteudo-esquerda a {
color: #005784;
margin-top: 0;
display: block;
}
#home3 .ano {
margin-right: 0;
}
#home3 .ano::after { 
right: -50px;
}
#home3 .imagem-grande{
width: 55%;
}
#home3 .imagem-grande::before { 
margin: -20px 0 0 80px; 
}
#home3 .texto-foot {
width: 55%;
}
#sobre2 .conteudo-esquerda::after {
margin-top: -20px;
}
#sobre2 .texto-foot {
width: 60%;
margin-top: 30px;
}
#sobre2 .imagens {
width: 50%; 
}
#sobre2 .imagens::before { 
height: 90%;
}
#sobre2 .imagem-grande {
width: 60%; 
margin-top: 30px;
}
#sobre2 .ano {
margin-right: 10px;
}
#sobre2 .ano::after {
width: 90px;
right: 0;
}
#servicos3 #servicosTab li {
margin-bottom: 10px;
width: 49.3333%;
}
#parceiros2 .logo-parceiro {
margin-right: 70px;
margin-bottom: 20px;
}
#parceiros3 .logo-cliente {
margin-right: 100px;
margin-top: 20px;
}
#produtos1 .banner .texto button::after {
margin-top: 10px;
margin-left: 80px;
}
#produtos1 .banner .imagem { 
margin-left: 0;
margin-top: 40px;
}
#produtos-single1 .breadcumps {
display: block;
margin-bottom: 20px;
}
#produtos-single1 .navigation {
font-size: 16px;
margin-top: 15px;
}
#paginas #atm3 img {
margin-bottom: 20px;
margin-top: 50px;
}
#paginas #weg1 .texto { 
width: 40%;
margin-left: 40px;
padding: 200px 0 150px 0;
max-width: 100%;
}
#paginas #weg1 .imagem {
display: inline-block;
width: 50%;
}
#parceiros3 .titulo {
display: block;
margin-bottom: 30px;
}
#parceiros3 .texto {
display: block;
position: absolute;
margin-left: 0;
width: 100%;
margin-top: -15px;
}
#parceiros3 .logos-clientes { 
text-align: center;
}
}
@media( max-width: 575px ) {
.container {
max-width: 540px !important;
}
#main-menu { 
right: 25px;
top: -128px;
}
#top-menu {
position: relative;
margin-bottom: 20px;
}
#top-menu .contato {
float: right;
}
#top-menu .social {
padding: 0 0 0 10px;
}
#home3 .ano {
margin-right: 100px;
}
#home3 .ano::after {
right: 0;
width: 250px;
}
#home3 .conteudo-esquerda {
width: 100%;
}
#home3 .imagens { 
margin-top: 50px;
}
#home3 .imagem-grande { 
margin-top: 35px;
}
#home3 .texto-foot {
width: 100%;
}
#home3 .conteudo-esquerda::after{
display: none;
}
div#newsletter input { 
width: 100%;
margin-bottom: 20px;
}
div#newsletter input[type="submit"] {
background: #005784;
text-align: center;
}
#sobre2 .ano {
left: 188px;
position: absolute;
margin-top: 210px;
}
#sobre2 .ano::after {
right: 0;
width: 250px;
}
#sobre2 .conteudo-esquerda {
width: 100%;
}
#sobre2 .imagens { 
margin-top: 50px;
margin-left: 0;
}
#sobre2 .imagem-grande { 
margin-top: 35px;
}
#sobre2 .texto-foot {
width: 100%;
}
#sobre2 .conteudo-esquerda::after{
display: none;
} 
#sobre3 img { 
margin: 0 auto;
}
#sobre3 p { 
margin-bottom: 50px;
}
.sub-header-page h1 {
font-size: 30px; 
width: 49%; 
margin-top: 100px; 
}
.sub-header-page span {
width: 50%;
margin-top: 100px;
font-size: 21px;
}
#parceiros3 .logo-cliente {
margin-right: 50px;
margin-top: 20px;
}
#parceiros3 .logos-clientes {
margin-top: 150px;
}
#parceiros3 .texto { 
margin-left: 20px;  
}
#produtos1 .banner .texto button::after {
margin-top: 10px;
margin-left: 40px;
}
#produtos1 .banner .texto {
width: 100%;
position: relative;
margin: 0;
padding: 20px;
}
#produtos1 .banner .texto button::after {
display: none;
}
#produtos1 .banner .imagem {
position: relative;
width: 70%;
margin: 0 auto;
display: block;
}
#paginas #atm3 img {
margin: 0 auto 50px auto;
display: block;
}
#paginas #atm7 .linha2 img {
width: auto;
margin: 0 auto;
display: block;
}
#scan4 .foto img {
margin: 0 auto;
display: block;
}
#destaques h3 {font-size: 3.5VW;}
div#destaques p {font-size: 3.3vw;}
div#copyright .container {flex-direction: column;align-items: center;justify-content: center;}
div#copyright .politicas {flex-direction: column;
align-items: center;
justify-content: center;padding: 5px 0 15px 0;}
div#copyright ul.social.wow.fadeInRight {padding: 0;}
div#copyright .politicas > a {margin: 0;}
#sobre2 .ano {
bottom: 0;
left: 110px !important;
}
#sobre2 {
margin: 100px 0 70px 0;
}
#sobre3 .row {
margin-top: 0;
}
#sobre2 .texto-foot::before {
transform: translateY(55%);
bottom: 0;
}
}
@media( max-width: 450px ) {
#top-menu .contato {
float: none;
padding: 0;
margin: 0 auto;
display: block;
text-align: center;
}
#top-menu .social {
float: none;
padding: 0;
margin: 0 auto;
display: block;
text-align: center;
}
#main-menu ul.open {
display: block;
background-color: white;
position: absolute;
margin: 10px 15px 0 0;
width: 100vw;
right: -40px;
}
#home3 .ano {
margin-right: 65px;
}
#home3 .ano::after {
right: 50px;
width: 100px;
}
.sub-header-page h1 {
font-size: 23px;
text-align: center;
width: 40%;
margin-top: 40px;
margin-bottom: 20px;
font-family: 'Gotham Bold';
}
.sub-header-page h2 {
font-size: 25px;
font-family: 'Gotham Bold';
}
.sub-header-page span {
width: 50%;
margin-top: 75px;
font-size: 16px;
line-height: 21px;
}
#parceiros3 .titulo h2  { 
margin-left: 50px; 
}
#parceiros3 .logo-cliente {
margin-right: 40px;
margin-top: 20px;
margin-left: 20px;
}
#parceiros2 .logo-parceiro {
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
}
#main{
padding-top: 200px;
}
#alinha-sub-header{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
}
section.inicio__home{
width: 100%;
height: 60vh;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
}
.img_product__inicio_home{
width: 180px;
height: auto;
margin: 0;
padding: 0;
}
@media(max-width: 767px){
section.inicio__home{
height: 100vh;    
}
.img_product__inicio_home{
margin: 50px auto;
}
}
section.inicio__home:after{
display: flex;
content: '';
position: absolute;
width: 100%;
height: 60vh;
opacity: 0.6;
}
@media(max-width: 1440px){
section.inicio__home{
height: 70vh;   
}
section.inicio__home:after{
height: 70vh !important;   
}
}
.col__info_banner_home{
z-index: 2;
line-height: 40px;
margin-top: 100px;
}
@media(min-width: 1440px){
.col__info_banner_home{
margin-left: -100px;
}
}
@media(min-width: 1024px){
.col__info_banner_home{
margin-left: -50px;
}
}
.title__primary_row{
font-size: 36px;
font-weight: 700;
font-family: sans-serif;
}
.title__secundary_row{
font-size: 36px;
font-weight: 600;
font-family: sans-serif;
}
.sub_title__row_end{
color: white;
font-weight: bold;
margin-bottom: 0;
}
.call_to_action__info__more{
width: 80px;
height: 40px;
padding: 10px;
background: #E3FF3D;
color: #337B77;
position: relative;
font-weight: bold;
z-index: 1;
}
@media(max-width: 710px){
.call_to_action__info__more:before{
content: '';
display: flex;
width: 20px;
height: 34px;
padding: 0;
background: #E3FF3D;
transform: skew(-29deg,0deg) translate(-17.2%,1px);
position: absolute;
right: -14px;
z-index: -1;
TOP:-1px;
}
}
.container__inicio_home{
padding: 0px 20px;
}
@media(min-width: 451px){
#alinha-sub-header{
display: flex;
align-items: flex-end;
}
#alinha-sub-header h2{
font-size: 25px;
font-family: 'Gotham Light';
}
}
div#umadivqualquer {
bottom: 25px;
right: 25px;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #005784;
color: #fff;
}
#cookie-law-info-bar {
z-index: 99999999999999;
}
.cli-switch input:checked + .cli-slider {
background-color: #005784;
}
.page-id-2869 h3 {
font-weight: 800;
}
span.wpcf7-form-control.wpcf7-acceptance.optional label input {
width: 25px !important;
display: inline-flex;
}
section#contato3 span.wpcf7-form-control-wrap.acceptance {
color: #fff;
}
span.wpcf7-form-control-wrap.acceptance a {
font-weight: 900;
color: #005784;
}
section#contato3 span.wpcf7-form-control-wrap.acceptance a {
font-weight: 900;
color: #e3ff3d;
}
.page-template-modelo-politicas table{
width: 100% !important;
}
.page-template-modelo-politicas tr, 
.page-template-modelo-politicas td{
border: 1px solid #707070;
padding: 8px;
font-size: 15px;
}
.page-template-modelo-politicas p a{
font-weight: bold;
color: #005784;
}
@media(max-width: 456px){
.col__info_banner_home{
margin-top: 30px;    
}
.page-template-modelo-politicas tr, .page-template-modelo-politicas td {
font-size: 10px;
line-height: 16px;
padding: 4px;
}
.page-template-modelo-politicas td{
width: auto !important;
}
.page-template-modelo-politicas .col-md-9.m-auto{
padding-right: 10px;
padding-left: 10px;
}
}
@media(max-width: 370px){
#contato2 .conteudo {
display: block;
width: 100%;
font-size: 15px;
}
#contato2 .conteudo ul li span img {
margin-right: 20px;
}
.page-template-modelo-politicas tr, .page-template-modelo-politicas td {
font-size: 9px;
line-height: 15px;
}
}
@media(max-width: 330px){
.page-template-modelo-politicas tr, .page-template-modelo-politicas td {
padding: 2px;
}
}
.page-template-modelo-certificados .modal-backdrop.show {
display: none !important;
}
.page-template-modelo-certificados .modal {
display: none !important;
}
.page-template-modelo-certificados.modal-open {
overflow: inherit;
padding-right: 0px !important;
}
.page-template-modelo-certificados #destaques,
.page-template-modelo-certificados #newsletter,
.page-template-modelo-certificados #duvidas{
display: none;
}
.page-template-modelo-certificados #sobre6{
margin-bottom: 50px;
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}