@charset "UTF-8";

 .animated:not(.no-animate) {
-webkit-animation-duration: .9s;
animation-duration: .9s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
}
.animation {
opacity: 0;
opacity: 1\9;
}
.animation.no-animate {
opacity: 1 !important;
animation-name: none !important;
-webkit-animation-name: none !important;
}
.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 scaleOut {
from {
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2);
}
70% {
opacity: 1;
}
}
@keyframes scaleOut {
from {
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2);
}
70% {
opacity: 1;
}
}
.scaleOut {
-webkit-animation-name: scaleOut;
animation-name: scaleOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(1.3, 1.3, 1.3);
transform: scale3d(1.3, 1.3, 1.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;
}.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
width: 100%;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}body:after {
content: url(//hotcleaning.net.au/wp-content/themes/cleaning-services/images/lightbox/close.png) url(//hotcleaning.net.au/wp-content/themes/cleaning-services/images/lightbox/loading.gif) url(//hotcleaning.net.au/wp-content/themes/cleaning-services/images/lightbox/prev.png) url(//hotcleaning.net.au/wp-content/themes/cleaning-services/images/lightbox/next.png);
display: none;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//hotcleaning.net.au/wp-content/themes/cleaning-services/images/lightbox/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev,
.lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//hotcleaning.net.au/wp-content/themes/cleaning-services/images/lightbox/prev.png) left 48% no-repeat;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//hotcleaning.net.au/wp-content/themes/cleaning-services/images/lightbox/next.png) right 48% no-repeat;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//hotcleaning.net.au/wp-content/themes/cleaning-services/images/lightbox/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}.prd-grid {
float: left;
position: relative;
margin-bottom: 120px;
width:100%;
}
body:not(.home) {
background-repeat: no-repeat;
}
body.custom-background {
background-color: #81d742;
background-size: 100% 322px;
}
.product-block-gallery .flex-viewport {
float: right;
width: 75%;
}
.woocommerce-product-gallery__image {
text-align: center;
}
.woocommerce-product-gallery__trigger {
position: absolute;
right: 17px;
top: 5px;
z-index: 999;
}
.product.custom-sale-style .row .onsale {
left: 12% !important;
}
.flex-control-nav.flex-control-thumbs img {
cursor: pointer;
}
.flex-control-nav.flex-control-thumbs {
float: left;
height: auto;
overflow: auto;
width: 20%;
padding: 0;
}
#container .woocommerce-breadcrumb {
background-color: #f5f5f5;
border-radius: 0;
color: #74828e;
display: inline-block;
margin: 0;
padding: 18px 0;
width: 100%;
}
#container .woocommerce-breadcrumb a {
color: #74828e;
margin: 0 5px;
font-size: 14px;
line-height: 28px;
}
#container .woocommerce-breadcrumb a:first-child {
margin-left: 0;
}
body.custom-background.single-product  {
background-color: #fff;
}
body.custom-background.archive.post-type-archive  {
background-color: #fff;
}
.flex-control-nav.flex-control-thumbs > li:first-child {
margin-top: 0;
}
.summary.entry-summary.col-md-6 {
margin-top: 0;
}
.product_title.entry-title {
font-size: 30px;
line-height: 36px;
margin-bottom: 10px;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 10px;
}
.woocommerce-review-link {
text-decoration: underline;
}
.woocommerce-review-link:hover {
color:#000;
}
.woocommerce .star-rating span::before{
color:#333;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #4b5b68;
font-size: 24px;
font-weight: 600;
}
.woocommerce div.product .stock {
color: #000;
}
input.input-text.qty {
-moz-appearance: textfield;
border-color: #eeeeee;
border-width: 0 1px;
min-height: 46px;
}
.ui-spinner-button {
background-color: #f7f7f7;
display: block;
height: 70px;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.ui-spinner-button.ui-spinner-up::before, .ui-spinner-button.ui-spinner-down::before {
color: #808080;
content: "+";
cursor: pointer;
display: block;
line-height: 70px;
text-align: center;
transition: color 0.3s ease 0s;
width: 30px;
font-size: 21px;
}
.ui-spinner {
display: block;
padding: 0 30px;
position: relative;
height: 72px;
}
.ui-spinner-button.ui-spinner-down::before {
content: "-";
font-size: 33px;
}
.ui-spinner-button.ui-spinner-down {
left: 0;
right: auto;
}
.input-text.qty.text.ui-spinner-input {
border: 1px solid #eee;
border-radius: 5px;
height: 70px;
margin: 1px 0;
width: 57px;
}
.quantity {
background: #f5f5f5 none repeat scroll 0 0;
margin-right: 25px !important;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
padding: 10px 20px;
}
.icon-shop-cart {
padding-right: 14px;
font-size: 17px;
vertical-align: text-bottom;
line-height: 22px !important;
font-weight: 700 !important;
}
.header-cart .icon-shop-cart{
margin-right: 0;
}
.woocommerce-product-details__short-description {
border-bottom: 1px solid #e7e7e7;
border-top: 1px solid #e7e7e7;
padding: 25px 0 5px;
margin-bottom: 30px;
}
.up_cart{
margin-top: 30px;
}
.woocommerce span.onsale{
padding: 0px;
}
.wc-tabs > li > a::after {
background: #6fbf52 none repeat scroll 0 0;
bottom: -1px;
content: "";
height: 4px;
left: 0;
position: absolute;
transform: scale(0);
transition: all 0.2s ease 0s;
width: 100%;
}
.wc-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
transform: scale(1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 0 solid #d3ced2;
bottom: -1px;
content: " ";
height: 5px;
position: absolute;
width: 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color:transparent;
border: 0px solid #d3ced2;
border-radius: 4px 4px 0 0;
display: inline-block;
margin: 0 -5px;
padding: 0 1em;
position: relative;
z-index: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
bottom: 0;
height: 0px;
width: 0px;
}
.tabs.wc-tabs
{
padding:0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0 20px;
padding: 0;
}
.tabs.wc-tabs li.active a {
color: #6fbf52  !important;
}
.tabs.wc-tabs li a {
font-size: 24px;
text-transform: capitalize;
}
.woocommerce-Tabs-panel.panel.entry-content.wc-tab {
box-shadow: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border: 0 solid #e4e1e3;
border-radius: 4px;
margin: 0;
padding: 1em 0 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border: 0 solid #e4e1e3;
}
.woocommerce .star-rating {
float: left;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
color: #000;
float: left;
font-size: 1.3em;
line-height: 30px;
margin-left:1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description {
float: left;
width: 100%;
}
.woocommerce p.stars a {
color: #ffb400 !important;
}
.star-5.active {
color: #81d742 !important;
}
#commentform #comment:hover, #commentform #comment:focus, #commentform #comment.focus {
border-color: #005395;
box-shadow: none;
outline: medium none;
}
.textarea-custom {
-moz-appearance: none;
background: #fff none repeat scroll 0 0;
border: 1px solid #dbdbdb;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
color: #2b2b2b;
font-size: 18px;
height: auto;
line-height: 24px;
margin-bottom: 4px;
min-height: 193px;
padding: 15px;
}
.textarea-custom:hover, .textarea-custom:focus, .textarea-custom.focus,.input-custom:hover, .input-custom:focus, .input-custom.focus{
border-color: #005395 !important;
box-shadow: none !important;
outline: medium none !important;
}
.input-custom {
-moz-appearance: none;
background: #fff none repeat scroll 0 0;
border: 1px solid #dbdbdb !important;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
color: #2b2b2b;
font-size: 18px;
height: 54px !important;
line-height: 24px;
margin-bottom: 4px;
padding: 15px !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
color: #515151;
}
.woocommerce-tabs.wc-tabs-wrapper {
margin-bottom: 48px;
margin-top: 48px;
}
.woocommerce .products .prd-info .star-rating ,.woocommerce .product .prd-info .star-rating{
display: block;
float: none;
margin: 0 auto 20px;
}
.prd.product.type-product.status-publish {
text-align: center;
}
.woocommerce-loop-product__title {
margin-bottom: 15px !important;
}
.btn.btn-invert.product_type_simple.add_to_cart_button.ajax_add_to_cart {
margin-top: 20px;
}
.related.products .prd-grid:not(.prd-carousel) .prd{
margin:8px;
}
.related.products .prd-grid:not(.prd-carousel){
margin:0;
}
@media (min-width: 1199px){
.related.products .prd-grid:not(.prd-carousel) .prd:nth-child(3n+1) {
clear: none;
}
}
.flex-direction-nav li::before {
content: "\e91f";
}
.flex-direction-nav li:last-child:before {
content: "\e920";
}
.flex-direction-nav li::before, .flex-direction-nav li::before {
-moz-osx-font-smoothing: grayscale;
color: #727272;
cursor: pointer;
font-family: "auto";
font-size: 23px;
line-height: 30px;
}
.flex-direction-nav li:first-child {
left: -50px;
}
.flex-direction-nav li{
background: transparent none repeat scroll 0 0;
border: medium none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
height: 30px;
line-height: 0;
margin-top: -15px;
outline: medium none;
padding: 0;
position: absolute;
text-align: center;
top: 50%;
width: 30px;
z-index: 200;
}
.flex-direction-nav li:last-child {
right: -50px;
}
.archive .prd-grid {
margin-bottom: 80px !important;
}
span.show-result {
float: left;
line-height: 35px;
font-size: 16px;
}
.filters-row .form-inline select {
font-size: 16px;
}
.header-cart-dropdown .prd-sm {
display: block;
margin-bottom: 26px;
position: relative;
}
.filters-row .simple-pagination > span {
float: left;
line-height: 35px;
font-size: 1.2em;
}
.filters-row .page-numbers {
background: transparent none repeat scroll 0 0;
color: #383838;
float: left;
padding: 0;
border: 0 none;
}
.filters-row ul.page-numbers {
float: left;
margin: 0 !important;
padding-left: 0;
font-size: 1.2em;
}
.woocommerce-pagination .page-numbers .page-numbers.current {
background: #6fbf52 none repeat scroll 0 0 !important;
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 24px;
}
.woocommerce-pagination .page-numbers span.page-numbers, 
.woocommerce-pagination .page-numbers a.page-numbers {
padding: 14px 20px !important;
border-radius: 50%;
width: 50px;
height: 50px;
}
.woocommerce-pagination .page-numbers > li {
border: 0px solid #d3ced2 !important;
margin: 10px !important;
}
.woocommerce-pagination ul.page-numbers {
border:0px !important;
}
.woocommerce nav.woocommerce-pagination ul li a:focus{
background: #252936  none repeat scroll 0 0;
color: #8a7e88;
border:1px solid #252936  !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current, 
.woocommerce nav.woocommerce-pagination ul li a:hover {
background: #6fbf52;
color: #fff;
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 24px;
}
.filters-row .page-numbers.current{
color:#252936 !important;
}
.col-md-4.col-lg-3.column-left.column-filters {
background: #f6f6f7;
}
body:not(.home) #pageContent {
padding-top: 100px;
}
.woocommerce-breadcrumb > span {
margin-left: 10px;
}
.title-aside {
font-size: 24px;
}
.product-image-main-div .woocommerce-product-gallery{
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.prd-sm-img {
float: left;
min-width: 100px;
width: 100px;
}
.attachment-shop_thumbnail.size-shop_thumbnail.wp-post-image {
margin: 0;
width: 100px;
}
.prd-sm-info span {
color: #292929 !important;
font-weight: normal;
}
.col-md-4.col-lg-3.column-left.column-filters.sidebar-div {
padding: 0;
margin-right: 15px;
margin-left: -15px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #c7c7c7;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #6fbf52;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #c0c0c0;
}
.coupon-custom.col-md-6 > label {
text-align: left !important;
width: 100%;
}
.column-filters .category-list li a {
font-weight: 400;
}
.apply-coupon.btn.btn-invert {
float: left;
margin-top: 20px;
}
.woocommerce-Tabs-panel {
padding-left: 20px !important;
}
ol.commentlist {
padding-left: 0;
}
.header-cart {
margin-top: 18px;
cursor: pointer;
position: relative;
float: right;
display: inline-block;
vertical-align: top;
padding-left: 25px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.header-cart .badge {
pointer-events: none;
width: 19px;
height: 19px;
line-height: 15px;
font-size: 12px;
font-weight: 500;
position: absolute;
right: 1px;
top: 0px;
background-color: #f47629;
color: #fff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
border-radius: 50%;
}
.header-cart a.icon {
font-size: 32px;
color: #252936;
text-decoration: none;
}
.header-cart:hover a.icon, 
.header-cart.opened a.icon {
color: #f47629;
}
header .header-cart-dropdown {
position: absolute;
z-index: 1;
right: -20px;
top: -5000px;
width: 350px;
padding: 35px 32px 25px;
background: #fff;
display: block;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
text-align: left;
}
@media (max-width: 479px) {
header .header-cart-dropdown {
width: 270px;
padding: 15px 15px;
}
}
header .header-cart-dropdown .header-cart-total {
font-size: 24px;
line-height: 30px;
border-top: 1px solid #e8e8e8;
padding: 20px 0;
overflow: hidden;
}
header .header-cart.opened .header-cart-dropdown {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
opacity: 1;
visibility: visible;
top: 100%;
z-index: 999999;
}
header.page-header .header-row {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
header .header-row{
overflow:visible;
}
#slide-nav #slidemenu {
display: table;
width: 100%;
}
.prd-sm-item {
float: left;
margin-bottom: 10px;
position: relative;
width: 100% !important;
}
.prd-info {
padding: 0 15px;
text-align: center;
}
.prd-sm-img {
margin-right: 10px;
}
.header-cart-dropdown .prd-sm-img {
margin-right: 30px;
}
.prd-sm {
display:block;
position: relative;
}
.woocommerce-message .btn.btn-invert.wc-forward ,
.woocommerce-error .btn.btn-invert.wc-forward{
float: right;
}
.woocommerce a.added_to_cart{
display:none;
}
.btn.btn-lg .icon {
font-size: 24px;
padding-right: 12px;
}
.btn-lg.product-block-add-to-cart .icon-shop-cart {
padding-right: 14px;
font-size: 23px;
vertical-align: text-bottom;
line-height: 32px !important;
}
.loader-cart-delete {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
height: 100%;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.loader-cart-delete > img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.select2-container .select2-selection--single {
height: 46px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding: 8px 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 5px;
}
.prd-info .btn [class*='icon-'] {
font-size: 18px;
padding-right: 14px;
vertical-align: text-bottom;
}
@media (max-width: 767px) {
.prd-grid:not(.prd-carousel) {
margin: -45px 0;
}
.input-text.qty.text.ui-spinner-input {
min-width: auto;
}
.quantity {
margin-right:0px !important;
}
.ui-spinner {
display: inline-block;
}
.woocommerce table.shop_table_responsive tr, 
.woocommerce-page table.shop_table_responsive tr {
display: block;
margin-bottom: 30px;
}
.woocommerce table.shop_table_responsive tr td.actions  {
text-align: center !important;
}
.apply-coupon.btn.btn-invert {
float: none;
margin-top: 20px;
}
}
.simple-pagination ul.page-numbers {
margin: 0;
padding: 0;
list-style: none;
}
.simple-pagination ul.page-numbers li {
display: inline-block;
margin-top: 5px;
padding: 0px 8px;
}
.woocommerce-page .category-list li a, 
.woocommerce-page .widget_categories li a {
font-weight: 400;
color: #677d8f;
}
input.input-text.qty {
-moz-appearance: textfield;
border-color: #eeeeee;
border-width: 0 1px;
min-height: 46px;
}
.input-text.qty.text.ui-spinner-input {
border: 1px solid #eee;
border-radius: 5px;
height: 70px;
margin: 1px 0;
width: 57px;
}
.coupon-custom.col-md-6 > label {
text-align: left !important;
width: 100%;
}
input#coupon_code {
width: 100%;
padding: 10px 15px;
}
.woocommerce form .form-row input.input-text{
padding: 10px;
}
.single-product .comment-form textarea {
padding: 12px 0;
overflow: hidden;
border: 1px solid #ccc;
padding: 10px 10px;
}
.prd-info h3 {
margin-top: 20px;
margin-bottom: 0;
font-size: 15px;
line-height: 22px;
text-transform: none;
color: #000;
}
a:focus, a:hover {
text-decoration: none;
}
.woocommerce .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 10px;
width: 5.4em;
font-family: star;
}
.price del {
font-size: 14px;
}
.woocommerce ul.product_list_widget li {
padding: 10px 0;
margin: 0;
list-style: none;
} .column-filters {
margin-bottom: 35px;
}
.column-filters-inside {
border: 3px solid #f5f5f5;
}
.column-filters .side-block {
padding: 20px;
margin-bottom: 0;
border-bottom: 1px solid #ebebeb;
}
.column-filters .side-block:last-child {
border-bottom: 0;
}
.column-filters .side-block > h3 {
margin-bottom: 25px;
font-size: 30px;
line-height: 1em;
color: #252936;
}
.column-filters .category-list {
margin-top: 20px;
}
.column-center {
margin-bottom: 35px;
} .noUi-horizontal {
height: 6px;
}
.noUi-horizontal .noUi-handle {
width: 15px;
height: 15px;
left: -7.5px;
top: -5px;
border: 0;
border-radius: 0;
box-shadow: none;
background: #f47629;
border-radius: 50%;
cursor: pointer;
}
.noUi-target {
border-radius: 0;
border: 0;
box-shadow: none;
background-color: #c7c7c7;
margin-bottom: 24px;
}
.noUi-origin {
border-radius: 0;
box-shadow: none;
}
.noUi-connect {
background: #252936;
border: 0;
border-radius: 0;
height: 6px;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-handle:before,
.noUi-handle:after {
display: none;
border: 0;
border-radius: 0;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.range {
margin-top: 35px;
}
.range p {
color: #444444;
font-size: 15px;
line-height: 20px;
}
.prd-sm {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
}
.prd-sm:not(:last-child) {
margin-bottom: 20px;
}
.prd-sm-img {
min-width: 88px;
width: 88px;
}
.prd-sm-delete {
position: absolute;
top: 6px;
right: -4px;
cursor: pointer;
color: #444;
font-size: 18px;
}
.prd-sm-delete:hover {
opacity: .5;
}
.prd-sm-info {
padding: 0 0 0 10px;
}
.prd-sm-info h3 {
font-size: 15px;
line-height: 22px;
text-transform: none;
font-weight: normal;
color: #000;
}
.prd-sm-info h3 a {
text-decoration: none;
}
.prd-sm-info h3 a:hover {
text-decoration: none;
}
.prd-sm-info .price {
font-size: 20px;
margin-top: 15px;
}
.header-cart-dropdown .prd-sm-info {
padding-right: 30px;
}
.prd-grid:not(.prd-carousel) {
margin: -45px -15px 0;
}
.prd-grid.prd-carousel {
margin: 15px 0 0;
}
.prd-grid.prd-carousel .slick-next:before {
content: "\e91a";
font-size: 47px;
}
.prd-grid.prd-carousel .slick-prev:before {
content: "\e91b";
font-size: 47px;
}
.prd-grid.prd-carousel .slick-dots {
bottom: -40px;
}
.prd-carousel .slick-next {
right: -70px;
}
.prd-carousel .slick-prev {
left: -70px;
}
.prd-grid:not(.prd-carousel) .prd {
width: calc(33.333% - 30px);
float: left;
}
.prd {
margin: 45px 15px 15px;
}
.prd-img img {
width: 100%;
}
.prd-info h3 a {
text-decoration: none;
}
.prd-info h3 a:hover {
text-decoration: none;
color: #f47629;
}
.prd-info .price {
font-size: 26px;
margin-top: 15px;
}
.prd-info .btn {
min-width: 0;
margin-top: 20px;
height: 45px;
font-size: 16px;
line-height: 25px;
font-weight: 500;
padding: 9px 18px 10px;
}
.prd-info .btn [class*='icon-'] {
font-size: 18px;
padding-right: 14px;
vertical-align: text-bottom;
}
.prd .rating + .price {
margin-top: 10px;
}
.rating i {
font-size: 10px;
padding: 0 1px;
color: #f47629;
}
.rating-4 i:nth-child(5) {
color: #c2c2c2;
}
.rating-3 i:nth-last-child(-n+2) {
color: #c2c2c2;
}
.rating-2 i:nth-last-child(-n+3) {
color: #c2c2c2;
}
.rating-1 i:nth-last-child(-n+4) {
color: #c2c2c2;
}
.rating-0 i {
color: #c2c2c2;
}
.rating-text {
display: inline-block;
vertical-align: baseline;
padding-left: 15px;
font-size: 14px;
}
h5 > .rating {
margin-right: 15px;
}
@media (min-width: 1199px) {
.prd-grid:not(.prd-carousel) .prd:nth-child(3n) {
margin-right: 0;
}
}
@media (max-width: 1199px) and (min-width: 480px) {
.prd-grid:not(.prd-carousel) .prd {
width: calc(50% - 30px);
}
.prd-grid:not(.prd-carousel) .prd:nth-child(2n) {
margin-right: 0;
}
.prd-grid:not(.prd-carousel) .prd:nth-child(2n+1) {
clear: left;
}
}
.product-card img {
width: 100%;
}
.btn.wc-forward {
width: 100%;
margin-top: 15px;
}
.filters-row {
display: inline-block;
width: 100%;
padding: 25px 0;
}
.filters-row-left {
float: left;
}
.filters-row-right {
float: right;
text-align: right;
}
.filters-row .form-inline {
display: inline-block;
}
.filters-row .form-inline:not(:first-child) {
margin-left: 3vw;
}
.woocommerce-checkout #payment div.form-row {
padding: 1em;
margin-bottom: 80px;
}
.filters-row .form-inline select {
background-color: transparent;
height: 35px;
border-radius: 5px;
border: 0;
padding: 0 15px 0 15px;
outline: none !important;
color: #7c7c7c;
border: 1px solid #ccc;
}
.filters-row .form-inline .select-wrapper:before {
display: none;
}
.simple-pagination {
display: inline-block;
color: #444;
}
.simple-pagination span,
.simple-pagination a {
display: inline-block;
vertical-align: top;
color: #444;
padding: 2px 5px;
text-decoration: none;
}
.simple-pagination a.active {
color: #252936;
}
.product-block .rating i {
font-size: 12px;
}
.product-block-info > *:not(:first-child):not(span) {
margin-top: 21px;
}
.product-previews {
float: left;
width: 106px;
}
@media (max-width: 480px) {
.product-previews {
width: 80px;
}
}
.product-previews img {
width: 100%;
}
.product-previews-item {
display: block;
margin-bottom: 11px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.product-previews-item:hover {
opacity: .7;
}
.product-block-gallery {
margin-bottom: 30px;
overflow: hidden;
}
.product-block-mainimage {
float: right;
width: calc(100% - 127px);
}
@media (max-width: 480px) {
.product-block-mainimage {
width: calc(100% - 100px);
}
}
.product-block-mainimage img {
width: 100%;
}
.product-block-title {
font-size: 30px;
line-height: 36px;
}
.product-block-price {
font-size: 26px;
line-height: 36px;
}
.product-block-price-comment {
font-size: 14px;
margin-top: 0 !important;
}
@media (max-width: 480px) {
.btn.product-block-add-to-cart {
width: 100%;
margin-top: 30px;
}
}
.product-block-description {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding: 12px 0px 25px;
}
.product-block-actions {
margin-top: 40px !important;
}
.qty-count {
height: 70px;
background-color: #f5f5f5;
display: inline-block;
border-radius: 5px;
margin-right: 25px;
}
.count-add,
.count-input,
.count-reduce {
float: left;
margin-right: -1px;
position: relative;
z-index: 0;
}
.count-add,
.count-reduce {
height: 70px;
width: 30px;
text-align: center;
line-height: 70px;
color: #565656;
font-size: 20px;
-ms-user-select: none;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.count-add:hover,
.count-reduce:hover {
color: #000;
cursor: pointer;
}
.count-input {
width: 57px;
height: 70px;
line-height: 15px;
border: 1px solid #eee;
border-radius: 5px;
text-align: center;
}
.zoomWrapper {
position: relative;
}
.zoomContainer {
z-index: 100;
}
.zoomLens {
border: 1px solid #b0b0b0 !important;
}
.zoomWindowContainer > * {
border: 2px solid #b0b0b0 !important;
}
@media (max-width: 1199px) {
.header-cart {
padding-left: 5px;
}
}
@media (max-width: 991px) {
.header-cart {
margin-top: 11px;
}
}
@media (max-width: 767px) {
.header-cart {
margin-top: -8px;
margin-right: 15px;
}
}
.header-cart:hover a.icon,
.header-cart.opened a.icon {
color: #f47629;
}
.header-cart:hover .badge,
.header-cart.opened .badge {
background-color: #000;
}
.header-cart-dropdown {
position: absolute;
z-index: 100;
right: -20px;
top: -5000px;
width: 350px;
padding: 35px 32px 25px;
background: #fff;
display: block;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
text-align: left;
}
@media (max-width: 479px) {
.header-cart-dropdown {
width: 270px;
padding: 15px 15px;
}
}
@media (min-width: 1199px){
.prd-grid:not(.prd-carousel) .prd:nth-child(3n+1) {
clear: left;
}
}
.header-cart-dropdown .header-cart-total {
font-size: 24px;
line-height: 30px;
font-family: 'Roboto', sans-serif;
border-top: 1px solid #e8e8e8;
padding: 20px 0;
overflow: hidden;
}
.header-cart.opened .header-cart-dropdown {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
opacity: 1;
visibility: visible;
top: 100%;
}
.quantity {
height: 70px;
background-color: #f5f5f5;
display: inline-block;
border-radius: 5px;
margin-right: 25px;
}
.count-add, .count-reduce {
height: 70px;
width: 30px;
text-align: center;
line-height: 70px;
color: #565656;
font-size: 20px;
-ms-user-select: none;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.count-add, .count-input, .count-reduce {
float: left;
margin-right: -1px;
position: relative;
z-index: 0;
}
.prd-grid:not(.prd-carousel) .prd {
width: calc(33% - 30px);
float: left;
}
ol.flex-control-nav.flex-control-thumbs li {
margin: 5px 0px;
}
.related.products {
float: left;
margin-bottom: 120px;
margin-top: 40px;
width: 100%;
} .column-filters .side-block {
padding: 20px;
margin-bottom: 0;
border-bottom: 1px solid #ebebeb;
}
.column-filters .side-block > h3 {
margin-bottom: 25px;
font-size: 30px;
line-height: 1em;
color: #252936;
}
.woocommerce .product-categories{
margin: 0 0 5px;
padding: 0;
list-style: none;
}
.woocommerce .product-categories > li {
position: relative;
font-size: 16px;
line-height: 20px;
}
.woocommerce .product-categories > li:after {
color: #6fbf52;
}
.woocommerce .product-categories > li:after {
position: absolute;
top: 9px;
left: 20px;
display: block;
font-family: 'cleaning';
content: "\e90a";
font-size: 8px;
}
.woocommerce .product-categories {
margin-left: -20px;
}
.woocommerce .product-categories > li a {
display: block;
padding: 8px 0 8px 36px;
color: #252936;
font-weight: 500;
}
.woocommerce .product-categories > li a:hover{
color: #6fbf52;
}
.single-product.woocommerce .woocommerce-product-rating .star-rating {
margin: 13px 15px 0px 0px !important;
}
.woocommerce ul.product_list_widget li { 
padding: 10px 0; 
margin: 0; 
list-style: none; 
} 
.woocommerce .blockUI.blockOverlay::before, .woocommerce .loader::before { 
background: rgba(0, 0, 0, 0) none repeat scroll 0 0; 
} 
.woocommerce .woocommerce-product-rating .star-rating{ 
margin: 1.5em 4px 0 0; 
} 
.woocommerce-review-link { 
font-size: 14px; 
text-decoration: none; 
} 
.woocommerce-review-link:hover { 
text-decoration: underline; 
}
.comment-form .input-custom { 
padding: 15px; 
} .woocommerce-message .btn.wc-forward {
max-width: 100%;
margin-top: 0px;
display: inline-block;
width: auto;
}
body.post-type-archive-product #pageContent {
padding-top: 50px !important;
}
body.single-product #pageContent {
padding-top: 50px !important;
}
@media (max-width: 479px) {
.prd-grid {
width: auto;
}
} .column-filters {
margin-bottom: 35px;
}
.column-filters-inside {
background: #f6f6f7;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.column-filters .side-block {
border-color: #ebebeb;
padding: 20px 20px 30px;
margin-bottom: 10px;
border-bottom: 1px solid #e3e3e4;
}
.column-filters .side-block h3 {
margin-bottom: 20px;
}
.column-filters .category-list {
margin-top: 10px;
margin-bottom: 15px;
}
.column-filters .category-list li a {
font-weight: 400;
}
.column-filters .category-list li a:not(:hover) {
color: #677d8f;
} .noUi-horizontal {
height: 6px;
}
.noUi-horizontal .noUi-handle {
width: 15px;
height: 15px;
left: -7.5px;
top: -5px;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #6fbf52;
border-radius: 50%;
cursor: pointer;
}
.noUi-target {
border-radius: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #e4e4e5;
margin-bottom: 24px;
}
.noUi-origin {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.noUi-connect {
background: #c0c0c0;
border: 0;
border-radius: 0;
height: 6px;
-webkit-transition: background 450ms;
-o-transition: background 450ms;
transition: background 450ms;
}
.noUi-handle:before,
.noUi-handle:after {
display: none;
border: 0;
border-radius: 0;
-webkit-transition: background 450ms;
-o-transition: background 450ms;
transition: background 450ms;
}
.range {
margin-top: 35px;
}
.range p {
font-size: 15px;
line-height: 20px;
margin-bottom: 10px;
}
.prd-sm {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.prd-sm:not(:last-child) {
margin-bottom: 20px;
}
.prd-sm-img {
width: 88px;
min-width: 88px;
}
.prd-sm-delete {
position: absolute;
top: 0;
right: -4px;
cursor: pointer;
font-size: 16px;
color: #6fbf52;
}
.prd-sm-delete:hover {
opacity: .5;
}
.prd-sm-info {
padding: 0 15px;
}
.prd-sm-info h3 {
font-size: 14px;
line-height: 22px;
text-transform: none;
font-weight: 400;
color: #4b5b68;
}
.prd-sm-info h3 a {
text-decoration: none;
}
.prd-sm-info h3 a:hover {
text-decoration: underline;
}
.prd-sm-info .price {
font-size: 20px;
margin-top: 10px;
color: #4b5b68;
font-weight: 600;
}
.header-cart-dropdown .prd-sm-info {
padding-right: 30px;
}
.prd-grid:not(.prd-carousel) {
margin: -25px -15px 0;
}
.prd-grid.prd-carousel {
margin: -25px 0 0;
}
.prd-grid:not(.prd-carousel) .prd {
width: calc(33.333% - 30px);
float: left;
}
.prd {
margin: 35px 15px 30px;
}
.prd-img img {
width: 100%;
}
.prd-info {
padding: 0 15px;
text-align: center;
}
.prd-info h3 {
margin-top: 14px;
margin-bottom: 0;
font-size: 15px;
line-height: 24px;
text-transform: none;
color: #4b5b68;
font-weight: 400;
}
.prd-info h3 a {
text-decoration: none;
}
.prd-info h3:hover {
text-decoration: underline;
}
.prd-info .price {
font-size: 24px;
margin-top: 13px;
font-weight: 600;
}
.prd-info .btn {
min-width: 0;
margin-top: 27px;
height: 41px;
font-size: 12px;
line-height: 15px;
font-weight: 600;
padding: 12px 25px 15px;
}
.prd-info .btn [class*='icon-'] {
font-size: 18px;
color: #fff;
padding-right: 8px;
vertical-align: text-bottom;
}
.prd .rating + .price {
margin-top: 10px;
}
.rating i {
font-size: 12px;
padding: 0 1px;
color: #ffb400;
}
.rating-4 i:nth-child(5) {
color: #c2c2c2;
}
.rating-3 i:nth-last-child(-n+2) {
color: #c2c2c2;
}
.rating-2 i:nth-last-child(-n+3) {
color: #c2c2c2;
}
.rating-1 i:nth-last-child(-n+4) {
color: #c2c2c2;
}
.rating-0 i {
color: #c2c2c2;
}
.rating-text {
display: inline-block;
vertical-align: baseline;
padding-left: 15px;
font-size: 14px;
}
h5 > .rating {
margin-right: 15px;
}
@media (min-width: 1199px) {
.prd-grid:not(.prd-carousel) .prd:nth-child(3n) {
margin-right: 0;
}
.prd-grid:not(.prd-carousel) .prd:nth-child(3n+1) {
clear: left;
}
}
@media (max-width: 1199px) and (min-width: 480px) {
.prd-grid:not(.prd-carousel) .prd {
width: calc(50% - 30px);
}
.prd-grid:not(.prd-carousel) .prd:nth-child(2n) {
margin-right: 0;
}
.prd-grid:not(.prd-carousel) .prd:nth-child(2n+1) {
clear: left;
}
.prd-grid:not(.prd-carousel) {
margin: -25px 0px 0;
}
}
@media (max-width: 479px) {
.prd-grid {
margin-right: 0;
margin-left: 0;
}
.prd-info a.btn i {
display: none;
}
.related.products {
float: left;
margin-bottom: 60px;
}
}
.product-card img {
width: 100%;
}
@media (max-width: 360px) {
.prd-grid:not(.prd-carousel) .prd {
width: 100% !important;
margin-right: 15px !important;
margin-left: 0px !important;
max-width: 290px;
}
}
.prd-carousel .slick-next {
right: -50px;
}
.prd-carousel .slick-prev {
left: -50px;
}
.filters-row {
display: inline-block;
width: 100%;
padding: 25px 0;
padding-top: 0;
margin-top: -10px;
}
.filters-row-left {
float: left;
}
.filters-row-right {
float: right;
text-align: right;
}
.filters-row .form-inline {
display: inline-block;
}
.filters-row .form-inline:not(:first-child) {
margin-left: 3vw;
}
.filters-row .form-inline select {
min-width: 200px;
}
.woocommerce-page .category-list li, 
.woocommerce-page .widget_categories li {
position: relative;
margin-top: 0px;
}
@media (max-width: 479px) {
.filters-row .form-inline {
display: block;
margin-left: 0 !important;
margin-top: 10px;
}
}
.simple-pagination {
display: inline-block;
font-size: 15px;
}
.simple-pagination span,
.simple-pagination a {
display: inline-block;
vertical-align: top;
padding: 2px 8px;
text-decoration: none;
}
.simple-pagination a.active {
color: #6fbf52;
}
.product-block .rating i {
font-size: 12px;
}
.product-block-info > *:not(:first-child):not(span) {
margin-top: 15px;
}
.product-previews {
float: left;
width: 106px;
}
@media (max-width: 479px) {
.product-previews {
width: 80px;
}
}
.product-previews img {
width: 100%;
}
.product-previews-item {
display: block;
margin-bottom: 11px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.product-previews-item:hover {
opacity: .7;
}
.product-block-add-to-cart {
height: 70px;
font-size: 18px;
line-height: 32px;
border-radius: 35px;
padding-left: 50px;
padding-right: 50px;
}
@media (max-width: 991px) {
.product-block-add-to-cart {
padding-right: 25px;
padding-left: 25px;
}
}
.product-block-add-to-cart [class*='icon'] {
font-size: 20px;
}
.product-block-gallery {
margin-bottom: 30px;
overflow: hidden;
}
.product-block-mainimage {
float: right;
width: calc(100% - 127px);
}
@media (max-width: 479px) {
.product-block-mainimage {
width: calc(100% - 100px);
}
}
.product-block-mainimage img {
width: 100%;
}
.product-block-title {
font-size: 24px;
line-height: 34px;
margin-bottom: 0;
}
.product-block-price {
font-size: 36px;
line-height: 36px;
font-weight: 600;
color: #4b5b68;
}
.product-block-price-comment {
font-size: 14px;
margin-top: 0 !important;
}
@media (max-width: 479px) {
.btn.product-block-add-to-cart {
width: 100%;
}
}
@media (max-width: 479px) {
.prd-grid {
margin-right: 0;
margin-left: 0;
}
.prd-grid:not(.prd-carousel) .prd {
width: calc(50% - 2px);
margin-right: 1px !important;
margin-left: 1px !important;
height: 100%;
min-height: 500px;
}
.related.products .prd-grid:not(.prd-carousel) .prd {
margin-right: 2px !important;
margin-bottom: 30px;
margin-left: 0px !important;
}
.prd-grid .btn {
padding: 10px 10px 30px !important;
}
.woocommerce-page .related.products img {
padding: 5px;
}
}
.product-block-description {
padding: 12px 0px 25px;
}
.product-block-actions {
margin-top: 37px !important;
}
.qty-count {
height: 70px;
background-color: #f5f5f5;
display: inline-block;
border-radius: 5px;
margin-right: 25px;
}
.count-add,
.count-input,
.count-reduce {
float: left;
margin-right: -1px;
position: relative;
z-index: 0;
}
.count-add,
.count-reduce {
height: 70px;
width: 30px;
text-align: center;
line-height: 70px;
color: #677d8f;
font-size: 20px;
-ms-user-select: none;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.count-add:hover,
.count-reduce:hover {
color: #000;
cursor: pointer;
}
.count-input {
width: 57px;
height: 70px;
line-height: 15px;
border: 1px solid #f5f5f5;
border-radius: 5px;
text-align: center;
color: #677d8f;
}
.zoomWrapper {
position: relative;
}
.zoomContainer {
z-index: 100;
}
.zoomLens {
border: 1px solid #b0b0b0 !important;
}
.zoomWindowContainer > * {
border: 2px solid #b0b0b0 !important;
} @media (min-width: 768px) {
.image-scale {
position: relative;
overflow: hidden;
display: block;
}
.image-scale > a {
display: block;
overflow: hidden;
}
.image-scale img {
-webkit-transition: transform 0.4s ease-in-out 0.05s;
-moz-transition: transform 0.4s ease-in-out 0.05s;
-ms-transition: transform 0.4s ease-in-out 0.05s;
-o-transition: transform 0.4s ease-in-out 0.05s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
image-rendering: optimizeQuality;
vertical-align: middle;
max-width: 100%;
}
.image-scale:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);
transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);
}
}
.related .prd-grid:not(.prd-carousel) .prd {
width: calc(25% - 30px);
float: left;
clear:none;
}
.single-product .marker-list-arrow li,
.single-product .no-marker li{
margin-top: 0px;
}
.single-product .marker-list-arrow li:last-child,
.single-product .no-marker li:last-child{
border:none;
}
.woocommerce-Reviews .star-rating{
float: left;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 10px;
width: 5.4em;
font-family: star;
margin-top: 10px;
}
@media (min-width: 768px) {
.image-scale-color {
position: relative;
overflow: hidden;
display: block;
}
.image-scale-color > a {
display: block;
overflow: hidden;
}
.image-scale-color img {
-webkit-transition: transform 0.4s ease-in-out 0.05s;
-moz-transition: transform 0.4s ease-in-out 0.05s;
-ms-transition: transform 0.4s ease-in-out 0.05s;
-o-transition: transform 0.4s ease-in-out 0.05s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
image-rendering: optimizeQuality;
vertical-align: middle;
max-width: 100%;
}
.image-scale-color:after {
content: '';
background: #6fbf52;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
}
.image-scale-color:hover:after {
opacity: 0.2;
}
.image-scale-color:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);
transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);
}
}
@-webkit-keyframes arrowUpDown {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
}
}
@-moz-keyframes arrowUpDown {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
}
60% {
-moz-transform: translateY(-5px);
}
}
@-o-keyframes arrowUpDown {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-10px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes arrowUpDown {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 100px;
margin: 0;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
width: 100px;
margin: 0;
}
.prd-sm-img img {
max-width: 100%;
height: auto;
}
.widget_shopping_cart_content .prd-sm {
display: block;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
text-decoration: none;
}
.select2-container--default .select2-selection--single,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
border: 1px solid rgba(0,0,0,.1);
}
.woocommerce form .form-row .input-checkbox {
position: static;
}
.prd-grid:not(.prd-carousel) .product-category {
width: calc(33.333% - 30px);
float: left;
margin: 35px 15px 30px;
list-style: none;
}
.product-category h2.woocommerce-loop-category__title {
margin-top: 14px;
margin-bottom: 0;
font-size: 15px;
line-height: 24px;
text-transform: none;
color: #4b5b68;
font-weight: 400;
text-align: center;
}.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
} .noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
} html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
left: auto;
right: 0;
} .noUi-vertical .noUi-origin {
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
} .noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
right: -17px;
left: auto;
} .noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3FB8AF;
} .noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
} .noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
} [disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
} .noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
} .noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
} .noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
} .noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
} .noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%, 0);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}html,
body {
overflow-x: hidden
}
body {
font-family: 'Open Sans', sans-serif;
color: #677d8f;
font-size: 16px;
line-height: 28px;
font-weight: 400;
}
@media (max-width: 767px) {
body {
font-size: 14px;
line-height: 22px;
}
}
body.modal-open {
padding-right: 0 !important;
}
a {
text-decoration: none;
color: #677d8f;
}
a:hover,
a:focus {
text-decoration: none;
color: #677d8f;
}
p {
font-size: 16px;
line-height: 28px;
margin-bottom: 28px;
}
p.font-sm {
font-size: 15px;
line-height: 24px;
margin-bottom: 24px;
}
p.p-lg {
font-size: 18px;
line-height: 30px;
}
@media (max-width: 991px) {
p.p-lg {
font-size: 16px;
line-height: 27px;
}
}
p.info {
border-top: 1px solid #b7dfa8;
border-bottom: 1px solid #b7dfa8;
text-align: center;
padding: 12px 20px;
font-weight: bold;
margin: 0 0 35px;
}
*+p.info {
margin-top: 30px;
}
.max-700 {
max-width: 710px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 991px) {
.max-700 {
max-width: 650px;
}
}
.max-750 {
max-width: 750px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 991px) {
.max-750 {
max-width: 650px;
}
}
.max-800 {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.max-900 {
max-width: 910px;
margin-left: auto;
margin-right: auto;
}
.color,
a.color,
a.color:hover,
a.color:focus {
color: #6fbf52 !important;
}
.color-alt {
color: #95c504;
}
h1,
h2.h-lg {
font-size: 50px;
line-height: 60px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
margin: 0 0 38px;
color: #4b5b68;
}
@media (max-width: 991px) {
h1,
h2.h-lg {
font-size: 40px;
line-height: 46px;
}
}
@media (max-width: 479px) {
h1,
h2.h-lg {
font-size: 30px !important;
line-height: 34px !important;
}
}
h1.h-decor,
h2.h-decor {
padding-bottom: 34px;
background: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/h-decor.png) no-repeat bottom center;
}
@media (max-width: 767px) {
h1.h-decor,
h2.h-decor {
background: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/h-decor-sm.png) no-repeat bottom center;
}
}
h2,
h1.h-sm {
font-size: 36px;
line-height: 40px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
margin: 0 0 30px;
color: #4b5b68;
}
@media (max-width: 767px) {
h2,
h1.h-sm {
font-size: 28px;
line-height: 30px;
margin: 0 0 15px;
}
}
h3 {
font-size: 24px;
line-height: 1.2em;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
padding: 0;
margin: 0 0 20px;
color: #4b5b68;
}
h4 {
font-size: 22px;
line-height: 28px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
padding: 0;
margin: 0 0 25px;
color: #4b5b68;
}
h5 {
font-size: 20px;
line-height: 28px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
padding: 0;
margin: 0 0 15px;
color: #4b5b68;
}
h6 {
font-size: 16px;
line-height: 28px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
padding: 0;
margin: 0 0 15px;
color: #4b5b68;
}
h1.h-white,
h2.h-white,
h3.h-white,
h4.h-white,
h5.h-white,
h6.h-white {
color: #fff;
}
.divider-xl {
clear: both;
height: 60px;
}
.divider-lg {
clear: both;
height: 45px;
}
.divider {
clear: both;
height: 20px;
}
.divider-sm {
clear: both;
height: 10px;
}
.divider-line {
height: 25px;
border-bottom: 1px solid #e6e9ec;
margin-bottom: 25px;
}
.img-fullwidth {
width: 100%;
}
.marker-list {
margin: 0 0 25px;
padding: 0;
list-style: none;
}
@media (max-width: 767px) {
.marker-list {
margin-bottom: 10px;
}
}
.marker-list>li {
font-size: 16px;
line-height: 28px;
font-weight: 500;
position: relative;
padding-left: 27px;
margin-bottom: 10px;
margin-top: 0;
}
.marker-list>li:last-child {
margin-bottom: 0;
}
.marker-list>li:after {
position: absolute;
top: 0;
left: 0;
display: block;
font-family: 'cleaning';
content: "\e907";
font-size: 17px;
color: #6fbf52;
}
.social-list {
margin: 15px 0 15px;
padding: 0;
list-style: none;
}
.social-list>li {
display: inline-block;
margin-right: 7px;
margin-top: 0;
}
.social-list>li a {
font-size: 40px;
line-height: 40px;
text-decoration: none;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.social-list>li a:hover {
color: #6fbf52;
}
.social-list-sm {
margin: 15px 0 10px;
}
.social-list-sm>li {
display: inline-block;
margin-right: 5px;
}
.social-list-sm>li a {
font-size: 30px;
line-height: 30px;
}
.services-list,
#menu-service-menu.menu {
padding: 0;
margin-bottom: 50px;
font-size: 16px;
line-height: 19px;
text-align: left;
list-style: none;
}
.services-list li,
#menu-service-menu.menu li {
position: relative;
background-color: #f2f4f5;
margin-bottom: 1px;
margin-top: 0;
}
.services-list li a,
#menu-service-menu.menu li a {
display: block;
text-decoration: none;
color: #4b5b68;
padding: 15px 0 15px 22px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.services-list li:after,
#menu-service-menu.menu li:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 100%;
background: #6fbf52;
opacity: 0;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.services-list li:hover,
#menu-service-menu.menu li:hover {
background-color: #fff;
}
.services-list li:hover:after,
#menu-service-menu.menu li:hover:after {
opacity: 1;
}
.services-list li.active,
#menu-service-menu.menu li.current-menu-item {
background-color: #6fbf52;
}
.services-list li.active a,
#menu-service-menu.menu li.current-menu-item a {
color: #fff;
}
.services-list li.active a:before,
#menu-service-menu.menu li.current-menu-item a:before {
display: inline-block;
vertical-align: middle;
font-size: 12px;
color: #fff;
font-family: 'cleaning';
content: "\e90a";
padding: 0 10px 0 0;
} .panel-group {
margin-top: 25px;
margin-bottom: 0;
}
.panel-group#accordion {
margin-top: 0;
}
.faq-item .panel,
.faq-item.panel {
margin-bottom: 15px;
background: transparent;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
border-radius: 0;
}
.faq-item.last .panel,
.faq-item:last-child,
.faq-item:last-child .panel {
border-bottom: 0;
margin-bottom: 0;
}
.faq-item .panel-heading {
position: relative;
padding: 0;
}
.faq-item .panel-heading .panel-title {
text-align: left !important;
padding-bottom: 5px;
}
.faq-item .panel-heading .panel-title > a {
display: block;
position: relative;
padding: 15px 0 15px 70px;
font-size: 18px;
line-height: 23px;
font-weight: 600;
text-transform: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}
.cleaning-demo-two .faq-item .panel-heading .panel-title > a{
color: #3d4c58;
}
.faq-item .panel-heading .panel-title > a{
color: #6fbf52;
}
.faq-item .panel-heading .panel-title > a:hover {
color: #95c504;
padding-left: 85px;
}
@media screen and (max-width: 767px) {
.faq-item .panel-heading .panel-title > a:hover {
padding-left: 70px;
}
}
.faq-item .panel-heading a,
.faq-item .panel-heading a:hover {
text-decoration: none;
-webkit-transition: all 0.25 ease;
-moz-transition: all 0.25 ease;
-ms-transition: all 0.25 ease;
-o-transition: all 0.25 ease;
}
.faq-item .panel-heading a > span.caret-toggle {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 53px;
height: 53px;
font-size: 36px;
line-height: 51px;
font-weight: 400;
color: #6fbf52;
border-radius: 50%;
border: 2px solid #6fbf52;
text-align: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}
.faq-item .panel-heading a:hover > span.caret-toggle {
color: #95c504;
border-color: #95c504;
}
.faq-item .panel-heading a:not(.collapsed) > span.opened {
display: none;
}
.faq-item .panel-heading a.collapsed > span.closed {
display: none;
}
.faq-item .panel-collapse {
background: transparent;
}
.faq-item .panel-body {
border: 0;
padding: 0 0 25px 70px;
}
.faq-item .panel-body > p:last-child {
margin-bottom: 0;
}
.faq-item .panel-heading + .panel-collapse > .panel-body {
border: 0;
} .panel-group {
margin-top: 25px;
margin-bottom: 0;
}
.panel-group#accordion {
margin-top: 0;
}
.faq-item .panel,
.faq-item.panel {
margin-bottom: 15px;
background: transparent;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
border-radius: 0;
}
.faq-item.last .panel,
.faq-item:last-child,
.faq-item:last-child .panel {
border-bottom: 0;
margin-bottom: 0;
}
.faq-item .panel-heading {
position: relative;
padding: 0;
}
.faq-item .panel-heading .panel-title {
text-align: left !important;
padding-bottom: 5px;
}
.faq-item .panel-heading .panel-title > a {
display: block;
position: relative;
padding: 15px 0 15px 70px;
font-size: 18px;
line-height: 23px;
font-weight: 600;
text-transform: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}
.cleaning-demo-two .faq-item .panel-heading .panel-title > a {
color: #3d4c58;
}
.faq-item .panel-heading .panel-title > a {
color: #6fbf52;
}
.faq-item .panel-heading .panel-title > a:hover {
color: #95c504;
padding-left: 85px;
}
@media screen and (max-width: 767px) {
.faq-item .panel-heading .panel-title > a:hover {
padding-left: 70px;
}
}
.faq-item .panel-heading a,
.faq-item .panel-heading a:hover {
text-decoration: none;
-webkit-transition: all 0.25 ease;
-moz-transition: all 0.25 ease;
-ms-transition: all 0.25 ease;
-o-transition: all 0.25 ease;
}
.faq-item .panel-heading a > span.caret-toggle {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 53px;
height: 53px;
font-size: 36px;
line-height: 51px;
font-weight: 400;
color: #6fbf52;
border-radius: 50%;
border: 2px solid #6fbf52;
text-align: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}
.faq-item .panel-heading a:hover > span.caret-toggle {
color: #95c504;
border-color: #95c504;
}
.faq-item .panel-heading a:not(.collapsed) > span.opened {
display: none;
}
.faq-item .panel-heading a.collapsed > span.closed {
display: none;
}
.faq-item .panel-collapse {
background: transparent;
}
.faq-item .panel-body {
border: 0;
padding: 0 0 25px 70px;
}
.faq-item .panel-body > p:last-child {
margin-bottom: 0;
}
.faq-item .panel-heading + .panel-collapse > .panel-body {
border: 0;
}
.category-list,
.widget_categories {
margin: 0 0 55px;
padding: 0;
font-size: 16px;
line-height: 18px;
text-align: left;
list-style: none;
}
.category-list li,
.widget_categories li {
position: relative;
}
.category-list li a,
.widget_categories li a {
display: inline-block;
padding: 10px 0px;
font-size: 16px;
line-height: 18px;
font-weight: 600;
color: #4b5b68;
text-decoration: none;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.category-list li:before,
.widget_categories li:before {
display: inline-block;
vertical-align: middle;
font-size: 12px;
color: #6fbf52;
font-family: 'cleaning';
content: "\e90a";
padding: 0 12px 0 0;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.category-list li:hover a,
.widget_categories li:hover a {
color: #6fbf52;
}
.category-list li:hover:before,
.widget_categories li:hover:before {
padding: 0 16px 0 0;
}
.no-marker,
.marker-list-arrow {
margin: 0;
padding: 0;
list-style: none;
}
.no-marker>li,
.marker-list-arrow>li {
font-size: 15px;
line-height: 17px;
font-weight: 400;
position: relative;
padding: 10px 0;
border-bottom: 1px solid #f0f2f4;
}
.no-marker>li {
font-weight: 600;
}
.marker-list-arrow>li {
padding-left: 22px;
}
.marker-list-arrow>li:after {
position: absolute;
top: 11px;
left: 4px;
display: block;
font-family: 'cleaning';
content: "\e90a";
font-size: 8px;
color: #6fbf52;
}
.vert-wrap {
display: table;
height: 100%;
width: 100%;
position: relative;
z-index: 1;
}
.vert {
display: table-cell;
vertical-align: middle;
}
.more-loader {
display: none;
position: relative;
height: 50px;
}
.more-loader .loading-content {
display: block !important;
}
.more-loader.visible {
display: block;
text-align: center;
padding-bottom: 25px;
}
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>th {
padding: 15px 8px;
border-top: 0;
border-bottom: 3px solid #e5e5e5;
}
.table>tbody>tr>td {
border-top: 1px solid #e5e5e5;
padding: 10px 8px;
}
.table .cell-marker {
background: #6fbf52;
border-color: #6fbf52;
padding-left: 12px;
padding-right: 12px;
}
.table th.cell-marker {
border-color: #fff;
}
.pagination {
margin: 20px 0 30px;
}
.pagination {
margin: 0 auto;
width: 100%;
}
.nav-links {
margin: 0 auto;
display: table;
}
.nav-links>.page-numbers {
float: left;
width: 60px;
height: 60px;
background: #fff;
margin-right: 5px;
line-height: 58px;
text-align: center;
}
.nav-links>.page-numbers.current,
.nav-links>.page-numbers:hover {
display: inline-block;
border-radius: 50%;
margin-right: 5px;
width: 60px;
height: 60px;
text-align: center;
line-height: 58px;
}
.nav-links>.page-numbers:hover {
background: #f7f7f7;
color: #677d8f;
}
.nav-links>.page-numbers.current {
background: #6fbf52;
color: #fff;
}
.nav-links>.next.page-numbers {
background-color: transparent;
color: #677d8f;
}
.pagination>li>a,
.pagination>li>span {
padding: 0;
margin: 0;
width: 56px;
height: 56px;
font-size: 16px;
line-height: 56px;
font-weight: 66;
border: 0;
text-align: center;
border-radius: 50%;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.pagination>li>a,
.pagination>li>span,
.pagination>li>a:focus,
.pagination>li>span:focus {
color: #363636;
background-color: #fff;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-radius: 50%;
}
.pagination>li>a:hover,
.pagination>li>span:hover {
background-color: #f7f7f7;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover {
color: #fff;
background-color: #6fbf52;
}
.bg-text {
padding: 20px 10px 20px 40px;
}
.bg-text-inside {
width: 600px;
}
@media (max-width: 1199px) {
.bg-text-inside {
width: 445px;
}
}
@media (max-width: 991px) {
.bg-text-inside {
width: 100%;
}
.services-pages-list .list-item-services.vc_col-sm-3 {
width: 50% !important;
}
}
@media (max-width: 991px) {
.bg-text {
padding: 20px 15px;
}
}
@media (min-width: 992px) {
.row-flex-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #f6f6f7;
}
.row-flex-text>.col-50 {
-webkit-box-flex: 0;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
min-width: 50%;
}
}
@media (max-width: 991px) {
.row-flex-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.row-flex-text>.col-50 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.contact-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #f3f3f3;
padding: 26px 30px;
color: #4b5b68;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1199px) {
.contact-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 10px;
text-align: center;
margin-right: 0px;
margin-left: 0px;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.services-pages-list .list-item-services.vc_col-sm-3 {
width: 50% !important;
float: left;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.contact-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 10px;
}
.contact-box>* {
margin: 10px 0;
}
}
.contact-info-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-right: 40px;
}
@media (max-width: 767px) {
.contact-info-wrap {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-right: 0;
width: 100%;
}
}
@media (max-width: 600px) {
.contact-info-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.contact-info-wrap>* {
margin: 10px auto;
width: 300px;
}
}
.contact-info {
padding-left: 35px;
position: relative;
font-size: 16px;
line-height: 28px;
text-align: left;
}
.contact-info>.icon {
position: absolute;
top: 4px;
left: 0;
font-size: 24px;
line-height: 1em;
color: #6fbf52;
}
.contact-info-sm {
margin: 35px 0 40px;
padding-left: 43px;
position: relative;
text-align: left;
}
.contact-info-sm:first-child {
margin-top: 0;
}
.contact-info-sm>.icon {
position: absolute;
top: 5px;
left: 0;
font-size: 26px;
line-height: 1em;
color: #6fbf52;
}
.contact-info-sm>h5 {
text-transform: none;
margin-bottom: 10px;
}
.address-box {
background-color: #f6f6f7;
padding: 25px 35px 10px;
}
@media (max-width: 767px) {
.address-box {
margin-top: 25px;
}
.showallServices {
text-align: center;
text-decoration: underline;
margin-top: 20px;
}
}
.address-box .contact-info-sm {
margin-top: 15px;
}
.address-box b {
font-weight: 600;
}
.address-box,
.address-box a {
color: #8091a0;
}
.address-box a {
text-decoration: underline;
}
.address-box a:hover {
text-decoration: none;
}
.address-box .social-list-sm {
margin-top: 20px;
}
.google-map {
min-height: 446px;
width: 100%;
}
@media (max-width: 767px) {
.google-map {
min-width: 300px;
}
.services-pages-list .wpb_content_element {
margin-bottom: 0px !important;
}
}
b,
strong {
font-weight: 700;
-webkit-appearance: none;
}
.num-box {
position: relative;
padding: 0 40px 0 37px;
}
.num-box-title {
font-size: 20px;
margin-bottom: 15px;
}
@media (max-width: 1199px) {
.num-box-title {
font-size: 18px;
margin-bottom: 8px;
}
}
.num-box-num {
position: absolute;
left: 0;
top: 0;
font-size: 22px;
font-weight: bold;
color: #6fbf52;
}
@media (max-width: 1199px) {
.num-box-num {
font-size: 20px;
}
}
@media (max-width: 991px) {
.num-box-num {
top: 5px;
}
}
.num-box+.num-box {
margin-top: 35px;
}
@media (max-width: 1199px) {
.num-box+.num-box {
margin-top: 25px;
}
}
.marker-box {
position: relative;
padding: 0 40px 0 37px;
}
@media (max-width: 991px) {
.marker-box {
padding: 0 0 0 27px;
}
}
.marker-box-title {
font-size: 20px;
margin-bottom: 15px;
}
@media (max-width: 991px) {
.marker-box-title {
font-size: 18px;
margin-bottom: 4px;
}
}
.marker-box-marker {
position: absolute;
left: 0;
top: 4px;
font-size: 16px;
font-weight: bold;
color: #6fbf52;
}
@media (max-width: 991px) {
.marker-box-marker {
top: 6px;
}
}
.marker-box p:last-child {
margin-bottom: 0;
}
.p-lg+.marker-box {
margin-top: 35px;
}
@media (max-width: 991px) {
.p-lg+.marker-box {
margin-top: 25px;
}
}
@media (max-width: 767px) {
.p-lg+.marker-box {
margin-top: 10px;
}
}
.marker-box+.marker-box {
margin-top: 35px;
}
@media (max-width: 991px) {
.marker-box+.marker-box {
margin-top: 25px;
}
}
@media (max-width: 767px) {
.marker-box+.marker-box {
margin-top: 10px;
}
}
.row-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.row-flex .col-sm-6 {
flex-basis: 50%;
min-width: 50%;
}
.align-center {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 767px) {
.flex-column-sm {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-column-sm .col-sm-6 {
flex-basis: 100%;
min-width: 100%;
}
}
@media (min-width: 1200px) {
.pl-lg-40 {
padding-left: 40px;
}
.pl-lg-20 {
padding-left: 20px;
}
.p-lg-15 {
padding: 0 15px;
}
}
.img-with-shtamp {
position: relative;
}
@media (max-width: 767px) {
.img-with-shtamp {
max-width: calc(100% - 100px);
margin: 80px auto 0;
}
}
@media (max-width: 479px) {
.img-with-shtamp {
max-width: calc(100% - 80px);
margin: 70px auto 0;
}
}
.img-with-shtamp .shtamp {
position: absolute;
z-index: 1;
top: 0;
left: 0;
transform: translate(-50%, -50%);
}
.img-with-shtamp .shtamp img {
max-width: 153px;
}
@media (max-width: 1199px) {
.img-with-shtamp .shtamp img {
max-width: 120px;
}
}
@media (max-width: 767px) {
.img-with-shtamp .shtamp img {
max-width: 100px;
}
}
@media (max-width: 479px) {
.img-with-shtamp .shtamp img {
max-width: 80px;
}
}
.final-price {
font-size: 48px;
line-height: 1em;
font-weight: bold;
color: #95c504;
}
@media (max-width: 767px) {
.final-price {
font-size: 36px;
}
}
.d-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.text-center>.d-flex {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.birthstone-bounce-regular {
font-family: "Birthstone Bounce", cursive;
font-weight: 400;
font-style: normal;
}
.birthstone-bounce-medium {
font-family: "Birthstone Bounce", cursive;
font-weight: 500;
font-style: normal;
} body.is-loaded .loading-content {
opacity: 0;
visibility: hidden;
}
body>.loading-content {
z-index: 10000;
position: fixed;
font-size: 30px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.loading-content .loaded-text {
position: relative;
font-size: 80px;
line-height: 1em;
font-family: 'Poppins', sans-serif;
color: #95c504;
-webkit-text-fill-color: transparent;
font-weight: 600;
text-stroke: 1px #95c504;
-webkit-text-stroke: 1px #95c504;
}
@media (max-width: 767px) {
.loading-content .loaded-text {
font-size: 50px;
}
}
.loading-content .loaded-text:after,
.loading-content .loaded-text:before {
position: absolute;
top: 0;
left: 0;
color: #95c504;
content: attr(data-text);
-webkit-text-fill-color: #95c504;
}
.loading-content .loaded-text:before {
text-stroke: 1px #95c504;
-webkit-text-stroke: 1px #95c504;
font-weight: 600;
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0);
-webkit-animation: fill_text 7s;
-moz-animation: fill_text 7s;
animation: fill_text 7s;
}
.loading-content .loaded-text.loaded-text-loaded:after {
clip-path: inset(0 0 0 0);
-webkit-clip-path: inset(0 0 0 0);
}
.loading-content .loaded-text:after {
text-stroke: 1px #95c504;
-webkit-text-stroke: 1px #95c504;
font-weight: 700!important;
clip-path: inset(100% 0 0 0);
-webkit-clip-path: inset(100% 0 0 0);
-webkit-transition: 2s;
-moz-transition: 2s;
-ms-transition: 2s;
-o-transition: 2s;
}
@keyframes fill_text {
to {
clip-path: inset(0 0 0 0);
-webkit-clip-path: inset(0 0 0 0);
}
}
.loading-content {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 200;
background-color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
opacity: 1;
pointer-events: none;
visibility: visible;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.loading-content.disable {
opacity: 0;
}
.loading-dots {
margin-left: -1.5em;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-animation: loading-dots-fadein 0.5s linear forwards;
-moz-animation: loading-dots-fadein 0.5s linear forwards;
-o-animation: loading-dots-fadein 0.5s linear forwards;
-ms-animation: loading-dots-fadein 0.5s linear forwards;
animation: loading-dots-fadein 0.5s linear forwards;
}
.loading-dots i {
width: .5em;
height: .5em;
display: inline-block;
vertical-align: middle;
background: #e0e0e0;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 .125em;
-webkit-animation: loading-dots-middle-dots 0.5s linear infinite;
-moz-animation: loading-dots-middle-dots 0.5s linear infinite;
-o-animation: loading-dots-middle-dots 0.5s linear infinite;
-ms-animation: loading-dots-middle-dots 0.5s linear infinite;
animation: loading-dots-middle-dots 0.5s linear infinite;
}
.loading-dots.dark-gray i {
background: #6fbf52;
}
.loading-dots i:first-child {
-webkit-animation: loading-dots-first-dot 0.5s infinite;
-moz-animation: loading-dots-first-dot 0.5s linear infinite;
-o-animation: loading-dots-first-dot 0.5s linear infinite;
-ms-animation: loading-dots-first-dot 0.5s linear infinite;
animation: loading-dots-first-dot 0.5s linear infinite;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: translate(-1em);
-moz-transform: translate(-1em);
-o-transform: translate(-1em);
-ms-transform: translate(-1em);
transform: translate(-1em);
}
.loading-dots i:last-child {
-webkit-animation: loading-dots-last-dot 0.5s linear infinite;
-moz-animation: loading-dots-last-dot 0.5s linear infinite;
-o-animation: loading-dots-last-dot 0.5s linear infinite;
-ms-animation: loading-dots-last-dot 0.5s linear infinite;
animation: loading-dots-last-dot 0.5s linear infinite;
}
@-moz-keyframes loading-dots-fadein {
100% {
opacity: 1;
-ms-filter: none;
filter: none;
}
}
@-webkit-keyframes loading-dots-fadein {
100% {
opacity: 1;
-ms-filter: none;
filter: none;
}
}
@-o-keyframes loading-dots-fadein {
100% {
opacity: 1;
-ms-filter: none;
filter: none;
}
}
@keyframes loading-dots-fadein {
100% {
opacity: 1;
-ms-filter: none;
filter: none;
}
}
@-moz-keyframes loading-dots-first-dot {
100% {
-webkit-transform: translate(1em);
-moz-transform: translate(1em);
-o-transform: translate(1em);
-ms-transform: translate(1em);
transform: translate(1em);
opacity: 1;
-ms-filter: none;
filter: none;
}
}
@-webkit-keyframes loading-dots-first-dot {
100% {
-webkit-transform: translate(1em);
-moz-transform: translate(1em);
-o-transform: translate(1em);
-ms-transform: translate(1em);
transform: translate(1em);
opacity: 1;
-ms-filter: none;
filter: none;
}
}
@-o-keyframes loading-dots-first-dot {
100% {
-webkit-transform: translate(1em);
-moz-transform: translate(1em);
-o-transform: translate(1em);
-ms-transform: translate(1em);
transform: translate(1em);
opacity: 1;
-ms-filter: none;
filter: none;
}
}
@keyframes loading-dots-first-dot {
100% {
-webkit-transform: translate(1em);
-moz-transform: translate(1em);
-o-transform: translate(1em);
-ms-transform: translate(1em);
transform: translate(1em);
opacity: 1;
-ms-filter: none;
filter: none;
}
}
@-moz-keyframes loading-dots-middle-dots {
100% {
-webkit-transform: translate(1em);
-moz-transform: translate(1em);
-o-transform: translate(1em);
-ms-transform: translate(1em);
transform: translate(1em);
}
}
@-webkit-keyframes loading-dots-middle-dots {
100% {
-webkit-transform: translate(1em);
-moz-transform: translate(1em);
-o-transform: translate(1em);
-ms-transform: translate(1em);
transform: translate(1em);
}
}
@-o-keyframes loading-dots-middle-dots {
100% {
-webkit-transform: translate(1em);
-moz-transform: translate(1em);
-o-transform: translate(1em);
-ms-transform: translate(1em);
transform: translate(1em);
}
}
@keyframes loading-dots-middle-dots {
100% {
-webkit-transform: translate(1em);
-moz-transform: translate(1em);
-o-transform: translate(1em);
-ms-transform: translate(1em);
transform: translate(1em);
}
}
@-moz-keyframes loading-dots-last-dot {
100% {
-webkit-transform: translate(2em);
-moz-transform: translate(2em);
-o-transform: translate(2em);
-ms-transform: translate(2em);
transform: translate(2em);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
}
@-webkit-keyframes loading-dots-last-dot {
100% {
-webkit-transform: translate(2em);
-moz-transform: translate(2em);
-o-transform: translate(2em);
-ms-transform: translate(2em);
transform: translate(2em);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
}
@-o-keyframes loading-dots-last-dot {
100% {
-webkit-transform: translate(2em);
-moz-transform: translate(2em);
-o-transform: translate(2em);
-ms-transform: translate(2em);
transform: translate(2em);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
}
@keyframes loading-dots-last-dot {
100% {
-webkit-transform: translate(2em);
-moz-transform: translate(2em);
-o-transform: translate(2em);
-ms-transform: translate(2em);
transform: translate(2em);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
}
body.admin-bar .page-header.is-sticky {
top: 30px;
}
@media (max-width: 767px) {
.admin-bar .page-header.is-sticky {
top: -50px !important;
}
}
body.admin-bar.fixed {
top: 0px;
} input,
select,
textarea {
font-family: 'Open Sans', sans-serif;
}
.input-custom {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 5px;
padding: 14px 15px 14px;
font-size: 15px;
line-height: 24px;
height: 54px;
background: #fff;
border: 1px solid #d7dbdf;
border-radius: 3px;
color: #2b2b2b;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.input-custom:hover,
.input-custom:focus,
.input-custom.focus {
outline: none;
border-color: #6fbf52;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.input-custom.input-full {
width: 100%;
}
.input-custom.input-custom--sm {
padding: 9px 15px;
height: 42px;
line-height: 20px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background: #fff;
}
.textarea-custom {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 5px;
padding: 14px 15px 14px;
font-size: 15px;
line-height: 24px;
height: 54px;
background: #fff;
border: 1px solid #d7dbdf;
border-radius: 3px;
color: #2b2b2b;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
min-height: 193px;
height: auto;
}
.textarea-custom:hover,
.textarea-custom:focus,
.textarea-custom.focus {
outline: none;
border-color: #6fbf52;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.textarea-custom.input-full {
width: 100%;
}
.input-wrapper {
position: relative;
margin-bottom: 15px;
}
.placeholder {
font-size: 15px;
line-height: 20px;
color: #a7b3bd;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-size: 15px;
line-height: 20px;
color: #a7b3bd;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
font-size: 15px;
line-height: 20px;
color: #a7b3bd;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-size: 15px;
line-height: 20px;
color: #a7b3bd;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
font-size: 15px;
line-height: 20px;
color: #a7b3bd;
}
.required {
color: red;
}
input.input-custom,
textarea.textarea-custom,
.select-wrapper select.input-custom {
-webkit-appearance: none;
-moz-appearance: none;
}
.select-wrapper {
position: relative;
}
.select-wrapper:before {
content: '\25BE';
position: absolute;
right: 1px;
top: 1px;
bottom: 1px;
width: 52px;
height: 52px;
font-size: 14px;
line-height: 54px;
pointer-events: none;
color: #5d6a75;
text-align: center;
z-index: 999;
}
.select-wrapper select {
padding-right: 40px;
width: 100%;
background-color: #fff;
color: #2b2b2b;
}
.select-wrapper--sm:before {
width: 40px;
height: 40px;
line-height: 42px;
}
.select-wrapper.select-time {
width: 110px;
display: inline-block;
}
.widget select {
-webkit-appearance: menuitemtext;
-o-appearance: menuitemtext;
-ms-appearance: menuitemtext;
} select::-ms-expand {
display: none;
}
.contact-form {
margin-bottom: 15px;
margin-top: 0;
}
label {
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-bottom: 5px;
color: #000;
}
form label.error {
display: block;
color: #ff0000;
font-size: 13px !important;
opacity: 1 !important;
margin-top: -18px;
}
form.contact-form label.error {
margin-top: -5px;
}
form.contact-form textarea+label.error {
margin-top: -12px;
}
.successform,
.errorform {
display: none;
min-height: 50px;
}
.successform,
.errorform {
margin-top: 15px;
}
.successform p,
.errorform p {
margin-bottom: 0 !important;
}
.successform {
color: #6fbf52;
}
.errorform {
color: #c0392b;
}
.form-table input::-webkit-input-placeholder {
color: #000;
}
.form-table input::-moz-placeholder {
color: #000;
}
.form-table input:-ms-input-placeholder {
color: #000;
}
.form-table input:-moz-placeholder {
color: #000;
}
@media (min-width: 992px) {
.form-table {
display: table;
width: 100%;
table-layout: fixed;
padding-top: 5px;
}
.form-table .form-group-cell {
display: table-cell;
vertical-align: top;
padding: 0 10px;
}
.form-table .form-group-cell.sm {
width: 125px;
}
.form-table .form-group-cell.action {
width: 190px;
}
.form-table .form-group-cell .btn {
height: 55px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.form-table .form-group-cell {
display: inline-block;
vertical-align: top;
padding: 0 10px;
width: 50%;
margin-right: -4px;
}
.form-table .form-group-cell.sm {
width: 125px;
}
.form-table .form-group-cell.action {
width: 190px;
}
.form-table .form-group-cell .btn {
height: 55px;
}
}
@media (max-width: 767px) {
.form-table {
max-width: 460px;
margin: 0 auto;
}
}
.label-box-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@media (max-width: 600px) {
.label-box-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.label-box-wrap>* {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 10px;
text-align: center;
}
@media (max-width: 600px) {
.label-box-wrap>* {
min-width: 150px;
margin: 10px !important;
}
}
.label-box-wrap>*:first-child {
margin-left: 0;
}
.label-box-wrap>*:last-child {
margin-right: 0;
}
.label-box-wrap input[type=radio] {
position: absolute;
left: -9999px;
}
.label-box-wrap input[type=radio]+label {
height: 86px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
text-align: center;
cursor: pointer;
border-radius: 3px;
font-size: 15px;
line-height: 24px;
color: #a7b3bd;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.label-box-wrap input[type=radio]+label b {
display: block;
color: #677d8f;
font-weight: 600;
}
.label-box-wrap input[type=radio]:checked+label {
background-color: #6fbf52;
}
.label-box-wrap input[type=radio]:checked+label,
.label-box-wrap input[type=radio]:checked+label b {
color: #fff;
}
.order-form-box {
border: 1px solid #e6e9ec;
padding: 26px 18px 35px;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199px) {
.order-form-box {
padding: 33px 20px;
}
}
.order-form-box .input-custom {
margin-bottom: 0;
}
.input-custom.datetimepicker {
display: inline;
}
.order-form-box h4 {
margin-bottom: 7px;
}
.order-form-box h6 {
margin-bottom: 0;
}
.order-form-box h6+input,
.order-form-box h6+.select-wrapper {
margin-top: 15px;
}
.order-form-box p {
margin-bottom: 15px;
}
.order-form-box .divider-line {
position: relative;
margin-left: -33px;
margin-right: -33px;
height: 10px;
margin-bottom: 30px;
width: calc(100% + 66px);
}
.slick-slide img {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 1199px) {
.order-form-box .divider-line {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
}
}
.order-form-box .divider {
height: 26px;
}
.defr-content {
display: block;
}
@media (max-width: 767px) {
.order-form-box .text-center-xs {
text-align: center;
}
}
.input-comment {
font-size: 13px;
line-height: 14px;
color: #a7b3bd;
margin-bottom: 15px;
}
.qty-count.qty-count--order {
background: transparent;
position: relative;
width: 100%;
margin: 0;
}
.qty-count.qty-count--order .count-add,
.qty-count.qty-count--order .count-reduce {
position: absolute;
z-index: 1;
top: 28px;
left: 1px;
height: 42px;
width: 40px;
text-align: center;
line-height: 38px;
color: #a8b3bd;
font-size: 20px;
border-right: 1px solid #e6e9ec;
background: transparent;
}
.qty-count.qty-count--order .count-add {
left: auto;
right: 1px;
border-left: 1px solid #e6e9ec;
border-right: 0;
line-height: 42px;
}
.qty-count.qty-count--order .count-input {
width: 100%;
padding-left: 50px;
padding-right: 50px;
height: 42px;
line-height: 24px;
background: #fff;
border: 1px solid #d7dbdf;
border-radius: 3px;
text-align: center;
color: #2b2b2b;
font-size: 15px;
}
.qty-count.qty-count--order:only-child {
margin-bottom: 18px;
}
.datetimepicker-wrap .form-control,
.timepicker-wrap .form-control {
width: 100%;
}
.datetimepicker-wrap {
position: relative;
}
.select-wrapper-self p {
display: inline-block;
}
.defr-content {
display: block !important;
}
.datetimepicker-wrap.icon-time:before {
content: "\e90d";
font-family: 'cleaning';
position: absolute;
display: block;
top: 50%;
margin-top: -10px;
right: 15px;
font-size: 15px;
line-height: 20px;
color: #6fbf52;
z-index: 999;
}
.timepicker-wrap {
position: relative;
}
.timepicker-wrap:before {
content: "\e913";
font-family: 'cleaning';
position: absolute;
display: block;
top: 50%;
margin-top: -10px;
right: 15px;
font-size: 15px;
line-height: 20px;
color: #6fbf52;
}
.bootstrap-datetimepicker-widget .btn[data-action] {
width: auto;
background: transparent !important;
min-width: 0;
}
.bootstrap-datetimepicker-widget .btn[data-action]:after,
.bootstrap-datetimepicker-widget .btn[data-action]:before {
display: none;
opacity: 1;
}
.bootstrap-datetimepicker-widget .btn[data-action].btn-primary {
border: 0;
background-color: #95c504 !important;
color: #fff;
}
.bootstrap-datetimepicker-widget table td span {
display: block;
opacity: 1;
}
.order-form-box .input-custom {
height: 46px !important;
padding: 8px 15px !important;
}
.label-box-wrap input[type=radio]+span {
height: 86px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
text-align: center;
cursor: pointer;
border-radius: 3px;
font-size: 15px;
line-height: 24px;
color: #a7b3bd;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
width: 150px;
padding: 0px 2px;
} button,
.btn {
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
button:focus,
.btn:focus,
button:active:focus,
.btn:active:focus,
button.active:focus,
.btn.active:focus,
button.focus,
.btn.focus,
button:active.focus,
.btn:active.focus,
button.active.focus,
.btn.active.focus {
outline: 0;
outline: none;
}
button:hover,
.btn:hover,
button:focus,
.btn:focus,
button.focus,
.btn.focus {
outline: 0;
outline: none;
}
button:active,
.btn:active,
button.active,
.btn.active {
outline: 0;
outline: none;
}
.more-link {
display: inline-block;
}
.btn,
.more-link {
padding: 15px 29px;
font-size: 17px;
line-height: 28px;
font-weight: 600;
height: auto;
background-color: #95c504;
color: #fff;
border-radius: 27.5px;
border: 0;
vertical-align: top;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
text-decoration: none;
text-transform: uppercase;
position: relative;
overflow: hidden;
}
.more-link {
margin-top: 30px;
}
.btn.focus,
.more-link .focus,
.btn:focus,
.more-link:focus {
background-color: #95c504;
color: #fff;
}
.btn:hover,
.more-link:hover,
.btn.active,
.more-link.active .btn:active,
.more-link:active {
background: #95c504;
color: #fff;
}
.btn:focus,
.more-link:focus {
outline: 0;
}
.btn:before {
content: '';
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.5);
width: 60px;
height: 100%;
left: 0;
top: 0;
opacity: .5;
-webkit-filter: blur(30px);
filter: blur(30px);
-webkit-transform: translateX(-100px) skewX(-10deg);
-ms-transform: translateX(-100px) skewX(-10deg);
transform: translateX(-100px) skewX(-10deg);
}
.btn:after {
content: '';
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.2);
width: 30px;
height: 100%;
left: 30px;
top: 0;
opacity: 0;
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transform: translateX(-100px) skewX(-10deg);
-ms-transform: translateX(-100px) skewX(-10deg);
transform: translateX(-100px) skewX(-10deg);
}
.btn:hover {
background: #338033;
cursor: pointer;
}
.btn:hover:before {
-webkit-transform: translateX(300px) skewX(-10deg);
-ms-transform: translateX(300px) skewX(-10deg);
transform: translateX(300px) skewX(-10deg);
opacity: 0.6;
-webkit-transition: .7s;
-o-transition: .7s;
transition: .7s;
}
.btn:hover:after {
-webkit-transform: translateX(300px) skewX(-10deg);
-ms-transform: translateX(300px) skewX(-10deg);
transform: translateX(300px) skewX(-10deg);
opacity: 1;
-webkit-transition: .7s;
-o-transition: .7s;
transition: .7s;
}
.btn span {
display: inline-block;
vertical-align: middle;
}
.btn [class*='icon'] {
display: inline-block;
vertical-align: sub;
padding-right: 10px;
font-size: 20px;
margin-left: 0;
width: auto;
}
.btn.text-left {
text-align: left;
}
.btn.text-right {
text-align: right;
}
.btn-border {
background-color: transparent !important;
color: #3d4b57 !important;
line-height: 21px !important;
border: 2px solid #95c504 !important;
}
.btn-border:hover {
background: #95c504 !important;
color: #ffffff !important;
}
.btn-sm {
padding: 10px 26px;
font-size: 17px;
line-height: 23px;
border-radius: 21px;
}
.btn-wide {
min-width: 264px;
}
.btn-lg {
padding: 17px 29px;
font-size: 20px;
line-height: 26px;
border-radius: 31px;
}
.btn-full {
width: 100%;
}
.btn-invert {
background: #95c504;
}
.btn-invert.focus,
.btn-invert:focus {
background: #95c504;
}
.btn-white,
.btn-white.focus,
.btn-white:focus {
background: #fff;
color: #425d74;
}
.btn-white:hover,
.btn-white.active,
.btn-white:active {
background-color: #6fbf52 !important;
color: #fff !important;
}
.btn-white:hover [class*='icon'],
.btn-white.active [class*='icon'],
.btn-white:active [class*='icon'] {
color: #fff;
}
.btn-white [class*='icon'] {
color: #6fbf52;
}
.btn-inline .btn {
margin: 0 24px 10px 0;
}
.text-center .btn-inline .btn {
margin: 0 12px 10px;
}
@-webkit-keyframes ring {
0% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
2% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
4% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
6% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
8% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
10% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
12% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes ring {
0% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
2% {
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
4% {
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
}
6% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
8% {
-webkit-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg);
}
10% {
-webkit-transform: rotate(12deg);
-ms-transform: rotate(12deg);
transform: rotate(12deg);
}
12% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.btn:hover>.icon-bell {
-webkit-animation: ring 10s ease .1s;
animation: ring 10s ease .1s;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
transform-origin-z: initial;
} .social-links ul {
margin: 0;
padding: 0;
}
.social-links ul li {
display: inline-block;
margin: 0 7px 5px 0;
list-style: none;
text-align: center;
}
@media screen and (max-width: 767px) {
.social-links ul li {
margin: 0 4px 3px 0;
}
}
.social-links ul li:last-child {
margin-right: 0;
}
.social-links ul li a {
font-size: 45px;
color: #6fbf52;
text-decoration: none;
cursor: pointer;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
}
@media screen and (max-width: 767px) {
.social-links ul li a {
font-size: 36px;
}
}
.social-links ul li a:hover {
color: #95c504;
}
.link a {
font-size: 34px;
line-height: 1em;
color: #6fbf52;
text-decoration: none;
padding: 0 4px 0 0;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
}
.link a:hover {
color: #95c504;
}
a.icon-facebook-logo:hover {
color: #3b5998 !important;
}
a.icon-twitter-logo:hover {
color: #55acee !important;
}
a.icon-google-plus-logo:hover {
color: #dd4b39 !important;
}
a.icon-linkedin-logo:hover {
color: #95c504 !important;
}
a.icon-pinterest-logo:hover {
color: #C92228 !important;
}
a.icon-instagram-logo:hover {
color: #4E433C !important;
} .tag {
display: block;
color: #677d8f;
font-size: 15px;
line-height: 24px;
padding: 5px 10px;
text-decoration: none;
border: 1px solid #b7dfa8;
border-radius: 3px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.tags-list,
.tagcloud {
position: relative;
list-style: none;
margin: 30px 0 0;
padding: 0;
}
.tags-list li,
.tagcloud a {
display: inline-block;
padding: 0;
margin-bottom: 7px;
margin-right: 5px;
}
.tags-list li a,
.tagcloud a {
color: #677d8f;
font-size: 15px !important;
line-height: 24px;
padding: 5px 10px;
text-decoration: none;
border: 1px solid #b7dfa8;
border-radius: 3px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.tags-list li a:hover,
.tagcloud a:hover {
background-color: #6fbf52;
border-color: #6fbf52;
color: #fff;
}
.widget_calendar th {
background-color: #f5f5f5;
}
.widget_calendar th,
.widget_calendar td {
border: 1px solid #f7f7f7;
color: #2c2c2c;
cursor: pointer;
line-height: 34px;
text-align: center;
font-weight: 400;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
padding: 0px;
}
.widget_calendar table {
border: none;
}
.widget_calendar caption {
padding-top: 8px;
padding-bottom: 15px;
color: #444;
text-align: left;
text-transform: uppercase;
font-weight: 600;
}
.side-block .blog-post .post-image img {
margin-bottom: 10px;
}
.post-title a {
color: #4b5b68;
} .calendar__header {
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
font-weight: 600;
color: #425d74;
padding: 0 0 15px;
}
.calendar__footer {
font-size: 16px;
color: #425d74;
padding: 10px 0 0;
}
.calendar__footer a {
text-decoration: none;
}
.calendar__footer a:hover {
color: #6fbf52;
}
.calendar table {
background: #fff;
border-collapse: collapse;
font-size: 14px;
width: 100%;
max-width: 350px;
border-spacing: 1px;
border-collapse: separate;
}
.calendar th,
.calendar td {
border: 1px solid #f7f7f7;
color: #2c2c2c;
cursor: pointer;
line-height: 36px;
text-align: center;
font-weight: 400;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.calendar th:hover,
.calendar td:hover {
background-color: #f5f5f5;
}
.calendar th {
background-color: #f5f5f5;
}
.calendar tr:first-child td {
color: #2c2c2c;
padding-bottom: 10px;
}
.calendar .selected,
.calendar .selected:hover {
background-color: #6fbf52;
color: #fff;
} .nav-tabs {
border-bottom: 1px solid #d8d8d8;
}
.nav-tabs>li {
margin: 0 20px;
}
@media (max-width: 479px) {
.nav-tabs>li {
width: 100%;
margin: 0;
}
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
border-width: 0;
}
.nav-tabs>li>a {
padding-left: 0;
padding-right: 0;
font-size: 24px;
line-height: 24px;
font-weight: 600;
border: none;
color: #4b5b68;
text-decoration: none;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
border: none;
color: #6fbf52 !important;
background: transparent;
}
.nav-tabs>li>a::after {
content: "";
background: #6fbf52;
height: 4px;
position: absolute;
width: 100%;
left: 0px;
bottom: -1px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.tab-nav>li>a::after {
background: #6fbf52 none repeat scroll 0% 0%;
color: #fff;
}
.tab-pane {
padding: 15px 0;
}
.tab-content {
padding: 20px;
}
.tab-content.tab-content-nopad {
padding: 0;
}
@media (max-width: 479px) {
.tab-content {
padding: 0;
}
}
.tab-services .tab-content {
position: relative;
}
.tab-services .tab-content>.tab-pane {
display: block;
position: absolute;
width: calc(100% + 30px);
top: -10000px;
}
.tab-services .tab-content>.active {
position: relative;
top: 0;
}
.nav-pills {
margin: 70px 0 47px;
text-align: center;
}
.nav-pills>li {
display: inline-block;
float: none;
margin: 0 3px 10px 3px;
}
.nav-pills>li>a {
display: block;
border-radius: 0;
padding: 0 18px;
min-width: 50px;
border: 1px solid #eaeaea;
font-size: 14px;
line-height: 53px;
color: #383838;
text-decoration: none;
text-align: center;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
background: #6fbf52;
border-color: #6fbf52;
color: #383838;
}
.nav-tabs.nav-tabs--sm {
margin-left: -24px;
margin-bottom: 25px;
border-bottom: 0;
}
@media (max-width: 991px) {
.nav-tabs.nav-tabs--sm {
margin-left: -18px;
margin-bottom: 5px;
}
}
@media (max-width: 479px) {
.nav-tabs.nav-tabs--sm {
margin-left: -12px;
}
}
.nav-tabs.nav-tabs--sm>li.active>a,
.nav-tabs.nav-tabs--sm>li.active>a:focus,
.nav-tabs.nav-tabs--sm>li.active>a:hover {
position: relative;
color: #95c504 !important;
background-color: transparent;
}
.nav-tabs.nav-tabs--sm>li {
margin: 0;
}
@media (max-width: 479px) {
.nav-tabs.nav-tabs--sm>li {
width: auto;
}
}
.nav-tabs.nav-tabs--sm>li>a {
font-size: 20px;
line-height: 24px;
font-family: 'Poppins', sans-serif;
padding: 0 24px;
color: #3d4c58;
}
@media (max-width: 991px) {
.nav-tabs.nav-tabs--sm>li>a {
font-size: 18px;
padding: 0 16px;
}
}
@media (max-width: 479px) {
.nav-tabs.nav-tabs--sm>li>a {
font-size: 16px;
padding: 0 12px;
}
}
.nav-tabs.nav-tabs--sm>li>a:hover {
color: #95c504 !important;
}
.nav-tabs.nav-tabs--sm>li>a:after {
left: auto;
right: -2px;
top: 6px;
width: 1px;
height: 14px;
background-color: #3d4c58;
transform: scale(1);
}
@media (max-width: 991px) {
.nav-tabs.nav-tabs--sm>li>a:after {
top: 4px;
}
}
@media (max-width: 479px) {
.nav-tabs.nav-tabs--sm>li>a:after {
top: 3px;
}
}
.nav-tabs.nav-tabs--sm>li:last-child>a:after {
display: none;
}
.nav-tabs--rounded {
position: relative;
overflow: hidden;
z-index: 1;
margin: 16px auto 30px;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
text-align: center;
border: 1px solid #edeff1;
border-radius: 55px;
height: 55px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
border-bottom: 0;
}
@media (max-width: 479px) {
.nav-tabs--rounded {
margin: 10px auto 15px;
border-radius: 0;
height: auto;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0;
}
}
.nav-tabs--rounded>li.active>a,
.nav-tabs--rounded>li.active>a:focus,
.nav-tabs--rounded>li.active>a:hover {
position: relative;
color: #3d4c58 !important;
background-color: #f1f2f3;
}
.nav-tabs--rounded>li.active>a:after,
.nav-tabs--rounded>li.active>a:focus:after,
.nav-tabs--rounded>li.active>a:hover:after {
transform: scale(1);
}
.nav-tabs.nav-tabs--rounded>li {
margin: 0;
width: auto;
}
.nav-tabs.nav-tabs--rounded>li>a {
margin: 0;
font-size: 15px;
line-height: 55px;
font-family: 'Poppins', sans-serif;
padding: 0 28px;
color: #3d4c58;
border-radius: 0;
white-space: nowrap;
}
@media (max-width: 767px) {
.nav-tabs.nav-tabs--rounded>li>a {
font-size: 12px;
padding: 0 18px;
}
}
@media (max-width: 479px) {
.nav-tabs.nav-tabs--rounded>li>a {
line-height: 40px;
border-radius: 5px;
padding: 0 11px;
}
}
.nav-tabs.nav-tabs--rounded>li>a:hover {
color: #3d4c58 !important;
background-color: #f1f2f3;
}
.nav-tabs.nav-tabs--rounded>li>a:after {
position: absolute;
left: auto;
right: 0;
top: 0;
width: 1px;
height: 55px;
background-color: #edeff1;
transform: scale(1);
}
@media (max-width: 479px) {
.nav-tabs.nav-tabs--rounded>li>a:after {
display: none;
}
}
.nav-tabs.nav-tabs--rounded>li:last-child>a:after {
display: none;
}
.tab-content>.tab-pane:not(.active) {
display: block;
height: 0;
overflow: hidden;
padding: 0;
}    html,
body {
overflow-x: hidden;
}
.block {
margin-bottom: 90px;
}
@media (max-width: 767px) {
.block {
margin-bottom: 50px;
}
}
.block.bottom-null {
margin-bottom: 0;
}
.block.m-bottom-30 {
margin-bottom: 30px;
}
@media (max-width: 991px) {
.block.m-bottom-30 {
margin-bottom: 20px;
}
}
.block.m-bottom-45 {
margin-bottom: 45px;
}
@media (max-width: 991px) {
.block.m-bottom-45 {
margin-bottom: 20px;
}
}
[data-bg] {
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 1199px) {
[data-bg].hide-bg-md {
background-image: none !important;
}
}
@media (max-width: 991px) {
[data-bg].hide-bg-sm {
background-image: none !important;
}
}
@media (max-width: 767px) {
[data-bg].hide-bg-xs {
background-image: none !important;
}
}
.block.bg-bottom {
background-position: bottom;
}
.block.bg-top {
background-position: top;
}
.block.bg-cover {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.zindex-1 {
position: relative;
z-index: 1;
}
.block:not(.fullwidth):not(.fullwidth-bg).inset-20>.container {
padding-top: 20px;
padding-bottom: 20px;
}
.block:not(.fullwidth):not(.fullwidth-bg).inset-35>.container {
padding-top: 35px;
padding-bottom: 35px;
}
@media (max-width: 479px) {
.block:not(.fullwidth):not(.fullwidth-bg).inset-35>.container {
padding-top: 20px;
padding-bottom: 20px;
}
}
.block:not(.fullwidth):not(.fullwidth-bg).inset-50>.container {
padding-top: 50px;
padding-bottom: 50px;
}
@media (max-width: 767px) {
.block:not(.fullwidth):not(.fullwidth-bg).inset-50>.container {
padding-top: 30px;
padding-bottom: 30px;
}
}
.block:not(.fullwidth):not(.fullwidth-bg).inset-70>.container {
padding-top: 70px;
padding-bottom: 70px;
}
@media (max-width: 767px) {
.block:not(.fullwidth):not(.fullwidth-bg).inset-70>.container {
padding-top: 40px;
padding-bottom: 40px;
}
}
.block:not(.fullwidth):not(.fullwidth-bg).inset-85>.container {
padding-top: 85px;
padding-bottom: 85px;
}
@media (max-width: 767px) {
.block:not(.fullwidth):not(.fullwidth-bg).inset-85>.container {
padding-top: 60px;
padding-bottom: 60px;
}
}
.block.fullwidth,
.block.fullwidth-bg {
overflow: hidden;
}
.block.fullwidth.inset-20,
.block.fullwidth-bg.inset-20 {
padding: 20px 0;
}
.block.fullwidth.inset-35,
.block.fullwidth-bg.inset-35 {
padding: 35px 0;
}
.block.fullwidth.inset-50,
.block.fullwidth-bg.inset-50 {
padding: 50px 0;
}
@media (max-width: 767px) {
.block.fullwidth.inset-50,
.block.fullwidth-bg.inset-50 {
padding: 30px 0;
}
}
.block.fullwidth.inset-70,
.block.fullwidth-bg.inset-70 {
padding: 70px 0;
}
@media (max-width: 767px) {
.block.fullwidth.inset-70,
.block.fullwidth-bg.inset-70 {
padding: 40px 0;
}
}
.block.fullwidth.inset-85,
.block.fullwidth-bg.inset-85 {
padding: 85px 0;
}
@media (max-width: 767px) {
.block.fullwidth.inset-85,
.block.fullwidth-bg.inset-85 {
padding: 50px 0;
}
}
.block.fullwidth.inset-lg-1,
.block.fullwidth-bg.inset-lg-1 {
padding-top: 100px;
padding-bottom: 100px;
}
@media (max-width: 1199px) {
.block.fullwidth.inset-lg-1,
.block.fullwidth-bg.inset-lg-1 {
padding-top: 85px;
padding-bottom: 80px;
}
}
@media (max-width: 991px) {
.block.fullwidth.inset-lg-1,
.block.fullwidth-bg.inset-lg-1 {
padding-top: 65px;
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.block.fullwidth.inset-lg-1,
.block.fullwidth-bg.inset-lg-1 {
padding-top: 50px;
padding-bottom: 50px;
}
}
.block.fullwidth.inset-lg-2,
.block.fullwidth-bg.inset-lg-2 {
padding-top: 90px;
padding-bottom: 100px;
}
@media (max-width: 1199px) {
.block.fullwidth.inset-lg-2,
.block.fullwidth-bg.inset-lg-2 {
padding-top: 80px;
padding-bottom: 70px;
}
}
@media (max-width: 991px) {
.block.fullwidth.inset-lg-2,
.block.fullwidth-bg.inset-lg-2 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.block.fullwidth.inset-lg-2,
.block.fullwidth-bg.inset-lg-2 {
padding-top: 50px;
padding-bottom: 50px;
}
}
.block.fullwidth.inset-lg-3,
.block.fullwidth-bg.inset-lg-3 {
padding-top: 100px;
padding-bottom: 80px;
overflow: hidden;
}
@media (max-width: 1199px) {
.block.fullwidth.inset-lg-3,
.block.fullwidth-bg.inset-lg-3 {
padding-top: 80px;
padding-bottom: 70px;
}
}
@media (max-width: 991px) {
.block.fullwidth.inset-lg-3,
.block.fullwidth-bg.inset-lg-3 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.block.fullwidth.inset-lg-3,
.block.fullwidth-bg.inset-lg-3 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media (max-width: 1199px) {
.pb-md-0 {
padding-bottom: 0 !important;
}
}
@media (max-width: 991px) {
.pb-sm-0 {
padding-bottom: 0 !important;
}
}
@media (max-width: 767px) {
.pb-xs-0 {
padding-bottom: 0 !important;
}
}
.mb-0 {
margin-bottom: 0 !important;
}
.block-bg-grey {
background-color: #f5f6f7;
}
.block.bg-gradient:not(.fullwidth):not(.fullwidth-bg) .container {
background-image: -webkit-gradient(linear, left top, right top, from(#ce3c31), to(#a00000));
background-image: -webkit-linear-gradient(left, #ce3c31, #a00000);
background-image: -o-linear-gradient(left, #ce3c31, #a00000);
background-image: linear-gradient(90deg, #ce3c31, #a00000);
}
.block.bg-gradient,
.block.fullwidth-bg.bg-gradient {
background-image: -webkit-gradient(linear, left top, right top, from(#ce3c31), to(#a00000));
background-image: -webkit-linear-gradient(left, #ce3c31, #a00000);
background-image: -o-linear-gradient(left, #ce3c31, #a00000);
background-image: linear-gradient(90deg, #ce3c31, #a00000);
padding: 37px 25px;
text-align: center;
font-size: 36px;
line-height: 36px;
color: #fff;
}
.block.bg-gradient-1:not(.fullwidth):not(.fullwidth-bg) .container {
background-image: -webkit-gradient(linear, left top, right top, from(#a00000), to(#ce3c31));
background-image: -webkit-linear-gradient(left, #a00000, #ce3c31);
background-image: -o-linear-gradient(left, #a00000, #ce3c31);
background-image: linear-gradient(90deg, #a00000, #ce3c31);
}
.block.bg-gradient-1,
.block.fullwidth-bg.bg-gradient-1 {
background-image: -webkit-gradient(linear, left top, right top, from(#a00000), to(#ce3c31));
background-image: -webkit-linear-gradient(left, #a00000, #ce3c31);
background-image: -o-linear-gradient(left, #a00000, #ce3c31);
background-image: linear-gradient(90deg, #a00000, #ce3c31);
}
.block.fullwidth>.container {
width: 100%;
}
.block.fullwidth.no-pad>.container {
padding-left: 0;
padding-right: 0;
}
.no-gutter {
margin: 0;
}
.no-gutter>[class*='col-'] {
padding-right: 0;
padding-left: 0;
}
body.fixed {
position: fixed;
overflow: hidden;
width: 100%;
}
.page-main {
padding-bottom: 25px;
}
.page-main:before,
.page-main:after {
content: '';
display: table;
}
@media (min-width: 1200px) {
.container {
width: 1200px;
}
}
@media (max-width: 991px) {
.aside+.aside {
margin-top: 50px;
}
} .page-header {
position: relative;
width: 100%;
z-index: 1000;
padding: 0;
margin: 0;
border: 0;
color: #425d74;
}
.page-header-menu {
border-top: 3px solid #95c504;
}
.page-header-top {
padding: 15px 0 15px;
color: #425d74;
position: relative;
}
@media (min-width: 768px) {
.page-header-top>.container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 991px) {
.page-header-phone span.phone-number {
font-size: 18px;
}
}
.page-header-top>.container>*:first-child {
margin-right: auto;
margin-left: 0;
}
.page-header-top .logo {
min-width: 272px;
position: relative;
}
.page-header-top .logo .shine {
position: absolute;
top: -30%;
left: 6%;
pointer-events: none;
}
@media (max-width: 1000px) {
.page-header-top .logo {
min-width: 160px !important;
max-width: 160px !important;
}
.page-header .header-cart {
padding-left: 5px !important;
}
.page-header-top .btn {
padding: 15px 20px;
}
}
@media (max-width: 1030px) {
.home-block-1 .wpb_text_column.wpb_content_element.get-banner {
margin-bottom: 30px !important;
padding-right: 0px !important;
}
}
@media (max-width: 767px) {
.page-header-top {
padding: 5px 0;
background-color: #fff;
position: relative;
}
.page-header-top:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 49px;
background-color: #95c504;
}
}
.page-header-top-middle {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media (max-width: 767px) {
.page-header-top-middle {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-right: 15px;
}
}
.page-header-top-middle>* {
margin: 0 15px 0px 8px;
}
@media (max-width: 767px) {
.page-header-top-middle>* {
margin: 5px 0;
}
}
.page-header .logo img {
max-width: 100%;
}
@media (max-width: 767px) {
.page-header .logo {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 2;
margin-top: 55px;
min-width: 100% !important;
position: relative;
}
}
@media (max-width: 767px) {
.page-header .quote-button-wrap .btn {
padding: 7px 15px;
font-size: 12px;
line-height: 24px;
position: absolute;
right: 0;
top: 0;
}
}
@media (max-width: 480px) {
.page-header .header-cart {
position: absolute !important;
right: 14%;
top: 84px;
z-index: 1000;
}
}
@media (max-width: 767px) {
.page-header .header-cart {
position: absolute !important;
right: 20%;
top: 84px;
z-index: 1000;
}
}
.page-header-slogan {
font-size: 16px;
line-height: 20px;
}
.page-header-shedule {
font-size: 16px;
line-height: 20px;
padding-left: 35px;
position: relative;
}
.page-header-shedule .icon {
position: absolute;
left: 0;
top: 0;
font-size: 24px;
color: #6fbf52;
}
.page-header-phone {
font-size: 16px;
line-height: 20px;
}
.page-header-phone span.phone-number {
display: block;
font-size: 26px;
line-height: 26px;
white-space: nowrap;
}
@media (max-width: 767px) {
.page-header-phone span.phone-number {
font-size: 22px;
color: #fff;
}
.page-header-info a {
text-decoration: underline;
}
}
@media (max-width: 767px) {
.page-header .quote-button-wrap {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.page-header .quote-button-wrap .btn {
padding: 7px 15px;
font-size: 12px;
line-height: 24px;
margin-top: 5px;
}
.page-header .quote-button-wrap .btn,
.page-header .quote-button-wrap .btn.focus,
.page-header .quote-button-wrap .btn:focus {
background: #fff;
color: #677d8f;
}
.page-header .quote-button-wrap .btn:hover,
.page-header .quote-button-wrap .btn.active,
.page-header .quote-button-wrap .btn:active {
background: #fff;
color: #677d8f;
}
.page-header .quote-button-wrap .btn .icon {
font-size: 15px;
color: #6fbf52;
padding-right: 7px;
}
}
.page-header .header-cart {
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 15px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.page-header .header-cart a.icon {
font-size: 34px;
color: #425d74;
text-decoration: none;
}
.page-header .header-cart .badge {
width: 18px;
height: 18px;
line-height: 12px;
font-size: 11px;
position: absolute;
right: -18px;
top: -3px;
background-color: #6fbf52;
color: #fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.page-header .header-cart:hover a.icon,
.page-header .header-cart.opened a.icon {
color: #6fbf52;
}
.page-header .header-cart:hover .badge,
.page-header .header-cart.opened .badge {
background-color: #95c504;
}
.page-header .header-cart-dropdown {
position: absolute;
z-index: 1000;
right: 0;
top: -5000px;
width: 350px;
padding: 35px 32px 25px;
background: #fff;
display: block;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
text-align: left;
}
@media (max-width: 991px) {
.page-header-phone span.phone-number {
font-size: 18px;
}
}
@media (max-width: 479px) {
.page-header .header-cart-dropdown {
width: 270px;
padding: 15px 15px;
right: -60px;
}
}
.page-header .header-cart-dropdown .header-cart-total {
font-size: 22px;
line-height: 30px;
font-weight: 600;
border-top: 1px solid #e8e8e8;
padding: 20px 0;
overflow: hidden;
}
.page-header .header-cart.opened .header-cart-dropdown {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
opacity: 1;
visibility: visible;
top: 100%;
margin-top: 3px;
}
body:not(.page-index) .page-header {
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
.page-header .menu {
display: block;
padding: 0;
margin: 0;
height: 58px;
float: unset;
}
.page-header .menu>li {
display: inline-block;
position: relative;
z-index: 100;
margin-right: -4px;
margin-top: 0;
float: unset;
}
.page-header .menu>li>a {
font-size: 16px;
line-height: 28px;
font-weight: 600;
text-decoration: none;
padding: 15px 37px;
display: block;
color: #425d74;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.page-header .menu>li>a .arrow {
display: none;
}
.page-header .menu>li:first-child>a {
padding-left: 25px;
}
.page-header .menu li a:hover,
.page-header .menu li:hover>a,
.page-header .menu li.active>a {
color: #6fbf52;
}
.page-header .menu ul {
visibility: hidden;
opacity: 0;
margin: 0;
padding: 0;
width: 355px;
position: absolute;
left: 0px;
background: #fff;
z-index: 99;
-webkit-transform: translate(0, 20px);
-ms-transform: translate(0, 20px);
transform: translate(0, 20px);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
}
.page-header .menu ul li {
display: block;
float: none;
background: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #edeff1;
position: relative;
}
.page-header .menu ul li a {
font-size: 14px;
line-height: 30px;
padding: 10px 32px;
font-weight: normal;
display: block;
color: #4b5b68;
text-transform: uppercase;
text-decoration: none;
}
.page-header .menu ul li a:before {
display: inline-block;
vertical-align: middle;
font-family: 'cleaning';
content: '\e90a';
font-size: 10px;
position: relative;
top: -1px;
width: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
.page-header .menu ul li a:hover,
.page-header .menu ul li:hover>a {
color: #6fbf52;
}
.page-header .menu ul li a:hover:before,
.page-header .menu ul li:hover>a:before {
width: 16px;
opacity: 1;
}
.page-header .menu li:hover>ul {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.2s ease-out 0.3s;
-moz-transition: all 0.2s ease-out 0.3s;
-ms-transition: all 0.2s ease-out 0.3s;
-o-transition: all 0.2s ease-out 0.3s;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.page-header .menu ul ul {
left: 355px;
top: 0px;
visibility: hidden;
opacity: 0;
-webkit-transform: translate(20px, 20px);
-ms-transform: translate(20px, 20px);
transform: translate(20px, 20px);
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.page-header .menu li>ul ul:hover {
visibility: visible;
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@media (min-width: 768px) {
.page-header .menu li a:hover,
.page-header .menu li:hover>a,
.page-header .menu li.current-menu-item>a {
color: #6fbf52;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-header. .menu>li:first-child>a {
padding-left: 11px;
}
}
.menu-toggle {
display: none;
position: absolute;
right: 15px;
bottom: 24px;
margin-top: 5px;
text-decoration: none;
font-size: 28px;
line-height: 28px;
z-index: 999999;
}
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus {
color: #95c504;
}
.menu-toggle i.icon-cancel {
font-size: 25px;
margin-top: 4px;
}
.menu-toggle>*:last-child {
display: none;
}
.menu-toggle.opened>*:last-child {
display: block;
}
.menu-toggle.opened>*:first-child {
display: none;
}
@media (max-width: 1199px) {
.page-header .menu>li>a {
padding: 15px 21px;
}
}
@media (max-width: 991px) {
.page-header .menu>li>a {
padding: 15px 7px;
}
}
@media (max-width: 767px) {
.page-header .menu-toggle {
display: block;
}
.page-header .menu {
display: none;
margin: 0;
padding: 0;
}
.page-header .menu ul {
margin: 0;
padding: 0;
display: none;
border-top: 1px solid #edeff1;
background: #f8f8f8;
}
.page-header .menu ul li a {
font-size: 14px;
font-weight: 400;
}
.page-header .menu li {
display: block;
width: 100%;
background: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #edeff1;
}
.page-header .menu li:last-child {
border-bottom: 0;
}
.page-header .menu li a {
font-size: 15px;
line-height: 30px;
padding: 10px 32px;
font-weight: normal;
display: block;
color: #4b5b68;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
position: relative;
}
.page-header .menu li a .arrow {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
text-align: center;
cursor: pointer;
}
.page-header .menu li a .arrow:before {
display: block;
font-family: 'cleaning';
content: '\e90a';
font-size: 12px;
line-height: 50px;
position: relative;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
.page-header .menu li a.opened {
color: #6fbf52;
}
.page-header .menu li a.opened .arrow:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.page-header-menu {
position: absolute;
width: 100%;
background-color: #fff;
border-top: 0;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
overflow-y: auto;
height: 0;
border-top: 1px solid #edeff1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
.page-header-menu>.container {
padding: 0;
}
}
@media (max-width: 991px) {
.page-header.page-header--style2 .menu-toggle {
display: block;
}
.page-header.page-header--style2 .menu {
display: none;
margin: 0;
padding: 0;
}
.page-header.page-header--style2 .menu ul {
margin: 0;
padding: 0;
display: none;
border-top: 1px solid #edeff1;
background: #f8f8f8;
}
.page-header.page-header--style2 .menu ul li a {
font-size: 14px;
font-weight: 400;
}
.page-header.page-header--style2 .menu li {
display: block;
width: 100%;
background: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #edeff1;
}
.page-header.page-header--style2 .menu li:last-child {
border-bottom: 0;
}
.page-header.page-header--style2 .menu li a {
font-size: 15px;
line-height: 30px;
padding: 10px 32px;
font-weight: normal;
display: block;
color: #4b5b68;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
position: relative;
}
.page-header.page-header--style2 .menu li a .arrow {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
text-align: center;
cursor: pointer;
}
.page-header.page-header--style2 .menu li a .arrow:before {
display: block;
font-family: 'cleaning';
content: '\e90a';
font-size: 12px;
line-height: 50px;
position: relative;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
.page-header.page-header--style2 .menu li a.opened {
color: #6fbf52;
}
.page-header.page-header--style2 .menu li a.opened .arrow:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.page-header--style2 .page-header-menu {
position: absolute;
width: 100%;
background-color: #fff;
border-top: 0;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
overflow-y: auto;
height: 0;
border-top: 1px solid #edeff1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
.page-header--style2 .page-header-menu>.container {
padding: 0;
}
.page-header.page-header--style2 .menu>li>a .arrow {
display: block;
}
.page-header.page-header--style2 .menu ul {
width: 100%;
box-shadow: none;
position: unset;
}
}
body.is-loaded .page-header .menu,
body.is-loaded .page-header .logo img {
height: auto;
}
.page-header.is-sticky {
position: fixed !important;
width: 100%;
background: rgba(255, 255, 255, 0.9);
border-bottom: 0 !important;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15)!important;
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15)!important;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15)!important;
top: 0px;
left: 0px;
}
.page-header.is-sticky .page-header-menu {
border-top: 0;
}
@media (min-width: 1149px) {
.clean-with-conscience {
background-image: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/block-bg-1.jpg);
background-size: cover;
}
}
@media (min-width: 768px) {
body:not(.home) header.page-header.is-sticky #slidemenu {
margin-bottom: 0;
}
}
body.page-shop .page-header-top-middle>* {
margin-left: 10px;
margin-right: 10px;
}
@media (max-width: 1199px) {
body.page-shop .page-header-top .logo {
min-width: 30px;
max-width: 250px;
}
}
.page-header.is-sticky .page-header-top {
display: none;
}
.prd-grid .btn {
min-width: 0;
margin-top: 27px;
height: 41px;
font-size: 12px;
line-height: 15px;
font-weight: 600;
padding: 10px 25px 30px;
}
.page-header-info {
font-size: 15px;
line-height: 24px;
padding-left: 28px;
position: relative;
color: #677d8f;
}
.page-header-info .icon {
position: absolute;
left: 0;
top: 4px;
font-size: 16px;
}
.page-header--style2 .page-header-info .icon {
color: #6fbf52;
}
.page-header-info:not(:first-child) {
margin-top: 10px;
}
.page-header-mobile-info-content .social-list {
margin-bottom: 0;
}
@media (max-width: 767px) {
.page-header.is-sticky {
top: -50px !important;
}
.page-header.is-sticky .page-header-top {
display: block;
}
.page-header-mobile-info-toggle {
position: absolute;
z-index: 1;
top: 0;
left: 20px;
width: 20px;
height: 20px;
text-align: center;
color: #fff;
cursor: pointer;
}
.page-header-mobile-info-toggle:before {
display: block;
font-family: 'cleaning';
content: '\e90a';
font-size: 14px;
line-height: 50px;
position: relative;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}
.page-header-mobile-info-toggle.opened:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.page-header-mobile-info-content {
display: none;
padding: 15px;
background-color: #f3f5f6;
}
.page-header-mobile-info-content .social-list a {
font-size: 20px;
line-height: 20px;
}
.page-header--style2 .page-header-mobile-info-content .social-list a {
font-size: 16px;
}
.page-header-mobile-info-content .social-list {
margin: 10px 0 0px;
}
}
@media (min-width: 768px) {
.page-header-mobile-info,
.page-header-mobile-info-toggle {
display: none;
}
} .page-footer {
clear: both;
position: relative;
}
.coupon-txt-margin {
padding-bottom: 60px;
}
.page-footer-menu {
position: relative;
background-image: -webkit-gradient(linear, left top, right top, from(#a00000), to(#ce3c31));
background-image: -webkit-linear-gradient(left, #a00000, #ce3c31);
background-image: -o-linear-gradient(left, #a00000, #ce3c31);
background-image: linear-gradient(90deg, #a00000, #ce3c31);
width: 100%;
}
.page-footer-menu ul li .sub-menu {
display: none;
}
.page-footer-menu .container {
position: relative;
}
.page-footer-bot {
padding: 60px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: top;
-webkit-align-items: top;
-ms-flex-align: top;
align-items: top;
}
.page-footer-bot>* {
margin: 0 50px;
}
.footer-copyright {
padding: 0px 0px 40px;
}
@media (min-width: 668px) {
.page-footer .page-footer-col-2,
.page-footer .page-footer-col-3 {
padding-top: 45px;
}
}
.page-footer-col-3 .social-list {
margin-top: 0;
}
@media (max-width: 1199px) {
.page-footer-bot {
padding-top: 30px;
}
}
@media (max-width: 1023px) {
.page-footer-bot {
padding-top: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
display: block;
}
.page-footer-bot>*:not(:first-child) {
margin: 30px 0 0;
}
.page-footer-col-3 .social-list {
margin-top: 20px;
text-align: center;
}
}
@media (min-width: 992px) {
.page-footer-bot>*:first-child {
margin-right: auto;
margin-left: 0;
}
.page-footer-bot>*:last-child {
margin-left: auto;
margin-right: 0;
}
}
.page-footer-bot .logo img {
max-width: 100%;
}
@media (max-width: 1199px) {
.page-footer-bot .logo {
width: 100%;
margin-top: 0px;
max-width: 160px;
}
.page-footer-bot>* {
margin: 0px 15px;
}
}
.page-footer .footer-ribbon {
position: absolute;
right: 0;
top: -22px;
width: 186px;
}
.page-footer .footer-ribbon img {
width: 100%;
}
@media (max-width: 1199px) {
.page-footer .footer-ribbon {
display: none;
}
}
.page-footer .footer-copyright:not(:first-child) {
font-size: 16px;
line-height: 24px;
}
@media (max-width: 991px) {
.page-footer .footer-copyright:not(:first-child) {
text-align: center;
}
}
.page-footer .menu {
display: block;
margin: 0;
padding: 0 200px 0 0;
}
@media (max-width: 1023px) and (min-width: 668px) {
.page-footer-bot {
padding: 60px 0 0;
display: block;
}
.page-footer-bot .page-footer-col-1,
.page-footer-bot .page-footer-col-2 {
min-width: 50%;
float: left;
}
.page-footer-col-3 {
overflow: hidden;
display: block;
text-align: center;
width: 100%;
}
}
@media (max-width: 1200px) and (min-width: 769px) {
.gallery-item-image img {
margin: 0px;
}
.brand-carousel img {
margin: 0px;
}
}
@media (max-width: 1199px) {
.page-footer .menu {
padding: 0;
}
.page-footer .menu li {
margin-top: 5px;
}
}
.page-footer .menu li {
display: inline-block;
position: relative;
z-index: 100;
margin-top: 0;
float: unset;
}
.page-footer h4 {
font-size: 20px;
line-height: 28px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.page-footer .menu li {
display: none;
width: 100%;
text-align: center;
}
.page-footer-menu {
height: auto;
}
.page-footer .menu {
margin: 5px 0px;
}
.coupon-txt-margin {
padding-bottom: 10px !important;
}
.page-footer-col-3 .social-list {
text-align: center;
}
}
@media (min-width: 992px) {
.page-footer .menu li:first-child a {
padding-left: 0;
}
}
.page-footer .menu li a {
font-size: 16px;
line-height: 27px;
font-weight: 600;
text-decoration: none;
padding: 20px 25px;
display: block;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
@media (max-width: 1199px) {
.page-footer .menu li a {
padding: 10px 5px;
}
.page-footer .menu {
display: none;
}
.page-footer-menu {
height: 5px;
}
}
@media (max-width: 991px) {
.calendar-cover-front {
top: -28px !important;
left: 0;
}
}
@media (max-width: 767px) {
.page-footer .menu li a {
padding: 5px 25px;
}
.calendar-cover-front {
top: -2px !important;
left: 0;
}
}
.page-footer .menu li a:hover,
.page-footer .menu li:hover>a,
.page-footer .menu li.active>a {
color: #425d74;
}
.page-footer-info {
font-size: 15px;
line-height: 22px;
padding-left: 30px;
position: relative;
}
.page-footer-info .icon {
position: absolute;
left: 0;
top: 5px;
font-size: 16px;
}
.page-footer-info a {
text-decoration: underline;
}
.page-footer-info a:hover {
text-decoration: none;
}
.page-footer-info+* {
margin-top: 20px;
}
@media (max-width: 767px) {
.page-footer-phone {
text-align: center;
}
}
@media (min-width: 768px) {
.page-footer .backToTop {
position: fixed;
right: 15px;
bottom: -100px;
z-index: 10000;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
}
.page-footer .backToTop:hover {
background-color: #6fbf52;
color: #fff;
}
.page-footer .backToTop.visible {
bottom: 100px;
}
}
.page-footer .backToTop {
position: fixed;
z-index: 10000;
right: 15px;
bottom: 70px;
opacity: 0;
width: 50px;
height: 48px;
border-radius: 8px;
background: #95c504;
font-size: 18px;
line-height: 48px;
color: #fff;
text-decoration: none;
text-align: center;
cursor: pointer;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.page-footer .backToTop i.icon:before {
display: inline-block;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}
.page-footer .backToTop:hover {
-webkit-animation: ripple 0.5s linear 1;
animation: ripple 0.5s linear 1;
}
.page-footer .backToTop.visible {
opacity: 1;
}
@-webkit-keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(75, 160, 232, 0.3), 0 0 0 10px rgba(75, 160, 232, 0.3);
box-shadow: 0 0 0 0 rgba(75, 160, 232, 0.3), 0 0 0 10px rgba(75, 160, 232, 0.3);
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(129, 198, 100, 0), 0 0 0 20px rgba(129, 198, 100, 0);
box-shadow: 0 0 0 10px rgba(129, 198, 100, 0), 0 0 0 20px rgba(129, 198, 100, 0);
}
}
@keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(75, 160, 232, 0.3), 0 0 0 10px rgba(75, 160, 232, 0.3);
box-shadow: 0 0 0 0 rgba(75, 160, 232, 0.3), 0 0 0 10px rgba(75, 160, 232, 0.3);
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(129, 198, 100, 0), 0 0 0 20px rgba(129, 198, 100, 0);
box-shadow: 0 0 0 10px rgba(129, 198, 100, 0), 0 0 0 20px rgba(129, 198, 100, 0);
}
}  #mainSlider,
#mainSlider .img--holder {
height: 680px;
}
@media (max-width: 991px) {
#mainSlider,
#mainSlider .img--holder {
height: 500px;
}
}
@media (max-width: 767px) {
#mainSlider,
#mainSlider .img--holder {
height: 400px;
}
}
@media (max-width: 479px) {
#mainSlider,
#mainSlider .img--holder {
height: 250px;
}
}
#mainSlider {
margin-bottom: 30px;
opacity: 0;
}
#mainSlider.slick-initialized {
opacity: 1;
z-index: 101;
}
#mainSlider .slide .img--holder {
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
#mainSlider .slide-content {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
color: #fff;
z-index: 100;
}
#mainSlider .slide-content.center {
text-align: center;
}
#mainSlider .slide-content h2 {
font-size: 80px;
line-height: 1.08em;
font-weight: 600;
color: #fff;
text-transform: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55);
margin: 0;
}
#mainSlider .slide-content a.btn {
margin-top: 40px;
}
#mainSlider .slide-content .btn,
#mainSlider .slide-content .btn:focus,
#mainSlider .slide-content .btn.focus {
height: auto;
font-size: 17px;
line-height: 27px;
font-weight: 700;
text-transform: uppercase;
padding: 15px 20px;
outline: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #fff;
background-color: transparent;
color: #fff;
border-radius: 28.5px;
z-index: 9;
}
#mainSlider .slide-content p .btn {
margin-top: 3em;
}
#mainSlider .slide-content .btn:hover,
#mainSlider .slide-content .btn.active,
#mainSlider .slide-content .btn:active {
background: #fff;
color: #6fbf52;
}
@media (max-width: 1199px) {
#mainSlider .slide-content h2 {
font-size: 80px;
}
}
@media (max-width: 991px) {
#mainSlider .slide-content h2 {
font-size: 60px;
}
#mainSlider .slide-content .btn {
font-size: 14px;
padding: 13px 18px;
}
}
@media (max-width: 767px) {
#mainSlider .slide-content h2 {
font-size: 55px;
}
#mainSlider .slide-content.center {
text-align: center;
left: 100px;
width: calc(100% - 200px);
}
}
@media (max-width: 667px) {
#mainSlider .slide-content h2 {
font-size: 40px;
}
#mainSlider .slide-content .btn {
font-size: 12px;
line-height: 14px;
padding: 10px 15px;
}
}
@media (max-width: 479px) {
#mainSlider .slide-content h2 {
font-size: 28px;
}
#mainSlider .slide-content .btn {
font-size: 10px;
line-height: 12px;
padding: 10px 15px;
border-width: 1px;
}
#mainSlider .slide-content.center {
text-align: center;
left: 35px;
width: calc(100% - 70px);
}
}
#mainSlider .slick-prev,
#mainSlider .slick-next {
width: 50px;
height: 50px;
margin-top: -25px;
}
#mainSlider .slick-prev:before,
#mainSlider .slick-next:before {
font-size: 50px;
line-height: 1em;
color: #fff;
}
#mainSlider .slick-prev {
left: 50px;
}
#mainSlider .slick-next {
right: 50px;
}
@media (max-width: 1199px) {
#mainSlider .slick-prev {
left: 0;
}
#mainSlider .slick-next {
right: 0;
}
#mainSlider .slick-prev,
#mainSlider .slick-next {
width: 50px;
height: 50px;
margin-top: -25px;
}
#mainSlider .slick-prev:before,
#mainSlider .slick-next:before {
font-size: 50px;
}
}
@media (max-width: 767px) {
#mainSlider .slick-prev,
#mainSlider .slick-next {
display: none !important;
}
}
#mainSliderWrapper {
position: relative;
}
#starshine {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
}
.shine {
display: block;
position: absolute;
background-image: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/glitter.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
overflow: hidden;
z-index: 2;
opacity: 0;
width: 130px;
height: 130px;
-webkit-animation: glitter 6s linear 0s infinite normal;
animation: glitter 6s linear 0s infinite normal;
text-indent: -9999px;
}
@media (max-width:767px) {
.page-header-top .shine {
display: none;
}
}
.shine.shine-1 {
top: 50%;
left: 10%;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.shine.shine-2 {
top: 65%;
left: 50%;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.shine.shine-3 {
top: 26%;
left: 83%;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.shine.shine-4 {
top: 30%;
left: 40%;
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
.shine.shine-5 {
top: 20%;
left: 60%;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
@-webkit-keyframes glitter {
0% {
-webkit-transform: scale(0.3) rotate(0deg);
opacity: 0;
}
25% {
-webkit-transform: scale(1) rotate(360deg);
opacity: 1;
}
50% {
-webkit-transform: scale(0.3) rotate(720deg);
opacity: 0;
}
100% {
-webkit-transform: scale(0.3) rotate(0deg);
opacity: 0;
}
}
@keyframes glitter {
0% {
-webkit-transform: scale(0.3) rotate(0deg);
transform: scale(0.3) rotate(0deg);
opacity: 0;
}
25% {
-webkit-transform: scale(1) rotate(360deg);
transform: scale(1) rotate(360deg);
opacity: 1;
}
50% {
-webkit-transform: scale(0.3) rotate(720deg);
transform: scale(0.3) rotate(720deg);
opacity: 0;
}
100% {
-webkit-transform: scale(0.3) rotate(0deg);
transform: scale(0.3) rotate(0deg);
opacity: 0;
}
}
@-moz-keyframes glitter {
0% {
-moz-transform: scale(0.3) rotate(0deg);
opacity: 0;
}
25% {
-moz-transform: scale(1) rotate(360deg);
opacity: 1;
}
50% {
-moz-transform: scale(0.3) rotate(720deg);
opacity: 0;
}
100% {
-moz-transform: scale(0.3) rotate(0deg);
opacity: 0;
}
}    .breadcrumbs {
overflow: hidden;
background-color: #f6f6f7;
}
.breadcrumbs .breadcrumb {
color: #74828e;
display: inline-block;
padding: 16px 0;
border-radius: 0;
margin: 0;
width: 100%;
font-size: 14px;
}
.breadcrumb span {
padding-left: 7px;
}
.breadcrumbs .breadcrumb li,
.breadcrumbs .breadcrumb a {
color: #74828e;
font-size: 14px;
line-height: 28px;
text-decoration: none;
margin-right: 8px;
}
.breadcrumbs .breadcrumb a:hover {
color: #6fbf52;
}
.breadcrumbs .breadcrumb>li {
display: inline-block;
}
.breadcrumbs .breadcrumb>li+li:before {
display: inline-block;
vertical-align: middle;
font-size: 7px;
color: #74828e;
font-family: 'cleaning';
content: "\e90a";
padding: 0 8px;
} .video-responsive {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.video-responsive iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}  .text-icon {
margin-top: 45px;
text-align: center;
}
.text-icon>*:not(:first-child) {
margin-top: 25px;
margin-bottom: 0;
}
.text-icon-icon {
margin-left: auto;
margin-right: auto;
width: 108px;
height: 108px;
border-radius: 50%;
background-color: #f6f6f7;
text-align: center;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.text-icon-icon .icon {
font-size: 46px;
line-height: 120px;
color: #6fbf52;
width: auto;
}
.text-icon-text {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.text-icon-text,
.text-icon-text:not(:first-child) {
margin-top: 12px;
}
.text-icon-carousel .text-icon {
float: none;
vertical-align: top;
} .text-icon-hor {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 767px) {
.text-icon-hor {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.clean-with-conscience {
padding-bottom: 0px !important;
padding-top: 50px !important;
}
}
@media (max-width: 1400px) {
.clean-with-conscience {
background-size: 1350px auto;
background-position: left bottom;
background-repeat: no-repeat;
}
}
.clean-with-conscience h3 {
font-size: 24px;
}
.text-icon-hor-icon {
-webkit-box-flex: 0;
-webkit-flex: 0 1 70px;
-ms-flex: 0 1 70px;
flex: 0 1 70px;
min-width: 70px;
}
.text-icon-hor-icon .icon {
font-size: 64px;
line-height: 1em;
color: #6fbf52;
}
.text-icon-hor-text {
padding-left: 30px;
}
.clean-with-conscience {
padding-bottom: 70px;
padding-top: 70px;
}
.get-banner h2 {
padding-top: 3px;
} .home-testimonials-text {
background-image: url(//hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/block-bg-3.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.home-testimonials-text {
padding: 60px 0px;
}
@media (max-width: 991px) {
.home-testimonials-text {
background-size: 1330px 460px;
background-position: 48%;
}
}
@media (max-width: 767px) {
.block-testimonials-bg.block.bg-cover {
background-size: 100% 100%;
background-position: center center;
padding: 50px 0;
}
.home-testimonials-text {
padding: 40px 0px 60px;
}
}
.testimonials-carousel {
margin-bottom: 165px;
}
.testimonials-carousel .slick-dots {
position: absolute;
width: 100%;
padding: 0;
margin: 0;
bottom: -60px;
}
@media (max-width: 767px) {
.block-testimonials-bg.block.bg-cover {
background-size: 1600px;
background-position: 65%;
}
.testimonial-item-inside h3 {
font-size: 21px;
}
}
.block-testimonials .slick-prev,
.block-testimonials .slick-next {
opacity: 0;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.block-testimonials:hover .slick-prev,
.block-testimonials:hover .slick-next {
opacity: 1;
}
.block-testimonials-bg .testimonial-item {
position: relative;
text-align: center;
color: #fff;
}
.block-testimonials-bg .testimonial-item-inside {
max-width: 800px;
padding: 35px 50px 0;
margin: 0 auto;
position: relative;
font-weight: 400;
}
@media (max-width: 767px) {
.block-testimonials-bg .testimonial-item-inside {
max-width: 90%;
padding: 35px 30px 0;
}
}
.block-testimonials-bg .testimonial-item-inside::before {
content: '“';
position: absolute;
top: 102px;
left: -6px;
font-size: 160px;
color: #fff;
}
@media (max-width: 767px) {
.block-testimonials-bg .testimonial-item-inside::before {
top: 20px;
left: 10px;
font-size: 100px;
}
}
.block-testimonials-bg .testimonial-item-inside>*:not(:first-child) {
margin-top: 17px;
}
.block-testimonials-bg .testimonial-item h2,
.block-testimonials-bg .testimonial-item h3,
.block-testimonials-bg .testimonial-item h4,
.block-testimonials-bg .testimonial-item h5,
.block-testimonials-bg .testimonial-item h6 {
color: #fff;
margin-bottom: 0;
}
.block-testimonials-bg .testimonial-item p {
font-size: 18px;
line-height: 28px;
margin-bottom: 0;
max-height: 125px;
color: #d6f2ff;
}
.testimonials-list-btn .btn.view-more-testimonials {
display: inline-block !important;
}
@media (max-width: 767px) {
.home-testimonials-text {
background-image: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/testiminials-bg-mobile.jpg) !important;
}
.home-testimonials-text .testimonial-item p {
font-size: 17px;
line-height: 25px;
}
.home-testimonials-text {
background-size: 100% 100%;
background-position: center center;
}
.home-testimonials-text .vc_column-inner {
padding-left: 0px !important;
padding-right: 0px !important;
}
.home-testimonials-text .testimonials-carousel {
padding-bottom: 85px;
padding-top: 10px;
background-image: -webkit-gradient(linear, left top, right top, from(#a00000), to(#ce3c31));
background-image: -webkit-linear-gradient(left, #a00000, #ce3c31);
background-image: -o-linear-gradient(left, #a00000, #ce3c31);
background-image: linear-gradient(90deg, #a00000, #ce3c31);
}
.testimonials-carousel .slick-dots {
bottom: 25px;
}
.order-images img {
display: none;
}
span.wpcf7-list-item {
display: block;
margin: 0 !important;
}
}
@media (max-width: 600px) {
.label-box-wrap input[type=radio]+span {
min-width: 190px;
}
}
@media (max-width: 520px) {
.label-box-wrap input[type=radio]+span {
min-width: 170px;
}
}
@media (max-width: 480px) {
.label-box-wrap input[type=radio]+span {
min-width: 150px;
}
}
.order-images {
padding-bottom: 80px;
}
.label-box-wrap input[type=radio]:checked+label {
background-color: #6fbf52;
}
@media (max-width: 1299px) {
.testimonials-carousel-1 {
margin-bottom: 65px;
}
}
.testimonials-carousel-1 .slick-dots {
position: absolute;
width: 100%;
padding: 0;
margin: 0;
bottom: -40px;
}
.block-testimonials .testimonial-item {
position: relative;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 600px) {
.block-testimonials .testimonial-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.block-testimonials .testimonial-item-inside {
width: calc(100% - 250px);
padding: 0 60px 0 130px;
position: relative;
}
@media (max-width: 767px) {
.home-block-1 .wpb_text_column.wpb_content_element.get-banner {
display: inline-block;
margin-bottom: 20px !important;
padding-right: 0px !important;
}
}
@media (max-width: 991px) {
.block-testimonials .testimonial-item-inside {
width: calc(100% - 215px);
padding: 0 20px 0 80px;
}
}
@media (max-width: 600px) {
.block-testimonials .testimonial-item-inside {
padding: 40px 30px 0 30px;
}
}
.block-testimonials .testimonial-item-inside:after {
content: '“';
position: absolute;
top: 30px;
left: 50px;
font-size: 120px;
color: #c7d5e1;
}
@media (max-width: 600px) {
.block-testimonials .testimonial-item-inside:after {
left: 0;
}
}
.block-testimonials .testimonial-item-inside>*:not(:first-child) {
margin-top: 17px;
}
.block-testimonials .testimonial-item-author {
width: 250px;
min-height: 1px;
}
@media (max-width: 991px) {
.block-testimonials .testimonial-item-author {
width: 200px;
padding-left: 15px;
}
}
.block-testimonials .testimonial-item-author img {
width: 100%;
border-radius: 50%;
}
.block-testimonials .testimonial-item h2,
.block-testimonials .testimonial-item h3,
.block-testimonials .testimonial-item h4,
.block-testimonials .testimonial-item h5,
.block-testimonials .testimonial-item h6 {
margin-bottom: 0;
}
.block-testimonials .testimonial-item p {
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.block-testimonials .testimonial-item p {
font-size: 15px;
line-height: 25px;
}
}
.testimonials-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.testimonials-grid .testimonial-item {
border-left: 1px solid #e9eef3;
padding: 10px 0 50px;
width: 33.333%;
}
.testimonials-grid .testimonial-item:first-child {
border: 0;
}
@media (min-width: 992px) {
.testimonials-grid .testimonial-item:nth-child(3n+1) {
border: 0;
}
}
@media (max-width: 991px) {
.testimonials-grid .testimonial-item {
width: 50%;
}
.testimonials-grid .testimonial-item:nth-child(2n+1) {
border: 0;
}
}
@media (max-width: 480px) {
.testimonials-grid .testimonial-item {
width: 100%;
border: 0;
}
}
.testimonials-grid .testimonial-item-inside {
padding: 0 40px;
text-align: center;
position: relative;
}
.testimonials-grid .testimonial-item-inside:after {
content: '“';
position: absolute;
top: 35px;
left: 15px;
font-size: 90px;
color: #c7d5e1;
}
@media (max-width: 600px) {
.testimonials-grid .testimonial-item-inside:after {
left: 0;
}
}
.testimonials-grid .testimonial-item-inside>* {
margin-top: 12px;
margin-bottom: 0;
}
.testimonials-grid .testimonial-item-inside h5 {
font-size: 18px;
}
.testimonials-grid .testimonial-item-inside p {
font-size: 15px;
line-height: 24px;
}
.testimonials-grid--first .testimonial-item {
padding: 10px 0 50px;
}
@media (max-width: 767px) {
.testimonials-grid .testimonials-item {
margin-bottom: 60px;
}
.testimonials-grid .testimonial-item {
padding: 30px 0 30px;
}
}
.testi-brand {
margin-bottom: 80px;
}
@media (max-width: 767px) {
.testi-brand {
margin-bottom: 50px;
}
} .person {
text-align: center;
}
.person>*:not(:first-child) {
margin-top: 20px;
margin-bottom: 0;
}
.person-img {
position: relative;
overflow: hidden;
z-index: 1;
width: auto;
border-radius: 50%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.person-img img {
border-radius: 50%;
max-width: 100%;
}
.person-name,
.person-name:not(:first-child) {
line-height: 1em;
margin-top: 35px;
}
.person-position {
padding: 0;
font-weight: normal;
text-transform: none;
color: #677d8f;
}
.person-position:not(:first-child) {
margin-top: 12px;
}
.person-text {
font-size: 15px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
max-width: 350px;
}
.person-divider {
margin: 15px auto;
height: 2px;
width: 35px;
background-color: #6fbf52;
}
@media (max-width: 767px) {
.person:not(.last) {
margin-bottom: 45px;
}
} .vc_row.banner-text-2u {
margin-top: 80px;
margin-bottom: 60px;
margin-left: -30px !important;
}
.get-started-text p {
display: inline-block;
margin: 0;
padding: 0;
}
.get-started-text .vc_column-inner {
padding-top: 0 !important;
}
.block.fullwidth.inset-70,
.block.fullwidth-bg.inset-70 {
padding: 70px 0;
}
.clean-with-conscience .vc_column-inner {
padding-top: 0 !important;
}
.clean-with-conscience p {
margin-bottom: 22px;
}
[data-bg] {
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.get-banner {
color: #fff;
padding: 3px 0;
}
.get-banner h2 {
display: inline-block;
vertical-align: middle;
font-size: 30px;
margin-bottom: 0;
color: #fff;
}
.get-banner h2+p .btn {
margin: 0 0 0 55px;
vertical-align: middle;
}
@media (max-width: 991px) {
.get-banner h2 {
font-size: 36px;
line-height: 42px;
}
.banner-text-2u .bg-gradient p {
font-size: 28px !important;
}
.get-banner h2+p .btn {
margin: 20px 0 20px 20px;
vertical-align: middle;
}
.banner-text-2u .container {
padding-right: 0px !important;
padding-left: 0px !important;
}
.banner-text-2u .vc_column_container>.vc_column-inner {
box-sizing: border-box;
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
}
.get-banner-2 {
position: relative;
background-image: -webkit-gradient(linear, left top, right top, from(#a00000), to(#ce3c31));
background-image: -webkit-linear-gradient(left, #a00000, #ce3c31);
background-image: -o-linear-gradient(left, #a00000, #ce3c31);
background-image: linear-gradient(90deg, #a00000, #ce3c31);
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 25px 45px 25px 35px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 991px) {
.get-banner-2 {
background-image: -webkit-gradient(linear, left top, right top, from(#a00000), to(#ce3c31));
background-image: -webkit-linear-gradient(left, #a00000, #ce3c31);
background-image: -o-linear-gradient(left, #a00000, #ce3c31);
background-image: linear-gradient(90deg, #a00000, #ce3c31);
padding: 25px;
}
}
.get-banner-2 p {
font-size: 20px;
line-height: 1.5em;
}
.get-banner-2 h2,
.get-banner-2 h3,
.get-banner-2 h4,
.get-banner-2 h5,
.get-banner-2 p {
color: #fff;
margin-bottom: 0;
}
.get-banner-2 h2 {
font-size: 36px;
line-height: 40px;
font-weight: 400;
}
.get-banner-text {
text-align: right;
margin: 0 50px;
}
.get-banner-text>*:not(:first-child) {
margin-top: 7px;
margin-bottom: 0;
}
.get-banner-calendar {
display: block;
position: relative;
margin: -75px 0;
-webkit-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}
.get-banner-calendar>img {
position: relative;
display: block;
}
@media (min-width: 1025px) {
.get-banner-2:hover .get-banner-calendar .calendar-cover {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
}
}
.get-banner-calendar .calendar-cover {
top: 60px;
left: 0;
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: 0.8s ease 0.1s;
-o-transition: 0.8s ease 0.1s;
transition: 0.8s ease 0.1s;
position: relative;
z-index: 1;
}
.get-banner-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 991px) {
.get-banner-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.get-banner-text {
text-align: center;
margin: 0 auto 20px;
}
}
@media (max-width: 767px) {
.get-banner-2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 130px;
}
.get-banner-text>*:not(:first-child) {
margin-top: 25px !important;
}
.get-banner-calendar {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
margin: 20px 0 -75px;
}
.get-banner-text,
.get-banner-text:not(:first-child) {
text-align: center;
margin-top: 0;
}
.vc_row.banner-text-2u {
margin-top: 50px;
margin-bottom: 20px;
}
.vc_row.banner-text-2u {
margin-left: -30px !important;
margin-right: -30px !important;
}
}
.get-banner-text b p {
font-weight: 400 !important;
}
.calendar-cover-front,
.calendar-cover-back {
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
.calendar-cover-front {
z-index: 2;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
}
.calendar-cover-back {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
}
.banner-guarantee {
background-color: #95c504;
padding: 30px 25px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 60px;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (max-width: 1199px) {
.banner-guarantee {
padding: 30px 25px 0 25px;
}
}
.banner-guarantee-img {
-webkit-box-flex: 0;
-webkit-flex: 0 1 345px;
-ms-flex: 0 1 345px;
flex: 0 1 345px;
min-width: 345px;
}
@media (max-width: 1199px) {
.banner-guarantee-img {
-webkit-box-flex: 0;
-webkit-flex: 0 1 300px;
-ms-flex: 0 1 300px;
flex: 0 1 300px;
min-width: 300px;
}
}
@media (max-width: 991px) {
.banner-guarantee-img {
display: none;
}
.banner-text-2u .bg-gradient i {
color: #fff;
font-size: 26px !important;
margin: 12px 20px 0px 0px !important;
}
}
.banner-guarantee-img--topnegative {
position: relative;
}
.banner-guarantee-img--topnegative img {
margin-top: -150px;
margin-left: -10px;
max-width: 100%;
}
.banner-guarantee-text {
color: #fff;
padding-bottom: 40px;
text-align: center;
}
.banner-guarantee-text h1,
.banner-guarantee-text h2,
.banner-guarantee-text h3,
.banner-guarantee-text h4,
.banner-guarantee-text h5,
.banner-guarantee-text h6 {
color: #fff;
}
.banner-guarantee-text p {
font-size: 15px;
line-height: 24px;
}
.banner-guarantee-text>* {
margin-bottom: 0;
}
.banner-guarantee-text>*:not(:first-child) {
margin-top: 20px;
}
.banner-text {
background-image: -webkit-gradient(linear, left top, right top, from(#a00000), to(#ce3c31));
background-image: -webkit-linear-gradient(left, #a00000, #ce3c31);
background-image: -o-linear-gradient(left, #a00000, #ce3c31);
background-image: linear-gradient(90deg, #a00000, #ce3c31);
padding: 37px 25px;
text-align: center;
font-size: 36px;
line-height: 46px;
color: #fff;
}
@media (max-width: 768px) {
.banner-text {
padding: 30px 15px;
font-size: 28px;
}
}
.banner-text h1,
.banner-text h2,
.banner-text h3,
.banner-text h4,
.banner-text h5,
.banner-text h6 {
color: #fff;
}
.banner-text i.icon {
font-size: 24px;
padding: 0 25px;
position: relative;
top: 13px;
right: 10px;
}
a[href^=tel] {
color: inherit;
text-decoration: none;
}
@media (min-width: 768px) and (max-width:992px) {
.banner-text {
width: 500%;
margin-left: -200%;
}
.banner-text i.icon {
top: 9px;
}
} .services-pages-list {
padding-top: 50px;
padding-bottom: 80px;
}
.service-box {
text-align: center;
margin: 20px 0 25px;
}
.service-box>*:not(:first-child) {
margin-top: 15px;
margin-bottom: 0;
}
.service-box-img {
display: block;
position: relative;
overflow: hidden;
z-index: 1;
width: auto;
border-radius: 50%;
max-width: 309px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
}
.service-box-img img {
border-radius: 50%;
max-width: 100%;
}
.service-box-title,
.service-box-title:not(:first-child) {
margin-top: 22px;
}
.service-box-text {
font-size: 15px;
line-height: 24px;
}
.service-box-link {
display: inline-block;
text-transform: uppercase;
font-size: 13px;
line-height: 18px;
font-weight: bold;
color: #6fbf52;
text-decoration: none;
}
@media (min-width: 992px) {
.services-grid .service-box:nth-child(3n+1) {
clear: left;
}
}
@media (max-width: 991px) and (min-width: 480px) {
.services-grid .service-box:nth-child(2n+1) {
clear: left;
}
}
@media (max-width: 480px) {
.service-box {
margin-bottom: 0;
}
}
.services-circle {
position: relative;
height: 520px;
margin: 80px 0 40px;
}
@media (max-width: 991px) {
.services-circle {
height: 650px;
margin: 0px;
}
}
.services-circle-item {
position: absolute;
width: 388px;
}
.services-circle-item.pos-1 {
top: 11%;
left: -9.5%;
width: 388px;
}
.services-circle-item.pos-1 .services-circle-item-title {
right: -26%;
top: 40%;
}
@media (max-width: 767px) {
.services-circle {
height: auto;
}
.services-pages-list {
padding-top: 20px;
padding-bottom: 50px;
}
.services-circle-item {
position: relative;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
padding: 0 65px 20px 10px;
}
}
.services-circle-item.pos-2 {
top: 0;
left: 30%;
width: 291px;
}
.services-circle-item.pos-2 .services-circle-item-title {
left: -30%;
top: -43px;
width: 151px;
height: 151px;
background-image: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/content/service-circle-title-2.png);
}
@media (max-width: 991px) {
.services-circle-item.pos-2 .services-circle-item-title {
right: -26%;
top: 7%;
}
}
@media (max-width: 1199px) and (min-width: 991px) {
.services-circle-item.pos-2 {
width: 250px;
}
}
@media (max-width: 991px) {
.services-circle-item.pos-2 {
width: 200px;
left: auto;
right: 0px;
top: 4%;
width: 30%;
min-width: 135px;
}
.address-box {
background-color: #f6f6f7;
padding: 25px 35px 10px;
overflow: hidden;
}
}
.services-circle-item.pos-3 {
left: 47%;
top: 32%;
width: 357px;
}
.services-circle-item.pos-3 .services-circle-item-title {
right: -20%;
bottom: -3%;
width: 151px;
height: 151px;
background-image: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/content/service-circle-title-2.png);
}
@media (max-width: 991px) {
.services-circle-item.pos-3 .services-circle-item-title {
right: -26%;
top: 55%;
}
}
@media (max-width: 1199px) and (min-width: 991px) {
.services-circle-item.pos-3 {
width: 280px;
}
}
.services-circle-item.pos-4 {
right: -3%;
top: 9%;
width: 291px;
}
.home .entry-content {
margin: 0;
}
.services-circle-item.pos-4 .services-circle-item-title {
left: 0%;
top: -23%;
}
@media (max-width: 991px) {
.services-circle-item.pos-4 .services-circle-item-title {
left: -30%;
top: 2%;
}
}
@media (max-width: 1199px) and (min-width: 991px) {
.services-circle-item.pos-4 {
width: 250px;
right: -1%;
}
}
@media (max-width: 480px) {
.services-circle-item.pos-4 {
bottom: 5%;
}
}
.services-circle-item.pos-5 {
bottom: 0;
left: 30%;
width: 176px;
}
@media (max-width: 1199px) and (min-width: 991px) {
.services-circle-item.pos-5 {
width: 130px;
}
}
@media (max-width: 991px) {
.services-circle-item.pos-5 {
width: 25%;
min-width: 75px;
left: auto;
right: 3%;
top: 75%;
}
}
.services-circle-item.pos-6 {
bottom: 10%;
right: -16%;
width: 169px;
}
@media (min-width: 992px) {
.row-flex-text>.vc_col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
min-width: 50%;
}
}
@media (max-width: 1199px) and (min-width: 991px) {
.services-circle-item.pos-6 {
width: 120px;
right: -2%;
}
}
@media (max-width: 991px) {
.services-circle-item.pos-6 {
width: 18%;
min-width: 80px;
left: 16%;
top: 42%;
}
}
@media (max-width: 991px) {
.services-circle-item.pos-1 {
top: 34%;
left: 0;
width: 38%;
min-width: 175px;
}
.services-circle-item.pos-2 {
left: 22%;
top: 0;
width: 30%;
min-width: 135px;
}
.services-circle-item.pos-3 {
width: 36%;
min-width: 170px;
left: 50%;
top: 36%;
}
.services-circle-item.pos-4 {
right: 33px;
top: 1%;
left: auto;
width: 30%;
min-width: 145px;
}
.services-circle-item.pos-1 .services-circle-item-title {
right: -15%;
top: 53%;
}
.clean-with-conscience .marker-list {
width: 50%;
float: left;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.clean-with-conscience .marker-list {
width: 100%;
float: none;
margin-bottom: 0px;
}
}
.services-circle-item:hover .services-circle-item-title {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
}
.services-circle-item-img {
position: relative;
display: block;
opacity: 0.8;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
overflow: hidden;
border-radius: 50%;
z-index: 1;
}
.services-circle-item-img img {
border-radius: 50%;
width: 100%;
}
.services-circle-item-img:hover {
opacity: 1;
}
.services-circle-item-title {
width: 170px;
height: 170px;
background-image: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/content/service-circle-title-1.png);
-webkit-box-shadow: inset 0 0 0 100px 20px rgba(71, 171, 225, 0);
-moz-box-shadow: inset 0 0 0 100px 20px rgba(71, 171, 225, 0);
box-shadow: inset 0 0 0 100px 20px rgba(71, 171, 225, 0);
position: absolute;
z-index: 2;
border-radius: 50%;
font-size: 18px;
line-height: 22px;
font-weight: 600;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 10%;
text-align: center;
pointer-events: none;
-webkit-transition: all 0.5s ease-out 0.1s;
-moz-transition: all 0.5s ease-out 0.1s;
-ms-transition: all 0.5s ease-out 0.1s;
-o-transition: all 0.5s ease-out 0.1s;
}
@media (max-width: 1199px) and (min-width: 991px) {
.services-circle-item-title {
width: 140px !important;
height: 140px !important;
font-size: 16px;
line-height: 18px;
background-image: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/content/service-circle-title-2.png) !important;
}
}
@media (max-width: 1199px) and (min-width: 991px) {
.services-circle-item.pos-1 {
width: 330px;
}
.clean-with-conscience .marker-list {
width: 50%;
float: left;
margin-bottom: 30px;
}
}
@media (max-width: 480px) {
.services-circle-item-title {
width: 88px !important;
height: 88px !important;
font-size: 11px;
line-height: 13px;
}
}
@-webkit-keyframes shine {
0% {
top: -100%;
left: -100%;
}
100% {
top: -10%;
left: 100%;
}
}
@keyframes shine {
0% {
top: -100%;
left: -100%;
}
100% {
top: -10%;
left: 100%;
}
}
.home-block-1 .wpb_wrapper {
text-align: center;
}
.home-block-1 .wpb_text_column.wpb_content_element.get-banner {
display: inline-block;
margin-bottom: 0;
padding-right: 50px;
}
.about-pages-23 {
padding-bottom: 50px;
}
.btn-white.about-pages-btn {
margin: 15px 0px;
}
.btn.about-pages-btn {
margin: 13px 0px;
}
.sub-service-btn .wpb_content_element {
display: inline-block;
margin-bottom: 0px;
}
.btn.sub-btn {
float: right;
}
.sub-service-btn .contact-info {
padding-right: 30px;
}
@media (max-width: 991px) {
.services-circle-item-title {
width: 110px !important;
height: 110px !important;
font-size: 13px;
line-height: 15px;
background-size: cover;
padding: 0 2%;
}
.sub-service-btn .contact-info {
margin: 0px 40px;
}
}
@media (max-width: 767px) {
.services-circle-item-title {
width: 120px !important;
height: 120px !important;
font-size: 18px;
line-height: 20px;
background-size: cover;
padding: 0 2%;
}
.services-circle-item-title {
left: auto !important;
right: 0 !important;
top: 47% !important;
}
.about-pages-23 {
padding-bottom: 50px;
}
} .how-works {
margin-top: 20px;
text-align: center;
}
.how-works-number {
display: inline-block;
width: 110px;
height: 110px;
border-radius: 50%;
background-color: #6fbf52;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
font-size: 40px;
line-height: 110px;
font-weight: bold;
text-align: center;
color: #fff;
}
.how-works-number--color1 {
background-color: #7bd6c5;
}
.how-works-number--color2 {
background-color: #6dd0f0;
}
.how-works-number--color3 {
background-color: #95c504;
}
.how-works-title {
margin: 0;
}
.how-works-title span {
color: #6fbf52;
}
.how-works p {
font-size: 15px;
line-height: 24px;
}
.how-works>*:not(:first-child) {
margin-top: 15px;
} .home-coupons-area {
padding-bottom: 90px;
padding-top: 90px;
}
.coupon {
width: 493px;
min-height: 418px;
position: relative;
margin: 8px auto 48px;
}
@media (max-width: 520px) {
.coupon {
width: 307px;
min-height: 302px;
}
}
.coupon-top-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
}
.coupon-bot-bg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
}
.coupon-inside {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 40px 69px 40px 38px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
@media (max-width: 520px) {
.coupon-inside {
padding: 20px 45px 20px 25px;
}
}
@media (max-width: 520px) {
.coupon-logo {
width: 80px;
}
}
.coupon-text-1 {
font-size: 12px;
line-height: 20px;
float: right;
width: calc(100% - 135px);
padding-left: 40px;
padding-top: 12px;
}
@media (max-width: 520px) {
.coupon-text-1 {
font-size: 12px;
line-height: 16px;
width: calc(100% - 90px);
padding-left: 10px;
padding-top: 4px;
}
}
.coupon-text-2 {
font-size: 26px;
line-height: 32px;
font-weight: 600;
margin-top: 30px;
text-align: right;
color: #4b5b68;
min-height: 40px;
}
.coupon-text-2 span {
color: #6fbf52;
}
@media (max-width: 520px) {
.coupon-text-2 {
font-size: 21px;
line-height: 22px;
margin: 20px 0px;
min-height: 0;
}
}
.coupon-text-3 {
font-size: 15px;
line-height: 24px;
margin-top: 12px;
text-align: right;
}
@media (max-width: 767px) {
.coupon-text-3 {
font-size: 12px;
line-height: 18px;
margin-top: 7px;
min-height: 0;
}
.services-prices {
padding-bottom: 20px !important;
}
}
.coupon-ribbon {
margin-right: -69px;
margin-top: -6px;
padding-right: 52px;
font-size: 50px;
line-height: 80px;
font-weight: 600;
height: 114px;
color: #fff;
padding-top: 28px;
text-align: right;
background: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/coupon-ribbon.png) no-repeat right top;
}
@media (max-width: 520px) {
.coupon-ribbon {
background-size: contain;
height: 72px;
width: 266px;
margin-right: 0px;
padding-right: 35px;
font-size: 30px;
line-height: 30px;
padding-top: 27px;
position: relative;
right: -9px;
top: -4px;
margin-bottom: 0;
}
}
.coupon-print {
opacity: 0;
position: absolute;
top: 60%;
left: 50%;
width: 90px;
height: 90px;
margin: -64px 0 0 -55px;
border-radius: 50%;
font-size: 37px;
line-height: 90px;
background-color: #95c504;
color: #fff;
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}
.coupon-print:hover {
background-color: #6fbf52;
color: #fff;
}
.coupon:hover .coupon-inside {
opacity: .35;
}
.coupon:hover .coupon-print {
top: 50%;
opacity: 1;
}
.coupons-carousel .slick-dots {
margin: -20px 0 20px;
}
.coupon .coupon-inside img {
margin: auto;
}
@media (max-width: 1200px) and (min-width: 668px) {
.coupon {
margin: 8px auto 48px;
min-height: 302px;
position: relative;
width: 307px;
}
.coupon-inside {
height: 100%;
left: 0;
padding: 20px 45px 20px 25px;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.coupon-bot-bg {
bottom: 0;
height: 175px !important;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.coupon-text-2 {
font-size: 20px;
line-height: 24px;
}
.coupon-logo {
float: left;
width: 80px;
}
.coupon-text-1 {
width: calc(100% - 100px);
padding-left: 0px;
padding-top: 0px;
}
.coupon-text-2 {
margin-top: 10px;
}
.coupon-text-3 {
font-size: 12px;
line-height: 18px;
margin-top: 5px;
}
.coupon-ribbon {
background-size: contain;
height: 72px;
width: 266px;
margin-right: 0px;
padding-right: 35px;
font-size: 32px;
line-height: 35px;
padding-top: 25px;
position: relative;
right: -14px;
top: -4px;
margin-bottom: 0;
}
}
@media (max-width: 667px) {
.coupon {
margin: 8px auto 48px;
min-height: 302px;
position: relative;
width: 307px;
}
.coupon-inside {
height: 100%;
left: 0;
padding: 20px 45px 20px 25px;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.coupon-bot-bg {
bottom: 0;
height: 175px !important;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
}
.coupon-logo {
float: left;
width: 135px;
}
@media (max-width: 1199px) {
.coupon-logo {
float: left;
width: 80px;
}
.coupon-text-1 {
font-size: 12px;
line-height: 16px;
width: calc(100% - 90px);
padding-left: 10px;
padding-top: 4px;
}
.coupon-text-2 {
font-size: 20px;
line-height: 24px;
margin-top: 20px;
min-height: 0;
}
.coupon-ribbon {
background-size: contain;
height: 72px;
width: 266px;
margin-right: 0px;
padding-right: 35px;
font-size: 32px;
line-height: 35px;
padding-top: 25px;
position: relative;
right: -14px;
top: -4px;
margin-bottom: 0;
}
} .home-gallery-area {
margin-bottom: 85px;
margin-top: 85px;
}
@media (max-width: 767px) {
.home-gallery-area {
margin-bottom: 30px;
}
}
.block.fullwidth .gallery-isotope {
margin: 0 -15px;
width: calc(100% + 30px);
}
.gallery-item {
position: relative;
float: left;
width: 20%;
overflow: hidden;
background: #071638;
}
@media (max-width: 767px) {
.gallery-item {
width: 25%;
}
}
@media (max-width: 479px) {
.gallery-item {
width: 50%;
}
}
.gallery-item img {
width: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.gallery-item-image {
overflow: hidden;
}
.gallery-item-caption {
position: absolute;
bottom: 8px;
width: 100%;
padding: 12px 15px;
font-size: 16px;
line-height: 26px;
font-weight: 500;
text-align: center;
z-index: 3;
color: #fff;
opacity: 0;
-webkit-transform: translateY(101%);
-ms-transform: translateY(101%);
transform: translateY(101%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.gallery-item-caption:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #2a333a;
opacity: .8;
z-index: -1;
}
.gallery-item-zoom {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 200px;
line-height: 1em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
cursor: pointer;
text-decoration: none;
}
.gallery-item-zoom:hover {
color: #fff;
}
.gallery-item-zoom i.icon {
z-index: 2;
}
.gallery-item-zoom:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #4b5b68;
opacity: .6;
z-index: 0;
}
.gallery-item:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 4;
border: 0 solid #fff;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
pointer-events: none;
}
.gallery-slick {
margin-right: -15px;
margin-left: -15px;
}
.banner-text-2u .bg-gradient p {
color: #fff;
font-weight: 700px;
font-size: 36px;
}
.banner-text-2u .bg-gradient i {
color: #fff;
font-size: 36px;
margin: 12px 30px 0px 0px;
}
@media (max-width: 991px) {
.gallery-item {
width: 33.333%;
}
}
@media (min-width: 1025px) {
.gallery-item:hover:before {
opacity: 1;
border-width: 8px;
}
.gallery-item:hover .gallery-item-zoom {
opacity: 1;
font-size: 82px;
}
.gallery-item:hover .gallery-item-caption {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.filters-by-category ul {
margin: 0 0 35px;
padding: 0;
list-style: none;
text-align: center;
}
.filters-by-category ul li {
display: inline-block;
line-height: 1em;
margin: 0 0 10px;
}
.filters-by-category ul li a {
display: block;
position: relative;
font-size: 16px;
line-height: 28px;
font-weight: 600;
text-decoration: none;
padding: 0 30px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #425d74;
}
.filters-by-category ul li a:hover,
.filters-by-category ul li a.selected {
color: #6fbf52;
}
@media (max-width: 991px) {
.get-banner-calendar {
width: 120px;
position: absolute;
bottom: 55px;
}
.filters-by-category ul li a {
padding: 0 15px;
}
}
@media (max-width: 767px) {
.filters-by-category ul li {
margin: 0px 15px;
}
.filters-by-category ul li:not(:first-child) {
border-top: 1px solid #e8ecee;
}
.filters-by-category ul li a {
text-align: left;
padding: 5px 0px;
}
.get-banner-calendar .calendar-cover {
top: 35px;
}
.get-banner-2 h2 {
font-size: 36px;
line-height: 46px;
margin-bottom: 25px;
}
.get-banner-calendar {
width: 120px;
position: absolute;
bottom: 55px;
}
.banner-text-2u .get-banner h2 {
font-size: 28px;
line-height: 46px;
padding: 0px 13px;
font-weight: 400;
}
.banner-text-2u .bg-gradient p {
font-size: 28px;
}
.banner-text-2u .vc_column_container>.vc_column-inner {
padding-left: 0px !important;
padding-right: 0px !important;
}
.btn.sub-btn {
float: none;
margin: 30px 0px 20px;
}
.banner-guarantee {
margin-top: 0px;
}
}
.banner-text-2u .banner-text p {
color: #fff;
font-weight: 700px;
font-size: 36px;
}
@media (max-width: 480px) {
.services-pages-list .marker-list,
.services-pages-list-2 .marker-list {
width: 200px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 440px) {
.get-banner-2 {
background-image: -webkit-gradient(linear, left top, right top, from(#ce3c31), to(#a00000));
background-image: -webkit-linear-gradient(left, #ce3c31, #a00000);
background-image: -o-linear-gradient(left, #ce3c31, #a00000);
background-image: linear-gradient(90deg, #ce3c31, #a00000);
padding-right: 90px;
padding-left: 90px;
padding-top: 30px;
}
}
@media (max-width: 380px) {
.get-banner-2 {
background-image: -webkit-gradient(linear, left top, right top, from(#ce3c31), to(#a00000));
background-image: -webkit-linear-gradient(left, #ce3c31, #a00000);
background-image: -o-linear-gradient(left, #ce3c31, #a00000);
background-image: linear-gradient(90deg, #ce3c31, #a00000);
padding-right: 90px;
padding-left: 90px;
padding-top: 30px;
}
}
@media (max-width: 767px) {
.banner-text-2u .banner-text p {
font-size: 28px;
}
.banner-text i.icon {
top: 8px;
right: 15px;
padding: 0 15px;
}
.services-circle-carousel {
width: 290px !important;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px) {
.banner-text-2u .banner-text p {
font-size: 28px;
}
.list-item-services .wpb_content_element {
margin-bottom: 10px !important;
}
.about-top-txt.vc_custom_1499060433376 {
background: transparent !important;
}
} .news-prw {
background-color: #f8f9f7;
margin-top: 10px;
padding: 0 30px 50px;
}
.news-prw-image {
position: relative;
margin: 0 -30px;
}
.news-prw-image img {
width: 100%;
}
.news-prw>*:not(:first-child) {
margin-top: 22px;
}
.news-prw-title:not(:first-child) {
margin-top: 15px;
}
.news-prw-date {
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #6fbf52;
}
.news-prw-title {
margin-bottom: 0;
}
.news-prw p {
font-size: 15px;
line-height: 24px;
margin-bottom: 0;
}
.news-prw-link {
display: block;
position: absolute;
bottom: -25px;
right: 22px;
width: 51px;
height: 51px;
border-radius: 50%;
font-size: 18px;
line-height: 53px;
padding-left: 3px;
background-color: #95c504;
color: #fff;
text-align: center;
text-decoration: none;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.news-prw-link:hover {
background-color: #6fbf52;
color: #fff;
} @media (min-width: 992px) {
.row-flex-text>.col-50 {
-webkit-box-flex: 0;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
min-width: 50%;
}
} .about-top-txt .vc_column-inner {
padding-top: 0px !important;
}
.icon-target-lined:before {
content: "\e92a";
}
.banner-about-txt p {
display: inline-block;
}
@media (max-width: 991px) {
.about-top-txt .vc_col-sm-6,
.value-area .vc_col-sm-6 {
width: 100% !important;
}
.value-area .wpb_single_image.vc_align_left {
text-align: center;
}
}
@media (min-width: 767px) {
.text-icon {
height: 100%;
min-height: 385px;
}
} .pages-fact-area {
padding-top: 40px;
padding-bottom: 90px;
}
.fact-item-image {
position: relative;
width: 209px;
height: 209px;
border-radius: 50%;
margin: 7px auto 12px;
}
.fact-item-text-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
color: #fff;
}
.fact-item-text-wrap>*:not(:first-child) {
margin-top: 10px;
}
.fact-item-number {
font-size: 50px;
line-height: 1em;
font-weight: 600;
}
.fact-item-text {
font-size: 24px;
line-height: 1em;
font-weight: 600;
}
@media (max-width: 767px) {
.pages-fact-area {
padding-top: 0px;
padding-bottom: 50px;
}
} .bg-icons-back {
background: url(//hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/block-bg-2.jpg);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.bg-icons-back {
padding-top: 80px;
padding-bottom: 80px;
}
.feature-text {
margin-bottom: 30px;
padding: 0 50px 0 0;
}
.feature-text h5 {
margin-top: 10px;
}
.feature-text p {
margin-bottom: 0;
}
@media (max-width: 991px) {
.feature-text {
padding: 0;
}
}
.feature-text.text-right {
padding: 0 0 0 50px;
}
@media (max-width: 991px) {
.feature-text.text-right {
padding: 0;
}
}
@media (max-width: 767px) {
.feature-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.feature-wrapper>.feature-image {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.feature-text,
.feature-text.text-right {
text-align: center;
padding: 0;
}
.bg-icons-back {
background-size: auto 100%;
background-position: 67% center;
}
} .discount-box-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 190px;
margin-top: 40px;
}
.discount-box-row>* {
margin: 0 15px;
}
.discount-box-row>*:first-child {
margin-left: 0;
}
.discount-box-row>*:last-child {
margin-right: 0;
}
.discount-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
background-color: #6fbf52;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
font-size: 24px;
line-height: 36px;
font-weight: 400;
color: #fff;
}
.discount-box--color1 {
background-color: #7bd6c5;
}
.discount-box--color2 {
background-color: #6dd0f0;
}
.discount-box--color3 {
background-color: #95c504;
}
.discount-box-sale {
font-size: 36px;
line-height: 1em;
font-weight: 600;
}
.discount-box>*:not(:first-child) {
margin-top: 12px;
}
@media (max-width: 767px) {
.discount-box-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: inherit;
}
.discount-box-row>* {
margin: 10px 0;
}
.discount-box {
max-width: 300px;
width: 100%;
padding: 20px 0;
}
.discount-box-row {
margin-top: 0px;
}
.pages-prices {
padding-top: 70px !important;
}
.page-header-menu {
border-top: none !important;
}
} .services-prices {
padding-bottom: 80px;
}
.pages-prices {
padding-top: 90px;
}
.prices-box {
position: relative;
width: 25%;
margin-top: 20px;
float: left;
text-align: center;
font-size: 16px;
line-height: 20px;
border-top: 1px solid #e6e9ec;
border-right: 1px solid #e6e9ec;
}
.prices-box:first-child:before,
.prices-box.slick-active:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #e6e9ec;
}
.prices-box:last-child:before {
content: '';
position: absolute;
right: 1px;
left: auto;
top: 0;
width: 1px;
height: 100%;
background-color: #e6e9ec;
}
.prices-box.slick-active+.slick-active:not(:last-child):before {
display: none;
}
.prices-box.slick-active+.slick-slide:not(.slick-active):before {
content: '';
position: absolute;
left: -3px;
top: 0;
width: 1px;
height: 100%;
background-color: #e6e9ec;
}
.prices-box>* {
min-height: 60px;
padding: 20px 0;
border-bottom: 1px solid #e6e9ec;
}
.prices-box-price {
padding: 0px;
}
.prices-box-price p {
margin-bottom: 15px;
}
.prices-box-title {
border-bottom: 2px solid #e6e9ec;
margin-bottom: 0;
}
.prices-box-price b {
display: block;
font-size: 50px;
line-height: 1em;
font-weight: 600;
color: #6fbf52;
}
.prices-box-price b sup {
font-size: 20px;
top: -1em;
}
.prices-box-price span {
display: block;
font-size: 14px;
}
@media (max-width:767px;
) {
.services-prices {
padding-bottom: 70px;
}
} .question-box {
padding: 18px 14px 30px;
background: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/question-box-bg.jpg) no-repeat center top #9bd9e8;
background-size: 100%;
}
.question-box-title {
font-size: 36px;
line-height: 40px;
font-weight: 600;
color: #fff;
margin-bottom: 18px;
}
.question-box .form-control {
height: 42px;
background: #fff;
border: 0;
margin-bottom: 9px;
border-radius: 3px;
}
.question-box textarea.form-control {
height: 162px;
padding-top: 10px;
}
.placeholder-dark {
color: #656d74;
}
.question-box input::-webkit-input-placeholder,
.question-box textarea::-webkit-input-placeholder {
color: #656d74;
}
.question-box input::-moz-placeholder,
.question-box textarea::-moz-placeholder {
color: #656d74;
}
.question-box input:-ms-input-placeholder,
.question-box textarea:-ms-input-placeholder {
color: #656d74;
}
.question-box input:-moz-placeholder,
.question-box textarea:-moz-placeholder {
color: #656d74;
}
.question-box+* {
margin-bottom: 30px;
}
.question-box .successform,
.question-box .errorform {
margin-bottom: 25px;
}
.question-box .successform,
.question-box .errorform,
.question-box .successform p,
.question-box .errorform p {
text-align: center;
font-size: 15px;
line-height: 18px;
}
.question-box .successform {
color: #fff;
}
.question-box .errorform {
color: #ff0000;
}
.question-form label.error {
font-size: 13px !important;
margin-top: -7px;
line-height: 15px;
color: #ff0000;
} .brand-carousel img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: opacity 0.3s, -webkit-filter 0.3s;
-webkit-transition: opacity 0.3s, -webkit-filter 0.3s;
-o-transition: filter 0.3s, opacity 0.3s;
transition: filter 0.3s, opacity 0.3s;
transition: filter 0.3s, opacity 0.3s, -webkit-filter 0.3s;
-webkit-transition: filter 0.3s, -webkit-filter 0.3s, opacity 0.3s;
opacity: 0.5;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.brand-carousel img:hover {
-webkit-filter: none;
filter: none;
opacity: 1;
} .panel-group {
margin-top: 43px;
margin-bottom: 0;
}
.cleaning-faq-text .vc_toggle_title>h4 {
display: inline;
font-size: 18px;
text-transform: uppercase;
color: #6fbf52;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
-moz-transition: 0.4s;
}
.cleaning-faq-text .vc_toggle_title>h4:hover {
color: #95c504;
padding-left: 30px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
-moz-transition: 0.4s;
}
.cleaning-faq-text .vc_toggle_title i.vc_toggle_icon:hover {
color: #95c504 !important;
}
.cleaning-faq-text .vc_toggle_active .vc_toggle_title>h4 {
color: #95c504;
}
.cleaning-faq-text .vc_toggle_active .vc_toggle_content>p {
padding-left: 30px;
}
.cleaning-faq-text .vc_toggle_active .vc_toggle_title i.vc_toggle_icon {
border: 2px solid #95c504 !important;
}
.cleaning-faq-text .vc_toggle_default.vc_toggle {
display: block;
margin: 0 0 21.74px;
padding: 0;
font-size: 1em;
height: auto;
min-height: 80px;
}
.cleaning-faq-text .vc_toggle_size_md.vc_toggle_default .vc_toggle_content,
.cleaning-faq-text .vc_toggle_size_md.vc_toggle_default .vc_toggle_title {
padding-left: 5px;
}
.cleaning-faq-text .vc_toggle_default .vc_toggle_icon {
background-color: transparent;
padding: 21px;
border: none;
width: 53px !important;
height: 53px !important;
position: absolute !important;
left: -85px !important;
top: 15px !important;
border-radius: 50%;
border: 2px solid #6fbf52;
}
.cleaning-faq-text .vc_toggle_default .vc_toggle_icon::after,
.cleaning-faq-text .vc_toggle_default .vc_toggle_icon::before {
background: #6fbf52;
}
.cleaning-faq-text .vc_toggle_default .vc_toggle_icon::before {
border: none;
}
.cleaning-faq-text .vc_toggle_active .vc_toggle_icon::before {
visibility: visible !important;
color: #6fbf52;
}
.cleaning-faq-text .vc_toggle_default .vc_toggle_icon::before {
height: 2px;
width: 16px;
}
.cleaning-faq-text .vc_toggle_default .vc_toggle_icon::after {
height: 16px;
width: 2px;
}
.cleaning-faq-text .vc_toggle_title,
.cleaning-faq-text .vc_toggle_content {
margin-left: 80px;
margin-bottom: 20px;
}
.cleaning-faq-text .vc_toggle_active .vc_toggle_icon::before {
background: #95c504 !important;
}
@media (max-width: 767px) {
.cleaning-faq-text .vc_toggle_title>h4 {
font-size: 16px;
}
.cleaning-faq-text .vc_toggle_content {
margin-left: 50px;
}
}
.discounts-about {
padding-top: 50px;
}
.discounts-about .wpb_text_column.wpb_content_element {
margin-bottom: 0px !important;
}    .blog-post {
margin-bottom: 100px;
overflow: hidden;
position: relative;
}
a.post-link {
color: #fff;
}
@media (max-width: 767px) {
.blog-post {
margin-bottom: 50px;
}
.blog-post .post-image img {
height: auto;
max-width: 100%;
width: 100% !important;
}
}
.blog .title-aside {
font-size: 36px;
line-height: 40px;
}
.blog-post .post-video {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.blog-post .post-video iframe,
.blog-post .post-video object,
.blog-post .post-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.blog-post .post-music iframe,
.blog-post .post-music object,
.blog-post .post-music embed {
width: 100%;
height: auto;
border: 0;
}
.blog-post .post-image {
position: relative;
border-radius: 0;
}
.blog-post .post-image img,
.blog-post .post-video,
.blog-post .post-carousel,
.blog-post .post-music {
width: 100%;
margin-bottom: 35px;
}
.post-read-more {
margin-top: 30px;
}
.blog-post .post-link-wrapper {
position: absolute;
top: 10px;
width: 100%;
height: 100%;
text-align: center;
left: 10px;
}
.blog-post .post-image .post-link {
font-size: 42px;
line-height: 1em;
color: #fff;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
text-decoration: none;
}
@media (max-width: 767px) {
.blog-post .post-image .post-link {
font-size: 4vw;
}
}
.blog-post .post-image .post-link:hover {
color: #6fbf52;
text-decoration: none;
}
.blog-post .post-title {
margin-bottom: 20px;
font-size: 36px;
}
.blog-post .post-meta {
padding: 0;
overflow: hidden;
list-style: none;
margin-bottom: 15px;
}
.blog-post .post-meta li {
float: left;
font-size: 14px;
padding-right: 80px;
}
.single_pg_cont .blog-post {
margin-bottom: 10px;
}
.calendar_wrap tbody tr td {
text-align: center;
}
@media (max-width: 1199px) {
.blog-post .post-meta li {
padding-right: 40px;
}
}
@media (max-width: 991px) {
.blog-post .post-meta li {
padding-right: 15px;
}
}
.blog-post .post-meta li i.icon,
.blog-post .post-meta li span {
display: inline-block;
vertical-align: middle;
}
.blog-post .post-meta li i.icon {
font-size: 18px;
padding-right: 7px;
color: #6fbf52;
}
.blog-post .post-meta li:last-child {
padding-right: 0;
}
.blog-post .post-meta .post-meta-reviews span {
font-size: 14px;
}
.blog-post .post-read-more:not(:first-child) {
margin-top: 35px;
}
.blog-post .post-teaser p:last-child {
margin-bottom: 0;
}
.blog-post .post-author {
font-size: 15px;
margin-bottom: 20px;
}
.post-author .author,
.meta-author a,
.meta-author i {
font-weight: 700;
}
.post-meta-date a,
.comment .meta-date,
.date time {
font-size: 13px;
line-height: 22px;
font-weight: bold;
color: #6fbf52;
text-transform: uppercase;
}
.post-carousel {
overflow: hidden;
}
.post-carousel .slick-prev:before,
.post-carousel .slick-next:before {
font-size: 40px;
}
.post-carousel .slick-prev {
left: 20px;
}
.post-carousel .slick-next {
right: 20px;
}
.post-carousel .slick-prev:before,
.post-carousel .slick-next:before {
color: #fff;
}
.blog-post.single {
margin-bottom: 0;
}
.blog-post .post-content {
padding-bottom: 50px;
border-bottom: 1px solid #efefef;
}
.post-preview {
margin-top: 28px;
margin-bottom: 45px;
}
.post-preview .post-meta {
margin-top: 15px;
font-size: 13px;
}
.post-preview .post-title {
font-size: 24px;
line-height: 30px;
margin-top: 10px;
}
.post-preview .post-title a {
color: #4b5b68;
text-decoration: none;
-webkit-transition: color 200ms ease;
-moz-transition: color 200ms ease;
-ms-transition: color 200ms ease;
-o-transition: color 200ms ease;
}
.post-preview .post-title a:hover {
color: #6fbf52;
}
.view-more-post {
margin-bottom: 30px;
}
.blog-post .side-block {
margin-bottom: 55px;
}
.blog-post .side-block h3 {
font-size: 36px;
line-height: 40px;
margin-bottom: 30px;
}
.side-block:last-child {
border-bottom: 0;
margin-bottom: 50px;
}
.blog-post .link-images {
position: relative;
display: block;
margin-bottom: 35px;
} .comment-list {
margin-top: 60px;
}
.comment-body {
margin-bottom: 40px;
}
.comment-list .comment .userpic {
width: 104px;
height: 104px;
float: left;
margin: 0 23px 0 0;
font-size: 60px;
line-height: 104px;
border-radius: 50%;
text-align: center;
color: #6fbf52;
}
.comment-list .comment .text {
overflow: hidden;
padding-top: 4px;
}
.comment-list .comment .text p {
margin-bottom: 10px;
}
.comment-list .comment .text .meta {
padding-bottom: 10px;
margin-bottom: 12px;
font-size: 14px;
border-bottom: 1px solid #efefef;
padding-bottom: 7px;
}
.comment-list .comment .text .meta .icon {
padding-right: 5px;
}
.comment-list .comment .text .meta-author {
padding-right: 30px;
font-size: 15px;
}
.comment-list .comment a.comment-reply-link,
.edit-link a {
display: inline-block;
padding: 0 11px;
border-radius: 2px;
color: #fff;
background-color: #95c504;
font-size: 10px;
line-height: 23px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: color 200ms ease;
-moz-transition: color 200ms ease;
-ms-transition: color 200ms ease;
-o-transition: color 200ms ease;
}
.comment-list .comment a.comment-reply-link:hover,
.edit-link a:hover {
background-color: #6fbf52;
}
.comment-list .comment .text a.reply {
display: inline-block;
padding: 0 11px;
border-radius: 2px;
color: #fff;
background-color: #95c504;
font-size: 10px;
line-height: 23px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: color 200ms ease;
-moz-transition: color 200ms ease;
-ms-transition: color 200ms ease;
-o-transition: color 200ms ease;
}
.comment-list .comment .text a.reply:hover {
background-color: #6fbf52;
}
.comment-list .comment.replay {
margin-left: 115px;
}
@media (max-width: 767px) {
.comment-list .comment.replay {
margin-left: 70px;
}
}
.comment-form {
margin-bottom: 50px;
}
.comment-form .textarea-custom {
height: 170px;
}
.blog-post-isotope {
overflow: hidden;
margin-bottom: 50px;
margin-top: 10px;
overflow: visible;
}
.blog-post-isotope .post-meta li.author {
display: none;
}
.blog-post-isotope .post-image {
margin-left: -20px;
margin-right: -20px;
margin-top: -20px;
}
.blog-post-isotope .blog-post {
position: relative;
float: left;
width: calc(33.333% - 20px);
text-align: center;
padding: 20px 20px 40px;
margin-bottom: 30px;
border: 1px solid #e1e5e9;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.blog-post-isotope .blog-post .post-author {
display: none;
}
.blog-post-isotope .blog-post .quote {
text-align: left;
font-size: 16px;
line-height: 24px;
}
@media (max-width: 1199px) {
.blog-post-isotope .blog-post {
width: calc(50% - 15px);
}
}
@media (max-width: 767px) {
.blog-post-isotope .blog-post {
width: 100%;
}
}
@media (min-width: 768px) {
.blog-post-isotope .post-meta {
font-size: 14px;
}
.blog-post-isotope .post-title {
font-size: 24px;
line-height: 30px;
}
.blog-post-isotope .post-image .post-link {
font-size: 22px;
}
.blog-post-isotope .quote {
margin-top: 15px;
margin-bottom: 20px;
padding-left: 80px;
}
.blog-post-isotope .post-read-more .btn-sm {
font-size: 14px;
}
.blog-post-isotope .post-meta:not(:first-child) {
margin-top: 20px;
}
.blog-post-isotope .post-read-more:not(:first-child) {
margin-top: 20px;
}
.blog-post-isotope>*:not(:first-child) {
margin-top: 12px;
}
}
@media (max-width: 767px) {
.page-main blockquote {
padding-left: 70px !important;
}
.banner-text-2u .bg-gradient i {
color: #fff;
font-size: 24px;
margin: 9px 15px 0px 0px;
}
.filters-by-category ul li {
display: block;
}
}
.blog-post .gallery-item:hover:before {
opacity: 1;
border-width: 0px;
}    .slick-loading .slick-list {
background: #fff url(//hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 30px;
height: 30px;
margin-top: -15px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 200;
text-align: center;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
opacity: .5;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:after,
.slick-next.slick-disabled:after {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'cleaning';
font-size: 36px;
line-height: 40px;
color: #8a9aa7;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev:hover:before,
.slick-next:hover:before {
color: #6fbf52;
}
.slick-prev {
left: -60px;
}
.slick-prev:before {
content: "\e90b";
}
.slick-next {
right: -60px;
}
.slick-next:before {
content: "\e909";
} .slick-slider {
padding: 0;
list-style: none;
}
.slick-slider.nav-dot {
margin-bottom: 75px;
}
@media (max-width: 767px) {
.slick-slider {
margin-bottom: 30px;
}
}
.slick-dots {
display: block;
width: 100%;
padding: 0;
margin: 38px 0 -18px;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 -4px 0 0;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
position: relative;
display: block;
width: 10px;
height: 10px;
margin: 0 10px;
padding: 0;
color: transparent;
background-color: transparent;
border: 0;
outline: none;
border-radius: 50%;
background: #e1e5e9;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
@media (max-width: 479px) {
.slick-dots li button {
width: 6px;
height: 6px;
margin: 0 5px;
}
}
.slick-dots li button:after {
display: none;
}
.slick-dots li.slick-active button,
.slick-dots li.slick-active button:hover {
background: #6fbf52;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
@media (max-width: 991px) {
.slick-slide .animation {
opacity: 1 !important;
animation-name: none !important;
-webkit-animation-name: none !important;
}
}
.arrows-center .slick-prev,
.arrows-center .slick-next {
position: relative;
float: left;
top: auto;
bottom: -33px;
left: 50%;
height: 55px;
width: 65px;
margin-bottom: 26px;
background-color: #fff;
border: 1px solid #edeff1;
opacity: 1;
z-index: 1;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.arrows-center .slick-prev:before,
.arrows-center .slick-next:before {
font-size: 14px;
color: #3d4b57;
}
.arrows-center .slick-prev:hover,
.arrows-center .slick-next:hover {
background-color: #f9f9f9;
}
.arrows-center .slick-prev:hover:before,
.arrows-center .slick-next:hover:before {
color: #3d4b57;
}
.arrows-center .slick-prev {
border-radius: 27px 0 0 27px;
transform: translateX(-100%);
box-shadow: -1px 5px 5px rgba(0, 0, 0, 0.05);
background-color: #95c504;
}
.arrows-center .slick-next {
border-radius: 0 27px 27px 0;
transform: translateX(-100%);
box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.05);
}
.arrows-center .slick-prev:before {
color: #fff;
}
.arrows-center .slick-prev:before {
content: "\e935";
}
.arrows-center .slick-next:before {
content: "\e936";
}
td#today {
background-color: #6fbf52;
color: #fff;
}
.testimonial-item.grid-item {
display: none;
}
.view-more-testimonials {
display: none;
}
.testimonial-item.grid-item:nth-child(-n+3) {
display: block;
}
@media (max-width: 767px) {
.block-testimonials .testimonial-item-inside {
width: 100% !important;
padding: 40px 30px 0 30px;
}
}
i.icon {
margin-left: 0px;
line-height: 1;
width: unset;
height: unset;
}
.how-works .how-works-title,
.text-h3-size h3 {
font-size: 24px;
}
.sub-services-list b {
display: block;
}
.testimonials-list-btn .testiminials-page-btn {
text-align: center;
margin-top: 60px;
}
body.single-post #pageContent {
padding-top: 0px !important;
}
.comment-respond .textarea-custom.input-full {
margin-bottom: 30px;
}
#cleaning_contact_box-2 .col-md-12 {
margin-left: -15px;
}
.blog .page-main {
margin-top: 80px;
}
.woocommerce-message .btn.wc-forward {
max-width: 100%;
margin-top: 0px;
display: inline-block;
}
.wrap .content-area {
margin-bottom: 30px;
}
@media (min-width: 1200px) {
.clean-with-conscience {
background-image: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/block-bg-1.jpg);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 100% auto;
}
}
@media (max-width: 1199px) {
.clean-with-conscience {
background-image: none;
}
.clean-with-conscience .wpb_column.vc_column_container.vc_col-sm-9 {
width: 100%;
}
}
.vc_row.home-calender {
margin-bottom: 100px;
}
.widget_calendar table {
background: #fff;
border-collapse: collapse;
font-size: 14px;
width: 100%;
max-width: 350px;
border-spacing: 1px;
border-collapse: separate;
}
@media (max-width: 991px) {
.vc_row.home-calender {
margin-left: -30px !important;
margin-right: -30px !important;
}
.home-calender .vc_column-inner {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
@media (max-width: 767px) {
.vc_row.home-calender {
margin-bottom: 50px;
}
}
@media (max-width: 1200px) and (min-width: 768px) {
.btn.sub-btn {
float: none;
margin: 30px auto 0px;
}
.contact-info-wrap {
margin-right: 0px;
}
}
@media (min-width: 992px) {
.get-banner-text b {
display: block;
}
}
.contact-pages-list {
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 767px) {
.contact-pages-list {
padding-top: 50px;
padding-bottom: 50px;
}
.label-box-wrap .wpcf7-list-item {
float: left;
width: 50%;
}
.order-images {
padding-bottom: 0px;
}
.sub-service-btn .contact-info {
margin: 10px 0px;
}
}
@media(min-width: 601px) {
.label-box-wrap .wpcf7-list-item {
float: left;
width: 25%;
}
.label-box-wrap input[type=radio]+span {
width: 123px;
}
}
@media(min-width: 730px) {
.label-box-wrap input[type=radio]+span {
width: 150px;
}
.label-box-wrap .wpcf7-list-item {
float: left;
width: auto !important;
}
}
@media(min-width: 992px) and (max-width:1199px) {
.label-box-wrap input[type=radio]+span {
width: 200px;
}
}
.bootstrap-datetimepicker-widget .datepicker th,
.bootstrap-datetimepicker-widget .datepicker td,
.bootstrap-datetimepicker-widget .datepicker tr,
.bootstrap-datetimepicker-widget .datepicker table {
border: none;
}
@media (max-width: 400px) {
.label-box-wrap label {
width: 100%;
}
}
@media (max-width: 1199px) {
.order-images .vc_col-sm-4 {
display: none !important;
}
.order-images .vc_col-sm-8 {
width: 100% !important;
}
}
@media (max-width: 1025px) {
.page-header-top .shine {
display: none;
}
}
@media (max-width: 991px) {
.side-contact-1.vc_col-sm-4,
.side-contact-2.vc_col-sm-8,
.list-contact-1.vc_col-sm-4 {
width: 100% !important;
}
.list-contact-2.vc_col-sm-4,
.list-contact-3.vc_col-sm-4 {
width: 50% !important;
}
}
.wpcf7-list-item input:checked+span {
background: #6fbf52;
color: #fff;
}
@media (max-width: 767px) {
.list-contact-2.vc_col-sm-4,
.list-contact-3.vc_col-sm-4 {
width: 100% !important;
}
}
@media (max-width:428px) {
.label-box-wrap .wpcf7-list-item {
display: block;
width: 100%;
float: none;
}
.wpcf7-list-item label {
width: 100%;
}
.wpcf7-list-item-label {
width: 100% !important;
}
}
.margin-bottom-75 {
margin-bottom: 75px;
}
@media (max-width: 767px) {
.margin-bottom-75 {
margin-bottom: 35px;
}
}
.breadcrumbs i {
font-size: 7px;
color: #74828e;
}
.breadcrumb>span,
.breadcrumb>span>span {
padding-left: 0;
}
@media (max-width: 767px) {
.page-header .logo img {
max-width: 160px;
min-width: 160px;
}
}
.page-footer-menu {
min-height: 75px;
height: auto;
}
.blog-post.contant-main.contant-for-link {
position: relative;
} .page-header.page-header--style2 .page-header-topline {
background-color: #f9f9fa;
padding: 4px 0;
overflow: hidden;
}
@media (max-width: 767px) {
.page-header.page-header--style2 .page-header-topline {
height: 34px;
padding: 2px 0;
}
}
.page-header.page-header--style2 .page-header-topline .page-header-info:not(:first-child) {
margin: 0 0 0 36px;
}
@media (max-width: 1199px) {
.page-header.page-header--style2 .page-header-topline .page-header-info:not(:first-child) {
margin-left: 15px;
}
}
.page-header.page-header--style2 .page-header-topline .page-header-info {
padding-left: 24px;
font-size: 14px;
line-height: 25px;
color: #899198;
}
.page-header.page-header--style2 .page-header-topline .page-header-info [class*='icon'] {
font-size: 18px;
color: #6fbf52;
top: 0;
}
@media (max-width: 1199px) {
.page-header.page-header--style2 .page-header-topline .page-header-info {
font-size: 13px;
}
}
.page-header.page-header--style2 .page-header-topline .quote-button-wrap .btn {
height: 42px;
font-size: 14px;
line-height: 22px;
padding: 10px 28px;
text-transform: none;
background-color: #95c504;
color: #ffffff;
border-radius: 21px;
}
.page-header.page-header--style2 .page-header-topline .quote-button-wrap .btn.focus,
.page-header.page-header--style2 .page-header-topline .quote-button-wrap .btn:focus {
background-color: #95c504;
color: #ffffff;
}
.page-header.page-header--style2 .page-header-topline .quote-button-wrap .btn:hover,
.page-header.page-header--style2 .page-header-topline .quote-button-wrap .btn.active,
.page-header.page-header--style2 .page-header-topline .quote-button-wrap .btn:active {
background: #95c504;
color: #ffffff;
}
.page-header.page-header--style2 .page-header-topline .quote-button-wrap .btn [class*='icon'] {
font-size: 16px;
padding-right: 8px;
color: inherit;
}
@media (max-width: 1199px) {
.page-header.page-header--style2 .page-header-topline .quote-button-wrap .btn {
height: 33px;
font-size: 12px;
line-height: 23px;
padding: 5px 20px;
border-radius: 16px;
}
.page-header.page-header--style2 .page-header-topline .quote-button-wrap .btn [class*='icon'] {
font-size: 12px;
padding-right: 7px;
position: relative;
top: -1px;
}
}
@media (max-width: 767px) {
.page-header.page-header--style2 .page-header-topline .quote-button-wrap .btn {
height: 30px;
font-size: 12px;
line-height: 20px;
padding: 5px 20px;
position: unset;
margin: 0;
}
}
@media (max-width: 991px) {
.page-header.page-header--style2 .page-header-topline .quote-button-wrap {
position: static;
margin-right: -5px;
}
}
.page-header.page-header--style2 .page-header-topline .social-list {
margin: 0 20px;
}
@media (max-width: 1199px) {
.page-header.page-header--style2 .page-header-topline .social-list {
display: none;
}
}
.page-header.page-header--style2 .page-header-topline .social-list>li a {
font-size: 16px;
line-height: 25px;
padding: 0 10px;
color: #899198;
}
.page-header.page-header--style2 .page-header-topline .social-list>li a:hover {
color: #95c504;
}
.page-header.page-header--style2 .page-header-topline .container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.page-header.page-header--style2.is-sticky .page-header-topline {
display: none;
}
.page-header.page-header--style2 .page-header-topline-left {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 767px) {
.page-header.page-header--style2 .page-header-topline-left {
display: none;
}
}
.page-header.page-header--style2 .page-header-topline-right {
margin-left: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.page-header.page-header--style2 .page-header-top {
padding: 19px 0;
}
@media (max-width: 1199px) {
.page-header.page-header--style2 .page-header-top {
padding: 10px 0;
}
}
@media (max-width: 767px) {
.page-header.page-header--style2 .page-header-top {
padding: 5px 0;
}
.page-header.page-header--style2 .page-header-top .container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
}
.page-header.page-header--style2 .page-header-top .logo .shine {
top: -70%;
left: -19%;
}
.page-header.page-header--style2 .page-header-top-right {
margin-left: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.page-header.page-header--style2 .page-header-menu {
flex: 1;
border: 0;
text-align: center;
}
.page-header.page-header--style2 .page-header-menu .sub-menu {
text-align: left;
}
@media (min-width: 992px) {
.page-header.page-header--style2 .page-header-menu .container {
width: auto !important;
}
}
@media (max-width: 767px) {
.page-header.page-header--style2 .page-header-menu .menu {
width: 100%;
}
.page-header.page-header--style2 .page-header-top:before {
display: none;
}
}
@media (max-width: 991px) {
.page-header.page-header--style2 .page-header-top:before {
display: none;
}
}
.page-header.page-header--style2 .logo {
width: 200px;
min-width: 200px;
}
@media (max-width: 1199px) {
.page-header.page-header--style2 .logo {
width: 180px;
min-width: 180px;
}
}
@media (min-width: 1200px) {
.page-header.page-header--style2 .logo img {
height: auto;
}
}
@media (max-width: 991px) {
.page-header.page-header--style2 .logo {
width: 180px;
min-width: 180px;
margin-top: auto;
margin-bottom: auto;
padding-right: 0;
}
}
@media (max-width: 767px) {
.page-header.page-header--style2 .logo {
width: 145px;
min-width: 145px;
padding-right: 15px;
min-width: unset !important;
}
}
@media (min-width: 768px) {
.page-header.page-header--style2 .menu>li>a {
font-size: 15px;
line-height: 28px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
padding: 15px 16px;
}
.page-header.page-header--style2 .menu ul li a {
padding: 10px 20px;
}
.page-header.page-header--style2.is-sticky {
background-color: #fff;
}
.page-header.page-header--style2.is-sticky .page-header-top {
display: block;
padding: 5px 0;
}
}
@media (min-width: 768px) and (max-width: 1399px) {
.page-header.page-header--style2 .menu>li>a {
padding: 15px 12px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-header.page-header--style2 .menu>li>a {
padding: 15px 8px;
font-size: 13px;
}
}
.page-header.page-header--style2 .header-cart {
margin: 4px 10px 0 10px;
}
.page-header.page-header--style2 .header-cart a.icon {
font-size: 20px;
}
@media (max-width: 767px) {
.page-header.page-header--style2 .header-cart {
position: static !important;
margin: 4px 7px 0 0;
}
.page-header.page-header--style2 .header-cart a.icon {
font-size: 16px;
}
}
@media (max-width: 991px) {
.page-header.page-header--style2 .page-header-mobile-info-toggle {
display: none;
}
.page-header.page-header--style2 .menu-toggle {
position: relative;
right: 0;
top: 3px;
margin-top: 0;
margin-left: 20px;
text-decoration: none;
font-size: 20px;
line-height: 25px;
color: #425d74;
display: block;
}
.page-header.page-header--style2 .page-header-menu {
top: 100%;
position: absolute;
left: 0;
width: 100%;
text-align: left;
}
}
@media (max-width: 767px) {
.page-header.page-header--style2 .page-header-mobile-info-toggle {
display: block;
position: static;
width: 20px;
height: 30px;
color: #425d74;
}
.page-header.page-header--style2 .page-header-mobile-info-toggle:before {
line-height: 29px;
}
}
@media (max-width: 767px) {
.page-header.page-header--style2 .menu-toggle {
margin-left: 15px;
font-size: 14px;
}
}
.header-search {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
margin-left: 20px;
z-index: 100;
}
@media (max-width: 767px) {
.header-search {
margin-left: 0;
}
}
.header-search-drop {
display: none;
position: absolute;
top: 48px;
right: 0;
border-top: 2px solid #95c504;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
.header-search-drop {
top: 46px;
}
}
.header-search-drop button {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
border: 0;
background-color: transparent;
}
.header-search-drop.opened {
display: block;
}
.header-search-toggle.opened [class*='icon-']:before {
content: '\e911';
}
.header-search [class*='icon-'] {
position: absolute;
top: 2px;
bottom: 1px;
right: 1px;
z-index: 1;
cursor: pointer;
display: block;
color: #425d74;
font-size: 20px;
line-height: 35px;
min-width: 40px;
text-align: center;
background-color: #fff;
}
@media (max-width: 767px) {
.header-search [class*='icon-'] {
top: 4px;
font-size: 16px;
}
}
.header-search [class*='icon-']:hover {
color: #95c504;
}
.header-search input[type='text'],
.header-search input[type='search'] {
border: 1px solid transparent;
width: 230px;
height: 40px;
padding: 0 42px 0 10px;
font-size: 14px;
line-height: 1.2em;
color: #425d74;
background-color: #fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.header-search input[type='text']:focus,
.header-search input[type='search']:focus {
outline-style: none;
box-shadow: none;
}
.header-search ::-webkit-input-placeholder {
color: #444;
}
.header-search ::-moz-placeholder {
color: #444;
}
.header-search :-ms-input-placeholder {
color: #444;
}
.header-search :-moz-placeholder {
color: #444;
} .page-footer--style2 {
background-color: #f1f2f3;
padding: 0;
}
@media (min-width: 768px) and (max-width: 992px) {
.page-footer--style2 .container {
padding-left: 8px;
padding-right: 8px;
}
}
.page-footer--style2 .footer-ribbon {
left: 0;
top: -70px;
}
@media (max-width: 1199px) {
.page-footer--style2 .footer-ribbon {
display: block;
}
}
@media (max-width: 479px) {
.page-footer--style2 .footer-ribbon {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
}
.page-footer--style2 .footer-ribbon+.page-footer-text {
padding-top: 100px;
}
@media (max-width: 479px) {
.page-footer--style2 .footer-ribbon+.page-footer-text {
padding-top: 90px;
}
}
.page-footer--style2 .page-footer-bottomline {
padding: 15px 0;
background-color: #fff;
}
.page-footer--style2 .page-footer-bottomline .container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 767px) {
.page-footer--style2 .page-footer-bottomline .container {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
}
@media (max-width: 767px) {
.page-footer--style2 .page-footer-bottomline {
padding: 10px 0;
}
}
.page-footer--style2 .page-footer-bottomline-right {
margin-left: auto;
}
@media (max-width: 767px) {
.page-footer--style2 .page-footer-bottomline-right {
margin-left: 0;
margin-top: 5px;
}
}
.page-footer--style2 .page-footer-content {
position: relative;
padding: 56px 0 30px;
}
@media (max-width: 767px) {
.page-footer--style2 .page-footer-content [class*='col']:not(:first-child) {
margin-top: 25px;
}
}
.page-footer--style2 .social-list {
margin: 0;
}
.page-footer--style2 .social-list>li a {
font-size: 16px;
line-height: 25px;
padding: 0 10px;
color: #899198;
}
.page-footer--style2 .social-list>li a:hover {
color: #95c504;
}
.page-footer--style2 .page-footer-text {
max-width: 300px;
}
.page-footer--style2 .page-footer-text:not(:last-child) {
margin-bottom: 15px;
}
@media (max-width: 991px) {
.page-footer--style2 .page-footer-text:not(:last-child) {
margin-bottom: 25px;
}
}
@media (max-width: 767px) {
.page-footer--style2 .page-footer-text:not(:last-child) {
margin-bottom: 15px;
}
}
.page-footer--style2 .page-footer-text p:last-child {
margin-bottom: 0;
}
.page-footer--style2 .form-newsletter {
max-width: 315px;
}
.page-footer--style2 .page-footer-info {
font-size: 16px;
line-height: 24px;
padding-left: 33px;
}
@media (max-width: 1199px) {
.page-footer--style2 .page-footer-info {
font-size: 15px;
line-height: 22px;
padding-left: 28px;
}
}
@media (max-width: 991px) {
.page-footer--style2 .page-footer-info {
font-size: 14px;
line-height: 22px;
}
}
.page-footer--style2 .page-footer-info a {
text-decoration: none;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.page-footer--style2 .page-footer-info a:hover {
text-decoration: none;
color: #6fbf52;
}
.page-footer--style2 .page-footer-info+* {
margin-top: 14px;
}
.page-footer--style2 .btn-wrap {
margin-top: 20px;
}
@media (max-width: 479px) {
.page-footer--style2 .btn-wrap {
margin-top: 20px;
text-align: center;
}
}
@media (max-width: 767px) and (min-width: 480px) {
.page-footer--style2 .page-footer-content>.col-sm-4 {
width: 50%;
float: left;
}
.page-footer--style2 .page-footer-content>.col-sm-4:last-child {
clear: both;
width: 100%;
}
.page-footer--style2 .page-footer-content>.col-sm-4:last-child .page-footer-info {
width: 50%;
float: left;
}
.page-footer--style2 .page-footer-content>.col-sm-4:last-child .page-footer-info:nth-child(odd) {
width: calc(50% - 10px);
margin-left: 10px !important;
}
.page-footer--style2 .page-footer-content>.col-sm-4:last-child .page-footer-info,
.page-footer--style2 .page-footer-content>.col-sm-4:last-child .page-footer-info+.page-footer-info {
margin: 0 0 7px;
}
.page-footer--style2 .page-footer-content>.col-sm-4:last-child .btn-wrap {
clear: both;
position: relative;
top: 10px;
}
}
.page-footer--style2 .backToTop {
border-radius: 50px;
background: #6fbf52;
}
.newsletter-input-row {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.newsletter-input-row input {
height: 42px;
border: 0;
padding-right: 45px;
}
.newsletter-input-row button {
border: 0;
background-color: transparent;
position: absolute;
right: 0;
height: 100%;
padding: 0 15px;
color: #6fbf52;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.newsletter-input-row button [class*='icon'] {
position: relative;
top: 2px;
}
.newsletter-input-row button:hover {
color: #000;
}
#mainSlider .slick-dots {
position: absolute;
bottom: 30px;
margin: 0;
}
#mainSlider .slick-dots li button {
background-color: #fff;
}
#mainSlider .slick-dots li.slick-active button,
#mainSlider .slick-dots li.slick-active button:hover {
box-shadow: 0 0 0 2px #fff;
background-color: transparent;
}
.mainslider-2 #mainSlider,
.mainslider-2 #mainSlider .img--holder {
height: 750px;
}
@media (max-width: 1199px) {
.mainslider-2 #mainSlider,
.mainslider-2 #mainSlider .img--holder {
height: 500px;
}
.mainslider-2 #mainSlider .slick-dots {
bottom: 20px;
}
}
@media (max-width: 1025px) {
.mainslider-2 #mainSlider,
.mainslider-2 #mainSlider .img--holder {
height: 450px;
}
.mainslider-2 #mainSlider .slick-dots {
bottom: 15px;
}
}
@media (max-width: 991px) {
.mainslider-2 #mainSlider,
.mainslider-2 #mainSlider .img--holder {
height: 300px;
}
}
@media (max-width: 479px) {
.mainslider-2 #mainSlider,
.mainslider-2 #mainSlider .img--holder {
height: 178px;
}
}
#mainSlider .slide-content h3 {
font-size: 52px;
line-height: 1.23em;
font-weight: 300;
color: #fff;
text-transform: uppercase;
margin: 0;
}
#mainSlider .slide-content h4 {
font-size: 18px;
line-height: 1em;
font-weight: 500;
color: #fff;
text-transform: none;
margin: 0;
}
#mainSlider .slide-content h4:first-child {
margin-top: -60px;
}
.mainslider-2 #mainSlider .slide-content .btn,
.mainslider-2 #mainSlider .slide-content .btn:focus,
.mainslider-2 #mainSlider .slide-content .btn.focus {
font-size: 15px;
line-height: 21px;
font-weight: 600;
text-transform: capitalize;
padding: 15px 41px;
}
.service-card {
text-align: center;
margin: 12px 0 30px;
padding: 50px 60px 55px;
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 15px 30px rgba(85, 85, 85, 0.16);
-moz-box-shadow: 0 15px 30px rgba(85, 85, 85, 0.16);
box-shadow: 0 15px 30px rgba(85, 85, 85, 0.16);
}
@media (max-width: 1199px) {
.service-card {
padding: 40px 35px 45px;
}
}
@media (max-width: 767px) {
.service-card {
padding: 30px 35px 35px;
}
}
.service-card-title {
font-size: 20px;
line-height: 24px;
}
.service-card-title:not(:first-child) {
margin-top: 46px;
}
@media (max-width: 991px) {
.service-card-title {
font-size: 18px;
line-height: 22px;
}
.service-card-title:not(:first-child) {
margin-top: 36px;
}
}
@media (max-width: 767px) {
.service-card-title:not(:first-child) {
margin-top: 20px;
}
}
.service-card-icon {
font-size: 70px;
line-height: 1em;
color: #95c504;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
@media (max-width: 767px) {
.service-card-icon {
font-size: 56px;
}
}
.service-card-list {
text-align: center;
padding: 0;
list-style: none;
margin-bottom: 10px;
}
.service-card-list:not(:first-child) {
margin-top: 22px;
}
@media (max-width: 991px) {
.service-card-list:not(:first-child) {
margin-top: 15px;
}
}
.service-card-list>li {
font-size: 16px;
line-height: 26px;
position: relative;
margin-bottom: 7px;
margin-top: 0;
}
.service-card-list>li:last-child {
margin-bottom: 0;
}
.service-card-list>li:before {
position: relative;
top: -1px;
padding: 0 10px;
display: inline-block;
font-family: 'cleaning';
content: "\e907";
font-size: 11px;
color: #95c504;
}
@media (max-width: 991px) {
.service-card-list>li {
font-size: 15px;
line-height: 26px;
}
}
@media (max-width: 991px) {
.service-card-list>li {
font-size: 14px;
line-height: 20px;
}
}
.service-card .btn {
min-width: 160px;
}
.service-card .btn:not(:first-child) {
margin-top: 34px;
}
@media (max-width: 1199px) {
.service-card .btn:not(:first-child) {
margin-top: 20px;
}
}
@media (max-width: 991px) {
.service-card .btn:not(:first-child) {
margin-top: 20px;
}
}
@media (max-width: 767px) {
.service-card .btn {
min-width: 127px;
}
}
.service-card:hover .service-card-icon {
transform: scale(1.2);
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-ms-transition: 0.25s;
-o-transition: 0.25s;
}
.services-carousel .slick-dots {
margin: 10px 0 -10px;
}
@media (max-width: 767px) {
.services-carousel.slick-slider {
margin-bottom: 0;
}
.services-carousel .slick-dots {
margin: -5px 0 -10px;
}
}
.block-1 {
min-height: 705px;
}
@media (max-width: 991px) {
.block-1 {
min-height: 660px;
}
}
@media (min-width: 1200px) {
.service-house-row {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.inset-pad {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (max-width: 1199px) {
.service-house-row .inset-pad {
padding-top: 60px;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.service-house-row .inset-pad {
padding-top: 50px;
padding-bottom: 0;
}
}
.service-house-wrap {
position: relative;
width: 795px;
height: 665px;
}
@media (max-width: 1199px) {
.service-house-wrap {
margin: 30px auto 0;
}
}
@media (max-width: 991px) {
.service-house-wrap {
width: 500px;
height: 418px;
margin: 30px auto 0;
}
}
@media (max-width: 499px) {
.service-house-wrap {
width: 100%;
height: auto;
}
}
.service-house {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-repeat: no-repeat !important;
background-size: cover !important;
padding: 23% 21% 6%;
}
@media (max-width: 1199px) {
.service-house {
background-size: 100% auto !important;
}
}
@media (max-width: 499px) {
.service-house {
background: none !important;
position: relative;
padding: 0 0 10px;
}
}
.service-house>* {
display: block;
margin: 10px;
flex-basis: calc(50% - 20px);
position: relative;
overflow: hidden;
text-decoration: none;
}
.service-house>* img {
width: 100%;
}
.service-house-item-title {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
position: absolute;
padding: 10px;
top: 70%;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
font-size: 20px;
line-height: 1.5em;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #fff;
text-align: center;
-webkit-transition: 0.35s;
-moz-transition: 0.35s;
-ms-transition: 0.35s;
-o-transition: 0.35s;
}
@media (max-width: 1199px) {
.service-house-item-title {
font-size: 16px;
}
}
.service-house-item:hover .service-house-item-title {
top: 0;
opacity: 1;
}
.img-right-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
position: absolute;
z-index: 0;
right: 0;
bottom: 0;
height: 100%;
}
@media (max-width: 1800px) {
.img-right-wrap {
right: -5%;
}
}
@media (max-width: 1500px) {
.img-right-wrap {
right: -6%;
}
}
@media (max-width: 1199px) {
.img-right-wrap {
right: -6%;
}
}
@media (max-width: 991px) {
.img-right-wrap {
right: -7%;
}
}
@media (max-width: 767px) {
.img-right-wrap {
position: static;
}
}
.img-right-wrap img {
height: 100% !important;
max-height: 685px;
max-width: unset !important;
}
@media (max-width: 991px) {
.img-right-wrap img {
max-height: 530px !important;
}
}
@media (max-width: 767px) {
.img-right-wrap img {
height: auto !important;
max-height: none !important;
max-width: 100% !important;
margin-top: -20px;
}
}
.img-right-wrap1 {
display: none;
}
@media (max-width: 767px) {
.img-right-wrap1 {
display: block;
margin-top: 20px;
}
.img-right-wrap1 img {
float: right;
max-width: unset !important;
}
}
@media (max-width: 991px) {
.img-left-wrap img {
height: 510px !important;
width: auto;
max-width: none !important;
position: relative;
margin-left: -66%;
}
}
@media (max-width: 767px) {
.img-left-wrap img {
position: static;
height: auto !important;
max-height: none;
max-width: 100% !important;
margin: 30px 0 0 0;
}
}
@media (max-width: 991px) {
.img-left-wrap1 img {
height: 460px !important;
width: auto;
max-width: none !important;
position: relative;
margin-top: 20px;
margin-left: -45%;
}
}
@media (max-width: 767px) {
.img-left-wrap1 img {
position: static;
height: auto !important;
max-height: none;
max-width: 100% !important;
margin: 30px 0 0 0;
}
}
@media (max-width: 767px) {
.row-revert-xs {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.marker-box-marker:before {
font-family: 'cleaning';
content: "\e950";
font-weight: normal;
}
.block-testimonials-bg-2 .testimonial-item {
padding: 0 147px 0;
position: relative;
color: #6b7782;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.block-testimonials-bg-2 .testimonial-item-author {
text-align: center;
}
.block-testimonials-bg-2 .testimonial-item-author img {
display: inline-block;
max-width: 146px;
width: auto;
}
.block-testimonials-bg-2 .testimonial-item-inside {
max-width: 800px;
padding: 0 0 45px;
margin: 0 auto;
position: relative;
text-align: center;
}
.block-testimonials-bg-2 .testimonial-item p {
color: #6b7782;
margin-bottom: 0px;
}
.block-testimonials-bg-2 .testimonial-item-inside>*:not(:first-child) {
margin-top: 17px;
}
.block-testimonials-bg-2 .testimonial-item-author img:not(:last-child) {
margin-bottom: 15px;
}
.block-testimonials-bg-2 .testimonial-item-name {
display: inline-block;
color: #95c504;
}
.block-testimonials-bg-2 .testimonial-item-position {
display: inline-block;
color: #899198;
}
.block-testimonials-bg-2 .testimonial-item-rating {
display: inline-block;
margin: 0 3px;
font-size: 10px;
color: #899198;
}
.block-testimonials-bg-2 .testimonial-item-rating [class*='icon'] {
position: relative;
top: -2px;
padding: 0 2px;
}
.block-testimonials-bg-2 .testimonials-carousel.arrows-center .slick-prev,
.block-testimonials-bg-2 .testimonials-carousel.arrows-center .slick-next {
left: 445px;
bottom: -48px;
}
.testimonial-item-rating.rating-3 i {
color: #95c504;
}
.block-testimonials-bg-2 .testimonial-item::before {
content: "”";
position: absolute;
top: -0.1em;
right: 0px;
font-size: 260px;
line-height: 1em;
font-family: Arial, Helvetica, sans-serif;
color: rgb(221, 224, 226);
}
@media (max-width: 1199px) {
.block-testimonials-bg-2 .testimonial-item:before {
display: none;
}
}
.block-testimonials-bg-2 .testimonial-item::after {
content: "“";
position: absolute;
bottom: -0.45em;
left: 0px;
font-size: 260px;
line-height: 1em;
font-family: Arial, Helvetica, sans-serif;
color: rgb(221, 224, 226);
}
@media (max-width: 1199px) {
.block-testimonials-bg-2 .testimonial-item {
padding: 0 50px 0;
}
.block-testimonials-bg-2 .testimonial-item:after {
display: none;
}
}
@media (max-width: 991px) {
.block-testimonials-bg-2 .testimonial-item {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
padding: 0 20px 0;
}
.block-testimonials-bg-2 .testimonial-item-author {
margin: 0 auto 20px;
text-align: center;
}
.block-testimonials-bg-2 .testimonial-item:after {
top: 160px;
left: 50%;
margin-left: -200px;
}
}
.block-testimonials-bg-2 .testimonials-carousel {
margin-bottom: 0px;
}
@media (max-width: 767px) {
.block-testimonials-bg-2 .testimonial-item {
padding: 0;
}
.block-testimonials-bg-2 .testimonials-carousel {
padding-bottom: 0;
padding-top: 0;
}
.block-testimonials-bg-2 .testimonial-item-inside>*:not(:first-child) {
margin-top: 10px;
}
.block-testimonials-bg-2 .testimonial-item:after {
font-size: 200px;
top: 96px;
left: 50%;
margin-left: -130px;
}
}
@media (max-width: 479px) {
.block-testimonials-bg-2 .testimonial-item-author img {
max-width: 133px;
}
.block-testimonials-bg-2 .testimonial-item-rating {
display: block;
margin-top: 10px;
}
}
.block-testimonials-bg-2 .testimonials-carousel .slick-dots {
margin: 30px 0 -15px;
bottom: unset;
}
@media (max-width: 991px) {
.block-testimonials-bg-2 .testimonials-carousel .slick-dots {
margin: 0;
}
}
.news-carousel-2 .news-prw-image {
position: relative;
overflow: hidden;
margin: 0 -30px;
}
@media (max-width: 991px) {
.news-carousel-2 .news-prw-image {
margin: 0 -25px;
}
}
@media (max-width: 767px) {
.news-carousel-2 .news-prw-image {
margin: 0 -20px;
}
}
.news-prw-more {
display: block;
font-size: 15px;
font-weight: 600;
color: #6a7680;
text-decoration: none;
font-family: 'Poppins', sans-serif;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.news-prw-more [class*='icon'] {
position: relative;
top: 1px;
font-size: 14px;
padding-right: 4px;
color: #6fbf52;
}
.news-prw-more:hover {
color: #6fbf52;
}
@media (max-width: 767px) {
.news-prw-more {
font-size: 12px;
}
.news-prw-more [class*='icon'] {
top: 0;
font-size: 10px;
}
}
.news-carousel-2 .news-prw-title {
margin-bottom: 0;
line-height: 1.3em;
}
.news-carousel-2 .news-prw p {
font-size: 16px;
line-height: 27px;
margin-bottom: 0;
}
.news-carousel-2 .news-prw-date {
font-size: 13px;
font-weight: 400;
color: #afb3b7;
text-transform: capitalize;
}
.news-carousel-2 .news-prw>*:not(:first-child) {
margin-top: 16px;
}
.news-carousel-2 .news-prw-date:not(:first-child) {
margin-top: 30px;
}
.news-carousel-2 .slick-dots {
margin: 38px 0 -18px;
}
@media (max-width: 1199px) {
.news-prw-title {
font-size: 19px;
}
.news-carousel-2 .slick-dots {
margin: 35px 0 -35px;
}
}
@media (max-width: 991px) {
.news-carousel-2 .news-prw-date:not(:first-child) {
margin-top: 20px;
}
.news-carousel-2 .news-prw p {
font-size: 15px;
line-height: 23px;
}
.news-carousel-2 .slick-dots {
margin: 30px 0 -35px;
}
}
@media (max-width: 767px) {
.news-carousel-2 .news-prw {
margin-top: 0;
padding: 0 20px 30px;
}
.news-carousel-2 .news-prw-title:not(:first-child) {
margin-top: 6px;
}
.news-carousel-2 .news-prw>*:not(:first-child) {
margin-top: 8px;
}
}
.news-prw-image span {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
position: absolute;
top: 70%;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.news-prw-image span [class*='icon'] {
width: 53px;
height: 53px;
border-radius: 50%;
background-color: #fff;
text-align: center;
font-size: 24px;
line-height: 55px;
color: #95c504;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.news-prw-image span [class*='icon']:hover {
background-color: #95c504;
color: #fff;
}
.news-prw:hover .news-prw-image span {
top: 0;
opacity: 1;
} .counter-item {
color: #fff;
text-align: center;
}
.counter-item>*:not(: first-child) {
margin-top: 13px;
}
.counter-item-icon {
position: relative;
font-size: 64px;
line-height: 1em;
}
.counter-item-icon:after {
content: '';
display: block;
margin: 26px auto;
height: 2px;
width: 35px;
background-color: #6fbf52;
}
@media (max-width: 991px) {
.counter-item-icon:after {
margin: 15px auto;
}
}
@media (max-width: 767px) {
.counter-item-icon:after {
margin: 12px auto 10px;
}
}
@media (max-width: 991px) {
.counter-item-icon {
font-size: 52px;
}
}
.counter-item-number {
font-size: 36px;
line-height: 1em;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
@media (max-width: 991px) {
.counter-item-number {
font-size: 34px;
line-height: 1.35em;
}
}
@media (max-width: 767px) {
.counter-item-number {
font-size: 30px;
}
}
.counter-item-text {
margin-top: 10px;
font-size: 16px;
line-height: 1em;
font-weight: 500;
font-family: 'Poppins', sans-serif;
}
@media (max-width: 991px) {
.counter-item-text {
font-size: 14px;
}
}
@media (max-width: 767px) {
.counter-item-text {
margin-top: 5px;
font-size: 12px;
}
}
@media (max-width: 767px) {
.counter-row>*:nth-child(3n),
.counter-row>*:nth-child(4n) {
margin-top: 40px;
}
}
[data-bg] {
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
[data-bg].bg-cover {
background-size: cover;
align-self: normal;
}
@media (max-width: 1199px) {
[data-bg].hide-bg-md {
background-image: none !important;
}
}
@media (max-width: 991px) {
[data-bg].hide-bg-sm {
background-image: none !important;
}
}
@media (max-width: 767px) {
[data-bg].hide-bg-xs {
background-image: none !important;
}
.bg-grey-xs {
background-color: #f9f9fa;
}
} .price-carousel-2 .prices-box>* {
min-height: unset;
padding: 0;
border: none;
}
.price-carousel-2 .prices-box {
text-align: center;
margin: 5px 0 5px;
padding: 0 0 40px;
background-color: #fff;
border-radius: 10px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-box-shadow: 0 10px 30px rgba(85, 85, 85, 0.16);
-moz-box-shadow: 0 10px 30px rgba(85, 85, 85, 0.16);
box-shadow: 0 10px 30px rgba(85, 85, 85, 0.16);
width: 100%;
}
@media (max-width: 479px) {
.price-carousel-2 .prices-box {
padding: 0 0 30px;
}
}
.price-carousel-2 .prices-box-row {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
font-size: 16px;
line-height: 26px;
margin-bottom: 7px;
}
@media (max-width: 479px) {
.price-carousel-2 .prices-box-row {
font-size: 15px;
line-height: 22px;
}
}
.price-carousel-2 .prices-box-row b {
color: #95c504;
font-weight: normal;
}
.price-carousel-2 .prices-box-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 18px;
padding: 25px 0;
border-bottom: 1px solid #edeff1;
}
@media (max-width: 479px) {
.price-carousel-2 .prices-box-title {
font-size: 20px;
margin-bottom: 20px;
}
}
.price-carousel-2 .prices-box-price {
border-bottom: 1px solid #edeff1;
margin-bottom: 24px;
padding-bottom: 22px;
}
@media (max-width: 479px) {
.price-carousel-2 .prices-box-price {
margin-bottom: 20px;
}
}
.price-carousel-2.price-carousel-3 .prices-box-price b {
font-size: 70px
}
.price-carousel-2 .prices-box-price b {
font-size: 90px;
line-height: 1em;
font-weight: 600;
color: #3d4c58;
font-family: 'Poppins', sans-serif;
}
.price-carousel-2 .prices-box-price b sup {
top: -46px;
font-size: 24px;
color: #b2b9c1;
}
.price-carousel-2 .prices-box-price b sup:first-child {
font-weight: normal;
padding: 0 10px;
}
.price-carousel-2 .prices-box-price b sup:last-child {
font-weight: normal;
padding: 0 5px;
}
@media (max-width: 479px) {
.price-carousel-2 .prices-box-price b {
font-size: 60px !important;
}
.price-carousel-2 .prices-box-price b sup {
top: -28px;
font-size: 20px;
}
}
.price-carousel-2 .prices-box-price>span {
display: block;
font-size: 16px;
color: #899198;
}
@media (max-width: 479px) {
.price-carousel-2 .prices-box-price>span {
font-size: 16px;
}
}
.price-carousel-2 .prices-box-price+.prices-box-row {
border-top: 0;
}
.price-carousel-2 .prices-box-link {
margin-top: 26px;
}
@media (max-width: 479px) {
.price-carousel-2 .prices-box-link {
margin-top: 20px;
}
}
.price-carousel-2 .prices-box-link .btn {
min-width: 160px;
}
@media (max-width: 479px) {
.price-carousel-2 .prices-box-link .btn {
min-width: 123px;
}
}
.price-carousel-2 .prices-box.prices-box:hover .prices-box-price,
.price-carousel-2 .prices-box.prices-box--special .prices-box-price {
background-color: #fff;
}
.price-carousel-2 .prices-box.prices-box:hover .prices-box-row,
.price-carousel-2 .prices-box.prices-box--special .prices-box-row {
border-color: #e7e8ea;
}
.price-carousel-2 .price-carousel.slick-initialized .prices-box,
.price-carousel-2 .price-carousel-tab.slick-initialized .prices-box {
margin-bottom: 35px;
}
.prices-box.prices-box--primary .prices-box-title {
color: #95c504;
}
.prices-box.prices-box--primary .prices-box-price b {
color: #95c504;
}
.prices-box:not(.prices-box--primary) .btn:not(:hover) {
background-color: #b2b9c1;
}
.price-carousel:not(:first-child) {
margin-top: 35px;
}
.price-carousel-2.slick-initialized .prices-box,
.price-carousel-tab.slick-initialized .prices-box {
margin-bottom: 35px;
}
.price-carousel-2 .prices-box:last-child:before {
display: none;
}
.person-carousel-2 .person-img {
display: inline-block;
}
.person .social-list {
position: absolute;
left: 0;
right: 0;
bottom: -20px;
margin: 0;
padding: 10px;
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
-webkit-transition: 0.35s;
-moz-transition: 0.35s;
-ms-transition: 0.35s;
-o-transition: 0.35s;
}
.person .social-list>li a {
font-size: 16px;
line-height: 25px;
padding: 0 3px;
color: #fff;
}
.person .social-list>li a:hover {
color: #95c504;
}
.person:hover .social-list {
bottom: 0;
opacity: 1;
}
@media (max-width: 767px) {
.person:not(.last) {
margin-bottom: 45px;
}
}
.person-carousel .slick-dots {
margin: 0 0 -25px;
}
.person-carousel-2 .person-name,
.person-name:not(:first-child) {
margin-top: 28px;
}
.person-carousel-2 .person-position {
font-size: 15px;
font-family: 'Roboto', sans-serif;
color: #899198;
}
.person-carousel-2 .person-text {
font-size: 16px;
line-height: 27px;
margin-bottom: 0;
max-width: 355px;
}
.discount-box-2 {
background-color: #fff !important;
-webkit-box-shadow: 0 15px 30px rgba(85, 85, 85, 0.16);
-moz-box-shadow: 0 15px 30px rgba(85, 85, 85, 0.16);
box-shadow: 0 15px 30px rgba(85, 85, 85, 0.16);
}
.discount-box-sale strong {
font-size: 38px;
color: #3d4b57;
}
.discount-box-2.discount-box--color1 .discount-box-sale {
color: #6fbf52;
}
.discount-box-2.discount-box--color2 .discount-box-sale {
color: #8adaeb;
}
.discount-box-2.discount-box--color3 .discount-box-sale {
color: #95c504;
}
.discount-box-2 .discount-box-sale {
font-size: 48px;
line-height: 1em;
font-weight: 700;
}
.discount-box-2 .discount-box>*:not(:first-child) {
margin-top: 7px;
}
.discount-box h4 {
margin-bottom: 0;
}
.style-2 .text-icon-icon {
background-color: #fff;
-webkit-box-shadow: 0 8px 15px rgba(85, 85, 85, 0.15);
-moz-box-shadow: 0 8px 15px rgba(85, 85, 85, 0.15);
box-shadow: 0 8px 15px rgba(85, 85, 85, 0.15);
width: 120px;
height: 120px;
}
.style-2 .text-icon {
margin-top: 70px;
min-height: unset;
}
.services-grid.style-2 .service-box {
margin: 45px 0 0;
}
.services-grid.style-2 .service-box-title,
.service-box-title:not(:first-child) {
margin-bottom: 15px !important;
}
.services-grid.style-2 .service-box-text {
max-width: 350px;
margin: 0 auto;
font-size: 16px;
line-height: 27px;
}
.services-grid.style-2 .service-box>*:not(:first-child) {
margin-bottom: 0;
}
.services-grid.style-2 .service-box-more {
font-size: 15px;
}
.service-box-more {
display: block;
font-size: 13px;
font-weight: 600;
color: #6a7680;
text-decoration: none;
font-family: 'Poppins', sans-serif;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.service-box-more:not(:first-child) {
margin-top: 17px;
}
.service-box-more [class*='icon'] {
position: relative;
top: 1px;
font-size: 14px;
padding: 0 4px;
color: #6fbf52;
}
.service-box-more:hover {
color: #6fbf52;
}
.testimonials-list-btn.style-2 .btn.view-more-testimonials {
padding: 11px 30px !important;
line-height: 30px !important;
background-color: #95c504 !important;
color: #fff !important;
}
.price-carousel-2 .slick-dots {
margin: 0 0 -20px;
}
@media (max-width: 767px) {
.page-header--style2 .page-header-mobile-info-content {
background-color: #fff;
}
.page-header.page-header--style2.is-sticky {
top: 0 !important;
}
.price-carousel-2 .slick-dots {
margin: 0 0 -55px;
}
}
.mainslider-2 #mainSlider .slide-content h2:not(:first-child) {
margin-top: 44px;
}
.mainslider-2 #mainSlider .slide-content h2 {
font-size: 52px;
text-transform: uppercase;
}
@media (max-width: 1199px) {
.mainslider-2 #mainSlider .slide-content h2:not(:first-child) {
margin-top: 20px;
}
}
@media (max-width: 991px) {
.mainslider-2 #mainSlider .slide-content h2 {
font-size: 32px;
}
.mainslider-2 #mainSlider .slide-content h4 {
font-size: 16px;
}
.mainslider-2 #mainSlider .slide-content h3 {
font-size: 32px;
}
.mainslider-2 #mainSlider .slide-content .btn:not(:first-child) {
margin-top: 20px;
}
.mainslider-2 #mainSlider .slide-content .btn {
font-size: 12px;
line-height: 18px;
padding: 10px 25px;
}
}
@media (max-width: 667px) {
.mainslider-2 #mainSlider .slide-content h2 {
font-size: 24px;
margin-top: 0 !important;
}
.mainslider-2 #mainSlider .slide-content h3 {
font-size: 24px;
}
.mainslider-2 #mainSlider .slide-content .btn {
display: none;
}
.mainslider-2 #mainSlider .slide-content h4 {
display: none;
}
.mainslider-2 #mainSlider .slick-dots {
display: none !important;
}
}
@media (max-width: 479px) {
.mainslider-2 #mainSlider .slide-content.center {
left: 0;
width: 100%;
}
}
.mainslider-2 #mainSlider {
margin-bottom: 0px;
}
.price-carousel-tab.price-carousel-2 {
margin-bottom: -35px;
}
@media (max-width: 767px) {
.price-carousel-tab.price-carousel-2 {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.block.hide-bg-xs {
background-image: none !important;
}
}
@media (max-width: 991px) {
.services-grid.style-2 .service-box-img img {
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 767px) {
.services-grid.style-2 .service-box-more {
font-size: 12px;
}
}
@media (max-width: 480px) {
.services-grid.style-2 .service-box {
margin-bottom: 0;
}
}
@media (max-width: 480px) {
.services-pages-list .list-item-services.vc_col-sm-3 {
width: 100% !important;
}
}
@media (max-width: 1199px) {
.discount-box-2 .discount-box-sale {
font-size: 42px;
}
}
@media (max-width: 991px) {
.page-header.page-header--style2 .menu {
display: none;
}
}
@media (max-width: 1199px) {
.news-carousel-2 .news-prw {
padding: 0 25px 30px;
}
}
.bg-cover .vc_column-inner {
background-size: cover;
align-self: normal;
}
@media (min-width: 992px) {
.row-flex-text {
min-height: 460px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: #f6f6f7;
}
}
p.info [class*='icon'] {
position: relative;
top: 4px;
font-size: 26px;
color: #6fbf52;
padding-right: 10px;
}
@media (max-width: 991px) {
p.info {
position: relative;
text-align: left;
padding-left: 53px;
font-size: 16px;
font-weight: 500;
}
}
@media (min-width: 768px) {
.services-grid.style-2 .service-box:nth-child(3n+1) {
clear: left;
}
}
@media (max-width: 991px) and (min-width: 480px) {
.services-grid.style-2 .service-box:nth-child(2n+1) {
clear: unset;
}
}
@media (max-width: 991px) {
.services-pages-list.style2 .list-item-services.vc_col-sm-3 {
width: 50% !important;
}
}
.calculate-form .textarea-custom {
min-height: 167px;
}
.form-wrapper-grey {
padding: 35px 26px 35px;
background-color: #f9f9fa;
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.form-wrapper-grey {
padding: 20px 16px 20px;
}
}
.form-wrapper-grey .label {
display: block;
padding: 0;
margin: 0 0 13px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #899198;
text-align: left;
white-space: normal;
}
@media (max-width: 1199px) {
.form-wrapper-grey .label {
font-size: 14px;
}
}
.slider-with-input {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.slider-with-input .rslider {
width: calc(100% - 140px);
margin-right: 25px;
margin-bottom: 0;
}
.slider-with-input input[type='text'] {
margin-left: auto;
width: 115px;
border: 0;
padding: 5px 10px;
font-size: 13px;
} input,
select,
textarea {
font-family: 'Roboto', sans-serif;
}
.input-custom {
appearance: none;
margin-bottom: 5px;
padding: 14px 15px 14px;
font-size: 15px;
line-height: 24px;
height: 54px;
background: #fff;
border: 1px solid #d7dbdf;
border-radius: 3px;
color: #2b2b2b;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.input-custom:hover,
.input-custom:focus,
.input-custom.focus {
outline: none;
border-color: #95c504;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.input-custom.input-full {
width: 100%;
}
.input-custom.input-custom--sm {
padding: 9px 15px;
height: 42px;
line-height: 20px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background: #fff;
}
.textarea-custom {
appearance: none;
margin-bottom: 5px;
padding: 14px 15px 14px;
font-size: 15px;
line-height: 24px;
height: 54px;
background: #fff;
border: 1px solid #d7dbdf;
border-radius: 3px;
color: #2b2b2b;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
min-height: 193px;
height: auto;
}
.textarea-custom:hover,
.textarea-custom:focus,
.textarea-custom.focus {
outline: none;
border-color: #95c504;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.textarea-custom.input-full {
width: 100%;
}
.input-wrapper {
position: relative;
margin-bottom: 15px;
}
.placeholder {
font-size: 15px;
line-height: 20px;
color: #a7b3bd;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-size: 15px;
line-height: 20px;
color: #a7b3bd;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
font-size: 15px;
line-height: 20px;
color: #a7b3bd;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-size: 15px;
line-height: 20px;
color: #a7b3bd;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
font-size: 15px;
line-height: 20px;
color: #a7b3bd;
}
.required {
color: red;
}
input.input-custom,
textarea.textarea-custom,
.select-wrapper select.input-custom {
-webkit-appearance: none;
-moz-appearance: none;
}
.select-wrapper.select-wrapper--full {
width: 100%;
}
.select-wrapper--sm:before {
width: 40px;
height: 40px;
line-height: 42px;
}
.select-wrapper.select-time {
width: 110px;
display: inline-block;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
} select::-ms-expand {
display: none;
}
.contact-form {
margin-bottom: 15px;
margin-top: 0;
}
label {
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-bottom: 5px;
color: #000;
}
form label.error {
display: block;
color: #ff0000;
font-size: 13px !important;
opacity: 1 !important;
margin-top: -18px;
}
form.contact-form label.error {
margin-top: -5px;
}
form.contact-form textarea+label.error {
margin-top: -12px;
}
.successform,
.errorform {
display: none;
min-height: 50px;
}
.successform,
.errorform {
margin-top: 15px;
}
.successform p,
.errorform p {
margin-bottom: 0 !important;
}
.successform {
color: #95c504;
}
.errorform {
color: #c0392b;
}
.form-table input::-webkit-input-placeholder {
color: #000;
}
.form-table input::-moz-placeholder {
color: #000;
}
.form-table input:-ms-input-placeholder {
color: #000;
}
.form-table input:-moz-placeholder {
color: #000;
}
@media (min-width: 992px) {
.form-table {
display: table;
width: 100%;
table-layout: fixed;
padding-top: 5px;
}
.form-table .form-group-cell {
display: table-cell;
vertical-align: top;
padding: 0 10px;
}
.form-table .form-group-cell.sm {
width: 125px;
}
.form-table .form-group-cell.action {
width: 190px;
}
.form-table .form-group-cell .btn {
height: 55px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.form-table .form-group-cell {
display: inline-block;
vertical-align: top;
padding: 0 10px;
width: 50%;
margin-right: -4px;
}
.form-table .form-group-cell.sm {
width: 125px;
}
.form-table .form-group-cell.action {
width: 190px;
}
.form-table .form-group-cell .btn {
height: 55px;
}
}
@media (max-width: 767px) {
.form-table {
max-width: 460px;
margin: 0 auto;
}
}
.label-box-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
width: 100%;
}
@media (max-width: 600px) {
.label-box-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.label-box-wrap>* {
flex: 1;
margin: 0 10px;
}
@media (max-width: 600px) {
.label-box-wrap>* {
min-width: 150px;
margin: 10px !important;
}
}
.label-box-wrap>*:first-child {
margin-left: 0;
}
.label-box-wrap>*:last-child {
margin-right: 0;
}
.label-box-wrap input[type=radio] {
position: absolute;
left: -9999px;
}
.label-box-wrap input[type=radio]+label {
height: 86px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
align-content: center;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
text-align: center;
cursor: pointer;
border-radius: 3px;
font-size: 15px;
line-height: 24px;
color: #a7b3bd;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.label-box-wrap input[type=radio]+label b {
display: block;
color: #677d8f;
font-weight: 600;
}
.label-box-wrap input[type=radio]:checked+label {
background-color: #95c504;
}
.label-box-wrap input[type=radio]:checked+label,
.label-box-wrap input[type=radio]:checked+label b {
color: #fff;
}
.order-form-box {
border: 1px solid #e6e9ec;
padding: 26px 33px 35px;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199px) {
.order-form-box {
padding: 33px 20px;
}
}
.order-form-box h3 {
margin-bottom: 7px;
}
.order-form-box h6 {
margin-bottom: 0;
}
.order-form-box h6+input,
.order-form-box h6+.select-wrapper {
margin-top: 15px;
}
.order-form-box p {
margin-bottom: 15px;
}
.order-form-box .divider-line {
position: relative;
margin-left: -33px;
margin-right: -33px;
height: 20px;
margin-bottom: 30px;
width: calc(100% + 66px);
}
@media (max-width: 1199px) {
.order-form-box .divider-line {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
}
}
.order-form-box .divider {
height: 26px;
}
@media (max-width: 767px) {
.order-form-box .text-center-xs {
text-align: center;
}
}
.input-comment {
font-size: 13px;
line-height: 14px;
color: #a7b3bd;
margin-bottom: 15px;
}
.datetimepicker-wrap .form-control,
.timepicker-wrap .form-control {
width: 100%;
}
.bootstrap-datetimepicker-widget .btn[data-action] {
width: auto;
background: transparent !important;
min-width: 0;
}
.bootstrap-datetimepicker-widget .btn[data-action]:after,
.bootstrap-datetimepicker-widget .btn[data-action]:before {
display: none;
opacity: 1;
}
.bootstrap-datetimepicker-widget .btn[data-action].btn-primary {
border: 0;
background-color: #95c504 !important;
color: #ffffff;
}
.bootstrap-datetimepicker-widget table td span {
display: block;
opacity: 1;
}
.newsletter-input-row {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.newsletter-input-row input {
height: 42px;
border: 0;
padding-right: 45px;
}
.newsletter-input-row button {
border: 0;
background-color: transparent;
position: absolute;
right: 0;
height: 100%;
padding: 0 15px;
color: #6fbf52;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.newsletter-input-row button [class*='icon'] {
position: relative;
top: 2px;
}
.newsletter-input-row button:hover {
color: #000;
}
.calculate-form .textarea-custom {
min-height: 167px;
}
.form-wrapper-grey {
padding: 29px 26px 29px;
background-color: #f9f9fa;
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.form-wrapper-grey {
padding: 20px 16px 20px;
}
}
.form-wrapper-grey .label {
display: block;
padding: 0;
margin: 0 0 13px;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #899198;
text-align: left;
white-space: normal;
}
@media (max-width: 1199px) {
.form-wrapper-grey .label {
font-size: 14px;
}
}
.form-wrapper-grey .input-custom {
background-color: #f1f1f6;
border-color: #f1f1f6;
color: #899198;
}
.slider-with-input {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 12px;
}
.slider-with-input .rslider {
width: calc(100% - 140px);
margin-right: 25px;
margin-bottom: 0;
}
.slider-with-input input[type='text'] {
margin-left: auto;
width: 115px;
border: 0;
padding: 5px 10px;
font-size: 14px;
background-color: #f1f1f6;
} .noUi-horizontal .noUi-base {
border: 1px solid white;
height: 10px;
}
.noUi-horizontal .noUi-handle {
width: 9px;
height: 15px;
right: -4.5px !important;
top: -4px;
border: 0;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
background: #95c504;
border-radius: 2px 2px 0 0;
cursor: pointer;
outline: 0 !important;
filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#708706, endColorstr=#9fd302);
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#708706, endColorstr=#9fd302)';
background-image: -webkit-gradient(linear, left top, left bottom, from(#708706), to(#9fd302));
background-image: -webkit-linear-gradient(top, #708706, #9fd302);
background-image: -moz-linear-gradient(top, #708706, #9fd302);
background-image: -o-linear-gradient(top, #708706, #9fd302);
background-image: -ms-linear-gradient(top, #708706, #9fd302);
background-image: linear-gradient(to bottom, #708706, #9fd302);
}
.noUi-horizontal .noUi-handle:after {
display: block;
content: '';
position: relative;
width: 0;
height: 0;
left: 0;
top: 100%;
border-style: solid;
border-width: 5px 4.5px 0 4.5px;
border-color: #115289 transparent transparent transparent;
background: transparent;
}
.noUi-horizontal .noUi-handle:before {
display: block;
content: '';
position: absolute;
z-index: 1;
width: 9px;
height: 15px;
left: 0;
top: 0;
background: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/noui-handle.png) no-repeat center center;
}
.noUi-horizontal .noUi-tooltip {
top: 35px;
}
.noUi-tooltip {
display: block;
width: 56px;
height: 37px;
padding: 0;
position: absolute;
font-size: 16px;
line-height: 33px;
border: 1px solid #95c504;
border-radius: 0;
background: #fff;
color: #899198;
text-align: center;
pointer-events: none;
}
.noUi-tooltip:after,
.noUi-tooltip:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.noUi-tooltip:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.noUi-tooltip:before {
border-color: rgba(102, 172, 60, 0);
border-bottom-color: #95c504;
border-width: 11px;
margin-left: -11px;
}
.noUi-target {
border-radius: 0;
border: 0;
box-shadow: none;
background-color: transparent;
margin-bottom: 24px;
}
.noUi-origin {
border-radius: 0;
box-shadow: none;
}
.noUi-connects {
background-color: #eeeef4;
border-radius: 3px;
}
.noUi-connect {
background: #95c504;
border: 0;
border-radius: 4px;
height: 6px;
margin: 1px;
-webkit-transition: background 450ms;
-moz-transition: background 450ms;
-ms-transition: background 450ms;
-o-transition: background 450ms;
}
.noUi-handle:before,
.noUi-handle:after {
display: none;
border: 0;
border-radius: 0;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.range {
margin-top: 35px;
}
.range p {
font-size: 15px;
line-height: 20px;
margin-bottom: 10px;
}
.switch {
display: inline-block;
height: 42px;
position: relative;
width: 81px;
margin: 2px 0 1px;
}
@media (max-width: 1199px) {
.switch {
height: 37px;
margin: 0;
}
}
.switch input {
display: none;
}
.switchslider {
background-color: #f1f1f6;
border: 1px solid #e6e9ec;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.switchslider:before {
bottom: 5px;
content: "";
height: 32px;
left: 5px;
position: absolute;
transition: .4s;
width: 32px;
background-color: #95c504;
}
@media (max-width: 1199px) {
.switchslider:before {
width: 26px;
height: 26px;
}
}
.switchslider:after {
bottom: 5px;
content: "";
height: 32px;
left: 5px;
position: absolute;
z-index: 1;
transition: .4s;
width: 32px;
background: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/switchslider-bg-no.png) no-repeat center center;
}
@media (max-width: 1199px) {
.switchslider:after {
width: 26px;
height: 26px;
}
}
input:checked+.switchslider {
background-color: #95c504;
}
input:checked+.switchslider:before,
input:checked+.switchslider:after {
transform: translateX(37px);
}
@media (max-width: 1199px) {
input:checked+.switchslider:before,
input:checked+.switchslider:after {
transform: translateX(42px);
}
}
input:checked+.switchslider:before {
filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fafafa, endColorstr=#dcdcdc);
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fafafa, endColorstr=#dcdcdc)';
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dcdcdc));
background-image: -webkit-linear-gradient(top, #fafafa, #dcdcdc);
background-image: -moz-linear-gradient(top, #fafafa, #dcdcdc);
background-image: -o-linear-gradient(top, #fafafa, #dcdcdc);
background-image: -ms-linear-gradient(top, #fafafa, #dcdcdc);
background-image: linear-gradient(to bottom, #fafafa, #dcdcdc);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
input:checked+.switchslider:after {
background: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/switchslider-bg.png) no-repeat center center;
}
.switchslider.round {
border-radius: 5px;
}
.switchslider.round:before {
border-radius: 4px;
}
.button-group-pills {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px -15px -10px;
}
@media (max-width: 767px) {
.button-group-pills {
margin: 20px -10px -10px;
}
}
.button-group-pills .btn-checkbox {
height: 44px;
padding: 10px 25px;
margin: 0 15px 30px;
font-size: 14px;
line-height: 24px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
text-transform: none;
border-radius: 23.5px;
min-width: calc(50% - 30px);
}
.button-group-pills .btn-checkbox,
.button-group-pills .btn-checkbox.focus {
border-color: #95c504;
background-color: #f1f1f6;
color: #899198;
}
.button-group-pills .btn-checkbox.active {
border-color: #95c504;
background-color: #95c504;
color: #fff;
box-shadow: none;
}
.button-group-pills .btn-checkbox:hover {
border-color: #f9f9f9;
background-color: #95c504;
color: #ffffff;
}
@media (max-width: 1199px) {
.button-group-pills .btn-checkbox {
height: 37px;
padding: 10px 18px;
font-size: 14px;
line-height: 17px;
}
}
@media (max-width: 767px) {
.button-group-pills .btn-checkbox {
margin: 0 10px 20px;
min-width: calc(50% - 20px);
}
}
.control-group {
display: inline-block;
vertical-align: top;
background: #fff;
text-align: left;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
padding: 30px;
width: 200px;
height: 210px;
margin: 10px;
}
label.control {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
margin-top: 3px;
cursor: pointer;
font-size: 18px;
}
label.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control-indicator {
position: absolute;
top: 2px;
left: 0;
height: 18px;
width: 18px;
background: #fff;
border-radius: 2px;
border: 1px solid #edeff1;
}
.control-radio .control-indicator {
border-radius: 50%;
}
label.control:hover input~.control-indicator,
label.control input:focus~.control-indicator {
background: #fff;
}
label.control input:checked~.control-indicator {
background: #fff;
}
label.control:hover input:not([disabled]):checked~.control-indicator,
label.control input:checked:focus~.control-indicator {
background: #fff;
}
label.control input:disabled~.control-indicator {
background: #e6e6e6;
opacity: 0.6;
pointer-events: none;
}
.control-indicator:after {
content: '';
position: absolute;
display: none;
}
label.control input:checked~.control-indicator:after {
display: block;
}
.control-checkbox .control-indicator:after {
left: 5px;
top: 2px;
width: 5px;
height: 8px;
border: solid #95c504;
border-width: 0 1px 1px 0;
transform: rotate(45deg);
}
.control-checkbox input:disabled~.control-indicator:after {
border-color: #7b7b7b;
}
.control-radio .control-indicator:after {
left: 7px;
top: 7px;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
}
.control-radio input:disabled~.control-indicator:after {
background: #7b7b7b;
}
.form-wrapper-grey .input-custom {
border: none !important;
border-radius: 3px;
box-shadow: none !important;
font-size: 15px;
height: 42px !important;
line-height: 24px;
margin-bottom: 5px;
padding: 9px 15px !important;
}
.inputs-col input[type='text'] {
height: 42px !important;
line-height: 20px;
padding: 9px 15px !important;
box-shadow: none !important;
border: 1px solid #d7dbdf;
}
.inputs-col input[type=email] {
height: 42px !important;
line-height: 20px;
padding: 9px 15px !important;
box-shadow: none !important;
border: 1px solid #d7dbdf;
} .divider-md {
clear: both;
height: 30px;
}
.calculate-form .text-center img {
margin: 0 auto;
}
.woocommerce .star-rating span::before {
color: #ffb400 !important;
}
.text-icon-hor-text a.service-box-link {
display: block;
margin-top: 10px;
}
.row.services-grid {
display: flex;
flex-wrap: wrap;
} .wp-block-gallery {
padding-left: 0px !important;
}
.wp-block-gallery li {
list-style: none !important;
} .has-strong-yellow-background-color {
background-color: #f7bd00 !important;
}
.has-strong-white-background-color {
background-color: #ffffff !important;
}
.has-light-black-background-color {
background-color: #242424 !important;
}
.has-very-light-gray-background-color {
background-color: #797979 !important;
}
.has-very-dark-black-background-color {
background-color: #000000 !important;
}
.has-strong-yellow-color {
color: #f7bd00 !important;
}
.has-strong-white-color {
color: #ffffff !important;
}
.has-light-black-color {
color: #242424 !important;
}
.has-very-light-gray-color {
color: #797979 !important;
}
.has-very-dark-black-color {
color: #000000 !important;
} .has-small-font-size {
font-size: 10px !important;
}
.has-normal-font-size {
font-size: 15px !important;
}
.has-large-font-size {
font-size: 24px !important;
}
.has-huge-font-size {
font-size: 36px !important;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 24px;
font-style: normal;
line-height: 1.6;
} pre {
background: none;
padding: 0px;
border: none;
line-height: 1.8;
font-family: monospace;
font-size: 15px;
color: #333;
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100%;
}
.wp-block-separator {
border: none;
border-bottom: 1px solid #8f98a1;
margin: 1.65em auto;
width: 100%;
max-width: 100%;
margin-left: 0;
}
.thm-unit-test .wp-block-latest-posts,
.thm-unit-test .text .wp-block-latest-posts,
.thm-unit-test .wp-block-categories,
.thm-unit-test .text .wp-block-categories,
.thm-unit-test .wp-block-archives,
.thm-unit-test .text .wp-block-archives {
padding-left: 0px;
margin-bottom: 20px;
}
.thm-unit-test .wp-block-latest-posts li,
.thm-unit-test .text .wp-block-latest-posts li,
.thm-unit-test .wp-block-categories li,
.thm-unit-test .text .wp-block-categories li,
.thm-unit-test .wp-block-archives li,
.thm-unit-test .text .wp-block-archives li {
list-style: none;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 20px 0;
padding: 0;
border-left: none;
padding-left: 100px;
}
.blog-single .inner-box .lower-content .lower-box.text .wp-block-quote.is-large p,
.blog-single .inner-box .lower-content .lower-box.text .wp-block-quote.is-style-large p {
font-size: 1.6875em;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-family: 'Open Sans', sans-serif;
font-size: 0.71111em;
line-height: 1.6;
color: #767676;
}
.wp-block-pullquote {
border: none;
}
.wp-block-embed-vimeo .wp-block-embed__wrapper {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
width: 100%;
padding-bottom: 68.25%;
}
.wp-block-embed-vimeo .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.wp-block-table td,
.wp-block-table th {
border: 1px solid #ddd;
line-height: 1.8;
padding: 8px;
vertical-align: top;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 0;
padding-left: 100px;
}
figure.wp-block-pullquote.alignleft {
padding: 0;
text-align: left;
}
figure.wp-block-pullquote.alignleft blockquote {
margin: 0;
}
figure.wp-block-pullquote.alignright {
padding: 0;
text-align: right;
}
figure.wp-block-pullquote.alignright blockquote {
margin: 0;
margin-bottom: 60px
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 335px;
}
ul.wp-block-latest-posts {
margin-bottom: 30px;
}
ul.wp-block-latest-posts a {
transition: all 0.2s linear;
text-decoration: underline;
color: #5a5a5a;
background-color: transparent;
}
blockquote::before {
font-size: 120px!important;
line-height: 1em!important;
font-style: normal!important;
content: "“"!important;
position: absolute!important;
top: 0px!important;
color: #c7d5e1!important;
left: 30px!important;
}
blockquote.wp-block-quote.is-large:before {
top: -8px !important;
}
.wp-block-categories a {
transition: all 0.2s linear;
text-decoration: underline;
color: #5a5a5a;
background-color: transparent;
}
.wp-block-archives a {
transition: all 0.2s linear;
text-decoration: underline;
color: #5a5a5a;
background-color: transparent;
}
.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
}
.with-sidebar-blog .alignfull {
width: auto;
margin-left: calc( 50% / .62 - 50vw);
max-width: 100vw;
}
.with-sidebar-blog .alignfull img {
width: auto;
}
li.blocks-gallery-item img {
margin-bottom: 0 !important;
}
.services-grid {
display: flex;
flex-wrap: wrap;
}
.slick-slide .service-card-icon img {
width: auto;
display: inline-block;
}
.not-found h1.page-title {
margin: 0;
}
@media (max-width: 991px) {
body.cleaning-demo-two {
font-size: 15px;
line-height: 22px;
}
}
.cleaning-demo-two p {
margin-bottom: 22px;
}
.cleaning-demo-two h1,
.cleaning-demo-two h2.h-lg {
margin: -0.55em 0 18px;
}
.cleaning-demo-two h1.h-decor,
.cleaning-demo-two h2.h-decor {
margin: -0.55em 0 18px;
}
#place_order,
.cleaning-demo-two .btn,
.cleaning-demo-two .more-link {
padding: 11px 30px;
font-size: 14px;
line-height: 25px;
font-weight: 600;
height: auto;
background-color: #95c504;
color: #fff;
border-radius: 23.5px;
border: 0;
vertical-align: top;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
text-decoration: none;
text-transform: capitalize;
position: relative;
overflow: hidden;
font-family: 'Poppins', sans-serif;
}
.cleaning-demo-two .btn-lg {
padding: 15px 35px;
font-size: 15px;
line-height: 25px;
border-radius: 55px;
letter-spacing: .05em;
}
@media (max-width: 991px) {
.cleaning-demo-two .btn {
font-size: 12px;
}
}
@media (max-width: 767px) {
.cleaning-demo-two .btn {
font-size: 12px;
line-height: 17px;
padding: 10px 20px;
}
}
.cleaning-demo-two .block {
margin-bottom: 100px;
}
@media (max-width: 1199px) {
.cleaning-demo-two .block {
margin-bottom: 75px;
}
}
@media (max-width: 767px) {
.cleaning-demo-two .block {
margin-bottom: 50px;
}
}
.cleaning-demo-two .color,
.cleaning-demo-two a.color,
.cleaning-demo-two a.color:hover,
.cleaning-demo-two a.color:focus {
color: #95c504 !important;
}
.cleaning-demo-two .page-footer-info .icon {
color: #6fbf52;
}
.cleaning-demo-two .marker-list>li:after {
font-size: 11px;
color: #6fbf52;
}
@media (max-width: 1199px) {
.cleaning-demo-two h1,
.cleaning-demo-two h2.h-lg {
font-size: 32px;
line-height: 40px;
margin: -0.25em 0 18px;
}
}
@media (max-width: 991px) {
.cleaning-demo-two h1,
.cleaning-demo-two h2.h-lg {
font-size: 28px;
line-height: 36px;
}
}
@media (max-width: 479px) {
.cleaning-demo-two h1,
.cleaning-demo-two h2.h-lg {
font-size: 24px !important;
line-height: 34px !important;
}
}
@media (max-width: 1199px) {
.cleaning-demo-two h2,
.cleaning-demo-two h1.h-sm {
font-size: 32px;
line-height: 40px;
margin: -0.2em 0 18px;
}
}
@media (max-width: 991px) {
.cleaning-demo-two h2,
.cleaning-demo-two h1.h-sm {
font-size: 28px;
line-height: 36px;
}
}
@media (max-width: 479px) {
.cleaning-demo-two h2,
.cleaning-demo-two h1.h-sm {
font-size: 18px;
line-height: 28px;
margin-bottom: 12px;
}
}
.cleaning-demo-two h1.h-decor,
.cleaning-demo-two h2.h-decor {
padding-bottom: 29px;
margin: 0 0 41px;
background: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/h-decor-2.png) no-repeat bottom center;
}
@media (max-width: 1199px) {
.cleaning-demo-two h1.h-decor,
.cleaning-demo-two h2.h-decor {
margin-bottom: 28px;
}
}
@media (max-width: 991px) {
.cleaning-demo-two h1.h-decor,
.cleaning-demo-two h2.h-decor {
padding-bottom: 28px;
margin-bottom: 28px;
background: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/h-decor-sm-2.png) no-repeat bottom center;
}
}
@media (max-width: 767px) {
.cleaning-demo-two h1.h-decor,
.cleaning-demo-two h2.h-decor {
padding-bottom: 24px;
margin-bottom: 15px;
background: url(https://hotcleaning.net.au/wp-content/themes/cleaning-services-child/images/h-decor-xs-2.png) no-repeat bottom center;
}
}
.cleaning-demo-two h4 {
margin: 0 0 15px;
}
@media (max-width: 991px) {
.cleaning-demo-two h4 {
font-size: 18px;
line-height: 28px;
}
}
@media (max-width: 991px) {
.cleaning-demo-two p {
font-size: 15px;
line-height: 22px;
margin-bottom: 22px;
}
}
.cleaning-demo-two .footer-copyright {
padding: 0;
}
.cleaning-demo-two .marker-list>li {
line-height: 26px;
font-weight: 400;
padding-left: 22px;
margin-bottom: 7px;
}
@media (max-width: 991px) {
.cleaning-demo-two .marker-list {
margin-bottom: 10px;
}
.cleaning-demo-two .marker-list>li {
font-size: 15px;
line-height: 22px;
}
}
.cleaning-demo-two .tab-pane {
padding: 5px 0 0;
}
.cleaning-demo-two .breadcrumbs .breadcrumb {
padding: 12px 0;
}
.cleaning-demo-two .wrap .content-area {
margin-bottom: 0px;
}
.cleaning-demo-two .marker-list a:hover {
color: #6fbf52;
}
.cleaning-demo-two .slick-dots li button:hover {
outline: none;
background-color: #6fbf52;
}
.cleaning-demo-two .slick-dots li.slick-active button,
.cleaning-demo-two .slick-dots li.slick-active button:hover {
box-shadow: 0 0 0 2px #6fbf52;
background-color: #fff;
}
@media (max-width: 479px) {
.cleaning-demo-two .slick-dots li button {
width: 9px;
height: 9px;
margin: 0 10px;
}
}
.cleaning-demo-two p.info {
color: #3d4c58;
font-size: 18px;
font-weight: 600;
background-color: #f9f9fa;
margin: 0 0 34px !important;
border: none;
}
.cleaning-demo-two p.p-lg {
font-size: 16px;
line-height: 27px;
}
@media (max-width: 991px) {
.cleaning-demo-two p.p-lg {
font-size: 15px;
line-height: 22px;
}
.list-contact-1.wpb_column.vc_column_container.vc_col-sm-4 {
margin-bottom: 30px;
}
}
@media (max-width: 479px) {
.cleaning-demo-two .divider-lg {
height: 20px;
}
}
.cleaning-demo-two .cleaning-faq-text .vc_toggle_title>h4 {
text-transform: none;
color: #3d4c58 !important;
}
.cleaning-demo-two .cleaning-faq-text .vc_toggle_active .vc_toggle_content>p {
padding-left: 0;
}
.cleaning-demo-two .post-meta-date a {
color: unset;
font-weight: normal;
}
.cleaning-demo-two .text-icon-row {
margin-top: -55px;
}
@media (max-width: 479px) {
.cleaning-demo-two .divider-xl {
height: 30px;
}
}
.cleaning-demo-two .layoutswatch .layoutswatch-inside a.active.skin-1:after {
display: none;
} .vc_cleaning_services_news_slider_item .col-sm-4 {
width: 100%;
}
.vc_cleaning_services_numbers_carousel_items {
width: 25%;
float: left;
}
.vc_cleaning_services_numbers_carousel_items .col-xs-6.col-sm-3 {
width: 100%;
}
.row.feature-wrapper.feature-wrapper-flex {
display: flex;
}
.col-sm-4.order-change {
order: 3;
}
.vc_cleaning_cus_choose .vc_cleaning_cus_choose_items:nth-child(2) {
order: 3;
}
.vc_cleaning_cus_choose .vc_cleaning_cus_choose_items {
width: 33.3333%;
}
.vc_cleaning_cus_choose .vc_cleaning_cus_choose_items .col-sm-4, .vc_cleaning_cus_choose .vc_cleaning_cus_choose_items .vc_cleaning_cus_choose_items {
width: 100%;
float: left;
padding: 0 15px 0;
}
.vc_cleaning_services_how_it_works_items {
width: 33.33333333%;
float: left;
}
.vc_cleaning_services_how_it_works_items .col-md-4.col-sm-4.col-xs-12 {
width: 100%;
}
.vc_cleaning_services_team .col-sm-6.col-xs-12.person,
.vc_cleaning_services_discount_items,
.vc_cleaning_services_banner .col-xs-6.col-sm-4.col-md-4.service-box,
.vc_cleaning_services_slider_items .col-sm-2.col-lg-4,
.vc_price_box_tab_item .col-md-6.col-lg-4,
.vc_cleaning_services_price_item .col-md-3{
width: 100%;
}
.services-grid .vc_cleaning_services_banner,
.vc_cleaning_services_team,
.vc_element.vc_cleaning_testimonials_items {
width: 33.333%;
float: left;
}
.vc_cleaning_services_price_item .prices-box,
.services-grid .vc_cleaning_services_banner .col-xs-6.col-sm-6.col-md-4.service-box,
.vc_cleaning_services_team .col-md-3.col-sm-4.col-xs-12.person,
.vc_element.vc_cleaning_testimonials_items .testimonial-item{
width: 100%;
}
.Contact-pages-1 .contact-info-sm > .icon {
top: 10px;
}
h2, h1.h-sm {
font-family: Open Sans;
font-weight: 400!important;
font-size: 36px;
line-height: 40px;
}
h1, h2.h-lg {
font-family: Open Sans;
font-weight: 600!important;
font-size: 50px;
line-height: 60px;
}
.cleaning-demo-two .block-testimonials-bg .testimonial-item-inside::before {
content: '“';
position: absolute;
top: 102px;
left: -6px;
font-size: 160px;
color: #fff;
display:none;
}