@charset "UTF-8";

 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.button span {
display: block;
position: absolute;
top: 0px;
right: -20px;
width: 20px;
height: 37px;
background-position: right top;
}
.button, .button span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/button.png);
float: left;
}
.button:hover {
background-position: left -37px;
text-decoration: none;
}
.button:hover span {
background-position: right -37px;
text-decoration: none;
}
a.button2, a.button2:link, a.button2:visited {
display: block;
position: relative;
padding: 0 0 0 12px;
height: 31px;
text-align: center;
background-position: 0 0;
background-repeat: no-repeat;
font-size: 16px;
line-height: 30px;
font-weight: normal;
color: #3a3a3a;
cursor: pointer;
margin-top:10px;
font-family:'QlassikMediumRegular', Tahoma, Arial, sans-serif;
text-shadow: 0px 1px 0px #ffffff;
}
a.button2 span {
display: block;
position: absolute;
top: 0px;
right: -12px;
width: 12px;
height: 31px;
background-position: right top;
}
a.button2, a.button2 span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/button2.png);
float: left;
}
a.button2:hover, li.selected {
background-position: left -31px;
text-decoration: none;
}
a.button2:hover span, li.selected span {
background-position: right -31px;
text-decoration: none;
}
.button a, a.button2 {
color: #3a3a3a;
}
.button2.blue, .button2.blue span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/bluebutton2.png);
float: left;
color:#6288a9;
text-shadow: 0px 1px 0px #c7e5da;
}
.button2.pink, .button2.pink span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/pinkbutton2.png);
float: left;
color:#b17aac;
text-shadow: 0px 1px 0px #ecd8ea;
}
.button2.green, .button2.green span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/greenbutton2.png);
float: left;
color:#538976;
text-shadow: 0px 1px 0px #c7e5da;
}
.button2.brown, .button2.brown span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/brownbutton2.png);
float: left;
color: #8e7d5c;
text-shadow: 0px 1px 0px #e4ddd0;
}
.button2.yellow, .button2.yellow span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/yellowbutton2.png);
float: left;
color:#868a4a;
text-shadow: 0px 1px 0px #d8dabc;
}
.button.pink, .button.pink span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/pinkbutton.png);
float: left;
color:#b17aac;
text-shadow: 0px 1px 0px #ecd8ea;
}
.button.green, .button.green span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/greenbutton.png);
float: left;
color:#538976;
text-shadow: 0px 1px 0px #c7e5da;
}
.button.brown, .button.brown span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/brownbutton.png);
float: left;
color: #8e7d5c;
text-shadow: 0px 1px 0px #e4ddd0;
}
.button.yellow, .button.yellow span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/yellowbutton.png);
float: left;
color:#868a4a;
text-shadow: 0px 1px 0px #d8dabc;
}
a.button.blue, a.button2.blue {
color:#6288a9;
text-shadow: 0px 1px 0px #c7e5da;
}
a.button.green, a.button2.green {
color:#538976;
text-shadow: 0px 1px 0px #c7e5da;
}
a.button.pink, a.button2.pink {
color:#b17aac;
text-shadow: 0px 1px 0px #ecd8ea;
}
a.button.yellow, a.button2.yellow {
color:#868a4a;
text-shadow: 0px 1px 0px #d8dabc;
}
a.button.brown, a.button2.brown {
color: #8e7d5c;
text-shadow: 0px 1px 0px #e4ddd0;
} a.buttons, a.buttons:link, a.buttons:visited {
display: block;
position: relative;
padding: 0 17px 0 17px;
height: 30px;
text-align: center;
background-position: 0 0;
background-repeat: no-repeat;
font-size: 16px;
line-height: 30px;
font-weight: normal;
color: #3a3a3a;
cursor: pointer;
margin-top:10px;
font-family:'QlassikMediumRegular', Tahoma, Arial, sans-serif;
text-shadow: 0px 1px 0px #ffffff;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
a.buttons.white{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 0;
float: left;
}
a.buttons.blue{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 -40px;
float: left;
color:#245d9a;  
text-shadow: 0px 1px 0px #8cadcf;
}
a.buttons.blue:hover{
background-position: 0 -81px;
}
a.buttons.red{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 -121px;
float: left;
color:#a42f27;  
text-shadow: 0px 1px 0px #c57e79;
}
a.buttons.red:hover{
background-position:0 -161px;
}
a.buttons.gray{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 -200px;
float: left;
color:#848484;  
text-shadow: 0px 1px 0px #e1dfdf;
}
a.buttons.gray:hover{
background-position:0 -240px;
}
a.buttons.green{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 -280px;
float: left;
color:#2b8f31;  
text-shadow: 0px 1px 0px #8ed293;
}
a.buttons.green:hover{
background-position: 0 -320px;
}
a.buttons.yellow{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 -363px;
float: left;
color:#827c07;  
text-shadow: 0px 1px 0px #d0cc77;
}
a.buttons.yellow:hover{
background-position:0 -404px;
}
.form-field input[type="radio"]{
margin: 3px 1px 0 0;
}
.form-field label{
margin-top:6px;
}
.form-field label.radio_meta{
margin-top:0px;
}.fullwidth_inner .woocommerce p{
margin-bottom: 24px;
font-size: 15px;line-height: 27px;
}
.fullwidth_inner .woocommerce h3, .fullwidth_inner h3{
margin-bottom: 24px;
font-size: 20px;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
padding: 8px 10px;
vertical-align: middle;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
vertical-align: middle;
font-size: 14px;
font-weight: normal !important;
}
.woocommerce table.my_account_orders th, table.my_account_orders th{
padding: 13px 13px 12px 14px!important;
border: 1px solid #D8D8D8;
background: #F3F3F3;
border-right: none;   }
.fullwidth_inner .woocommerce table.shop_table td:last-child{
border-right:0;
}
.pagination.pagination-centered  ul{
box-shadow:none;
display: inline-block;
text-align:center;
margin: 0 auto;
}
.pagination.pagination-centered  ul li{
display: inline-block;
margin-left: 0;
}
.woocommerce #multivendor_track_filters,
.woocommerce #multivendor_filters,
.woocommerce #multivendor_total_filters{
padding: 7px 8px;
border:1px solid #ddd;
margin: 0 21px 22px 14px;
}
.woocommerce select{
padding: 5px 10px;
border: 1px solid #ccc;
}
.woocommerce .mv_track_application_status th{
background: #F3F3F3;
padding: 10px 13px;
}
.woocommerce .mv_track_application_status td, .mv_track_application_status td{
padding: 12px 13px 9px 13px;
border-bottom: 1px solid #ddd !important;
}
.footable-row-detail-cell{
padding: 18px 20px !important;
}
.footable-row-detail-inner .footable-row-detail-row{
margin-bottom: 18px;
font-size: 15px;
line-height: 42px;
}
.footable-row-detail-row .footable-row-detail-value{
margin-left: 18px;
display: block;
}
.footable-row-detail-value::before{
content: ':';
width:4px;
margin-right: 14px;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
font-weight: 700;
border: none;
border-top: none !important;
padding: 18px 13px;
}
.woocommerce table.shop_table td{
border: 1px solid #ddd;
border-right: none;
padding: 15px !important; border-top: none !important;
}
.fullwidth_inner .woocommerce table.shop_table{
border-top: none;    
}
.woocommerce table.shop_table tr, .woocommerce table.shop_table tbody{
border-left: none;  
}
.woocommerce table.my_account_orders td:first-child, .woocommerce table.my_account_orders th:first-child{
border-left: none;
}
.fullwidth_inner .woocommerce table{
border-radius: 2px;
}
.fullwidth_inner  table.shop_table{
max-width: 100% !important;
}
.fullwidth_inner .footable-row-detail-name{
font-weight: normal;
}div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } div.pp_default .pp_next:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/default/loader.gif) center center no-repeat; }  div.light_rounded .pp_top .pp_left { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; } 
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.dark_rounded .pp_top .pp_left { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_top .pp_right { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_content { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_next:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_arrow_previous { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; }  div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } div.dark_square .pp_expand { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_arrow_previous { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; }  div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_arrow_previous { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_loaderIcon { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.facebook .pp_top .pp_left { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; }  div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/images/prettyPhoto/light_rounded/btnPrevious.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;	
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute; right: 0; top: 0; 
display: block;
line-height:22px;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999;
}a.meanmenu-reveal {
display: none;
} .mean-container .mean-bar {
float: left;
width: 100%;
position: relative;
background: #0c1923;
padding: 4px 0;
min-height: 42px;
z-index: 999999;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav {
float: left;
width: 100%;
background: #0c1923;
margin-top: 44px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 93%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: left;
color: #fff;
border-top: 1px solid #383838;
border-top: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-top: 1px solid #f1f1f1;
border-top: 1px solid rgba(255,255,255,0.25);
opacity: 0.75;
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover {
background: #252525;
background: rgba(255,255,255,0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 1px;
width: 26px;
height: 32px;
padding: 12px !important;
text-align: center;
position: absolute;
right:0;
top: 0;
z-index: 2;
font-weight: 700;
background: rgba(255,255,255,0.1);
border: none !important;
border-left: 1px solid rgba(255,255,255,0.4) !important;
border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: rgba(0,0,0,0.9);
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
} .mean-container .mean-bar, .mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.mean-remove {
display: none !important;
}.woocommerce .widget_layered_nav ul li, .woocommerce-page .widget_layered_nav ul li{
padding: 3px 0;
}
.woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav ul li span {
padding: 0;
}
.woocommerce .widget_layered_nav ul li a{
padding-left: 5px;
}
.woocommerce .woocommerce-ordering select ,
.woocommerce-ordering select { }
.woocommerce .cart_item a.remove:hover{
background: none;
}
.woocommerce .cart-collaterals .cart_totals tr th {
border-right: 1px solid #fff;
background: #ddd;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span,
nav.woocommerce-pagination ul li a, nav.woocommerce-pagination ul li span {
padding: 9px 12px;
margin-right:10px;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li,
nav.woocommerce-pagination ul,
nav.woocommerce-pagination ul li{
border: none;
}
.woocommerce .widget_rating_filter li a:before,
.woocommerce .widget_shopping_cart li a:before,
.woocommerce .widget_top_rated_products li a:before,
.woocommerce .widget_products li a:before,
.woocommerce .widget_recent_reviews li a:before,
.woocommerce.widget_rating_filter li a:before,
.woocommerce.widget_shopping_cart li a:before,
.woocommerce.widget_top_rated_products li a:before,
.woocommerce.widget_products li a:before,
.woocommerce.widget_recent_reviews li a:before{
content: '';
padding: 0;
}
.woocommerce a.added_to_cart { }
.woocommerce .woocommerce-pagination span.page-numbers ,
.woocommerce .woocommerce-pagination a.page-numbers {
color: #fff;
display: inline-block;
padding: inherit;
margin-bottom: 0;
font-size: 14px;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
line-height: 40px;
background: #333;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
width: 40px;
height: 40px;
border: solid 1px #333;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
background: #333;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
color: white;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
border: 1px solid #d3ced2;
float: left;
position: relative;
border-radius: 0;
margin: 0 -1px 0 0;
padding: 10px;
background: #f5f5f5;
z-index: 2; }
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
display: table;
margin-bottom: 25px;
}
.woocommerce-account .woocommerce-MyAccount-content .order-again a{
float: none;
}
.woocommerce table.shop_table.my_account_orders td, .woocommerce table.shop_table.my_account_orders th {
padding: 5px 0 !important;
background: none;
border: none;
}
.woocommerce table.shop_table tr.order td {
border-top: 1px solid rgba(0,0,0,.1) !important;
padding: 6px 12px;
vertical-align: middle;
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
border: none;
padding: 20px 0;
border-radius: 3px;
background: white;
}
.woocommerce table.cart{
border: none;
margin-bottom: 0;
background: white;
padding: 20px 0;
border-radius: 0;
}
.woocommerce .cart_item a.remove {
display: block;
font-size: 1.5em;
height: auto;
width: auto;
text-align: center;
line-height: 1;
border-radius: 100%;
color: red!important;
text-decoration: none;
font-weight: 700;
border: 0;
}
.woocommerce table.shop_table.cart td ,
.woocommerce table.woocommerce-checkout-review-order-table td {
border: none;
border-top: 1px solid #cccccc !important;
}
.woocommerce .col2-set .col-1 header,
.woocommerce .col2-set .col-2 header{
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
padding-bottom: 15px;
}
.woocommerce table.shop_table {
border: 1px solid rgba(0,0,0,.1);
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 5px;
}
.woocommerce table thead td, .woocommerce table thead th {
text-transform: uppercase;
}
.woocommerce table.shop_table, .woocommerce table.shop_table.order_details, .woocommerce table.shop_table.customer_details {
border: none;
margin-bottom: 0;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
padding: 4px 8px;
vertical-align: middle;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
border-bottom-color: #f5f5f5;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #d3ced2;
z-index: 1;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li,
.widget_shopping_cart .cart_list li, .widget_shopping_cart .cart_list li{
padding: 10px 0 !important;
position: relative;
border-bottom: solid 1px #ddd;
overflow: hidden; 
}
.woocommerce ul.product_list_widget li img {
float: left;
width: 65px;
height: auto;
margin: 0 15px 0 0;
box-shadow: none;
}
.woocommerce ul.product_list_widget li a, .woocommerce-page ul.product_list_widget li a, .woocommerce-page ul.product_list_widget span.quantity, .header-cart ul.product_list_widget li a, .header-cart ul.product_list_widget span.quantity {
display: block;
text-align: right;
font-weight: 700 !important;
color: #666;
font-size: 13px; }
.woocommerce .widget_product_tag_cloud .tagcloud a{
display: inline-block;
padding: 8px 10px;
text-align: center;
font-size: 13px !important;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
color: #616161;
margin: 0 0 4px 0 !important;
border: solid 1px #ddd;
}
.widget_shopping_cart a.remove {
background-color: #fff;
border: solid 1px #ddd;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
text-align: center !important;
position: relative !important;
float: left;
margin-right: 15px;
color: #ddd !important;
}
.widget_shopping_cart a.remove:hover {
border-color: red;
color: red !important;
background: none;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
border-top: none;
padding: 4px 0 0;
margin-top: 25px;
margin-bottom: 0;
text-align: center;
}
.woocommerce #respond input#submit.alt,
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled], 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
.woocommerce a.button, 
#footer .woocommerce a.button, 
.woocommerce #respond input#submit, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce .wc-proceed-to-checkout input,
.woocommerce .widget_product_search .woocommerce-product-search input[type="submit"], 
.woocommerce a.added_to_cart,
.widget_product_search .woocommerce-product-search input[type="submit"]{
border: solid 1px #333;
color: #fff;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
font-size: 14px;
text-align: center;
position: relative;
display: inline-block;
background-color: #333;
margin: auto;
width: auto;
padding: 10px 18px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
font-weight: 400;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-rendering: optimizeLegibility;
margin: 25px auto 0px auto;
}
.woocommerce a.added_to_cart{
padding: 7px 18px; float: left;
clear: both;
}
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells div.product{
margin-right: 15px;
}
.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{
margin-top: 0;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
line-height: 36px;
float: left;
margin-top: 8px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
float: right;
margin-top: 8px;
}
.woocommerce ul.product_list_widget li ins, .woocommerce ul.product_list_widget li span.quantity, .woocommerce ul.product_list_widget li span.amount { margin-left: 5px;
font-weight: 700;
font-size: 12px;
}
.woocommerce .widget_layered_nav ul li,
.woocommerce .widget_rating_filter ul li,
.widget_layered_nav ul li,
.widget_rating_filter ul li {
padding: 5px 0 10px 0;
position: relative;
text-align: center;
}
.widget_shopping_cart li, .product_list_widget li {
padding: 10px 0 !important;
position: relative;
border-bottom: solid 1px #ddd;
overflow: hidden;
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget,
ul.cart_list,ul.product_list_widget{
margin-bottom: 15px;
}
.woocommerce .widget_shopping_cart p.buttons a.wc-forward,
.widget_shopping_cart p.buttons a.wc-forward{ }
.woocommerce .widget_product_search input[type='search'],
.widget_product_search input[type='search']{ display: inline-block;
text-decoration: none;
border: 0;
outline: 0;
color: #8d8d8d;
background-color: transparent;
font-family: inherit;
margin: 0;
margin-top: 10px;
padding: 2px 12px;
width: 65%;
height: 34px;
font-size: 13px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: white;
}
.woocommerce ul.product_list_widget li .star-rating, .woocommerce-page ul.product_list_widget li .star-rating {
float: right;
clear: both;
margin: -15px 0 0 0;
}
.woocommerce.widget-box.widget_top_rated_products ul.product_list_widget li ins, .woocommerce.widget-box.widget_top_rated_products ul.product_list_widget li span.amount, .woocommerce.widget-box.widget_top_rated_products ul.product_list_widget li del {
float: none;
margin-left: 5px;
}
.woocommerce .product_list_widget li {
padding: 11px 0;
text-align: right;
}
.woocommerce .widget_product_search .woocommerce-product-search .screen-reader-text,
.widget_product_search .woocommerce-product-search .screen-reader-text {
display: block;
}
.woocommerce .widget_product_search .woocommerce-product-search input[type="submit"],
.widget_product_search .woocommerce-product-search input[type="submit"] { }
.woocommerce .widget_recent_reviews .star-rating,
.woocommerce .widget_top_rated_products .star-rating,
.widget_recent_reviews .star-rating,
.widget_top_rated_products .star-rating {
margin: 2px 0;
}
.woocommerce .widget_product_search .woocommerce-product-search input[type="search"],
.widget_product_search .woocommerce-product-search input[type="search"] { height: 45px;
display: inline-block;
position: relative;
padding: 10px 2%;
border: 1px solid; border: 1px solid grey;
border-radius: 3px;
padding: 10px 2%; margin: 0 0 15px 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #ddd;
color: #616161;
}
.woocommerce-ordering select.orderby {
border: 1px solid #eee;
padding: 8px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-family: inherit;
font-size: inherit;
color: #555;
margin: 0;
width: 300px;
height: 50px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #f9f9f9;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.woocommerce .edd-image img{
width: 100%;
}
.woocommerce img, .woocommerce-page img {
height: auto; max-width: 100%;
}
.woocommerce .woocommerce-result-count {
line-height: 50px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
form .form-row input.input-text,form .form-row textarea { }
.woocommerce legend {
padding: 15px 0 10px 0;
}
.woocommerce-account .woocommerce-MyAccount-content input.button{
margin-top: 0;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
padding: 20px;
margin: 2em 0;
text-align: left;
border: 1px solid #ddd;
background: white;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
} .woocommerce .woocommerce-checkout-review-order{ padding: 20px 0;
background: white;
}  .woocommerce form .form-row label.inline {
display: inline;
padding-left: 15px;
line-height: 3;
}
.woocommerce .login input.button{
margin-top: 0;
}
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 6px;
}
.woocommerce .lost_password{
margin-top: 10px;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
padding: 10px; width: 100%;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select {
padding: 10px; 
margin: 0; 
width: 100%; 
line-height: 20px; 
}
.woocommerce .woocommerce-MyAccount-navigation li{
list-style: none;
margin-left: 0;
}
.woocommerce .order_details li {
margin: 0;
padding-left:20px;
padding-right: 20px;
display: inline-block;
}
.woocommerce table.shop_table td {
border:none;
}
.woocommerce .checkout .select2-container .select2-choice>.select2-chosen {
height: 34px;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 0;
}
.woocommerce table.shop_table th {
background: transparent;
border: none; }
.woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 10px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
background: white;
margin-top: 30px;
padding: 20px;
padding-top: 0;
}
.woocommerce .cart_totals .wc-proceed-to-checkout a{
margin-top: 0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
margin-top: 0;
margin-bottom: 0px;
}
.woocommerce .quantity .qty {
border: solid 1px #ddd;
padding: 10px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 50%;
height: 36px;
}
.woocommerce .woocommerce-info {
border: solid 1px #ddd;
padding: 20px !important;
text-align: left;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before{
content: '';
}
.woocommerce .cart .quantity .qty{
padding: 7px 0;
}
.woocommerce div.product form.cart .button{
margin-top:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #d3ced2;
background-color: #ebe9eb;
display: inline-block;
position: initial;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 0 1em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0 0 0 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: transparent;
z-index: 2;
border-bottom-color: #fff;
}
.woocommerce .woocommerce-tabs .comment_container {
outline: solid 1px #ddd;
padding: 30px;
padding-top: 0px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
padding: 1em;
margin-left: 30px;
}
.woocommerce div.product form.cart .variations td.label{
vertical-align: middle;
font-size:17px; 
}
.woocommerce div.product form.cart .variations label {
font-weight: normal;
font-size: 15px;
color: #444;
}
.woocommerce div.product {
margin-bottom: 0;
position: relative;
float: none;
display: inline-block;
margin-left: -3px;
}
@media only screen and (max-width: 767px) {
.woocommerce ul.products li.product a,
ul.products li.product a,
.widget_shopping_cart .buttons a
{
float: none;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating,
ul.cart_list li .star-rating, ul.product_list_widget li .star-rating{
float: none;
margin-left: auto;
margin-right: auto;
}
.woocommerce .order_details li {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 480px) {
.woocommerce div.product{
margin: 0 0 25px;
width: 100%;
}
.product-thumbnail .product-list h6 a {
padding-right: 0;
}
}
.woocommerce div.product div.images img {
border: 1px solid #d3ced2;
}a ,
.page-content.woocommerce ul.product_list_widget li a:hover,
.sidebar ul.product_list_widget li a :hover,
.sidebar ul li a:hover,
.productlisting .pgallery ul.thumbnail li, ul.thumbnail li span.price,
#menu li.current-menu-item a,
#menu li.current-menu-parent a,
#menu li.current_page_parent a,
#menu li a.selected,
#menu li a:hover,
#menu li.current_page_item a,
.page-content .searchform input[type="submit"],
#menu .ddsmoothmenu li li a.selected,
#menu .ddsmoothmenu li li a:hover ,
.content-bar .post .post_meta li,
.feature_content .feature_content_inner_head h6 {
color:#393939;
}
.top_cartinfo {
background: #393939;
}
.footer_wrapper {
background: #c4c4c4;
border-bottom: 1px dashed #393939;
border-top: 1px solid #8a8a8a;
}
.footer_wrapper .footer_widget h6 {
color: #393939;
text-shadow: 0 1px 0 #222;
}
.footer_bottom {
border-top: 1px solid #393939;
background: #393939;
}
.footer_bottom p {
color: #fff;
}
.productlisting .pgallery ul.thumbnail li:hover, ul.thumbnail li:hover {
box-shadow: 0 1px 8px #393939;
-moz-box-shadow: 0 1px 8px #393939;
-webkit-box-shadow: 0 1px 8px #393939;
}
#menu .ddsmoothmenu li ul {
border-bottom: 2px solid #393939;
}
span.page_number {
background: #5F5F5F;
color: #FFFFFF;
}
#myCarousel .salesbutton a,
#filters li:hover, #filters li.active {
background: #393939;
}
.pmenu-bar li{
border-color: #393939;
}
#filters li{
color: #393939;
}.button span {
display: block;
position: absolute;
top: 0px;
right: -20px;
width: 20px;
height: 37px;
background-position: right top;
}
.button, .button span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/button.png);
float: left;
}
.button:hover {
background-position: left -37px;
text-decoration: none;
}
.button:hover span {
background-position: right -37px;
text-decoration: none;
}
a.button2, a.button2:link, a.button2:visited {
display: block;
position: relative;
padding: 0 0 0 12px;
height: 31px;
text-align: center;
background-position: 0 0;
background-repeat: no-repeat;
font-size: 16px;
line-height: 30px;
font-weight: normal;
color: #3a3a3a;
cursor: pointer;
margin-top:10px;
font-family:'QlassikMediumRegular', Tahoma, Arial, sans-serif;
text-shadow: 0px 1px 0px #ffffff;
}
a.button2 span {
display: block;
position: absolute;
top: 0px;
right: -12px;
width: 12px;
height: 31px;
background-position: right top;
}
a.button2, a.button2 span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/button2.png);
float: left;
}
a.button2:hover, li.selected {
background-position: left -31px;
text-decoration: none;
}
a.button2:hover span, li.selected span {
background-position: right -31px;
text-decoration: none;
}
.button a, a.button2 {
color: #3a3a3a;
}
.button2.blue, .button2.blue span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/bluebutton2.png);
float: left;
color:#6288a9;
text-shadow: 0px 1px 0px #c7e5da;
}
.button2.pink, .button2.pink span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/pinkbutton2.png);
float: left;
color:#b17aac;
text-shadow: 0px 1px 0px #ecd8ea;
}
.button2.green, .button2.green span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/greenbutton2.png);
float: left;
color:#538976;
text-shadow: 0px 1px 0px #c7e5da;
}
.button2.brown, .button2.brown span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/brownbutton2.png);
float: left;
color: #8e7d5c;
text-shadow: 0px 1px 0px #e4ddd0;
}
.button2.yellow, .button2.yellow span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/yellowbutton2.png);
float: left;
color:#868a4a;
text-shadow: 0px 1px 0px #d8dabc;
}
.button.pink, .button.pink span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/pinkbutton.png);
float: left;
color:#b17aac;
text-shadow: 0px 1px 0px #ecd8ea;
}
.button.green, .button.green span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/greenbutton.png);
float: left;
color:#538976;
text-shadow: 0px 1px 0px #c7e5da;
}
.button.brown, .button.brown span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/brownbutton.png);
float: left;
color: #8e7d5c;
text-shadow: 0px 1px 0px #e4ddd0;
}
.button.yellow, .button.yellow span {
background-image: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/yellowbutton.png);
float: left;
color:#868a4a;
text-shadow: 0px 1px 0px #d8dabc;
}
a.button.blue, a.button2.blue {
color:#6288a9;
text-shadow: 0px 1px 0px #c7e5da;
}
a.button.green, a.button2.green {
color:#538976;
text-shadow: 0px 1px 0px #c7e5da;
}
a.button.pink, a.button2.pink {
color:#b17aac;
text-shadow: 0px 1px 0px #ecd8ea;
}
a.button.yellow, a.button2.yellow {
color:#868a4a;
text-shadow: 0px 1px 0px #d8dabc;
}
a.button.brown, a.button2.brown {
color: #8e7d5c;
text-shadow: 0px 1px 0px #e4ddd0;
} a.buttons, a.buttons:link, a.buttons:visited {
display: block;
position: relative;
padding: 0 17px 0 17px;
height: 30px;
text-align: center;
background-position: 0 0;
background-repeat: no-repeat;
font-size: 16px;
line-height: 30px;
font-weight: normal;
color: #3a3a3a;
cursor: pointer;
margin-top:10px;
font-family:'QlassikMediumRegular', Tahoma, Arial, sans-serif;
text-shadow: 0px 1px 0px #ffffff;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
a.buttons.white{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 0;
float: left;
}
a.buttons.blue{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 -40px;
float: left;
color:#245d9a;  
text-shadow: 0px 1px 0px #8cadcf;
}
a.buttons.blue:hover{
background-position: 0 -81px;
}
a.buttons.red{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 -121px;
float: left;
color:#a42f27;  
text-shadow: 0px 1px 0px #c57e79;
}
a.buttons.red:hover{
background-position:0 -161px;
}
a.buttons.gray{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 -200px;
float: left;
color:#848484;  
text-shadow: 0px 1px 0px #e1dfdf;
}
a.buttons.gray:hover{
background-position:0 -240px;
}
a.buttons.green{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 -280px;
float: left;
color:#2b8f31;  
text-shadow: 0px 1px 0px #8ed293;
}
a.buttons.green:hover{
background-position: 0 -320px;
}
a.buttons.yellow{
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/button-image/sprite-button.png) no-repeat 0 -363px;
float: left;
color:#827c07;  
text-shadow: 0px 1px 0px #d0cc77;
}
a.buttons.yellow:hover{
background-position:0 -404px;
}
.form-field input[type="radio"]{
margin: 3px 1px 0 0;
}
.form-field label{
margin-top:6px;
}
.form-field label.radio_meta{
margin-top:0px;
}.gallery .thumbnail{
border: none;
display: inline;
}
.gallery .thumbnail .animated {
float: none;
vertical-align: top;
display: inline-block;
text-align: center;
opacity:1;
}
.gallery .thumbnail .col-5.animated {
width: 20%;
padding: 15px;
}
.gallery .thumbnail .col-7.animated {
width: 14.285%;
padding: 10px;
}
.gallery .thumbnail .col-8.animated {
width: 12.5%;
padding: 8px;
}
.gallery .thumbnail .col-9.animated {
width: 11.11%;
padding: 8px;
}
.gallery .thumbnail a.gall-content {
word-wrap: break-word;
font-size: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.gallery .thumbnail .col-8.animated,
.gallery .thumbnail .col-7.animated,
.gallery .thumbnail .col-9.animated{
width: 20%;
padding: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallery .thumbnail .col-5.animated ,
.gallery .thumbnail .col-7.animated ,
.gallery .thumbnail .col-8.animated ,
.gallery .thumbnail .col-9.animated {
width: 33.33%;
padding: 15px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.gallery .thumbnail .col-5.animated ,
.gallery .thumbnail .col-7.animated ,
.gallery .thumbnail .col-8.animated ,
.gallery .thumbnail .col-9.animated {
width: 50%;
padding: 15px;
}
}
@media only screen and (max-width: 479px) {
.gallery .thumbnail .col-5.animated,
.gallery .thumbnail .col-7.animated,
.gallery .thumbnail .col-8.animated,
.gallery .thumbnail .col-9.animated{
width: 100%;
}
}@media only screen and (min-width: 961px) and (max-width: 1400px) {
.bg-img img {
width: 100%;
height: 455px;
}
}
@media only screen and (max-width: 992px) {
#myCarousel .carousel-text {
max-width: 90%;
}
}
@media only screen and (max-width: 992px) {
.home-feature-box .feature_content_inner_box,
.home-feature-box .feature_content_inner_box .feature-left,
.home-blog .feature_content_inner_box .home-blog-bottom p,
.footer_bottom .copyright,
#menu .ddsmoothmenu,
.logo{
text-align: center;
}
#wp-calendar tbody td{
padding: 2px;
}
.logo img{
margin-bottom: 0;
margin: 20px 0;
}
#login-panel{
margin-bottom: 60px;
}
.sidebar.becomemember{
padding-left: 0;
}
.review_panel {
margin-top: 50px;
}
.home-blog .home-blog-top h5{
padding-left: 35px;
}
#myCarousel .carousel-text {
max-width: 75%;
}
#myCarousel h1{
font-size: 20px;
}
#myCarousel li{
font-size: 16px;
}
}
@media only screen and (min-width: 767px) and (max-width: 960px) {
.menu_bar {
margin-left:50px;
}
.productlisting .pgallery .thumbnail li {
margin-right:14px;
}
.subscribe .tryimage {
margin-top: 15px;
margin-left:115px;
margin-bottom: 15px;
}
.button_wrapper {
width: auto;
margin: 0 auto;
}
.subscribe .signupform {
background:#CED3D8;
overflow: hidden;
padding-top: 10px;
padding-bottom: 5px;
width: 650px;
float:left;
margin-left:30px;
margin-bottom:25px;
}
.content-bar .post .post_content img.postimg {
width: 491px;
height: 305px;
}
#commentform .iconimage1 {
background:#2b2b2c;
height:20px;
position:absolute;
top:5px;
right:170px;
}
#commentform .iconimage2 {
background:#2b2b2c;
height:20px;
position:absolute;
top:60px;
right:170px;
}
.sidebar {
margin: 0;
padding-left: 0px;
max-width: 100%;
}
.buy_button .buy_now {
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/images/buy-smallbtn-1.png) no-repeat 0 0;
width: 221px;
height: 41px;
font-family: 'Arvo', serif;
display:inline-block;
margin-bottom:12px;
color:#fff;
text-align:center;
line-height:40px;
font-size:18px;
text-shadow:0 2px 2px #396d07;
font-weight:normal;
border: none;
}
.buy_button .buy_now:hover {
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/images/buy-smallbtn-1.png) no-repeat 0 -46px;
width: 221px;
height: 41px;
cursor: pointer;
}
.buy_button a.linkmore_btn{
background:url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/images/link-more-ipad.png) center no-repeat;
width:221px;
height:32px;
display:inline-block;
margin-bottom: 19px;
margin-top:12px;
}
.flexslider {
width: 100%;
margin: 0;
padding: 0;    
}
.flexslider .slides img {
height:222px;
}
.flexslider {
position: relative;
height: 236px;
zoom: 1;
}
.feature_content ul.feature_content_inner_box li {
width: 236px;
}
#edd_purchase_form legend {
width:495px;
}
.buy_button.on_content,
.commentsbox.on-sidebar,
.comment-sidebar{
display:none;
}
.sidebar.becomemember button.alt{
margin:25px 0 0px 0;
}
.content-bar .post.blog .post_content img{
max-width:459px;
height:auto;
}
.content-bar .post.blog .post_content img.postimg {
max-width: 450px;
width: auto;
height: auto;
}
#searchform input[type="text"] {
width:145px;
}
.conten-bar .woocommerce .col2-set .col-1{
float: none;
width: 64%;
}
.chzn-container {
width:230px !important;
}
.searchform {
width: 209px;
}
.searchform input[type="text"] {
width: 150px;
}
.footer .searchform {
width: 183px;
}
.footer .searchform input[type="text"] {
width: 125px;
}
.fullwidth_inner .woocommerce .cart-collaterals .cart_totals {
float: right;
width: 49%;
}
.content_wrapper .page-content .sidebar.becomemember form.cart button.alt.single_add_to_cart_button {
margin-left: 0;
margin-top: 25px;
}
sidebar.becomemember form.cart {
padding-bottom: 17px;
width: 40%;
}
.group_table{
}
.group_table td{
width:25px;
}
}
@media only screen and (max-width: 767px) {
#main-menu {
padding-bottom: 20px;
}
#main-menu select.selectnav {
font-family: arial;
font-size: 15px;
background-color: #FFF;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(20%, #FFF), color-stop(50%, #F6F6F6), color-stop(52%, #EEE), color-stop(100%, #F4F4F4));
background-image: -webkit-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
background-image: -moz-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
background-image: -ms-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
background-image: -o-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
background-image: linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #E1E1E1;
-webkit-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
display: block;
overflow: hidden;
white-space: nowrap;
position: relative;
padding: 6px 7px 6px 5px;
color: #717171;
text-decoration: none;
height: 35px;
line-height: 23px;
cursor: pointer;
}
#main-menu select.selectnav option {
padding: 1px 0;
font-size: 0.8em;
}  a.meanmenu-reveal {
display: none;
}
.mean-container #main-menu {
padding: 0;
margin: 0;
height: 10px;
} .mean-container .mean-bar {
float: left;
width: 100%;
position: relative;
background: #000;
padding: 4px 0;
min-height: 42px;
z-index: 9;
margin-bottom: 10px;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav {
float: left;
width: 100%;
background: #000;
margin-top: 30px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100% !important;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
margin-left: 0;
}
.mean-container .mean-nav ul li a {
padding: 0.6em 5%;
font-size: 13px;
}
.mean-container .mean-nav ul li ul li {
width: 100%;
}
.mean-container .mean-nav ul li li a {
padding: 0.6em 10%;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 0.6em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 0.6em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 0.6em 25%;
}
.mean-container .mean-nav ul li a:hover {
background: #252525;
background: rgba(255,255,255,0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
padding: 6px !important;
height:26px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: none;
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}
.top_cartinfo {
z-index:999;
position: initial;
}
.cart_wrapper{
text-align:center;
}
#menu1 .dd1smoothmenu.admin-menu,
#menu1 .smoothmenu.admin-menu {
float: none;
text-align: center;
}
#respond form input[type="text"], #respond form textarea {
width:87%;
}
.pmenu-bar,
.cart_wrapper,
.content_wrapper .page-content,
.content-bar .post.blog .post_content,
.sidebar.becomemember p.price,
.sidebar.becomemember p{
text-align: center;
}
.content-bar{
margin-top: 40px;
}
#contactForm {
width: 75%;
margin: 0 auto;
}
.content-bar .post.blog .read_more,
#comment-form #respond p.form-submit input#submit,
#contactForm label{
float: none;
}
.woo-home-product { margin: 0 auto;
}
.pmenu-bar li {
display: inline-block;
float: none;
}
.home-feature-box .feature_content_inner_box .feature_content_inner_box1,
.fullwidth_inner .woocommerce .col2-set .col-1,
.fullwidth_inner .woocommerce-page .col2-set .col-1{
margin-bottom: 25px;
}
.header {
margin-bottom: 10px;
margin-top: 10px;
}
.woocommerce table.shop_table_responsive tr td.order-actions, .woocommerce-page table.shop_table_responsive tr td.order-actions {
text-align: center !important;
}
.fullwidth_inner .woocommerce table.shop_table td, .fullwidth_inner .woocommerce table td, .fullwidth_inner table.shop_table td, .fullwidth_inner table td{
border-left: none;
border-right: none;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{
border-top: 1px solid #ddd !important;
}
#commentsbox{
width:100%;
}
.page-content li{
list-style-position: inside;
}
#contactForm input[type="submit"]{
float: none;
}
#nav-single {
margin-bottom: -40px;
}
.woocommerce ul.products li#product_item, .woocommerce-page ul.products li#product_item {
width: 50%;
}
.home-blog .home-blog-top span.f-date{
position: inherit;
margin: 0 auto;
}
.home-blog .home-blog-top h5{
padding-left: 0;
}
#myCarousel h1 {
font-size: 16px;
line-height: 26px;
}
#myCarousel li {
font-size: 14px;
line-height: 20px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
ul.ddsmoothmenu {
display: none;
}
#menu .smoothmenu.admin-menu{
margin-top:-20px;
}
.it_mobile_menu a {
display: block;
padding-left:0px;
color: #3B3B3B;
padding-top: 7px;
padding-bottom: 7px;
}
.header .logo {
text-align:center;
}
.home-blog .feature_content_inner_box1{
width:49%;
}
.home-blog .home-blog-top{
display: block;
text-align: center;
margin-bottom: 0;
}
.home-blog .home-blog-top h5{
margin-top: 15px;
}
.ddsmoothmenu .sub-menu {
margin-left:100px !important;
visibility:hidden;
}
.ddsmoothmenu .sub-menu li {
margin: 0 !important;
padding: 0 !important;
margin-left:200px !important;
clear:both;
left:20px;
}
.mobile_nav {
display: inline-block;
text-shadow: 1px 1px 0 #fff;
}
li.depth-4 ul.children {
padding-left: 0;
}
#menu li {
float:none !important;
}
.ddsmoothmenu,
#MainNav {
text-align:center;
}
.carticon {
margin: 0;
float:none;
}
.productlisting .pgallery .thumbnail {
margin-left:0;
}
.subscribe .tryimage {
margin-top: 15px;
margin-left:110px;
margin-bottom: 15px;
}
.subscribe .signupform {
background:#CED3D8;
overflow: hidden;
padding-top: 10px;
padding-bottom: 5px;
width: 250px;
float:left;
margin-left:100px;
margin-bottom:25px;
}
.content-bar .post .post_content img.postimg {
width: 460px;
height: 230px;
}
#commentform .iconimage1 {
background:#2b2b2c;
height:20px;
position:absolute;
top:5px;
right:155px;
}
#commentform .iconimage2 {
background:#2b2b2c;
height:20px;
position:absolute;
top:60px;
right:155px;
}
.sidebar {
margin: 0;
padding-left: 0;
padding-top: 60px;
max-width: 100%;
}
.sidebar .item-details a.ratings {
margin-top:0;
}
.sidebar .item-details .ratings strong {
margin-top:10px;
}
.sidebar .item-details .ratings span {
margin-top:10px;
margin-left:5px;
}
.sidebar.becomemember {
padding-left:0;
}
.footer_wrapper .footer_widget {
background:none;
}
.content .network_listing .ournetwork {
padding-right: 20px;
width:100%;
}
.sidebar.author {
margin:0;
padding-left:0;
}
.siteinfo {
margin:0;
}
#edd_purchase_form legend {
width:468px;
}
.flexslider .slides img {
height:222px;
}
.flexslider {
position: relative;
height: 236px;
zoom: 1;
}
.buy_button.on_content{
display:inline-block;
}
.buy_button{
display:none;
}
.buy_button.on_content{
display:inline-block;
margin-bottom: -12px;
margin-left: 98px;
}
.comment-sidebar{
display:compact;
}
.comment-contentbar{
display:none;
}
#commentform input[type="text"] {
width:97%;
}
textarea#comment {
width:97%;
}
.content-bar .post.blog .post_content img{
max-width:428px;
height:auto;
}
.flexslider .slides img, .single_image img{
border: 1px solid #ddd;
padding:4px;
}
.container_24.short{
overflow:hidden;
}
#searchform input[type="text"] {
width: 416px;
}
.feature_content ul.feature_content_inner_box li .feature_content_inner_box1 {
margin-bottom: 20px;
}
.footer_wrapper, .footer_bottom {
text-align: center;
}
.fullwidth_inner .woocommerce .cart-collaterals .cart_totals {
float: left;
width: 85%;
text-align: left;
margin: 20px 0;
}
.fullwidth_inner .woocommerce .col2-set .col-1,
.fullwidth_inner .woocommerce-page .col2-set .col-1 ,
.fullwidth_inner .woocommerce .col2-set .col-2{
float:none;
width: 100%;
}
}
@media only screen and (max-width: 640px) {
.woo-shop-section{
width: 47%;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.products .product{
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{
margin-right: 0;
}
.bottom_footer_content .social_logos li a i{
margin-left: 0;
}
#myCarousel .carousel-caption { }
#myCarousel h1 {
font-size: 14px;
line-height: 22px;
}
#myCarousel li {
font-size: 13px;
line-height: 20px;
padding: 5px 15px;
}
#myCarousel .salesbutton a{
padding: 6px 20px;
}
#myCarousel .carousel-text {
max-width: 95%;
}
}
@media only screen and (max-width: 480px) {
ul.ddsmoothmenu {
display: none;
}
.it_mobile_menu a {
display: block;
padding-left:0px;
color: #3B3B3B;
padding-top: 7px;
padding-bottom: 7px;
}
.header .logo {
text-align:center;
margin: 40px 0 21px 0px;
}
#menu .dd1smoothmenu.admin-menu {
margin-top:-20px;
margin-right: -0px;
}
.ddsmoothmenu .sub-menu {
margin-left:100px !important;
visibility:hidden;
}
.ddsmoothmenu .sub-menu li {
margin: 0 !important;
padding: 0 !important;
margin-left:200px !important;
clear:both;
left:20px;
}
.mobile_nav {
display: inline-block;
text-shadow: 1px 1px 0 #fff;
}
.mobile_nav > span {
position: absolute;
top: 21px;
left: 28px;
}
.ddsmoothmenu {
text-align: center;
}
#menu .smoothmenu {
float:left;
}
li.depth-4 ul.children {
padding-left: 0;
}
#menu li {
float:none !important;
}
#MainNav {
text-align:center;
} .header .logo {
text-align:center;
}
.carticon {
margin: 0;
float:none;
}
.logo {
margin: 0;
padding: 0;
margin-top: 12px !important;
}
.productlisting .pgallery .thumbnail {
margin-left:25px;
margin-top:48px;
}
.tryimage {
margin-top: 5px;
margin-bottom: 25px;
}
.subscribe .signupform {
background:#CED3D8;
overflow: hidden;
padding-top: 10px;
padding-bottom: 5px;
width: 250px;
float:left;
margin-left:0px;
margin-bottom:25px;
}
.signupform .image {
margin-left:10px
}
.content-bar .post .post_content img.postimg {
width: 270px;
height: 120px;
}
#commentform .iconimage1 {
background:#2b2b2c;
height:20px;
position:absolute;
top:5px;
right:77px;
}
#commentform .iconimage2 {
background:#2b2b2c;
height:20px;
position:absolute;
top:60px;
right:77px;
}
.sidebar {
margin: 0;
padding-left: 0;
padding-top: 60px;
max-width: 100%;
}
.sidebar .item-details a.ratings {
margin-top:0;
}
.sidebar .item-details .ratings strong {
margin-top:10px !important;
}
.sidebar .item-details .ratings span {
margin-top:10px;
margin-left:5px;
}
.footer_wrapper .footer_widget {
background:none;
}
.productlisting .pgallery {
margin:0 auto;
padding:0;
width:100%;
margin-left:0px;
margin-top: 30px;
}
.productlisting .pgallery ul.thumbnail li {
width: 235px;
height: 199px;
margin-bottom: 0px;
margin-bottom: 6px;
margin-left: 0;
}
.content .network_listing {
width:90%;
}
.content .network_listing .theme_instruction li {
margin-left:0;
padding-left:40px;
margin-bottom:15px;
line-height:20px;
background-color:#f3f3f3
}
#pmenu-bar {
width:98%;
}
#pmenu-bar a {
padding: 15px 20px 22px 25px;
margin: 0;
}
.content .network_listing .ournetwork {
padding-right: 20px;
width:100%;
}
.sidebar.becomemember {
margin:0;
padding-left:0px;
margin-top:25px;
}
.sidebar.author {
margin:0;
padding-left:0;
}
.productlisting .pgallery ul.thumbnail li {
margin-right:12px;
padding-top:10px;
margin-bottom:20px;
position:relative;
width:206px;
height:auto;
display:inline-block;
padding:6px 5px 10px 8px;
background-color:#fff;
margin-left:0;
vertical-align:top;	
}
.productlisting .pgallery .thumbnail li img {
width:203px;
height:170px;
}
.flexslider .slides img, .single_image img{
border: 1px solid #ddd;
padding:4px;
}
.siteinfo {
margin:0;
}
#edd_checkout_cart, #edd_checkout_cart td, #edd_checkout_cart th {
background: white !important;
padding: 14px 17px 14px 10px !important;
}
#edd_purchase_form legend {
width:468px;
}
.content-bar .post .post-social-link-wrapper {
display:none;
}
.flexslider .slides img {
height:172px;
}
.flexslider {
position: relative;
height: 185px;
margin-bottom:26px;
zoom: 1;
}
.flex-direction-nav li .next {
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/images/next.png) no-repeat;
right: 0px;
width: 31px;
height: 24px;
bottom: 5px;
}
.buy_button.on_content{
display:inline-block;
margin-bottom: 0px;
margin-left: 38px;
}
.buy_button.on_content .buy_now {
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/images/buy-smallbtn-1.png) no-repeat 0 0;
width: 221px;
height: 41px;
font-family: 'Arvo', serif;
display:inline-block;
margin-bottom:12px;
color:#fff;
text-align:center;
line-height:40px;
font-size:18px;
text-shadow:0 2px 2px #396d07;
font-weight:normal;
border: none;
}
.buy_button.on_content .buy_now:hover {
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/images/buy-smallbtn-1.png) no-repeat 0 -46px;
width: 221px;
height: 41px;
cursor: pointer;
}
.buy_button.on_content a.linkmore_btn{
background:url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/images/link-more-ipad.png) center no-repeat;
width:221px;
height:32px;
display:inline-block;
margin-bottom: 19px;
margin-top:12px;
}
.buy_button, .commentsbox,
.comment-contentbar{
display:none;
}
.comment-sidebar{
display:compact;
}
#commentform input[type="text"],
textarea#comment {
width:97%;
}
.content-bar .post.blog .post_meta {
width:auto;
}
.content-bar .post.blog .post_meta li.post_comment {
position:static;
}
noindex:-o-prefocus, form#loginform{
margin-left:-132px;
}
noindex:-o-prefocus, form#loginform p.login-remember{
margin-left:139px;
}
noindex:-o-prefocus, #menu .ddsmoothmenu li ul{
position:absolute !important;
top:17px !important;
left:0 !important;
} .box-head {
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/images/grad-overlay-s.png) #393939;
border-radius: 2px;
padding-left: 10px;
}
.box-head h2 {
color: #DDD;
font-size: 14px;
font-weight: 600;
text-shadow: 0 1px 0 #222;
margin-bottom: 0;
}
element.style {
width: 277px;
}
table.dataTable thead th {
border-right: 1px solid #CCC;
}
table.dataTable{
width: 100%;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
table.dataTable thead th {
padding: 7px 18px 7px 10px;
font-weight: bold;
cursor: pointer;
}
table.dataTable thead th {
border-right: 1px solid #CCC;
color: #292929;
text-shadow: 0 1px 0 white;
font-size: 12px;
background: url(//store.technobiz.org/wp-content/themes/readmorepro/assets/css/images/theadgrand.png) repeat-x;
}
table.dataTable td{
padding: 7px 18px 7px 10px;
border: none;
border-right: 1px solid #CCC;
}
table.dataTable tr.even{
background-color: #ffffff;
}
table.dataTable tr.odd{
background-color: #F6F6F6;
}
table.dataTable tr.odd:hover, 
table.dataTable tr.even:hover { 
background-color: #ddd; 
}
.container_24.short{
overflow:hidden;
}
#menu .smoothmenu.admin-menu {
float:left;
}
.content-bar .post.category{ }
.content-bar .post.category{
}
.content-bar .post.category .cat_post_content {
padding:10px;
margin:15px 0;
}
.content-bar .post.category{
margin-bottom:30px;
}
#content-cat{
margin-top:55px;
}
.sidebar.becomemember button.alt {
margin: 53px 0 0px -140px;
}
.review_panel ul.tabs li a {
display: inline-block;
padding: 5px 5px 5px 5px;
}
.content_wrapper .page-content .content-bar .woocommerce-ordering {
margin-top:0;
float:left;
}
#searchform input[type="text"] {
width: 224px;
}
.fullwidth_inner .woocommerce .col2-set .col-1,
.fullwidth_inner .woocommerce-page .col2-set .col-1 ,
.fullwidth_inner .woocommerce .col2-set .col-2{
float:none;
width: 100%;
}
.feature_content ul.feature_content_inner_box li .feature_content_inner_box1 {
margin-bottom: 20px;
}
.footer_wrapper, .footer_bottom {
text-align: center;
}
.fullwidth_inner .woocommerce .cart-collaterals .cart_totals {
float: left;
width: 100%;
text-align: left;
margin: 20px 0;
}
.fullwidth_inner  table.shop_table th.product-name, .fullwidth_inner table.shop_table td.product-name, .fullwidth_inner  table.shop_table th.product-quantity, .fullwidth_inner table.shop_table td.product-quantity{ }
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea {
width: 92%;
}
.fullwidth_inner .woocommerce .cart-collaterals .cart_totals tr td, .fullwidth_inner .woocommerce .cart-collaterals .cart_totals tr th{
padding: 12px 30px;
border-left: 1px solid #FCFCFC;
}
.woocommerce .fullwidth_inner .cart-collaterals .shipping_calculator, .woocommerce-page .fullwidth_inner .cart-collaterals .shipping_calculator {
width: 100%;
}
.woocommerce .fullwidth_inner .cart .button, .woocommerce-page .fullwidth_inner .cart .button, .woocommerce .fullwidth_inner .cart input.button, .woocommerce-page .cart input.button {
float: left;
margin-bottom:20px;
}
.woocommerce .fullwidth_inner table.cart td.actions .button.alt, .woocommerce-page .fullwidth_inner table.cart td.actions .button.alt, .woocommerce .fullwidth_inner #content table.cart td.actions .button.alt, .woocommerce-page .fullwidth_inner #content table.cart td.actions .button.alt {
float: left;
margin-left: 0;
}
.woocommerce .quantity, .woocommerce-page .quantity, .woocommerce #content .quantity, .woocommerce-page #content .quantity {
top: -36px;
}
.content_wrapper .page-content .sidebar.becomemember form.cart button.alt.single_add_to_cart_button {
margin-left: 0;
margin-top: 25px;
}
.feature_content .feature_content_inner_head h6{
padding: 0 15px;
}
.home-feature-box .feature_content_inner_box1{
margin-bottom: 20px;
}
.header .logo{
margin: 0;
}
.feature_content .home-feature-box{
margin-bottom: 0;
}
.home-blog .feature_content_inner_box1{
width: 100%;
}
.home-blog .home-blog-top {
display: inline;
text-align: center;
}
.home-blog .home-blog-top h5{
margin-top: 15px;
}
ol.commentlist li .comment-body{
margin-left: 50px;
}
ol.commentlist li .comment-author .avatar{
left: -50px;
}
.woocommerce ul.products li#product_item, .woocommerce-page ul.products li#product_item {
width: 100%;
}
.content-bar .woocommerce-ordering select{
display: block;
}
#myCarousel h1 {
font-size: 14px;
line-height: 22px;
margin-bottom: 0;
}
#myCarousel li {
display: none;
}
}
@media only screen and (max-width: 320px) {
.bg-img img {
width: 100%;
height: 100px !important;
}
.container_24.short,
.footer_wrapper {
overflow:hidden;
}
.review_panel {
margin-top: 20px;
width: 230px;
}
.content-bar .site-content ul.products li#product_item {
float: none;
margin: 0 12px 25px 25px;
width: 62%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.productlisting .pgallery ul.thumbnail .col-5{
width: 33.33%;
padding: 15px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.productlisting .pgallery ul.thumbnail .col-5{
width: 50%;
padding: 15px;
}
}
@media only screen and (max-width: 479px) {
.productlisting .pgallery ul.thumbnail .col-5{
width: 100%;
}
#tiles li{
left: 9% !important;
}
}.widget .sp-latest-posts-widget.latest-posts .entry-title {
font-size: 14px;
line-height: normal;
margin: 0;
}
.widget .sp-latest-posts-widget.latest-posts .entry-title a{
text-decoration: none;
}
.sp-latest-posts-widget.latest-posts .media, .sp-latest-posts-widget.latest-posts .media .media {
margin-top: 20px;
overflow: hidden;
}
.sp-latest-posts-widget.latest-posts .entry-meta{
color: #888;
}
.sp-latest-posts-widget.latest-posts .small {
font-size: 85%;
}
.sp-latest-posts-widget.latest-posts .media>.pull-left {
padding-right: 10px;
}
.sp-latest-posts-widget.latest-posts .pull-left {
float: left!important;
}
.sp-latest-posts-widget.latest-posts .media-body {
display: table-cell;
vertical-align: top;
}