@charset "UTF-8";
@-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row {
margin:0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.container {
width: 100%; padding:0 15px; margin:0 auto;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
-webkit-box-flex: 0;
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1400px){
.container {
max-width: 1400px !important;
}
}
@media (min-width: 1900px){
.container {
max-width: 1750px !important;
}
}
@media (min-width: 2400px){
.container {
max-width: 2300px !important;
}
}
@media (min-width: 3400px){
.container {
max-width: 3300px !important;
}
}
@media (min-width:720px) {
.container {
max-width: 1200px;
}
.col-1 {
-ms-flex:0 0 8.3333%;
-webkit-box-flex:0;
flex:0 0 8.3333%;max-width:8.3333%; width: 8.3333%;
}
.col-2 {
-ms-flex: 0 0 16.6666%;
-webkit-box-flex: 0;
flex: 0 0 16.6666%;max-width: 16.6666%; width:  16.6666%;
}
.col-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;max-width: 25%; width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.3333%;
-webkit-box-flex: 0;
flex: 0 0 33.3333%;max-width: 33.3333%; width: 33.3333%; 
}
.col-5 {
-ms-flex: 0 0 41.6666%;
-webkit-box-flex: 0;
flex: 0 0 41.6666%;max-width: 41.6666%; width:  41.6666%; 
}
.col-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;max-width: 50%; width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.3333%;
-webkit-box-flex: 0;
flex: 0 0 58.3333%;max-width: 58.3333%; width: 58.3333%;
}
.col-8 {
-ms-flex: 0 0 66.6666%;
-webkit-box-flex: 0;
flex: 0 0 66.6666%;max-width: 66.6666%; width: 66.6666%;
}
.col-9 {
-ms-flex:0 0 75%;
-webkit-box-flex:0;
flex:0 0 75%;max-width: 75%; width: 75%;
}
.col-10 {
-ms-flex:0 0 83.3333%;
-webkit-box-flex:0;
flex:0 0 83.3333%;max-width: 83.3333%; width: 83.3333%;
}
.col-11 {
-ms-flex: 0 0 91.6666%;
-webkit-box-flex: 0;
flex: 0 0 91.6666%;max-width: 91.6666%; width: 91.6666%;
}
.col-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;max-width: 100%; width: 100%;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
margin-left: -1px; margin-right: -1px; padding:0 15px;
}
}
@media (min-width:720px) and (max-width: 960px) {
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
padding:0 5px;
}
}
@media (max-width: 650px) {
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
padding:0 5px; max-width: unset; -webkit-box-flex:0; -ms-flex:none; flex:none; width: 100%;
}
}.slick-slider
{
position: relative;
display: block;
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;
margin-left: auto;
margin-right: auto;
}
.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;
}
.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;
}
.slick-arrow.slick-hidden {
display: none;
}:root {
font-size: 16px; color:#333; font-weight: normal;
line-height: 1.4;
--title: #ffb300;
--main_txt: #336E7B;
--second_txt: #2A2A22;
--main_bgr: #ffd540;
--second_bgr: #4DBBFF;
--third_bgr: #6e6e6e;
--alert:#ed1c24;
}
html,body {
margin: 0; width: 100%; overflow-x: hidden;
}
body {
overflow: hidden; max-width: 100%; position: relative;
}
a {
color: var(--second_bgr); text-decoration: none;
}
p, li,h1,h2,h3,h4,h5,h6 { margin:0; margin-bottom: .3em }
h1,h2,h3,h4,h5,h6 {
font-weight: 600; color: var(--title);
}
h6 {font-size: 1.05rem;}
h5 {font-size: 1.1rem;}
h4 {font-size: 1.2rem;}
h3 {font-size: 1.3rem; }
h2 {font-size: 1.5rem;}
h1 {font-size: 2rem;}
img {display: table;max-width: 100%;height: auto;-o-object-fit: cover;object-fit: cover}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin: 0 1em 0.5em 0;
}
.alignright {
float: right;
margin: 0 0 0.5em 1em;
}
div.wp-caption{
max-width: 100%
}
.wp-caption-text {
text-align: center;
font-style: italic;
}
.slick-arrow {
position: absolute;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index: 1;
display: -webkit-box;display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;
align-items: center; background:transparent;border:none; font-size: 25px; color:#ffffff73;
cursor: pointer; background: rgba(0,0,0,0.5);padding: 5px;
}
.slick-prev {
left: 0
}
.slick-next {
right: 0
}
.slide-item {
padding: 0 15px
}
.slick-slider:focus,.slick-track:focus,.slick-slide:focus,.slick-slide a:focus,
.slick-arrow:focus {
outline: none
}
.slick-dots{
position: absolute;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0;margin: 10px 0;width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;list-style: none;
}
ul.slick-dots li button { font-size: 0; line-height: 0;display: block; margin: 0 5px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;
padding: 5px;cursor: pointer;color: transparent;border: 0; outline: none; background: gray;opacity: 0.4;
border-radius: 100%;
}
ul.slick-dots li.slick-active button,ul.slick-dots li button:hover{
opacity: 1;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.items_center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.justify_center {
display: -webkit-box;
display: -ms-flexbox;
display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.relative,.padding_ratio {
position: relative;
}
a.padding_ratio {
display: block;
}
.absolute,.full_relative {
position: absolute;
}
.padding_ratio:before {
content:'';display: block; padding-bottom: 40%;
}
.full_relative {
width: 100%;height: 100%;top:0;left: 0;
}
.align_center {
text-align: center;
}
.margin_center {
display: table; margin:0 auto;
}
.page_section {
padding:30px 0;
}
.section_title, .page_title {
font-weight: bold; margin-bottom: .5em;
}
.section_title a, .page_title a {
font-size: inherit; font-weight: inherit; margin-bottom: inherit; color: inherit;
}
.entry-content:after {
content:''; display: block; clear: both;
}
.namlbn-breadcrumb {
padding:.5rem 0; background-color: #efefef
}
.namlbn-breadcrumb a {
text-decoration: none; color: inherit;
}
#site-wrapper {
min-height: 100vh; padding-bottom: 30px;
}div.namlbn-pagination .screen-reader-text {
display: none;
}
div.namlbn-pagination .nav-links ul {
word-spacing: -4px; padding: 0; text-align: center;
}
div.namlbn-pagination .nav-links ul li {
display: inline-block; margin:0; word-spacing: initial;
}
div.namlbn-pagination .nav-links ul li a, div.namlbn-pagination .nav-links ul li span {
display: block; text-decoration: none; padding:0 0.7em .1em; border:solid 1px white
}
div.namlbn-pagination .nav-links ul li a {
color: white; background-color: #4c4c4c;
}li.menu-item-has-children > i {
position: absolute;
top: 50%;
right: 20%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: table;
line-height: 1;
color: white;
}
@media (min-width: 1025px) {
#dsk-header ul {
list-style: none;
padding: 0;
margin: 0;
list-style: none;
}
#dsk-header ul.menu a {
color: inherit;
text-decoration: none;
padding: 0 5px;
display: block;
font-size: 15px;
}
#dsk-header nav,
#dsk-header ul.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#dsk-header ul.menu {
margin: 0 auto;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
}
#dsk-header ul.menu > li {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0;
border-right: solid 1px rgb(60 60 60 / 15%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#dsk-header ul.menu > li:last-child {
border: none;
}
#dsk-header ul.menu li:hover {
background-color: var(--second_bgr);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#dsk-header ul.menu li:hover > a {
color: var(--second_txt);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#dsk-header ul.menu > li > a {
color: var(--main_txt);
text-transform: uppercase;
}
#dsk-header li.menu-item-has-children > a {
padding-right: 10px;
}
#dsk-header ul.menu > li:last-child {
margin-right: 0;
}
#dsk-header ul.sub-menu {
position: absolute;
background-color: var(--main_bgr);
-webkit-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
visibility: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-box-shadow: 0px 2px 4px rgb(0 0 0 / 20%);
box-shadow: 0px 2px 4px rgb(0 0 0 / 20%);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#dsk-header ul.sub-menu li {
position: relative;
margin-bottom: 0;
width: 270px;
}
#dsk-header .main-menu ul.menu li ul.sub-menu li a {
padding: 10px;
border-top: solid 1px white;
white-space: pre-wrap;
color:var(--main_txt);
}
#dsk-header li.menu-item-has-children:hover > ul.sub-menu {
-webkit-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
visibility: visible;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#dsk-header ul.menu > li > ul.sub-menu {
top: 100%;
left: 0;
min-width: 100%;
z-index: 500;
}
#dsk-header ul.menu > li > ul.sub-menu > li > a {
text-transform: uppercase;
}
#dsk-header ul.sub-menu ul.sub-menu {
top: 0;
left: 100%;
padding-top: 0;
z-index: 2;
}
}
@media (max-width: 1024px) {
.mobile_menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 500;
}
.mobile_menu .col_wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.mobile_menu .col_wrapper .menu_bgr {
position: absolute;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.5;
}
.mobile_menu .col_wrapper .menu_container {
position: relative;
background-color: white;
width: 290px;
max-height: 100vh;
overflow-y: scroll;
padding: 0 15px;
padding-top: 10px;
}
.mobile_menu .col_wrapper a {
color: inherit;
text-decoration: none;
}
.mobile_menu .col_wrapper .menu_container .custom-logo-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 1rem;
}
.mobile_menu .col_wrapper .menu_container .custom-logo-link img {
max-height: 50px;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.mobile_menu ul.menu a:not(.drop-up) {
padding: 0.7rem 0;
white-space: initial;
}
.mobile_menu ul.menu li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu-mobile-container {
padding: 20px 0;
}
.mobile_menu .menu li {
border-top: 1px solid #0000001a;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mobile_menu .menu > li:nth-child(1) {
border: none;
}
.mobile_menu .menu li.menu-item-has-children .drop-up {
margin-left: auto;
border-left: 1px solid #0000001a;
border-right: 1px solid #0000001a;
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mobile_menu .menu .menu-item-has-children i {
display: table;
}
.mobile_menu .menu {
list-style: none;
padding: 0;
}
.mobile_menu .menu .sub-menu {
background: #ffffff;
display: none;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
white-space: nowrap;
position: inherit;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
opacity: 1;
visibility: inherit;
width: 100%;
}
.mobile_menu ul#menu-main-menu-1 > li > ul.sub-menu > li > a {
padding: 8px 0;
white-space: pre-wrap;
}
.mobile_menu .menu .menu-item-has-children .sub-menu {
padding-left: 10px;
border-top: 1px solid #0000001a;
}
.mobile_menu li.menu-item-has-children > a:not(.drop-up) {
max-width: calc(100% - 40px);
}
.mobile_menu
#menu-main-menu-1
.menu-item-has-children.sub-open
ul
> li:nth-child(1) {
border-top: none;
}
.mobile_menu .menu .xoay {
-webkit-transform: rotate(540deg) scale(1.2);
-ms-transform: rotate(540deg) scale(1.2);
transform: rotate(540deg) scale(1.2);
transition: 0.2s;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
#menu-btn {
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 5px;
width: 58px;
position: relative;
}
#menu-btn i,
#menu-btn:before,
#menu-btn:after {
height: 2px;
background-color: white;
-webkit-box-shadow: 1px 2px rgb(128 128 128 / 66%);
box-shadow: 1px 2px rgb(128 128 128 / 66%);
display: block;
border-radius: 2px;
}
#menu-btn:before,
#menu-btn:after {
content: "";
width: 60%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#menu-btn i {
width: 100%;
}
#menu-btn:before {
top: 0;
}
#menu-btn:after {
bottom: 0;
}
.mobile_menu.hide {
opacity: 0;
visibility: hidden;
}
.mobile_menu.hide .menu_container {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.mobile_menu .menu .menu-item-has-children i.rotate {
-webkit-transform: rotateZ(90deg);
-ms-transform: rotate(90deg);
transform: rotateZ(90deg);
}
}#dsk-header .header-main > .row {
flex-wrap: nowrap;
}
#dsk-header .header-main > .row > *, #dsk-header .col-menu, #dsk-header .main-menu .col-search {
padding-left: 15px; padding-right: 15px
}
#dsk-header .logo a {
display: block;
padding: 0;
position: relative;
overflow: visible;
}
#dsk-header .logo img {
height: 86px;
width: auto;
-o-object-fit: scale-down;
object-fit: scale-down;
}
#dsk-header .col-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; flex-grow: 1;
}
#dsk-header.fix-header {
position: fixed;
top: 0;
background: #000;
}
#dsk-header .header-top {
background-color: #f4f4f4; padding:5px 0;
}
#dsk-header .header-top .left {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto; -ms-flex-positive: 1; flex-grow: 1;
margin-left: auto;
padding: 0 2%; font-size: 14px;
}
#dsk-header .header-top .right {
-webkit-box-flex: 0;
-ms-flex: 0 0 32%;
flex: 0 0 32%; justify-content: flex-end; padding:0 15px;
}
#dsk-header .header-top .right img {
width: 22px; height: 22px; object-fit: scale-down;
}
#dsk-header .header-top .right .mail {
margin-right: auto; font-size: 14px;
}
#dsk-header .header-top .right .mail i {
margin-right: 5px;
}
#dsk-header .header-top .right a {
margin-right: 5px
}
#dsk-header .header-top .right:last-child {
margin-right: 0;
}
}
#dsk-header .header-main .row > * {
padding-left: 15px;
padding-right: 15px;
}
#dsk-header .header-main .row .hotline {
flex-grow: 1; flex:0 0 auto;
}
#dsk-header .header-main .row .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex; min-height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top:5px; padding-bottom: 5px;
}
#dsk-header .hotline p {
margin: 0; font-size: 14px;
}
#dsk-header .hotline .right {
margin-left: 10px;
}
#dsk-header .hotline a {
font-size: 24px;
color: #ed1c24;
padding: 0;
font-weight: bold;
line-height: 1;
font-weight: bold;
}
#dsk-header .header-banner {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#dsk-header .header-banner, #dsk-header .header-banner a {
display: -webkit-box;
display: -ms-flexbox;
display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 100%;
}
#dsk-header .header-banner a {
padding:0; margin: auto; -webkit-box-flex:1; -ms-flex:auto; flex:auto;
}
#dsk-header .header-banner img {
display: block; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; object-fit: contain;
}
#dsk-header .main-menu {
background: var(--main_bgr);
position: relative;
z-index: 99;
}
#dsk-header .main-menu ul > li.current_page_item,
#dsk-header .main-menu .current-menu-item {
background-color: var(--second_bgr);
}
#dsk-header .main-menu ul > li.current_page_item > a,
#dsk-header .main-menu .current-menu-item > a {
color: var(--second_txt);
}
#dsk-header .main-menu ul.menu li a {
padding: 0.8em 0; font-weight: 500;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#dsk-header .main-menu ul.menu > li > a {
font-size: 1rem;
text-align: center;
}
#dsk-header .searchform {
width: 240px;
}
.searchform {
position: relative;
overflow: hidden;
}
.searchform button {
position: absolute;
top: 0;
right: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none;
border: none;
border-radius: 100%;
}
.searchform button span {
display: none;
}
.searchform input {
width: 100%;
border-radius: 15px;
border: none;
padding: 0.5em 0.5em 0.5em 1em;
}
#dsk-header .main-menu .col-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; padding-left: 15px; padding-right: 15px
}
#dsk-header .main-menu.fix {
position: fixed;
z-index: 9;
top: 0;
left: 0;
width: 100%;
-webkit-transform: translateY(-150%);
-ms-transform: translateY(-150%);
transform: translateY(-150%);
}
@media (min-width: 1025px) {
#mobile-header {
display: none;
}
}
@media (max-width: 1024px) {
#dsk-header .header-top {
display: none;
}
#dsk-header .hotline {
display: none;
}
#dsk-header .header-main .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#dsk-header .main-menu {
display: none;
}
#mobile-header {
font-size: 15px;
}
#mobile-header .searchform input {
background-color: #f0f0f0;
border: solid 1px #e5e6ec;
padding: 0.7rem 1rem;
border-radius: 10px;
}
#mobile-header .searchform button {
color: #f00;
}
#mobile-header a#open-menu i {
font-size: 30px;
color: #32a943;
}
.container {
width: 100%;
padding: 0 15px;
}
#mobile-header .logo a {
display: block;
height: auto;
}
#mobile-header .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -15px;
}
#mobile-header .row .col-9 {
-webkit-box-flex: 75%;
-ms-flex: 75%;
flex: 75%;
max-width: 75%;
padding: 0 15px;
}
#mobile-header .row .col-3 {
-webkit-box-flex: 25%;
-ms-flex: 25%;
flex: 25%;
max-width: 25%;
padding: 0 15px;
}
#mobile-header .row .col-3 a {
float: right;
}
.menu_mobile {
background: -webkit-gradient(linear, left top, left bottom, from(#32a943), to(#6fad56));
background: -o-linear-gradient(top, #32a943, #6fad56);
background: linear-gradient(to bottom, #32a943, #6fad56);
opacity: 0;
padding-top: 15px;
position: fixed;
visibility: hidden;
top: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
z-index: 999;
left: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
width: 100%;
height: 100vh;
overflow-y: scroll;
}
.menu_mobile a {
color: #ffff;
text-decoration: none;
}
.menu_mobile a#close-menu {
position: fixed;
right: 10px;
font-size: 25px;
z-index: 99999;
}
nav.mobile_menu ul {
margin: 0;
padding: 0;
}
nav.mobile_menu ul.menu > li {
border-bottom: 1px solid #fff;
padding: 10px 15px;
position: relative;
list-style: none;
}
nav.mobile_menu ul > li i {
position: absolute;
left: 90%;
color: #fff;
font-size: 20px;
}
nav.mobile_menu ul li ul.sub-menu {
display: none;
top: 100%;
}
nav.mobile_menu ul li ul.sub-menu li {
list-style: none;
padding: 10px 15px;
}
#mobile-header .mobile_menu_bar {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: var(--main_bgr);
color: var(--main_txt);
padding: 10px 15px;
}
#mobile-header .mobile_menu_bar > b {
font-weight: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 960px) and (max-width: 1024px) {
#dsk-header .header-main .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#dsk-header .header-main .row > .logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 70%;
}
#dsk-header .header-main .row > .header-banner {
max-width: 70%;
-webkit-box-flex: 0;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
}
}
@media (max-width: 650px){
#dsk-header .header-main .row .header-banner {
padding: 0;
}
}.social_icons {
margin: 0;
padding: 0;
list-style: none;
line-height: 1;
}
.social_icons li {
display: inline-block;
margin: 0;
margin-right: 5px;
line-height: 1;
}
.social_icons li a {
display: block;
}
.social_icons svg,
.social_icons img {
height: 30px;
width: auto;
}
.social_icons .facebook svg {
width: 35px;
border-radius: 10px;
background: #3b5997;
padding: 5px;
}
.social_icons .facebook path {
fill: white !important;
}
.social_icons .email path {
fill: white !important;
}
.social_icons .hotline path {
fill: #1db514 !important;
}
#site-footer .form_title {
font-size: 0.9rem;
margin-top: 1em;
}
#site-footer .form_title strong {
font-size: 1.1rem;
font-weight: normal;
}
#site-footer .footer_form form input,
#site-footer .footer_form form textarea {
min-width: unset;
width: 100%;
border: none;
outline: none;
border-radius: 2px;
padding: 0.8em 1em;
margin-bottom: 5px;
}
#site-footer .footer_form form textarea {
height: 7em;
}
#site-footer .footer_form form {
position: relative;
}
#site-footer form input.wpcf7-submit,
#site-footer .footer_form form br {
display: none;
}
#site-footer form #fake_submit {
position: absolute;
bottom: 41px;
z-index: 1;
width: auto;
right: 0;
width: 80px;
font-weight: normal;
color: var(--second_txt);
background-color:  var(--second_bgr);
text-transform: uppercase;
font-size: 1.1rem;
padding: 0.5em 0;
text-align: center;
cursor: pointer;
}
#site-footer .fb-page {
margin-top: 1rem;
}
#site-footer .copy_right {
padding: 5px 0;
text-align: center;
background: rgba(0, 0, 0, 0.1);
margin: 0;
font-size: 0.9em;
}
#site-footer .copy_right .container {
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#site-footer .copy_right .container > * {
display: inline-block;
vertical-align: middle;
}
#site-footer .copy_right p {
margin-bottom: 0;
}
#site-footer .copy_right a {
color: var(--main_txt);
}
#site-footer .back-top {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
position: fixed;
width: 50px;
height: 50px;
-webkit-box-shadow: 0 0 9px 0px rgb(0 0 0 / 34%);
box-shadow: 0 0 9px 0px rgb(0 0 0 / 34%);
right: 30px;
bottom: 220px;
border-radius: 100%;
background-color: var(--main_bgr);
color: var(--main_txt);
opacity: 0.3;
cursor: pointer;
z-index: 9;
}
#site-footer .back-top i {
display: table;
clear: both;
margin: 0 auto;
font-weight: bold;
font-size: 16pt;
margin-top: 2px;
line-height: 18px;
color: var(--main_txt);
}
#site-footer .back-top span {
display: table;
width: 30px;
height: 30px;
margin: 0 auto;
font-size: 13px;
color: var(--main_txt);
}
#site-footer .back-top:hover {
text-decoration: none;
opacity: 1;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
#site-footer .copy_right .statitics {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#site-footer .statitics span {
padding: 0 10px;
border-left: solid 1px #333;
}
#site-footer .statitics span:first-of-type {
border: none;
margin-left: auto;
}
#mes-icon {
bottom: 100px;
right: 33px;
width: 40px;
position: fixed;
height: auto;
z-index: 99;
-webkit-animation: mes 2s linear infinite;
animation: mes 2s linear infinite;
}
.popup {
position: fixed; top:0; left: 0; width: 100%; height: 100vh;
opacity: 0; visibility: hidden;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s; -webkit-box-pack: center; -ms-flex-pack: center;
justify-content: center; z-index: 550
}
#map-popup iframe {
width: 100%;
}
#map-popup .close-popup {
position: absolute; top:0; right: 0; z-index: 2; background-color: var(--main_bgr); padding:.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
#map-popup .close-popup svg {
display: block;
height: 1.3rem;
fill: white;
}
.popup.show {
opacity: 1; visibility: visible; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;
}
.popup .relative {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.popup .popup-bgr {
position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: black; opacity: .5
}
.popup .popup_content {
position: relative; z-index: 1; max-width: 800px; width: 96%; height: 80vh; max-height: 400px;
}
.fanpage-div .fb-page, .fanpage-div .fb-page >span, .fanpage-div .fb-page iframe {
width: 100% !important; display: block;
}
.hotline-phone-ring-wrap {
position: fixed;
bottom: 0;
right: 0;
z-index: 999999;
}
.hotline-phone-ring {
position: relative;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 11;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: visibility 0.5s;
-o-transition: visibility 0.5s;
transition: visibility 0.5s;
left: 0;
bottom: 0;
display: block;
}
.hotline-phone-ring-circle {
width: 85px;
height: 85px;
top: 10px;
left: 10px;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid #e60808;
-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
width: 55px;
height: 55px;
top: 25px;
left: 25px;
position: absolute;
background-color: rgba(230, 8, 8, 0.7);
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
background-color: #e60808;
width: 33px;
height: 33px;
top: 37px;
left: 37px;
position: absolute;
background-size: 20px;
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
width: 20px;
height: 20px;
}
.hotline-bar {
position: absolute;
background: rgba(230, 8, 8, 0.75);
height: 40px;
width: 190px;
line-height: 40px;
border-radius: 3px;
padding: 0 10px;
background-size: 100%;
cursor: pointer;
-o-transition: all 0.8s;
transition: all 0.8s;
-webkit-transition: all 0.8s;
z-index: 9;
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
border-radius: 50px !important;
right: 33px;
bottom: 37px;
}
.hotline-bar > a {
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: bold;
text-indent: 15px;
display: block;
letter-spacing: 1px;
line-height: 40px;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
color: #fff;
}
.zalo-container.right {
right: 33px;
}
.zalo-container {
position: fixed;
width: 40px;
height: 40px;
bottom: 160px;
z-index: 9999999;
}
.zalo-container a {
display: block;
}
.animated_zalo.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.cmoz-alo-circle {
width: 50px;
height: 50px;
top: -5px;
right: -5px;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid rgba(17, 130, 252, 0.8);
opacity: 0.1;
border-color: #1182fc;
opacity: 0.5;
}
.animated_zalo {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.zoomIn_zalo {
-webkit-animation-name: zoomIn_zalo;
animation-name: zoomIn_zalo;
}
.pulse_zalo {
-webkit-animation-name: pulse_zalo;
animation-name: pulse_zalo;
}
.zalo-container span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: #1182fc;
position: relative;
}
.cmoz-alo-circle-fill {
width: 60px;
height: 60px;
top: -10px;
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 100%;
border: 2px solid transparent;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background-color: rgba(17, 130, 252, 0.45);
opacity: 0.75;
right: -10px;
}
@-webkit-keyframes zoomIn_zalo {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn_zalo {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes pulse_zalo {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse_zalo {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(0.5) skew(1deg);
transform: rotate(0) scale(0.5) skew(1deg);
opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.1;
}
}
@keyframes phonering-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(0.5) skew(1deg);
transform: rotate(0) scale(0.5) skew(1deg);
opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.1;
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.6;
}
100% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
}
@keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.6;
}
100% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
}
}
@keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
}
}
@-webkit-keyframes mes {
0% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
5% {
-webkit-transform: rotateZ(20deg);
transform: rotateZ(20deg);
}
10% {
-webkit-transform: rotateZ(-20deg);
transform: rotateZ(-20deg);
}
15% {
-webkit-transform: rotateZ(20deg);
transform: rotateZ(20deg);
}
20% {
-webkit-transform: rotateZ(-20deg);
transform: rotateZ(-20deg);
}
25% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
100% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
}
@keyframes mes {
0% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
5% {
-webkit-transform: rotateZ(20deg);
transform: rotateZ(20deg);
}
10% {
-webkit-transform: rotateZ(-20deg);
transform: rotateZ(-20deg);
}
15% {
-webkit-transform: rotateZ(20deg);
transform: rotateZ(20deg);
}
20% {
-webkit-transform: rotateZ(-20deg);
transform: rotateZ(-20deg);
}
25% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
100% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
}
@media (max-width: 650px) {
#site-footer .col {
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
max-width: unset;
width: 100%;
}
.site-header {
display: none;
}
#site-footer .fixed_footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
z-index: 8;
background-color: var(--main_bgr);
left: 0;
bottom: 0;
width: 100%;
}
#site-footer .fixed_footer > a {
display: block;
color: var(--main_txt);
text-decoration: none;
text-align: center;
padding: 5px 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#site-footer .fixed_footer img {
display: block;
height: 1.2em;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
margin: 0.2em 0;
}
#site-footer .fixed_footer a i {
font-size: 1.4em;
display: block;
}
#site-footer .fixed_footer a span {
display: block;
font-size: 1rem;
}
#mes-icon,
.hotline-phone-ring-wrap,
.zalo-container.right {
display: none;
}
#site-footer .back-top {
right: 5px;
bottom: 60px;
}
#site-footer {
padding:20px 12px;
}
#site-footer .col_wrapper p, #site-footer .footer-brand {
font-size: 16px
}
#site-footer .copy_right {
padding-bottom: 50px; margin-left: -12px; margin-right: -12px
}
#site-footer .copy_right .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#site-footer .copy_right .statitics {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
}
}
@media (max-width: 1024px) {
#site-footer .col p.hotline_phu,
#site-footer .col p.email {
white-space: normal;
}
#site-footer .footer-brand a {
display: block;
}
#site-footer .fanpage-div {
margin-bottom: 30px;
}
}
@media (min-width: 960px) and (max-width: 1024px) {
#site-footer .footer-brand a {
display: inline-block;
}
}

@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@font-face {
font-family: star;
src: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/star.eot);
src: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/star.eot?#iefix) format("embedded-opentype"),
url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/star.woff) format("woff"),
url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/star.ttf) format("truetype"),
url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/star.svg#star) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: WooCommerce;
src: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/WooCommerce.eot);
src: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/WooCommerce.woff) format("woff"),
url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/WooCommerce.ttf) format("truetype"),
url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");
font-weight: 400;
font-style: normal;
}
.woocommerce-store-notice,
p.demo_store {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #a46497;
color: #fff;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
display: none;
}
.woocommerce-store-notice a,
p.demo_store a {
color: #fff;
text-decoration: underline;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden; width: 1px;
word-wrap: normal !important;
}
.admin-bar p.demo_store {
top: 32px;
}
.clear {
clear: both;
}
.woocommerce .blockUI.blockOverlay {
position: relative;
}
.woocommerce .blockUI.blockOverlay::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
}
.woocommerce .loader::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
}
.woocommerce a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: red !important;
text-decoration: none;
font-weight: 700;
border: 0;
}
.woocommerce a.remove:hover {
color: #fff !important;
background: red;
}
.woocommerce small.note {
display: block;
color: #767676;
font-size: 0.857em;
margin-top: 10px;
}
.woocommerce .woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
font-size: 0.92em;
color: #767676;
}
.woocommerce .woocommerce-breadcrumb::after,
.woocommerce .woocommerce-breadcrumb::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-breadcrumb::after {
clear: both;
}
.woocommerce .woocommerce-breadcrumb a {
color: #767676;
}
.woocommerce .quantity .qty {
width: 3.631em;
text-align: center;
}
.woocommerce div.product {
margin-bottom: 0;
position: relative;
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--second_bgr);
font-size: 1.25em;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
background: inherit;
font-weight: 700;
display: inline-block;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
opacity: 0.5;
display: inline-block;
}
.woocommerce div.product p.stock {
font-size: 0.92em;
}
.woocommerce div.product .stock {
color: var(--second_bgr);
}
.woocommerce div.product .out-of-stock {
color: red;
}
.woocommerce div.product .woocommerce-product-rating {
margin:.5em 0;
}
.woocommerce div.product div.images div.thumbnails {
padding-top: 1em;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
-webkit-transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
margin: 0;
padding: 0;
}
.woocommerce
div.product
div.images
.woocommerce-product-gallery__wrapper
.zoomImg {
background-color: #fff;
opacity: 0;
}
.woocommerce
div.product
div.images
.woocommerce-product-gallery__image--placeholder {
border: 1px solid #f2f2f2;
}
.woocommerce
div.product
div.images
.woocommerce-product-gallery__image:nth-child(n + 2) {
width: 25%;
display: inline-block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box;
}
.woocommerce
div.product
div.images
.woocommerce-product-gallery__trigger::before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 100%;
position: absolute;
top: 9px;
left: 9px;
box-sizing: content-box;
}
.woocommerce
div.product
div.images
.woocommerce-product-gallery__trigger::after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #000;
border-radius: 6px;
position: absolute;
top: 19px;
left: 22px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: content-box;
}
.woocommerce div.product div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
list-style: none;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: 0.5;
margin: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: 1;
}
.woocommerce
div.product
.woocommerce-product-gallery--columns-3
.flex-control-thumbs
li:nth-child(3n + 1) {
clear: left;
}
.woocommerce
div.product
.woocommerce-product-gallery--columns-4
.flex-control-thumbs
li:nth-child(4n + 1) {
clear: left;
}
.woocommerce
div.product
.woocommerce-product-gallery--columns-5
.flex-control-thumbs
li:nth-child(5n + 1) {
clear: left;
}
.woocommerce div.product div.social {
text-align: right;
margin: 0 0 1em;
}
.woocommerce div.product div.social span {
margin: 0 0 0 2px;
}
.woocommerce div.product div.social span span {
margin: 0;
}
.woocommerce div.product div.social span .stButton .chicklets {
padding-left: 16px;
width: 0;
}
.woocommerce div.product div.social iframe {
float: left;
margin-top: 3px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
list-style: none;
display: flex;
margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
display: inline-block;
list-style: none;
padding: 0;
position: relative;
transition: background-color 0.3s;
}
.woocommerce div.product .woocommerce-tabs .panel td {
padding:5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 10px 15px;
display: inline-block;
transition: all 0.2s;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
text-decoration: none;
opacity: 1;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
z-index: 2;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 2em;
padding: 20px 40px;
background: white;
}
.woocommerce div.product p.cart {
margin-bottom: 2em;
}
.woocommerce div.product p.cart::after,
.woocommerce div.product p.cart::before {
content: " ";
display: table;
}
.woocommerce div.product p.cart::after {
clear: both;
}
.woocommerce div.product form.cart {
margin-bottom: 2em;
}
.woocommerce div.product form.cart::after,
.woocommerce div.product form.cart::before {
content: " ";
display: table;
}
.woocommerce div.product form.cart::after {
clear: both;
}
.woocommerce div.product form.cart div.quantity {
margin: 0 4px 0 0;
padding-right: 15px;
display: inline-block;
vertical-align: middle;
}
.woocommerce div.product form.cart div.quantity .screen-reader-text {
height: auto;
position: initial;
width: auto;
margin-right: 5px;
}
.entry-summary a.devvn_buy_now_style {
display: block;
max-width: unset;
margin-bottom: 0;
width: 90%;
margin: 0 auto;
}
.woocommerce div.product form.cart table {
border-width: 0 0 1px;
}
.woocommerce div.product form.cart table td {
padding-left: 0;
}
.woocommerce div.product form.cart table div.quantity {
float: none;
margin: 0;
}
.woocommerce div.product form.cart table small.stock {
display: block;
float: none;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 1em;
border: 0;
width: 100%;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
border: 0;
vertical-align: top;
line-height: 2em;
}
.woocommerce div.product form.cart .variations label {
font-weight: 700;
}
.woocommerce div.product form.cart .variations select {
max-width: 100%;
min-width: 75%;
display: inline-block;
margin-right: 1em;
}
.woocommerce div.product form.cart .variations td.label {
padding-right: 1em;
}
.woocommerce div.product form.cart .woocommerce-variation-description p {
margin-bottom: 1em;
}
.woocommerce div.product form.cart .reset_variations {
visibility: hidden;
font-size: 0.83em;
}
.woocommerce div.product form.cart .wc-no-matching-variations {
display: none;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
padding: 10px 20px;
display: inline-block;
}
.woocommerce
div.product
form.cart
.group_table
td.woocommerce-grouped-product-list-item__label {
padding-right: 1em;
padding-left: 1em;
}
.woocommerce div.product form.cart .group_table td {
vertical-align: top;
padding-bottom: 0.5em;
border: 0;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: 4em;
text-align: center;
}
.woocommerce
div.product
form.cart
.group_table
.wc-grouped-product-add-to-cart-checkbox {
display: inline-block;
width: auto;
margin: 0 auto;
-webkit-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0;
padding: 0;
list-style: none outside;
clear: both;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
content: " ";
display: table;
}
.woocommerce .products ul::after,
.woocommerce ul.products::after {
clear: both;
}
.woocommerce .products ul li,
.woocommerce ul.products li {
list-style: none outside;
}
.onsale {
top: 5px; right: 5px; position: absolute; z-index: 2; width: 50px; height: 50px; border-radius: 100%;
background: var(--second_bgr); display: flex; justify-content: center; align-items: center;
color: var(--second_txt); text-align: center; line-height: 1; font-size: 14px; padding: 5px;
}
.woocommerce ul.products li.product a {
text-decoration: none;
}
.woocommerce ul.products li.product a img {
width: 100%;
display: block;
box-shadow: none;
}
.woocommerce ul.products li.product strong {
display: block;
}
.woocommerce ul.products li.product .woocommerce-placeholder {
border: 1px solid #f2f2f2;
}
.woocommerce ul.products li.product .star-rating {
font-size: 0.857em;
}
.woocommerce ul.products li.product .button {
margin-top: 1em; display: inline-block; align-self: center; margin-left: auto; margin-right: auto;
}
.woocommerce ul.products li.product .price {
display: flex;
text-align: center;
font-weight: normal;
color: var(--second_bgr);
font-size: 1.1em; margin-bottom: .3em; justify-content: center;
}
.woocommerce ul.products li.product .price del {
color: initial;
font-size: 0.85em;
font-weight: normal;
opacity: 0.5;
display: block;
}
.woocommerce ul.products li.product .price ins {
background: 0 0;
font-weight: 700;
display: inline-block;
text-decoration: none;
}
.woocommerce ul.products li.product .price .from {
font-size: 0.67em;
margin: -2px 0 0 0;
text-transform: uppercase;
color: rgba(132, 132, 132, 0.5);
}
.woocommerce .woocommerce-result-count {
margin: 0 0 1em;
}
.woocommerce .woocommerce-ordering {
margin: 0 0 1em;
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
}
.woocommerce nav.woocommerce-pagination {
text-align: left;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border:none;
border-right: 0;
margin: 1px;
}
.woocommerce nav.woocommerce-pagination ul li {
border: 1px solid #d3ced2;
padding: 0;
margin: 0;
float: left;
display: inline; border-radius: 5px;
overflow: hidden; margin:2px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1;
font-size: 1em;
font-weight: 400;
min-width: 1em;
display: block;
display: flex;
width: 2.2em;
height: 2.2em;
justify-content: center;
align-items: center; color: #333
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #ebe9eb;
color: #8a7e88;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: #e60a0a; border-color: #e60a0a; color: white
}
.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
opacity: 0.25;
padding-right: 2.618em;
}
.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
font-family: WooCommerce;
content: "\e01c";
vertical-align: top;
font-weight: 400;
position: absolute;
top: 0.618em;
right: 1em;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
.woocommerce #respond input#submit.added::after,
.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.woocommerce input.button.added::after {
font-family: WooCommerce;
content: "\e017";
margin-left: 0.53em;
vertical-align: bottom;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: var(--second_bgr);
text-decoration: none;
background-image: none;
color: var(--second_txt); transition: .3s
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #189eff;
color: #fff;
-webkit-font-smoothing: antialiased;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #fa7d11;
color: #fff;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background-color: #a46497;
color: #fff;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: 0.5;
padding: 0.618em 1em;
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
color: inherit;
background-color: #ebe9eb;
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
float: none;
}
.woocommerce a.added_to_cart {
padding-top: 0.5em;
display: inline-block;
}
.woocommerce #reviews h2 small {
float: right;
color: #767676;
font-size: 15px;
margin: 10px 0 0;
}
.woocommerce #reviews h2 small a {
text-decoration: none;
color: #767676;
}
.woocommerce #reviews h3 {
margin: 0;
}
.woocommerce #reviews #respond {
margin: 0;
border: 0;
padding: 0;
}
.woocommerce #reviews #comment {
height: 75px;
}
.woocommerce #reviews #comments .add_review::after,
.woocommerce #reviews #comments .add_review::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments .add_review::after {
clear: both;
}
.woocommerce #reviews #comments h2 {
clear: none;
}
.woocommerce #reviews #comments ol.commentlist {
margin: 0;
width: 100%;
background: 0 0;
list-style: none;
}
.woocommerce #reviews #comments ol.commentlist::after,
.woocommerce #reviews #comments ol.commentlist::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist::after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li {
padding: 0;
margin: 0 0 20px;
border: 0;
position: relative;
background: 0;
border: 0;
}
.woocommerce #reviews #comments ol.commentlist li .meta {
color: #767676;
font-size: 0.75em;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
padding: 3px;
width: 60px;
height: auto;
background: #ebe9eb;
border: 1px solid #e4e1e3;
margin: 0;
box-shadow: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 50px;
border: 1px solid #e4e1e3;
border-radius: 4px;
padding: 1em 1em 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text::after,
.woocommerce #reviews #comments ol.commentlist li .comment-text::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text::after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin: 0 0 1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 0.83em;
}
.woocommerce #reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
display: none;
}
.woocommerce #reviews #comments ol.commentlist #respond {
border: 1px solid #e4e1e3;
border-radius: 4px;
padding: 1em 1em 0;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments .commentlist > li::before {
content: "";
}
.woocommerce .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star;
}
.woocommerce .star-rating::before {
content: "\73\73\73\73\73";
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute;
}
.woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
.woocommerce .woocommerce-product-rating {
line-height: 2;
display: block;
}
.woocommerce .woocommerce-product-rating::after,
.woocommerce .woocommerce-product-rating::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-product-rating::after {
clear: both;
}
.woocommerce .woocommerce-product-rating .star-rating {
margin: 0.5em 4px 0 0;
float: left;
}
.woocommerce .products .star-rating {
display: block;
margin: 0 0 0.5em;
float: none;
}
.woocommerce .hreview-aggregate .star-rating {
margin: 10px 0 0;
}
.woocommerce #review_form #respond {
position: static;
margin: 0;
width: auto;
padding: 0;
background: transparent none;
border: 0;
}
.woocommerce #review_form #respond::after,
.woocommerce #review_form #respond::before {
content: " ";
display: table;
}
.woocommerce #review_form #respond::after {
clear: both;
}
.woocommerce #review_form #respond p {
margin: 0 0 10px;
}
.woocommerce #review_form #respond .form-submit input {
left: auto;
}
.woocommerce #review_form #respond textarea {
box-sizing: border-box;
width: 100%;
}
.woocommerce p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
}
.woocommerce p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: WooCommerce;
color: #f7bc3d;
content: "\e021";
text-indent: 0;
}
.woocommerce p.stars a:hover ~ a::before {
content: "\e021";
}
.woocommerce p.stars:hover a::before {
content: "\e020";
}
.woocommerce p.stars.selected a.active::before {
content: "\e020";
}
.woocommerce p.stars.selected a.active ~ a::before {
content: "\e021";
}
.woocommerce p.stars.selected a:not(.active)::before {
content: "\e020";
}
.woocommerce table.shop_attributes {
border: 0;
border-top: 1px dotted rgba(0, 0, 0, 0.1);
margin-bottom: 1.618em;
width: 100%;
}
.woocommerce table.shop_attributes th {
max-width: 100px;
font-weight: 700;
padding: 8px;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5;
}
.woocommerce table.shop_attributes td {
font-style: italic;
padding: 0;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5;
}
.woocommerce table.shop_attributes td p {
margin: 0;
padding: 8px 0;
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: rgba(0, 0, 0, 0.025);
}
.woocommerce table.shop_table {
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 5px;
}
.woocommerce table.shop_table th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em;
}
.woocommerce table.shop_table td {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em;
}
.woocommerce table.shop_table td small {
font-weight: 400;
}
.woocommerce table.shop_table td del {
font-weight: 400;
}
.woocommerce table.shop_table tbody:first-child tr:first-child td,
.woocommerce table.shop_table tbody:first-child tr:first-child th {
border-top: 0;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
font-weight: 700;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce table.my_account_orders {
font-size: 0.85em;
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
padding: 4px 8px;
vertical-align: middle;
}
.woocommerce table.my_account_orders .button {
white-space: nowrap;
}
.woocommerce table.my_account_orders .order-actions {
text-align: right;
}
.woocommerce table.my_account_orders .order-actions .button {
margin: 0.125em 0 0.125em 0.25em;
}
.woocommerce table.woocommerce-MyAccount-downloads td,
.woocommerce table.woocommerce-MyAccount-downloads th {
vertical-align: top;
text-align: center;
}
.woocommerce table.woocommerce-MyAccount-downloads td:first-child,
.woocommerce table.woocommerce-MyAccount-downloads th:first-child {
text-align: left;
}
.woocommerce table.woocommerce-MyAccount-downloads td:last-child,
.woocommerce table.woocommerce-MyAccount-downloads th:last-child {
text-align: left;
}
.woocommerce
table.woocommerce-MyAccount-downloads
td
.woocommerce-MyAccount-downloads-file::before,
.woocommerce
table.woocommerce-MyAccount-downloads
th
.woocommerce-MyAccount-downloads-file::before {
content: "\2193";
display: inline-block;
}
.woocommerce td.product-name .wc-item-meta,
.woocommerce td.product-name dl.variation {
list-style: none outside;
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name .wc-item-meta dt,
.woocommerce td.product-name dl.variation .wc-item-meta-label,
.woocommerce td.product-name dl.variation dt {
float: left;
clear: both;
margin-right: 0.25em;
display: inline-block;
list-style: none outside;
}
.woocommerce td.product-name .wc-item-meta dd,
.woocommerce td.product-name dl.variation dd {
margin: 0;
}
.woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta:last-child,
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child {
margin-bottom: 0;
}
.woocommerce td.product-name p.backorder_notification {
font-size: 0.83em;
}
.woocommerce td.product-quantity {
min-width: 80px;
}
.woocommerce ul.cart_list {
list-style: none outside;
padding: 0;
margin: 0;
}
.woocommerce ul.cart_list li a {
display: block;
font-weight: 400;
font-size: 14px;
}
.woocommerce ul.cart_list li dl::after,
.woocommerce ul.cart_list li dl::before,
.woocommerce ul.product_list_widget li dl::after,
.woocommerce ul.product_list_widget li dl::before {
content: " ";
display: table;
}
.woocommerce ul.cart_list li dl::after,
.woocommerce ul.product_list_widget li dl::after {
clear: both;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dd,
.woocommerce ul.product_list_widget li dl dt {
display: inline-block;
float: left;
margin-bottom: 1em;
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 0.25em;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dd {
padding: 0 0 0.25em;
}
.woocommerce ul.cart_list li dl dd p:last-child,
.woocommerce ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
float: none;
}
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 6px;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
.woocommerce form .form-row label {
line-height: 2;
display: flex;
}
.woocommerce form .form-row label.hidden {
visibility: hidden;
}
.woocommerce form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description {
background: #1e85be;
color: #fff;
border-radius: 3px;
padding: 1em;
margin: 0.5em 0 0;
clear: both;
display: none;
position: relative;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description a {
color: #fff;
text-decoration: underline;
border: 0;
box-shadow: none;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description::before {
left: 50%;
top: 0;
margin-top: -4px;
-webkit-transform: translateX(-50%) rotate(180deg);
-ms-transform: translateX(-50%) rotate(180deg);
transform: translateX(-50%) rotate(180deg);
content: "";
position: absolute;
border-width: 4px 6px 0 6px;
border-style: solid;
border-color: #1e85be transparent transparent transparent;
z-index: 100;
display: block;
}
.woocommerce form .form-row select {
cursor: pointer;
margin: 0;
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0 !important;
text-decoration: none;
visibility: hidden;
}
.woocommerce form .form-row .optional {
visibility: visible;
}
.woocommerce form .form-row .input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
padding: 10px;
}
.woocommerce form .form-row textarea {
height: 4em;
line-height: 1.5;
display: block;
box-shadow: none;
}
.woocommerce form .form-row .select2-container {
width: 100%;
line-height: 2em;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #a00;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #a00;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #6dc22e;
}
.woocommerce form .form-row ::-webkit-input-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-moz-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-ms-input-placeholder {
line-height: normal;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid #d3ced2;
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 5px;
}
.woocommerce ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
}
.woocommerce ul#shipping_method li {
margin: 0 0 0.5em;
line-height: 1.5em;
list-style: none outside;
}
.woocommerce ul#shipping_method li input {
margin: 3px 0.4375em 0 0;
vertical-align: top;
}
.woocommerce ul#shipping_method li label {
display: inline;
}
.woocommerce ul#shipping_method .amount {
font-weight: 700;
}
.woocommerce p.woocommerce-shipping-contents {
margin: 0;
}
.woocommerce ul.order_details {
margin: 0 0 3em;
list-style: none;
}
.woocommerce ul.order_details::after,
.woocommerce ul.order_details::before {
content: " ";
display: table;
}
.woocommerce ul.order_details::after {
clear: both;
}
.woocommerce ul.order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1;
border-right: 1px dashed #d3ced2;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
.woocommerce ul.order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
}
.woocommerce ul.order_details li:last-of-type {
border: none;
}
.woocommerce .wc-bacs-bank-details-account-name {
font-weight: 700;
}
.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
margin-bottom: 2em;
}
.woocommerce .woocommerce-customer-details :last-child,
.woocommerce .woocommerce-order-details :last-child,
.woocommerce .woocommerce-order-downloads :last-child {
margin-bottom: 0;
}
.woocommerce .woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-width: 2px;
border-right-width: 2px;
text-align: left;
width: 100%;
border-radius: 5px;
padding: 6px 12px;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce
.woocommerce-customer-details
.woocommerce-customer-details--phone {
margin-bottom: 0;
padding-left: 1.5em;
}
.woocommerce
.woocommerce-customer-details
.woocommerce-customer-details--phone::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
.woocommerce
.woocommerce-customer-details
.woocommerce-customer-details--email::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
.woocommerce .woocommerce-widget-layered-nav-list {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item {
padding: 0 0 1px;
list-style: none;
}
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item::after,
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item::before {
content: " ";
display: table;
}
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item::after {
clear: both;
}
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item
a,
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item
span {
padding: 1px 0;
}
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item--chosen
a::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
color: #a00;
}
.woocommerce .woocommerce-widget-layered-nav-dropdown__submit {
margin-top: 1em;
}
.woocommerce .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1;
}
.woocommerce .widget_layered_nav_filters ul li {
float: left;
padding: 0 1em 1px 1px;
list-style: none;
}
.woocommerce .widget_layered_nav_filters ul li a {
text-decoration: none;
}
.woocommerce .widget_layered_nav_filters ul li a::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
color: #a00;
vertical-align: inherit;
margin-right: 0.5em;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 1em;
}
.woocommerce .widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
font-size: 0.8751em;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
float: left;
}
.woocommerce .widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #a46497;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -0.3em;
margin-left: -0.5em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background-color: #a46497;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #462940;
border: 0;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.woocommerce .widget_rating_filter ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.woocommerce .widget_rating_filter ul li {
padding: 0 0 1px;
list-style: none;
}
.woocommerce .widget_rating_filter ul li::after,
.woocommerce .widget_rating_filter ul li::before {
content: " ";
display: table;
}
.woocommerce .widget_rating_filter ul li::after {
clear: both;
}
.woocommerce .widget_rating_filter ul li a {
padding: 1px 0;
text-decoration: none;
}
.woocommerce .widget_rating_filter ul li .star-rating {
float: none;
display: inline-block;
}
.woocommerce .widget_rating_filter ul li.chosen a::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
color: #a00;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
float: left;
margin-right: 1em;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: inline-block;
}
.woocommerce-no-js form.woocommerce-form-coupon,
.woocommerce-no-js form.woocommerce-form-login {
display: block !important;
}
.woocommerce-no-js .showcoupon,
.woocommerce-no-js .woocommerce-form-coupon-toggle,
.woocommerce-no-js .woocommerce-form-login-toggle {
display: none !important;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 2em;
position: relative;
background-color: #f7f6f7;
color: #515151;
border-top: 3px solid #a46497;
list-style: none outside;
width: auto;
word-wrap: break-word;
}
.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after {
clear: both;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.rtl.woocommerce .price_label,
.rtl.woocommerce .price_label span {
direction: ltr;
unicode-bidi: embed;
}
.woocommerce-message {
border-top-color: var(--second_bgr);
}
.woocommerce-info {
border-top-color: var(--second_bgr);
}
.woocommerce-info::before {
color: #1e85be;
}
.woocommerce-error {
border-top-color: var(--second_bgr);
}
.woocommerce-error::before {
content: "\e016";
color: #b81c23;
}
.woocommerce-account .woocommerce::after,
.woocommerce-account .woocommerce::before {
content: " ";
display: table;
}
.woocommerce-account .woocommerce::after {
clear: both;
}
.woocommerce-account .addresses .title::after,
.woocommerce-account .addresses .title::before {
content: " ";
display: table;
}
.woocommerce-account .addresses .title::after {
clear: both;
}
.woocommerce-account .addresses .title h3 {
float: left;
}
.woocommerce-account .addresses .title .edit {
float: right;
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0;
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.woocommerce-account ul.digital-downloads {
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
}
.woocommerce-account ul.digital-downloads li .count {
float: right;
}
#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail {
min-width: 32px;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 32px;
box-shadow: none;
}
#add_payment_method table.cart td,
#add_payment_method table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.cart th {
vertical-align: middle;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
float: left;
box-sizing: border-box;
border: 1px solid #d3ced2;
padding: 6px 6px 5px;
margin: 0 4px 0 0;
outline: 0;
}
#add_payment_method table.cart input,
.woocommerce-cart table.cart input,
.woocommerce-checkout table.cart input {
margin: 0;
vertical-align: middle;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
padding: 1em 0;
}
#add_payment_method .wc-proceed-to-checkout::after,
#add_payment_method .wc-proceed-to-checkout::before,
.woocommerce-cart .wc-proceed-to-checkout::after,
.woocommerce-cart .wc-proceed-to-checkout::before,
.woocommerce-checkout .wc-proceed-to-checkout::after,
.woocommerce-checkout .wc-proceed-to-checkout::before {
content: " ";
display: table;
}
#add_payment_method .wc-proceed-to-checkout::after,
.woocommerce-cart .wc-proceed-to-checkout::after,
.woocommerce-checkout .wc-proceed-to-checkout::after {
clear: both;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 1.25em;
padding: 1em;
}
#add_payment_method .cart-collaterals .shipping-calculator-button,
.woocommerce-cart .cart-collaterals .shipping-calculator-button,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button {
float: none;
margin-top: 0.5em;
display: inline-block;
}
#add_payment_method .cart-collaterals .shipping-calculator-button::after,
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: "";
text-decoration: none;
}
#add_payment_method .cart-collaterals .shipping-calculator-form,
.woocommerce-cart .cart-collaterals .shipping-calculator-form,
.woocommerce-checkout .cart-collaterals .shipping-calculator-form {
margin: 1em 0 0 0;
}
#add_payment_method .cart-collaterals .cart_totals p small,
.woocommerce-cart .cart-collaterals .cart_totals p small,
.woocommerce-checkout .cart-collaterals .cart_totals p small {
color: #767676;
font-size: 0.83em;
}
#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
border-collapse: separate;
margin: 0 0 6px;
padding: 0;
}
#add_payment_method .cart-collaterals .cart_totals table tr:first-child td,
#add_payment_method .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th {
border-top: 0;
}
#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
width: 35%;
}
#add_payment_method .cart-collaterals .cart_totals table td,
#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table td,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
vertical-align: top;
border-left: 0;
border-right: 0;
line-height: 1.5em;
}
#add_payment_method .cart-collaterals .cart_totals table small,
.woocommerce-cart .cart-collaterals .cart_totals table small,
.woocommerce-checkout .cart-collaterals .cart_totals table small {
color: #767676;
}
#add_payment_method .cart-collaterals .cart_totals table select,
.woocommerce-cart .cart-collaterals .cart_totals table select,
.woocommerce-checkout .cart-collaterals .cart_totals table select {
width: 100%;
}
#add_payment_method .cart-collaterals .cart_totals .discount td,
.woocommerce-cart .cart-collaterals .cart_totals .discount td,
.woocommerce-checkout .cart-collaterals .cart_totals .discount td {
color: #77a464;
}
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
border-top: 1px solid #ebe9eb;
}
#add_payment_method
.cart-collaterals
.cart_totals
.woocommerce-shipping-destination,
.woocommerce-cart
.cart-collaterals
.cart_totals
.woocommerce-shipping-destination,
.woocommerce-checkout
.cart-collaterals
.cart_totals
.woocommerce-shipping-destination {
margin-bottom: 0;
}
#add_payment_method .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product {
margin-top: 0;
}
#add_payment_method .checkout .col-2 h3#ship-to-different-address,
.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
float: left;
clear: none;
}
#add_payment_method .checkout .col-2 .notes,
.woocommerce-cart .checkout .col-2 .notes,
.woocommerce-checkout .checkout .col-2 .notes {
clear: left;
}
#add_payment_method .checkout .col-2 .form-row-first,
.woocommerce-cart .checkout .col-2 .form-row-first,
.woocommerce-checkout .checkout .col-2 .form-row-first {
clear: left;
}
#add_payment_method .checkout .create-account small,
.woocommerce-cart .checkout .create-account small,
.woocommerce-checkout .checkout .create-account small {
font-size: 11px;
color: #767676;
font-weight: 400;
}
#add_payment_method .checkout div.shipping-address,
.woocommerce-cart .checkout div.shipping-address,
.woocommerce-checkout .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
#add_payment_method .checkout .shipping_address,
.woocommerce-cart .checkout .shipping_address,
.woocommerce-checkout .checkout .shipping_address {
clear: both;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #ebe9eb;
border-radius: 5px;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
text-align: left;
padding: 1em;
border-bottom: 1px solid #d3ced2;
margin: 0;
list-style: none outside;
}
#add_payment_method #payment ul.payment_methods::after,
#add_payment_method #payment ul.payment_methods::before,
.woocommerce-cart #payment ul.payment_methods::after,
.woocommerce-cart #payment ul.payment_methods::before,
.woocommerce-checkout #payment ul.payment_methods::after,
.woocommerce-checkout #payment ul.payment_methods::before {
content: " ";
display: table;
}
#add_payment_method #payment ul.payment_methods::after,
.woocommerce-cart #payment ul.payment_methods::after,
.woocommerce-checkout #payment ul.payment_methods::after {
clear: both;
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 2;
text-align: left;
margin: 0;
font-weight: 400;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 1em 0 0;
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 0.5em;
padding: 0;
position: relative;
box-shadow: none;
}
#add_payment_method #payment ul.payment_methods li img + img,
.woocommerce-cart #payment ul.payment_methods li img + img,
.woocommerce-checkout #payment ul.payment_methods li img + img {
margin-left: 2px;
}
#add_payment_method
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after,
#add_payment_method
#payment
ul.payment_methods
li:not(.woocommerce-notice)::before,
.woocommerce-cart
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after,
.woocommerce-cart
#payment
ul.payment_methods
li:not(.woocommerce-notice)::before,
.woocommerce-checkout
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after,
.woocommerce-checkout
#payment
ul.payment_methods
li:not(.woocommerce-notice)::before {
content: " ";
display: table;
}
#add_payment_method
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after,
.woocommerce-cart
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after,
.woocommerce-checkout
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after {
clear: both;
}
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
padding: 1em;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: 0.92em;
border-radius: 2px;
line-height: 1.5;
background-color: #dfdcde;
color: #515151;
}
#add_payment_method #payment div.payment_box input.input-text,
#add_payment_method #payment div.payment_box textarea,
.woocommerce-cart #payment div.payment_box input.input-text,
.woocommerce-cart #payment div.payment_box textarea,
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea {
border-color: #c7c1c6;
border-top-color: #bbb3b9;
}
#add_payment_method #payment div.payment_box ::-webkit-input-placeholder,
.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,
.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder {
color: #bbb3b9;
}
#add_payment_method #payment div.payment_box :-moz-placeholder,
.woocommerce-cart #payment div.payment_box :-moz-placeholder,
.woocommerce-checkout #payment div.payment_box :-moz-placeholder {
color: #bbb3b9;
}
#add_payment_method #payment div.payment_box :-ms-input-placeholder,
.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,
.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder {
color: #bbb3b9;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods {
list-style: none outside;
margin: 0;
}
#add_payment_method
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new,
#add_payment_method
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token,
.woocommerce-cart
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new,
.woocommerce-cart
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token {
margin: 0 0 0.5em;
}
#add_payment_method
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new
label,
#add_payment_method
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token
label,
.woocommerce-cart
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new
label,
.woocommerce-cart
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token
label,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new
label,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token
label {
cursor: pointer;
}
#add_payment_method
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-tokenInput,
.woocommerce-cart
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-tokenInput,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-tokenInput {
vertical-align: middle;
margin: -3px 1em 0 0;
position: relative;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
border: 0;
padding: 0;
margin: 1em 0 0;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-number {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right 0.618em center;
background-size: 32px 20px;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-expiry.visa,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-number.visa,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-expiry.visa,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-number.visa,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-cvc.visa,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-expiry.visa,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-number.visa {
background-image: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/images/icons/credit-cards/visa.svg);
}
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-cvc.mastercard,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-expiry.mastercard,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-number.mastercard,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-cvc.mastercard,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-expiry.mastercard,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-number.mastercard,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-cvc.mastercard,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-expiry.mastercard,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-number.mastercard {
background-image: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/images/icons/credit-cards/mastercard.svg);
}
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-cvc.laser,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-expiry.laser,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-number.laser,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-expiry.laser,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-number.laser,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-cvc.laser,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-expiry.laser,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-number.laser {
background-image: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/images/icons/credit-cards/laser.svg);
}
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-cvc.dinersclub,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-expiry.dinersclub,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-number.dinersclub,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-number.dinersclub,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-number.dinersclub {
background-image: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/images/icons/credit-cards/diners.svg);
}
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-cvc.maestro,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-expiry.maestro,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-number.maestro,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-cvc.maestro,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-expiry.maestro,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-number.maestro,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-cvc.maestro,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-expiry.maestro,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-number.maestro {
background-image: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/images/icons/credit-cards/maestro.svg);
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-expiry.jcb,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-number.jcb,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-cvc.jcb,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-expiry.jcb,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-number.jcb {
background-image: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/images/icons/credit-cards/jcb.svg);
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-expiry.amex,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-number.amex,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-expiry.amex,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-number.amex,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-cvc.amex,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-expiry.amex,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-number.amex {
background-image: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/images/icons/credit-cards/amex.svg);
}
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-cvc.discover,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-expiry.discover,
#add_payment_method
#payment
div.payment_box
.wc-credit-card-form-card-number.discover,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-cvc.discover,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-expiry.discover,
.woocommerce-cart
#payment
div.payment_box
.wc-credit-card-form-card-number.discover,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-cvc.discover,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-expiry.discover,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-number.discover {
background-image: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/images/icons/credit-cards/discover.svg);
}
#add_payment_method #payment div.payment_box span.help,
.woocommerce-cart #payment div.payment_box span.help,
.woocommerce-checkout #payment div.payment_box span.help {
font-size: 0.857em;
color: #767676;
font-weight: 400;
}
#add_payment_method #payment div.payment_box .form-row,
.woocommerce-cart #payment div.payment_box .form-row,
.woocommerce-checkout #payment div.payment_box .form-row {
margin: 0 0 1em;
}
#add_payment_method #payment div.payment_box p:last-child,
.woocommerce-cart #payment div.payment_box p:last-child,
.woocommerce-checkout #payment div.payment_box p:last-child {
margin-bottom: 0;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
content: "";
display: block;
border: 1em solid #dfdcde;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -0.75em;
left: 0;
margin: -1em 0 0 2em;
}
#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: right;
line-height: 52px;
font-size: 0.83em;
}
#add_payment_method #payment .payment_method_paypal img,
.woocommerce-cart #payment .payment_method_paypal img,
.woocommerce-checkout #payment .payment_method_paypal img {
max-height: 52px;
vertical-align: middle;
}
.woocommerce-terms-and-conditions {
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
}
.woocommerce-invalid #terms {
outline: 2px solid red;
outline-offset: 2px;
}
.woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: 3px 0.5em;
font-size: 1em;
}
.woocommerce-password-strength.strong {
background-color: #c1e1b9;
border-color: #83c373;
}
.woocommerce-password-strength.short {
background-color: #f1adad;
border-color: #e35b5b;
}
.woocommerce-password-strength.bad {
background-color: #fbc5a9;
border-color: #f78b53;
}
.woocommerce-password-strength.good {
background-color: #ffe399;
border-color: #ffc733;
}
.woocommerce-password-hint {
margin: 0.5em 0 0;
display: block;
}
#content.twentyeleven .woocommerce-pagination a {
font-size: 1em;
line-height: 1;
}
.single-product .twentythirteen #reply-title,
.single-product .twentythirteen #respond #commentform,
.single-product .twentythirteen .entry-summary {
padding: 0;
}
.single-product .twentythirteen p.stars {
clear: both;
}
.twentythirteen .woocommerce-breadcrumb {
padding-top: 40px;
}
.twentyfourteen ul.products li.product {
margin-top: 0 !important;
}
body:not(.search-results) .twentysixteen .entry-summary {
color: inherit;
font-size: inherit;
line-height: inherit;
}
.twentysixteen .price ins {
background: inherit;
color: inherit;
}.woocommerce .product_wrapper {
display: flex; flex-direction: column; min-height: 100%;
}
.archive.woocommerce h1 {
margin-bottom: 1rem; font-size: 1.5rem;
}
.archive.woocommerce #primary {
padding:30px 0;
}
.archive .archive-product {
margin-top: 60px;
}
.tax-product_cat .archive-product {
margin-top: 20px;
}
.archive-product ul.products > li {
list-style: none outside;
flex: 0 0 25%;
max-width: 25%;
padding: 0;
margin-left: -1px;
margin-right: -1px;
margin-bottom: 0;
}
.woocommerce .woocommerce-result-count{
float: left;
}
.woocommerce .woocommerce-ordering{
float: right;
}
.woocommerce ul.products li.product a img{
margin: 0; position: absolute; top:0; left: 0; width: 100%; height: 100%; transition: .3s
}
.woocommerce ul.products li.product .product-thumb a {
display: block; position: relative; overflow: hidden;
}.woocommerce ul.products li.product .product-thumb a:before {
content:'';display: block; width: 100%; padding-bottom: 100%;
}
.woocommerce ul.products li.product .product-thumb a:hover img {
transform: scale(1.05); transition: .5s;
}
.search ul.products li.product .product-thumb img {
position: absolute; top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.search ul.products li.product .product-thumb a {
position: relative;
display: block;
}
.search ul.products li.product .product-thumb a:before {
padding-bottom: 100%;
content: '';
display: block;
}
.single-product ul.products li.product{
margin: 0 10px;
background: white;
}
.woocommerce ul.products {
display: flex; 
flex-wrap: wrap; 
margin-left: -15px; margin-right: -15px;
}
.woocommerce .archive-product ul.products{
margin-left: -15px; margin-right: -15px;
}
.woocommerce ul.products > li {
flex:0 0 20%; max-width: 20%;
padding:0 15px; margin-bottom: 30px; text-align: center;
}
.woocommerce ul.products .woocommerce-loop-product__title {
margin-top: 0; padding:.3em 5px 0; text-align: center;
font-weight: normal; color: #000; margin:0; font-size: 1.1rem; }
.woocommerce ul.products .woocommerce-loop-product__title a {
color: inherit;
line-height: 1.3;
word-break: break-all;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
max-height: 2.6em; word-break: break-word;
}
@media(max-width: 1024px){
.woocommerce ul.product_list_widget span.product-title{
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
}
.archive.woocommerce h1 {
text-align: left;
}
}
@media (max-width: 650px) {
.tax-product_cat #primary {
padding:0 10px;
}
.archive-product ul.products {
margin-left: -15px; margin-right: -15px;
}
.woocommerce .woocommerce-ordering {
padding-right: 15px
}
.woocommerce ul.products > li {
flex:0 0 50%; max-width: 50%
} .single .related.products ul.products li,.single .upsells.products ul.products li,
.post-type-archive-product.woocommerce .archive-product ul.products li {
padding:0 6px;
}
.single-product ul.products li.product{
margin: 0;
background: white;
}
}
@media (max-width: 380px) {
.woocommerce ul.products > li {
flex:0 0 25%; max-width: 25%
}
}.single-product .product_image_wrapper {
position: relative;
}
.namlbn--with-images{
display: flex;
flex-direction: row-reverse;
}
.namlbn--with-images.has_nav .namlbn-for {
flex: 0 0 85%;
max-width: 85%;
}
.namlbn--with-images .namlbn-for {
flex: 100%;
max-width: 100%;
}
.namlbn--with-images .namlbn-for .slide {
border: 2px solid #ff9000;
}
.namlbn--with-images .namlbn-nav {
flex: 0 0 15%;
max-width: 15%; max-height: 100%;
}
.namlbn--with-images .namlbn-nav .slick-list {
min-height: 100%; display: flex;
}
.namlbn--with-images .namlbn-nav .slick-list .slick-track .slick-slide {
cursor: pointer;
}
.namlbn-product-image-view {
display: block; position: relative;
}
.namlbn-product-image-view:before {
content:'';display: block; padding-bottom: 100%;
}
.namlbn-product-image-view img {
position: absolute; top:0; left: 0; width: 100%; height: 100%; object-fit: scale-down;
object-position: center; background-color: #f5f5f5dd
}
.namlbn-nav .slick-slide { position: relative;
}
.namlbn-nav img {
width: 100% ;
height: 100% ;
object-fit: cover;
}
.namlbn-nav .slick-slide:after {
content: '';
width: 100%;
height: 100%;
background: #000;
z-index: 1;
position: absolute;
top: 0;
left: 0;
bottom: 0;
opacity: .5;
}
.namlbn-nav .slick-current.slick-slide.slick-active:after {
opacity: 0;
visibility: hidden;
}
.namlbn-for .slide{
overflow: hidden;
}
.single-product .content-area {
background:#fff
}
.single-product .page_title{
font-weight: bold;
font-size: 2.5em;
}
.single-product .top_section{
padding: 30px 0;
}
.single-product h1{
font-weight: bold;
font-size: 1.5em;
}
.single-product .summary .price{
color: #00a651;	font-weight: bold; font-size: 1.3em;
}
.single-product .summary .price i {
margin-left: .3em; font-size: .9em;
}
.single-product  .summary select,.single-product  .summary input{
height: 35px;
padding-left: 10px;
}
.single-product  .summary label{
padding-right: 15px;
}
.single-product  .summary .reset_variations{
padding-left: 10px;
color: var(--alert); 
}
.single-product  .summary .single_add_to_cart_button.disabled {
opacity: .4; cursor: not-allowed;
}
.single-product  .summary .single_add_to_cart_button{
border: none;
outline: none;
padding: 10px 15px;
background: #ff9000;
color: #fff; cursor: pointer;
}
.single-product .wc-tabs{
display: flex;
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid var(--main_bgr);
}
.single-product .wc-tabs li{
margin-right: 10px;
margin-bottom: 0;
}
.single-product .wc-tabs li.active a {
background: var(--main_bgr); color: var(--main_txt); box-shadow: 1px 0 2px gray
}
.single-product .wc-tabs a{
text-decoration: none; box-shadow: 2px 0 4px grey; padding:10px 30px; display: block;
border-top-left-radius: 5px; border-top-right-radius: 5px; background: var(--main_bgr);
opacity: .8; color: var(--main_txt);
}
.single-product .woocommerce-Tabs-panel{
padding: 30px 15px;
text-align: justify;background-color: #fffffb; 
box-shadow: 2px 1px 4px #00000040;
}
.single-product #tab-reviews{
text-align: left;
}
.woocommerce p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
color: #ff9000;
}
.woocommerce p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: WooCommerce;
content: "\e021";
text-indent: 0;
}
.woocommerce #review_form #respond p {
margin: 0 0 10px;
}
.woocommerce #review_form #respond textarea {
box-sizing: border-box;
width: 100%;
}
.woocommerce #review_form #respond input[type="submit"]{
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: var(--main_txt);
background-color: var(--main_bgr);
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
}
.woocommerce p.stars.selected a:not(.active):before {
content: "\e020";
}
.woocommerce p.stars.selected a.active:before {
content: "\e020";
}
.woocommerce p.stars.selected a.active~a:before {
content: "\e021";
}
.comment-form-cookies-consent{
display: flex;
align-items: center;
}
.comment-form-cookies-consent input{
padding-right: 10px;
}
.comment-form-author,.comment-form-email{
display: flex;
align-items: center;
}
.comment-form-author label,.comment-form-email label{
margin-right: 5px;
}
.woocommerce-notices-wrapper .woocommerce-message {
display: flex; flex-direction: column-reverse; align-items: flex-start;
margin-bottom:.5em; color: red; padding: 1em; background-color: #ececec
}
.woocommerce-notices-wrapper .woocommerce-message a.button {
display: block; padding:.5em 1em; text-decoration: none; margin-top: .5em;
color: white; font-weight: bold; background:#f59000; border-radius: 5px;
}
.single_variation_wrap .woocommerce-variation-add-to-cart, .summary form.cart:not(.variations_form) {
display: flex; align-items: center; margin-top: 15px;
}
.summary .quantity {
margin-bottom: 0; margin-right: 10px;
}
.summary .quantity input {
width: 5em; border-radius: .5px;
}
.summary .single_add_to_cart_button {
flex-grow: 1; font-weight: bold; font-size: 1.1em;
}
.woocommerce .summary .devvn_buy_now {
max-width: unset; margin:15px 0;
}
.woocommerce .summary .product_meta > span {
display: block;
}
.woocommerce .summary .product_meta .sku_wrapper span {
font-weight: 600;
}
.single-product .bottom_section section.products h2, .cross-sells h2 {
font-size: 1.5em; margin-bottom: 1em; border-bottom: solid 1px var(--main_bgr);
color: var(--main_bgr);
}
.single-product .bottom_section section.products {
margin-top: 2em;
}
.single-product .bottom_section {
padding: 30px 0;
}
.woocommerce-product-details__short-description span, 
.woocommerce div.product .woocommerce-tabs .panel span {
display: inline-block; margin-right: .3em
}
.woocommerce ul.products li.product .star-rating, .search .star-rating {
font-size: 1rem; font-family: 'star'; width: 5.3em;
}
.woocommerce .star-rating::before, .search .star-rating::before {
content: "\73\73\73\73\73";
color: #f7a186;
float: left;
top: 0;
left: 0;
position: absolute;font-family: 'star';
}
.star-rating {
position: relative;  height: 1.5em; width: 5.3em;
}
.woocommerce ul.products li.product .star-rating, .product_list_widget .star-rating,
.search .star-rating{
margin-left: auto; margin-right: auto;
}
.woocommerce .star-rating span, .search .star-rating span {
overflow: hidden;font-size: 0;
float: left;
top: 0;
left: 0;
padding-top: 1.5rem;font-family: 'star'; position: absolute;
}
.woocommerce .star-rating span::before,.search .star-rating span:before {
content: "\53\53\53\53\53"; color: #f3744c;
top: 0;
position: absolute;
left: 0;font-family: 'star'; font-size: 1rem;
}
.woocommerce .star-rating span strong.rating, .woocommerce .star-rating span span.rating,
.search .star-rating span span.rating {
display: none;
}
.wc-tab #reviews #comments .commentlist li.review .comment_container {
display: flex;
}
.wc-tab #reviews #comments .commentlist li.review .comment_container img {
height: 60px; flex:0 0 60px;
}
.wc-tab #reviews #comments .commentlist li.review .comment_container .comment-text {
margin-left: 1em; display: flex;flex-wrap: wrap;
}
.wc-tab #reviews #comments .commentlist .comment-text .description {
flex:0 0 100%;
}
.wc-tab #reviews #comments .commentlist {
padding-left: 0; list-style: none
}
.wc-tab #reviews #comments .commentlist .review {
padding: 10px; border:solid 1px #efefefdd;
}
.wc-tab #reviews #comments .commentlist .thread-even {
background-color: white; 
}
.wc-tab #reviews #comments .commentlist ul {
padding-left: 15px; list-style: none;
}
#review_form #respond #reply-title {
font-size: 1.1em; font-weight: bold;
}
@font-face {
font-family: 'star';
src: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/star.eot);
src: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/star.eot?#iefix) format('embedded-opentype'),
url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/star.woff) format('woff'),
url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/star.ttf) format('truetype'),
url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/star.svg#star) format('svg');
font-weight: normal;
font-style: normal;
}
@media (max-width: 640px) {
.single-product .top_section {
padding: 10px 0;
}
.single-product .top_section .row {		margin: 0;
}
.single-product h1 {
font-weight: bold;font-size: 1.2em;text-align: left;
}
.single-product .woocommerce-Tabs-panel {
padding:10px 5px;
}
ul.products.slick-slider {
margin-left: -6px; margin-right: -6px;
}
.single-product .namlbn-breadcrumb .container {
padding: 0 5px;
}
.comment-form-author, .comment-form-email {
align-items: flex-start;
flex-direction: column;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding:20px 10px;
}
}
@media (min-width: 641px) and (max-width: 1024px) {
.single-product h1 {
font-size: 1.2em;
}
}
@media (min-width: 641px) and (max-width: 840px) {
.single-product .row .col-3 {
flex: 0 0 35%;
max-width: 35%;
}
.single-product .col-5 .col_wrapper {
box-shadow: 0px 2px 4px #8484846b;
}
.single-product .col-4 {
flex: 0 0 65%;margin:0 auto;
max-width: 65%; max-width: 600px; 
}
.single-product .summary.entry-summary.col_wrapper {
box-shadow: 0px 2px 4px #8484846b;
padding: 15px;
background: #fff;
}
.single-product .bottom_section .container {
padding:0 5px;
}
}#cart-icon {
position: relative;
border-radius: 5px;
display: table;
margin-left: auto; align-self: center; padding-right: 15px
}
#cart-icon .cart-contents {
display: flex; align-items: flex-end; position: relative; color: var(--main_txt);
}
#cart-icon .cart-contents i{
font-size: 1.5em; margin-right: 2px;
}
#cart-icon .cart-contents > .cart-total {
font-weight: normal;
}
#cart-icon .cart-count {
position: absolute;top:0;left: 0; transform: translateX(-50%) translateY(-50%); width: 1.7em;
height: 1.7em; line-height: 1.7em; border-radius: 100%; text-align: center; color:  var(--second_txt);
background-color: var(--second_bgr);
}
#cart-icon svg {
display: inline-block; height: 30px; width: auto; margin-right: 5px
}
#cart-icon polygon,#cart-icon rect {
fill: white;
}
#dsk-header #cart-icon .widget {
display: none; position: absolute; top:100%;right: 0; padding: 15px; background-color: white;
z-index: 2; min-width: 400px
}
#dsk-header #cart-icon:hover .widget {
display: block;
}
#site-header .widget_shopping_cart{
position: absolute;
z-index: 10;
white-space: nowrap;
background-color: #fff;
padding: 10px;
padding-top: 20px;
border: solid 1px #eee;
-webkit-box-shadow: 0px 1px 3px #c3c3c3;
box-shadow: 0px 1px 3px #c3c3c3;
}
.woocommerce ul.cart_list {
list-style: none outside;
padding: 0;
margin: 0; max-height: 50vh; overflow-y: scroll;
}
.woocommerce ul.cart_list::-webkit-scrollbar {
width: 5px; background-color: transparent; border:solid 1px var(--main_bgr);
}
.woocommerce ul.cart_list::-webkit-scrollbar-thumb {
width: 3px; background-color: var(--main_bgr); border-radius: 3px 3px 3px 3px
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
padding-right: 2em;
position: relative;
padding-top: 0; padding-bottom: 1em;
}
.woocommerce .widget_shopping_cart .cart_list li a, .woocommerce.widget_shopping_cart .cart_list li a {
display: flex; white-space: initial; text-align: left; padding:5px 0 0;
}
.widget_shopping_cart .cart_list li {
padding-bottom: 5px;
padding-left: 0;
border-bottom: solid 1px gray;
}
.widget_shopping_cart .cart_list li:last-child {
border-bottom: none
}
ul.product_list_widget li {
padding: 10px;
margin-bottom: 10px;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center;
font-size: 1.8em; padding-top: 0
}
.widget_shopping_cart .cart_list li .remove_from_cart_button {
margin: 0;
display: table;
}
.woocommerce a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: red !important;
text-decoration: none;
font-weight: 700;
border: 0;
}
#site-header .row .col-9 .row .col-4 .widget_shopping_cart .cart_list li a:not(.remove_from_cart_button) {
width: auto;
text-align: left;
display: block;
white-space: normal;
padding-bottom: 20px;
font-weight: 700;
color: #61be56;
}
.widget_shopping_cart .cart_list li a img {
width: 50px; margin-right: 5px; object-position: top; object-fit: scale-down; height: auto;
}
.mid_cart_item {
display: flex; flex-direction: column;
}
.mid_cart_item .cart_item_name {
display: block;
}
.mid_cart_item .quantity {
color: initial; margin-top: auto;
} 
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
border-top: 3px double #ebe9eb;
padding: 4px 0 0;
}
.woocommerce .widget_shopping_cart .total .woocommerce-Price-amount,
.woocommerce.widget_shopping_cart .total .woocommerce-Price-amount {
color: var(--alert);
font-weight: bold;
font-size: 1.2em;
}
.woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block;
}
#site-header .row .col-9 .row .col-4 .widget_shopping_cart a.button {
color: #61be56;
}
.woocommerce-mini-cart__buttons {
display: flex;
}
#dsk-header .header-right .woocommerce-mini-cart__buttons a {
display: inline-block; color: white
}
.woocommerce .woocommerce-mini-cart__buttons a {
color: white; font-weight: bold;
}
.woocommerce .woocommerce-mini-cart__buttons a.wc-forward {
background-color: var(--main_bgr); color: var(--main_txt)
}
.woocommerce .woocommerce-mini-cart__buttons a.wc-forward:hover {
background-color: var(--second_bgr); color: var(--second_txt); transition: .3s
}
.woocommerce .woocommerce-mini-cart__buttons a.checkout {
background-color: rgb(254 143 1); margin-left: auto; margin-right: 0
}
.woocommerce .woocommerce-mini-cart__buttons a.checkout:hover {
background-color: var(--main_bgr); color: var(--main_txt); transition: .3s
}.woocommerce table.shop_table {
border: 1px solid rgba(0, 0, 0, .1);
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 5px;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
border-top: 0;
}
.woocommerce-cart table.cart td{
vertical-align: middle;
}
.woocommerce table.shop_table td {
border-top: 1px solid rgba(0, 0, 0, .1);
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em;
}
.woocommerce table.shop_table td.product-remove:before,.woocommerce table.shop_table td.product-thumbnail:before,.woocommerce table.shop_table td.actions:before{
content: none;
}
.woocommerce-page table.cart .product-thumbnail {
display: block;
}
body.woocommerce-cart img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
width: 155px;
height: 155px;
margin: 0 auto;
}
.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
width: 48%;
box-sizing: border-box;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text{
border: 1px solid #d3ced2;
padding: 6px 6px 5px;
margin: 0 4px 0 0;
outline: 0;
height: auto;
width: 60%;
}
.woocommerce #content table.cart td.actions .coupon label, .woocommerce table.cart td.actions .coupon label, .woocommerce-page #content table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label {
display: none;
}
.woocommerce-page table.cart td.actions .coupon{
display: flex;
padding-bottom: 10px;
float: left;
}
.woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt {
margin-top:0;
margin-left: auto;
padding: 8px;
background: var(--main_bgr);
border: none;
color: var(--main_txt);
}
.woocommerce-page table.cart td.actions .coupon .input-text+.button {
margin-top: 0;
margin-left: 0;
padding: 8px;
background: var(--main_bgr);
border: none;
color:  var(--main_txt);
width: 100%;
}
.woocommerce #content table.cart td.actions .coupon:after, .woocommerce table.cart td.actions .coupon:after, .woocommerce-page #content table.cart td.actions .coupon:after, .woocommerce-page table.cart td.actions .coupon:after {
clear: both;
}
.woocommerce #content table.cart td.actions .button:disabled{
cursor: not-allowed;
opacity: .5;
color:gray
}
.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
display: block;
width: 50%;
padding: 10px 0;
border: none;
background: var(--main_bgr);
color: var(--main_txt);
float: right; 
}
.woocommerce-cart.woocommerce-page .woocommerce-notices-wrapper {
flex:0 0 calc( 100% - 30px); margin:0 auto 1rem;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 1.2em;
padding: 1em;
background: #f3aa26;
color: #fff;
text-decoration: none;
font-weight: bold;
}
.woocommerce table.shop_table td a{
color: var(--hover-txt-color);
text-decoration:none;
}
body.woocommerce-page #single-main {
max-width: 768px; margin:0 auto; width: 100%
}
body.woocommerce-page .woocommerce form table.shop_table_responsive tr:last-child {
width: 100%
}
body.woocommerce-page table.shop_table_responsive tr .quantity .screen-reader-text{
display: none;
}
body.woocommerce-page table.shop_table_responsive tr .quantity input {
width: 5.5em; padding:5px 0 5px 15px;
}
body.woocommerce-page table.shop_table_responsive .product-subtotal,
body.woocommerce-page .order-total {
color: red
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: 0.5;
padding: 0.618em 1em;
}
@media (min-width: 768px) {
.woocommerce-cart.woocommerce-page .entry-content .woocommerce {
display: flex; margin-left: -15px; margin-right: -15px; flex-wrap: wrap;
}
.woocommerce-cart.woocommerce-page .entry-content .woocommerce .woocommerce-cart-form {
-ms-flex: 0 0 66.6666%;
-webkit-box-flex: 0;
flex: 0 0 66.6666%;max-width: 66.6666%; width: 66.6666%;
padding:0 15px;
}
.woocommerce-cart.woocommerce-page .entry-content .woocommerce .cart-collaterals {
-ms-flex: 0 0 33.3333%;
-webkit-box-flex: 0;
flex: 0 0 33.3333%;max-width: 33.3333%; width: 33.3333%; 
padding:0 15px;
}
}
@media (max-width: 1024px) {
body.woocommerce-cart.page-template-default .col-3{
padding: 0 15px
}
}
@media (max-width: 768px) {
.woocommerce-page table.cart td.actions .coupon {
float: none;
}
.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
float: none;
width: 100%;
}
}
@media (max-width: 640px) {
h1 {
text-align: center;
}
.woocommerce table.shop_table {
border:none;
}
.woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {
display: none;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
font-weight: 700;
float: left;
}
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
display: block;border: solid 1px #ddd; margin-bottom: 15px
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
display: block;
text-align: right ;
}
.woocommerce table.shop_table_responsive tr.cart-subtotal th,.woocommerce table.shop_table_responsive tr.order-total th{
display: none;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
font-size: 1.1em;
}
body.woocommerce-page table.shop_table_responsive tr .quantity input {
width: 90px; padding:5px 10px;
}
.woocommerce .cart_totals .shop_table_responsive {
border: solid 1px #ddd
}
.woocommerce .cart_totals table.shop_table_responsive tr,
.woocommerce-page .cart_totals  table.shop_table_responsive tr{
border:none;
}
}
@media (max-width: 640px){
body.woocommerce-cart img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
width: 150px;
height: 150px;
object-fit: scale-down;
}
body.woocommerce-cart #content_single_gtbh030620 .col-9 {
padding:0 15px;
}
}.woocommerce-checkout.woocommerce-page .woocommerce-info {
flex-direction: row;
} 
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
float: left;
}
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 6px;
}
.woocommerce form input{
padding: .5em; font-size: 1em;
}
.woocommerce .showcoupon{
text-decoration: none;
color: #a97854;
font-weight: bold;
}
.woocommerce-billing-fields__field-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce-billing-fields__field-wrapper>p.form-row {
margin-right: 30px ;
margin-bottom: 10px ;
width: 46%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce form .form-row label span {
font-size: 14px
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
display: block;
}
.woocommerce form .form-row label {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
line-height: 2;
letter-spacing: -1px; text-align: left;
}
.woocommerce-billing-fields__field-wrapper>p label {
width: 25%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#customer_details .col-1, #customer_details .col-2 {
display: block;
max-width: unset;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: auto;
float: unset;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
width: 100%;
}
span.woocommerce-input-wrapper>input {
height: 35px;
padding-left: 10px;
width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.woocommerce-billing-fields__field-wrapper>p span {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
width: 100%;
}
.select2-container .select2-selection--single {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 35px;
margin: 0 0 -4px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
#order_comments_field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 650px;
height: 100%;
}
span.woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-input-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.woocommerce-input-wrapper textarea{
padding: 10px;
height: 100px;
}
.wc_payment_methods{
list-style: none;
padding: 0;
}
.woocommerce-privacy-policy-link{
text-decoration: none;
color: #a97854;
font-weight: bold;
}
.shop_table .amount{
color: red
}
textarea#order_comments {
width: 135%;
height: 120px;
}
p#order_comments_field label {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: 35%;
}
table.shop_table.woocommerce-checkout-review-order-table {
background-color: #f1f1f1;
}
button#place_order {
margin: 10px 0;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
border:solid 1px #ececec;
}
.woocommerce-info {
border-top-color: #1e85be;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em; margin: 0 0 2em; position: relative; background-color: #f7f6f7; color: var(--alert);
border-top: 3px solid var(--main_bgr); list-style: none outside; width: auto;
word-wrap: break-word; display: flex; flex-direction: row-reverse; align-items: center;
}
.woocommerce .woocommerce-error a.button, .woocommerce .woocommerce-info a.button,
.woocommerce .woocommerce-message a.button {
margin-left: auto;
}
.woocommerce-info::before {
color: #1e85be;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #ebe9eb;
border-radius: 5px;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
text-align: left;
padding: 1em;
border-bottom: 1px solid #d3ced2;
margin: 0;
list-style: none outside;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
line-height: 2;
text-align: left;
margin: 0;
font-weight: 400;
}
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 1em 0 0;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: 0.92em;
border-radius: 2px;
line-height: 1.5;
background-color: #dfdcde;
color: #515151;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
content: "";
display: block;
border: 1em solid #dfdcde;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -0.75em;
left: 0;
margin: -1em 0 0 2em;
}
#add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child {
margin-bottom: 0;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt {
background-color: #fd9002;
color: #fff;
-webkit-font-smoothing: antialiased;
border: none;
font-size: 1.3em;
padding: .6em 1em;
}
.woocommerce form .form-row .required {
text-decoration: none; color: red; font-weight: bold; font-size: 1.2em;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
border: 1px solid #d3ced2;
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 5px;
}
.woocommerce form.checkout_coupon:after {
content: '';
display: block;
clear: both;
}
.woocommerce table.shop_table th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none;
overflow: visible; padding: 0.618em 1em; font-weight: 700; border-radius: 3px; left: auto; color: white;
background-color: #fd8f06; border: 0; display: inline-block; background-image: none; box-shadow: none;
text-shadow: none;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
padding: 1em;
}
#frame-thanhtoan img {
margin-left: auto; margin-right: auto;
}
@media (max-width: 1024px) and (min-width: 768px) {
.woocommerce-billing-fields__field-wrapper>p label {
width: 36%;
}
.woocommerce-billing-fields__field-wrapper>p.form-row,
.woocommerce-billing-fields__field-wrapper>p#billing_first_name_field{
width: 100%; margin:0; margin-bottom: 1em
}
textarea#order_comments {
width: 100%
}
}
@media (max-width: 767px) {
.woocommerce-billing-fields__field-wrapper>p.form-row {
width: 100%; margin-left: 0; margin-right: 0; display: block;
}
.woocommerce-billing-fields__field-wrapper>p label {
width: 100%; max-width: unset;
}
}
@media (max-width: 465px) and (min-width: 375px) {
.woocommerce-billing-fields__field-wrapper>p label {
width: 48%;
}
p#order_comments_field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
textarea#order_comments {
width: 60%; 
}
.woocommerce a.button.alt {
font-size: 1.3em;
padding: .6em 1em;
}
}
@media (max-width: 375px){
textarea#order_comments{
width: 51%;
}
p#order_comments_field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 320px){
p#order_comments_field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
textarea#order_comments{
width: 42%;
}
.woocommerce-billing-fields__field-wrapper>p label {
margin: 0 5px;
}
.woocommerce form .form-row label {
letter-spacing: 0;
}
}
@media (max-width: 640px) {
body.woocommerce-checkout p.form-row-first,body.woocommerce-checkout  p.form-row-last {
width: 100%;
}
}.woocommerce-form-login label {
font-weight: bold;
}
.woocommerce-form-login input {
padding: .8em 1em;
}
.woocommerce-form-login__rememberme {
font-weight: bold
}
.woocommerce  button.button.woocommerce-form-login__submit,
.woocommerce .woocommerce-ResetPassword .woocommerce-Button {
background-color: var(--main_bgr); color: var(--main_txt);
}
.woocommerce-ResetPassword .form-row {
width: 100%; float: none;
}
.woocommerce .woocommerce-ResetPassword .form-row label {
font-weight: bold;
}
.woocommerce .woocommerce-ResetPassword .form-row input.input-text {
max-width: 320px;
}
.woocommerce-MyAccount-navigation .is-active a{
background-color: var(--main_bgr); color: var(--main_txt);
}
.woocommerce-MyAccount-navigation ul {
width: auto; display: flex; margin:0 -10px; padding: 0; list-style: none;
flex-wrap: wrap;
}
.woocommerce-MyAccount-navigation ul li {
flex:0 0 33.33%; padding:0 10px; margin-bottom: 20px;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;width: 100%; padding:.8em 0; border:solid 1px var(--main_bgr); border-radius: 10px;
text-align: center; text-decoration: none; color: #333; font-size: 1.2em; font-weight: bold;
}
.woocommerce-MyAccount-navigation ul li a:hover {
background-color:  var(--second_bgr); color: var(--second_txt); transition: .5s
}
.woocommerce-MyAccount-content {
padding:15px; border-top: solid 1px;
}
.woocommerce-MyAccount-content .addresses {
display: flex; margin:0 -15px; flex-wrap: wrap;
}
.woocommerce-MyAccount-content .addresses .col-1, .woocommerce-MyAccount-content .addresses .col-2 {
max-width: unset; flex:0 0 50%;
}
p.form-row-last  {
float: right;
}
p.form-row-first {
float: left; 
}
p.form-row-first, p.form-row-last {
width: 48%;
}
p.form-row-wide {
clear: both;
}
.woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message {
flex-direction: row;
}
.woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message:before {
position: initial; margin-right: 10px;
}
.woocommerce-EditAccountForm fieldset {
margin-bottom: 1em;
}
@media (max-width: 640px) {
.woocommerce-MyAccount-navigation ul li {
flex:0 0 50%; max-width: 50%;
}
.woocommerce-MyAccount-navigation ul li a {
font-size: 1em;
}
.woocommerce-MyAccount-content {
padding:15px 0;
}
}
@media (max-width: 320px) {
.woocommerce-MyAccount-navigation ul li {
padding:0 5px;
}
.woocommerce-MyAccount-content .addresses .col-1, .woocommerce-MyAccount-content .addresses .col-2 {
flex: 0 0 100%;
}
.woocommerce-MyAccount-navigation ul {
margin:0 -5px;
}
}
@media (min-width: 641px) and (max-width: 1024px){
.woocommerce-MyAccount-navigation ul li a {
font-size: 1em;
}
}.error404 #site-wrapper {
min-height: 100%;
}
.not-found{
margin: 0em auto 0em;
background: #fff;
border-radius: 5px;
width: 70%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.notfound-top{
-webkit-box-flex: 35%;
-ms-flex: 35%;
flex: 35%;
max-width: 35%;
text-align: right;
padding: 0 15px;
}
.notfound-top h1 {
font-size: 6.5em;
color: #94a531;
padding-top: 0.2em;
}
.not-found .content{
max-width: 50%;
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
padding-left: 3em;
border-left: 2px solid #94a531;
}
.not-found .content h3{
margin: 15px 0;
font-weight: bold;
}
.not-found .content form#searchform{
position: relative;
}
.not-found .content form#searchform button{
position: absolute;
right: 0;
background: none;
border: none;
top: 50%;
transform: translateY(-50%);
}
.not-found .content form#searchform button span{
display: none;
}
.not-found .content input{
width: 100%;
height: 40px;
padding: 5px;
padding: 5px 10px;
border: 1px solid gray;
}
section.error{
padding: 100px;
background-color: #e9e1e1;
}
@media(max-width: 1024px){
section.error{
padding: 30px
}
.not-found{
margin: 0;
width: 100%;
}
.notfound-top {
-webkit-box-flex: 30%;
-ms-flex: 30%;
flex: 30%;
max-width: 30%;
text-align: right;
padding: 0 15px;
}
.not-found .content {
max-width: 70%;
-webkit-box-flex: 70%;
-ms-flex: 70%;
flex: 70%;
padding: 5px 15px;
border-left: 2px solid #94a531;
}
.notfound-top h1 {
font-size: 2.3rem;
}
.not-found .content img{
width: 60px
}
}
@media(min-width: 961px) and (max-width: 1024px){
section.error{
padding: 60px
}
.not-found{
padding: 50px
}
.notfound-top h1{
font-size: 4rem
}
.not-found .content img{
width: unset;
}
}
@media(min-width: 801px) and (max-width: 960px){
section.error{
padding: 60px
}
.not-found{
padding: 50px
}
.notfound-top h1{
font-size: 4rem
}
.not-found .content img{
width: unset;
}
}
@media(min-width: 668px) and (max-width: 800px){
section.error{
padding: 60px
}
.not-found{
padding: 50px
}
.notfound-top h1{
font-size: 4rem
}
.not-found .content img{
width: unset;
}
}
@media(min-width: 426px) and (max-width: 667px){
.not-found{
padding: 50px
}
}aside.lenam-sidebar {
border-left: solid 1px #dddd; padding-left: 0;
}
aside h3.widgettitle {
text-align: center;
font-size: 1.1rem;
margin: 0;
padding: 10px;
border-bottom: solid 2px #333;
text-transform: uppercase;
}
aside ul {
list-style: none;
padding: 0;
margin: 0;
}
aside > ul {
margin-top: 30px;
}
aside ul li.widget {
padding: 0 10px; margin-bottom: 24px
}
aside del {
float: left;
}
aside ins {
text-decoration: none;
}
aside ul.product-categories li.cat-parent ul.children {
display: none;
}
aside ul.product-categories li {
margin: 0;
border-top: none;
background-color: white;
}
aside ul.product-categories > li {
border-bottom: 1px solid #ccc;
}
aside ul.product-categories ul.children li {
border: none;
}
aside ul.product-categories li.cat-parent.current-cat > ul.children {
display: block;
}
aside .woocommerce ul.product_list_widget li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: solid 1px #dddd;
text-align: left; flex-direction: column;
}
aside .namlbn_widget_product_thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
position: relative;
}
aside .namlbn_widget_product_thumbnail:before {
content: "";
display: block;
padding-bottom: 100%;
}
aside .namlbn_widget_product_thumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
aside ul.product_list_widget li a.namlbn_widget_product_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 5px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 13px;
}
.widget ul.product-categories li {
position: relative;
padding: 0;
}
.widget ul.product-categories li i {
position: absolute;
right: 0;
padding: 10px;
font-size: 20px;
top: 18px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #a29b9b;
cursor: cell;
}
.widget ul.product-categories li > a {
padding: 12px 0;
text-transform: uppercase;
display: table;
max-width: 92%;
white-space: pre-wrap;
}
.widget ul.children,
.widget ul.sub-menu {
border: none;
padding-left: 10px;
display: none;
}
.widget ul.product-categories .sub-menu a {
text-transform: unset;
padding: 8px 0;
font-size: 14px;
}
.widget ul.product-categories li.current-menu-item > a,
.widget ul.product-categories li.current-product-ancestor > a {
font-weight: bold;
}
.widget_lenam_posts a.flex {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.widget_lenam_posts .thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(40% - 10px);
flex: 0 0 calc(40% - 10px);
margin-right: 10px;
}
.widget_lenam_posts .thumbnail:before {
padding-bottom: 66.66%;
}
.widget_lenam_posts .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
}
.widget_lenam_posts .right .title {
line-height: 1.3;
word-break: break-all;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 0;
min-height: 2.5em;
}
.widget_lenam_posts .right .date {
font-size: 0.9rem;
opacity: 0.8;
}
li.widget ul li {
padding: 0.5rem 0;
border-bottom: solid 1px #ddd;
margin-bottom: 0;
}
.sticky-sidebar {
position: relative;
}
.sticky-sidebar aside.fix {
position: fixed;
}
aside ul li.widget_media_image {
margin-bottom: 5px;
}
.lenam-sidebar ul.productli:before {
background: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/images/icon-menu.png) no-repeat;
content: '';
position: absolute;
left: 0;
top: 18px;
transform: translateY(-50%);
width: 16px;
height: 16px;
}
.lenam-sidebar ul.productli {
padding-left: 20px;
background-position: left;
border-top: 1px solid #ececec;
}
.lenam-sidebar .product_list_widget  li:before {
display: none;
}
.lenam-sidebar .product_list_widget a {
display: flex;
flex-direction: column; align-items: center;
}
.lenam-sidebar .product_list_widget a span {
margin-top: .5em; font-weight: 600;
}
.lenam-sidebar .product_list_widget del, .lenam-sidebar .product_list_widget ins,
.lenam-sidebar .product_list_widget .woocommerce-Price-amount{
color:#ee0000;
}
.lenam-sidebar .excerpt-product {
display: flex;
flex-direction: column;
margin-left: 10px;
}
.lenam-sidebar .excerpt-product a {
text-decoration: none;
color: black;
font-weight: 600;
}
.lenam-sidebar .excerpt-product  span {
color: #ee0000;
font-weight: 600;
}
.lenam-sidebar .list-product {
padding: 10px 5px ;
display: flex;
}
@media (max-width: 768px) {
ul.product_list_widget {
display: flex;
flex-wrap: wrap;
}
.woocommerce ul.product_list_widget li {
display: flex;
flex-direction: column;
flex: 0 0 50%;
max-width: 50%;
}
}#content_archive_gtbh030620 {
padding:30px 0;
}
#content_archive_gtbh030620 a.padding_ratio {
display: block; overflow: hidden; border-bottom: solid 1px #dddd
}
#content_archive_gtbh030620 a.padding_ratio:before {
padding-bottom: 75%
}
#content_archive_gtbh030620 a.padding_ratio img {
-webkit-transition: .9s;
-o-transition: .9s;
transition: .9s
}
#content_archive_gtbh030620 a.padding_ratio:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); -webkit-transition: .9s; -o-transition: .9s; transition: .9s
}
#content_archive_gtbh030620 ul {
list-style: none; padding: 0
}
#content_archive_gtbh030620 ul.row li {
margin-bottom: 30px
}
#content_archive_gtbh030620 .col_wrapper {
background-color: white;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; min-height: 100%;
-webkit-box-shadow: 1px 1px 4px #ddd;
box-shadow: 1px 1px 4px #ddd;
}
#content_archive_gtbh030620 .col_content {
padding:15px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; min-height: 100%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto
}
#content_archive_gtbh030620 .news-date {
font-style: italic; font-size: .9em; opacity: .8
}
#content_archive_gtbh030620 .news-date i{
margin-right: 5px
}
#content_archive_gtbh030620 .news-title {
font-size: 1.4em; font-weight: normal;
}
#content_archive_gtbh030620 .news-title a {
color: inherit;  text-decoration: none;
}
#content_archive_gtbh030620 .news-excerpt {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
#content_archive_gtbh030620 .read-more {
color:#C11C31; text-decoration: none; display: table; margin-left: auto; margin-right: 0;
}.single-post main {
margin-top: 30px;
}
.single-post .content-post {
background-color: white;
text-align: justify;
padding-bottom: 30px;
}
.single-post .author-title span {
margin-right: .5em
}
.single-post .content-post .author-title span {
color: #9b9b9b;
font-size: 14px;
}
.single-post .content-post .author-title{
padding-bottom: 15px;
}
.single-post  .content-post  .next span{
padding-right: 15px;
font-size: 18px;
}
.single-post  .content-post  .prev span{
padding-right: 15px;
font-size: 18px;
}
.single-post  .content-post  .next {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-style: italic;
font-weight: bold;
}
.single-post  .content-post  .prev {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-style: italic;
font-weight: bold;
padding-bottom: 15px; 
}
.single-post .entry-content ul {
margin:.5rem 0; padding-left: 30px
}
.single-post .entry-content ul li {
margin-bottom: .2rem;
}
.single-post .related_posts h3 {
text-transform: uppercase;
}
.single-post .related_posts ul {
padding: .5em; margin:0; list-style: none; border:solid 1px #ddd; background-color: #f1f1f1;
border-radius: 6px;
}
.single-post .related_posts ul a {
color: inherit; text-decoration: none; font-weight: normal;
}
.page-template-default .col-9{
text-align: justify;
}
.page-template-default .entry-title {
padding-bottom: 15px;
}
.namlbn-tags a {
padding:.2em .5em; border-radius: 4px; margin:0 4px; line-height: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; color: inherit; text-decoration: none; background-color: #dddd;
}
@media(max-width: 1024px){
.single-post  .content-post .entry-title{
font-size: 1.2em
}
}
@media (max-width: 650px){
.single-post-post .row.column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
h1.page-title {
text-align: center;
}
.single-post .bvlq {
padding:0 15px;
}
.single-post #primary, .page #primary {
padding:0 10px;
}
}@font-face {
font-family: 'lg';
src: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/lg.ttf?22t19m) format("truetype"), url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/lg.woff?22t19m) format("woff"), url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/fonts/lg.svg?22t19m#lg) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.lg-icon { font-family: 'lg' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
border: none;
outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
background: none;
border: none;
box-shadow: none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
outline: medium none;
border: none;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/img/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/img/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/img/video-play.png) no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/img/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/img/youtube-play.png) no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e907";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e905";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e906";
}
.lg-outer .lg-img-rotate {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}
.lg-rotate-left:after {
content: "\e900";
}
.lg-rotate-right:after {
content: "\e901";
}
.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
font-size: 26px;
}
.lg-flip-ver:after {
content: "\e903";
}
.lg-flip-hor:after {
content: "\e902";
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: 0;
outline: none;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(//marico.com.vn/wp-content/themes/lenamstartercode/assets/img/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}:root {
font-family: 'Montserrat', sans-serif;
--title: #DC1F26;
--main_txt: #25A9E1;
--second_txt: #FEFEFE;
--main_bgr: #DC1F26;
--second_bgr: #009345;
--third_bgr: #3cc3fd;
--alert:#ed1c24;
overflow-x: hidden;
}
@font-face {
font-family: 'magictoolbox-thin';
src: url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/fonts/magictoolbox-thin.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
.align_center {
text-align: center;
}
.section_title {
font-size: 1.3rem;
}
.entry-content p, .entry-content li, .entry-content h2,
.entry-content h3,.entry-content h4, .entry-content h5,
.entry-content h6 {
margin-bottom: .7em; line-height: 1.5;
}
.entry-content h1, .sec_product h1.product_title.entry-title,
.entry-content h2,
.entry-content h3,.entry-content h4, .entry-content h5,
.entry-content h6{
text-align: left; font-family: 'Oswald', sans-serif
}
a {
color: var(--third_bgr);
}
.elementor img.full_relative {
height: 100%;
}
.namlbn-tags {
text-align: left;
}
.sec-page-contact .namlbn-breadcrumb p {
text-align: center;
}
.background_page {
padding: 100px 0;
text-align: center;
position: relative;
display: block;
min-height: 100%;
}
.background_page:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000ba;
opacity: .5;
}
.namlbn-breadcrumb, .namlbn-breadcrumb-en {
background-color: unset;
}
.namlbn-breadcrumb p, .namlbn-breadcrumb-en p {
text-align: center;
color: #fff;
}
.namlbn-breadcrumb i, .namlbn-breadcrumb-en i {
padding-right: 5px;
}
.namlbn-breadcrumb-en a {
text-decoration: none;
color: inherit;
}
.grecaptcha-badge {
display: none;
}
.top-position img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.top-position h1, .top-position .top_title {
text-align: center;
text-transform: uppercase;
position: relative;
text-align: center;
margin: 0!important;
z-index: 2;
font-size: 27px !important;
color: #fff; font-weight: bold;
}
.top-position .namlbn-breadcrumb, .top-position .namlbn-breadcrumb-en  {
text-align: center;
position: relative;
text-align: center;
margin: 0;
z-index: 2;
font-size: 15px;
color: #fff;
}
rs-fullwidth-wrap {
z-index: 0;
}
.btn_hover_xthem {
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
}
.btn_hover_xthem:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: translateX(-101%);
transform: translateX(-101%);
transition: .5s;
z-index: -1;
}
.btn_hover_xthem:hover:after { 
transform: translateX(0); 
background-color: var(--main_bgr); 
border-radius: 20px; 
}
section.sec_banner_hera_home.page_section {
padding: 0;
}
.sec-title-gth { margin-bottom: 10px; }
.sec-title-gth .premium-dual-header-first-container {
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid #e1e1e1;
}
.sec-title-gth .premium-dual-header-first-container:before {
content: '';
position: absolute;
left: 0;
width: 85px;
background: #f2bd04;
height: 3px;
bottom: 0px;
}
.animated {
-webkit-animation-duration: 1s!important;
animation-duration: 1s!important;
-webkit-animation-fill-mode: both!important;
animation-fill-mode: both!important;
}
#site-wrapper { padding-bottom: 0; }
#page_about p { margin-bottom: .7em; }
.tlkd .elementor-widget-wrap.elementor-element-populated {
cursor: pointer;
}
.col_thong_tin .product_meta {
padding-top: 10px;
}
.single-post .content-post {
background-color: inherit;
}
.gt_languages a.glink.nturl.active {
background-color: #ffc!important;
}
div#trp-floater-ls {
opacity: 0;
visibility: hidden;
}
.list_sidebar_news {
margin-top: 0px
}
.main_sidebar aside {
padding: 10px;
box-shadow: 0px 0px 15px rgb(170 156 156 / 15%);
}
.main_sidebar aside > ul {
margin-top: 0px; 
} .sec-lvhd .pafe-image-accordion__item-content__text {
display: flex;
align-items: center;
}
.sec-lvhd .pafe-image-accordion__item-content__text p {
margin-bottom: 0!important;
width: 76%;
margin-right: 10px;
} input, input::placeholder ,textarea ,textarea::placeholder {
font-family: 'Montserrat', sans-serif!important;
}
textarea#order_comments {
font-size: 17px;
}
article.content-post {
padding-bottom: 30px;
}
article.content-post p,article.content-post li {
line-height: 1.6em;
}
#customer_login .u-column1.col-1, #customer_login .u-column2.col-2 {
flex: 50%;
max-width: 50%;
width: 50%;
}
#customer_login {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.woocommerce-MyAccount-navigation .is-active a {
color: #fff!important;
}
.woof_reset_button_2 {
font-size: 0px;
}
.woof_reset_button_2:before {
content: 'Xóa hết';
font-size: initial;
} #content_archive_gtbh030620.content-search .news-date {
margin-top: 0;
}
#content_archive_gtbh030620.content-search .news-title {
font-size: 1em;
} div#primary {
padding-bottom: 30px!important;
}
#content_archive_gtbh030620 a.page-numbers {
background-color: var(--main_bgr);
padding: 5px 10px;
}
#content_archive_gtbh030620 .navigation span {
background-color: gray;
color: #fff;
padding: 5px 10px;
}
#content_archive_gtbh030620 .navigation a {
text-decoration: none;
color: #fff;
}
.top-position {
margin-bottom: 30px;
}
.single-post main {
margin-top: 0;
}
.container.page_content .main_sidebar{
padding:0 15px 0 5px;
}
.container.page_content .col-9 {
max-width: 78%; flex:0 0 78%; width: 78%;
}
.container.page_content .col-9 .entry-content {
background-color: #ffffff;
box-shadow: 0px 0px 15px rgb(170 156 156 / 15%);
padding: 10px 20px;
margin-bottom: 20px;
}
#form_hr {
padding: 30px 0;
}
#form_hr form p {
display: flex;
flex-wrap: wrap;
margin: 0;
}
#form_hr form p span {
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px;
padding-left: 0;
margin-bottom: 7px;
}
#form_hr form p #file_cv {
display: flex;
padding-left: 10px;
align-items: center;
}
#form_hr form input, #form_hr form select {
width: 100%;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 13px;
height: 41px;
color: #6b6b6b;
text-indent: 15px;
}
#form_hr form input[type=file] {
border: none;
height: unset;
cursor: pointer;
}
#form_hr form input[type=submit] {
width: unset;
height: unset;
text-indent: unset;
padding: 7px 30px;
color: #fff;
background: var(--main_bgr);
cursor: pointer;
}
.tax-dflip_category #content_archive_gtbh030620 .col_wrapper,
.single-partner .bottom .col_wrapper {
display: flex;
}
.tax-dflip_category ._df_thumb, .single-partner ._df_thumb,
.search-results ._df_thumb {
margin:0; position: relative; width: 100%; height: auto;
}
.tax-dflip_category ._df_thumb:before,
.single-partner ._df_thumb:before,
.search-results ._df_thumb:before { content:''; display: block;
}
.tax-dflip_category ._df_book-cover,
.single-partner ._df_book-cover,
.search-results ._df_book-cover {
position: absolute;
}
.tax-dflip_category ._df_book-title,
.single-partner ._df_book-title,
.search-results ._df_book-title {
bottom:0; opacity: 1; font-size: 1rem;
}
.col_partner .partner-name {
font-size: 1rem; color: white; text-align: center;
font-weight: normal; text-transform: uppercase;
}
.col_partner .partner-name a {
color: inherit;
}
#content_archive_gtbh030620 .col_partner .col_wrapper,
.col_partner .col_wrapper {
background: #69b9e1; border-radius: 2px; overflow: hidden;
box-shadow: 1px 1px 8px #ddd;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
-webkit-box-shadow: 1px 1px 4px #ddd;
}
.col_partner .padding_ratio:before {
padding-bottom: 75%;
}
#content_archive_gtbh030620 .col_partner .col_content,
.col_partner .col_content {
padding: 10px;
}
.col_partner .partner-name {
margin-bottom: 0;
}
.archive .col_partner {
margin-bottom: 30px;
}
.post-type-archive-partner .cat_name, .post-type-archive-partner .more{
text-align: center; margin-bottom: 40px;
}
.post-type-archive-partner .cat_name {
font-size: 1.8em; text-transform: uppercase;
margin-bottom: 20px; position: relative; padding-bottom: 4px;
}
.post-type-archive-partner .cat_name:after {
content:''; display: block; width: 60px; height: 2px;
background: var(--main_bgr); position: absolute; bottom: 0;
right: 50%; transform: translateX(50%);
}
.post-type-archive-partner .more_btn {
display: inline-block;
padding: .5em 2.5em;
border-radius: 2px;
box-shadow: 2px 2px 4px #b9b9b9;
color: white;
text-transform: uppercase;
background: var(--main_bgr);
transition: .3s;
}
.post-type-archive-partner .more_btn:hover {
transform: translateY(-4px);
box-shadow: 4px 4px 8px #adadad;
transition: .5s;
background: var(--second_bgr);
}
.col_partner img {
object-fit: scale-down; background: #f5f5f5;
}
.single-partner h1, .single-customer h1 {
font-size: 1.3rem; color: #333
}
.single-partner .top, .single-customer .top {
margin:0; background: #f0fbff;
border:solid 1px #75d9ff;
}
.single-partner .top > div, .single-customer .top > div {
padding: 0;
}
.single-partner .top img, .single-customer .top img {
max-height: 225px; object-fit: scale-down;
}
.single-partner .top .col-8, .single-customer .top .col-8 {
display: flex; align-items: center; padding-left: 20px;
padding-right: 10px;
}
.single-partner .top .col-4, .single-customer .top .col-4 {
margin-left: 0;
}
.single-partner .container, .single-customer .container {
max-width: 1061px;
}
.single-partner .bottom , .single-customer .bottom {
padding:20px 0 30px; border-top:solid 1px #dddd; 
}
.single-partner .bottom_title , .single-customer .bottom_title {
margin-bottom: 15px;
}
.single-partner .center_info, .single-customer .center_info {
padding:30px; border-left: solid 1px #dddd; border-right: solid 1px #dddd;
background: #f9f9f9; text-align: justify;
}
.single-partner .related_title, .single-customer .related_title {
font-weight: bold; color: var(--title); font-size: 1.5rem;
margin-bottom: 15px; margin-top: 20px; border-top: solid 1px #dddd;
padding-top: 30px; 
}
.elementor-image-box-img img {
margin-left: auto; margin-right: auto;
}
.post-type-archive-dflip #content_archive_gtbh030620 .news-title {
display: block; text-align: center; font-size: 1rem;
}
.form_tuyen_dung .form_title {
font-weight: bold; font-size: 1.2rem; color: var(--main_txt);
}
.logo_shadow .uael-grid-img-thumbnail {
box-shadow: 1px 1px 8px gray; border-radius: 4px; overflow: hidden;
}
.logo_shadow .uael-grid-img-thumbnail img {
object-fit: contain;
}
.branch_list .name {
font-size: 1.2rem; font-weight: bold; position: relative;
}
.branch_list .name:after {
content:''; display: block; width: 60px; height: 1px;
background: #333; position: absolute; bottom: 0; left: 0;
}
.branch_list .branch {
padding:15px 0; border-bottom: solid 1px #dddd; cursor: pointer;
}
.branch_list .branch:first-child {
padding-top: 0;
}
.branch_list .branch:last-child {
border:none;
}
.google_map.shorcode_map iframe{
max-height: 300px
}
.left_bar_bgr {
height: 160%
}
.left_bar_bgr * {
height: 100% !important;
}
.service_accordion .ekit-wid-con .elementskit-accordion .elementskit-card-header>.elementskit-btn-link .ekit_accordion_icon_left_group {
padding: 16px; margin-right: 10px; background: black;
}
.form_dich_vu input {
height: 3em; padding-bottom: .5em !important; padding-top: .5em !important;
}
.form_dich_vu textarea {
height: 6em;
}
.form_dich_vu input, .form_dich_vu textarea {
width: 100%;
}
.form_dich_vu input.wpcf7-submit {
width: 100% !important; justify-content: center; cursor: pointer;
}
.form_dich_vu {
margin-left: -5px; margin-right: -5px;
}
.form_dich_vu .col-6 {
padding:0 5px;
}
.form_dich_vu .wpcf7-form-control-wrap {
display: block;
}
.form_dich_vu br {
display: none;
}
.approver.lenam .padding_ratio {
border-radius: 4px; box-shadow: 1px 1px 8px #ddd;
}
.approver.lenam .padding_ratio:before{
padding-bottom: 69.26%; 
}
.approver.lenam .padding_ratio img {
object-fit: contain;
}
.approver.lenam .col-3 {
margin-bottom: 30px;
}
.uael-woocommerce ul.products {
padding: 0; margin:0;
}
.uael-woocommerce .woocommerce-loop-product__title a {
color: inherit;
}
.search.search-results {
box-shadow: 2px 2px 4px #80808099;
}
.search.search-results #content_archive_gtbh030620 {
padding: 30px 0 !important;
}
.search.search-results #content_archive_gtbh030620 h1 {
margin-bottom: 0;
}
.search.search-results #content_archive_gtbh030620 .namlbn-breadcrumb a,
.search.search-results #content_archive_gtbh030620 .namlbn-breadcrumb p {
color: var(--title);
text-align: left;
} .simplesocialbuttons.simplesocial-simple-icons {
display: flex;
align-items: center;
padding-left: 5px;
}
.simplesocialbuttons.simplesocial-simple-icons:before {
content: "Share: ";
font-size: 17px;
font-weight: 600;
}  .related_posts .col_wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.related_posts .padding_ratio:before {
padding-bottom: 65%;
}
.related_posts ul {
display: flex;
padding: 0 !important;
border: none !important;
background-color: transparent !important;
border-radius: 0px !important;
}
.related_posts ul li {
max-width: 33.33%;
width: 33%;
padding: 10px 10px 10px 0;
}
.related_posts .col_content p {
font-weight: normal;
text-align: center;
padding: 10px 5px;
}
.related_posts .col_content {
border: 1px solid #ddd;
} #rev_slider_3_2_forcefullwidth {
display: none;
}
rs-row-wrap.rs-parallax-wrap {
width: 1200px !important;
left: 0 !important;
margin: 0 auto;
}
@media (min-width: 1400px){
rs-row-wrap.rs-parallax-wrap {
width: 1400px !important;
}
}
@media (min-width: 1600px){
.section_title {
font-size: 1.6rem;
}
}
@media (min-width: 1900px){
rs-row-wrap.rs-parallax-wrap {
width: 1750px !important;
}
h2.title {
font-size: 40px;
}
}
@media (min-width: 2400px){
rs-row-wrap.rs-parallax-wrap {
width: 2300px !important;
}
h2.title {
font-size: 42px;
}
}
@media (min-width: 3400px){
rs-row-wrap.rs-parallax-wrap {
width: 3300px !important;
}
h2.title {
font-size: 45px;
}
}
@media (max-width: 1024px) {
.sec-lvhd .pafe-image-accordion__item-content__text p {
margin-bottom: 10px!important;
width: 100%;
}
.sec-lvhd .pafe-image-accordion__item-content__text {
display: block;
}
.container.page_content .col-9 {
max-width: unset;
flex: 0 0 100%;
width: 100%;
}
.background_page {
padding:50px 0;
}
}
@media (max-width: 767px) {
.section_title {
font-size: 1.1rem;
}
#customer_login .u-column1.col-1, #customer_login .u-column2.col-2 {
flex: 100%;
max-width: 100%;
width: 100%;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
padding: 10px;
}
article.content-post h1.entry-title {
font-size: 1.6em;
}
.page-template-default .entry-title {
padding-bottom: 5px;
}
div#primary .container {
padding: 0 5px;
}
.container.page_content .col-9 {
max-width: 100%; flex:0 0 100%; width: 100%; padding:0;
}
.container.page_content .col-9 .entry-content {
box-shadow: none; text-align: justify;
}
.container.page_content .entry-content h1 {
font-size: 1.5rem; text-align: left;
}
.archive .col_partner {
max-width: 50%; flex:0 0 50%; width: 50%; margin-bottom: 10px;
}
.col_partner .partner-name {
font-size: 14px;
}
#content_archive_gtbh030620 .col_partner .col_content, .col_partner .col_content {
padding:10px 5px;
}
.single-partner .top img, .single-customer .top img {
margin:0 auto;
}
.single-partner .top .col-8, .single-customer .top .col-8 {
padding: 20px 10px; 
}
.single-partner .center_info, .single-customer .center_info {
padding:30px 10px;
}
.single-partner .col_partner, .single-customer .col_partner,
.single-partner .bottom .col-3, .single-customer .bottom .col-3 {
max-width: 230px; flex:0 0 230px; width: 230px;
}
.single-partner .related .row, .single-customer .related .row,
.single-partner .bottom .row, .single-customer .bottom .row {
flex-wrap: nowrap; overflow-x: scroll; margin:0;
}
.archive.woocommerce ul.products {
margin: 0 -5px;
margin-right: 5px;
}
.archive.woocommerce .product_wrapper {
padding: 0; padding-bottom: 10px;
}
.entry-content table {
display: block; overflow-x: scroll;
}
.post-type-archive-dflip #content_archive_gtbh030620 .col-3 {
flex:0 0 50%; max-width: 50%; margin-bottom: 10px;
}
.post-type-archive-dflip #content_archive_gtbh030620 main.container {
padding: 0;
}
.post-type-archive-dflip #content_archive_gtbh030620 ul.row {
margin:0; padding: 0
}
.post-type-archive-dflip #content_archive_gtbh030620 .col_content {
padding:10px 0;
}
.container.page_content .col-9 .entry-content {
padding: 10px;
}
.approver.lenam .row {
margin-left: -5px; margin-right: -5px;
}
.approver.lenam .col-3 {
max-width: 50%; flex: 0 0 50%; margin-bottom: 10px;
}
}
@media (max-width: 640px){
#rev_slider_1_1_forcefullwidth {
display: none;
}
#rev_slider_3_2_forcefullwidth {
display: block;
}
}
@media (max-width: 330px) {
:root {
font-size: 14px;
}
}
@keyframes zoom_banner {
0% { transform: scale(1) }
50% { transform: scale(1.1)}
100% { transform: scale(1) }
}
h2.title {
font-size: 38px;
font-weight: bolder;
margin-bottom: 45px;
text-align: center;
z-index: 1;
font-family: 'Oswald';
}
.col-form-contact input {
margin-bottom: 15px;
width: 100%;
padding: 10px;
}
.col-form-contact textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
padding: 10px;
}
.col-form-contact input[type="submit"] {
background-color: var(--main_bgr);
color: #fff;
border: none;
margin-top: 15px;
}
.col-form-contact input[type="submit"]:hover {
cursor: pointer;
background-color: #a30c12;
}
.namlbn-product-image-view:before {
content: '';
display: block;
padding-bottom: 100%;
}
.slider-banner {
height: 100vh;
}
@media (max-width: 768px){
.section_title {
font-size: 1.1rem;
}
}
@media (min-width: 1600px){
.namlbn-product-image-view:before {
padding-bottom: 80%;
}
}
@media (min-width: 1900px){
.namlbn-product-image-view:before {
padding-bottom: 65%;
}
}a.toggle_section {
position: absolute; bottom:0; left: 50%; transform: translateX(-50%) translateY(50%);
padding: .5em 1em; border-radius: 2px; background-color: var(--main_bgr); color: white
}
a.toggle_section:hover {
background-color: var(--third_bgr); transition: .5s
}
.page_section .section_content {
overflow: hidden;
}
rs-fullwidth-wrap#rev_slider_2_1_forcefullwidth {
display: none;
}
@media (max-width: 480px){
rs-fullwidth-wrap#rev_slider_2_1_forcefullwidth {
display: block;
}
rs-fullwidth-wrap#rev_slider_1_2_forcefullwidth {
display: none;
}
}.woocommerce .product_wrapper {
min-height: auto !important;
}
#main_product ul.products li {
padding-left: 0px;
}
#main_product ul.products {
margin-left: 0;
}
.woocommerce ul.products > li .star-rating {
display: none;
} .woocommerce nav.woocommerce-pagination {
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: var(--main_bgr);
border-color: var(--main_bgr);
color: #fff;
}
.woocommerce ul.products .woocommerce-loop-product__title {
text-align: center;
font-size: 15px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 7px;
padding-right: 7px;
background: #f7f7f7;
display: flex;
flex-direction: column; align-items: center;
justify-content: center;
height: 4em;
}
.archive.woocommerce #primary {
padding-top: 0;
}
#main_product .price, #main_product .brands {
padding: 5px 10px;
}
#main_product .price {
margin-top: 0;
}
.term-description {
margin-bottom: 20px;
} .cat-product-item h2.section_title {
color: #fff;
margin-bottom: 0;
}
.cat-product-item .cat-title {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--main_bgr);
border-bottom-left-radius: 6px;
margin-bottom: 15px;
}
.cat-product-item a.see-all {
color: #000;
font-size: 15px;
display: flex;
align-items: center;
font-family: 'Oswald';
}
.cat-product-item a.see-all i {
font-size: 13px;
margin-left: 5px;
}
.cat-product-item a.see-all:hover {
color: var(--title);
transition: .2s;
}
.cat-product-item {
width: 100%;
margin: 0 15px;
margin-bottom: 15px;
} @media (min-width: 1400px){
.woocommerce ul.products .woocommerce-loop-product__title {
font-size: 16px;
}
}
@media (min-width: 1900px){
.woocommerce ul.products .woocommerce-loop-product__title {
font-size: 18px;
}
}
@media (min-width: 2400px){
.woocommerce ul.products .woocommerce-loop-product__title {
font-size: 20px;
}
}
@media (min-width: 3400px){
.woocommerce ul.products .woocommerce-loop-product__title {
font-size: 22px;
}
}
@media (max-width: 1024px){
.archive.woocommerce h1 {
text-align: center; 
}
}
@media (max-width: 640px){
.cat-product-item {
margin-left: 7px;
margin-right: 7px;
}
}.title_sidebar, aside p.widgettitle {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 7px;
margin: 0;
position: relative;
color: #000;
letter-spacing: 2px;
font-size: 16px;
text-transform: uppercase; font-weight: bold
}
.title_sidebar:before, aside p.widgettitle:before {
content: '';
position: absolute;	
left: 0;
width: 85px;
background: var(--title);
height: 3px;
bottom: 0px;
}
aside ul li.widget {
padding: 0px !important;
}
aside ul li.widget a,
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a,
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a,
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy a {
font-size: 15px;
color: #000;
z-index: 3;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu a,
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy ul.sub-menu a {
font-size: 14px;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu li,
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy ul.sub-menu li,
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy {
border-bottom: 1px solid #ccc;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu li:last-child,
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy ul.sub-menu li:last-child {
border-bottom: inherit;
}
aside ul li.widget a:hover,
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a:hover,
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy a:hover {
color: var(--title) !important;
}
.main_sidebar ul {
margin-top: 0;
}
.main_sidebar {
max-width: 22%;
padding: 0 7px;
}
.row.sec_pro_ntv .col-9 {
flex: 0 0 78%;
max-width: 78%;
width: 78%;
}
.list_sidebar_news .post_nd p.title_post_nd {
font-size: 13px;
color: #333;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.list_sidebar_news .post_nd p {
font-size: 12px;
}
.list_sidebar_news .post_nd p.title_post_nd a {
color: #000;
}
.list_sidebar_news .post_nd p.title_post_nd:hover {
color: var(--main_bgr);
}
.post_nd p {
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
color: #3b3333;
}
.item {
display: flex;
flex-direction: row;
padding: 10px;
}
.post_date {
display: flex;
flex: 0 0 22%;
max-width: 22%;
justify-content: center;
flex-direction: column;
border-right: 1px solid #f4f4f4;
position: relative;
}
.post_nd {
padding-left: 20px;
}
.post_date:before {
content: "";
position: absolute;
top: calc(50% - 4.5px);
background: var(--title);
width: 9px;
height: 9px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
right: -5px;
z-index: 4;
}
p.ngay {
font-size: 30px;
margin-bottom: 0;
}
p.nam {
color: #757575;
font-size: 13px;
margin-bottom: 0;
}
.btn_xthembv {
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
color: #757575;
}
.btn_xthembv:hover {
color: var(--main_bgr);
}
aside ul li.widget.WOOF_Widget {
padding: 0px;
} .woof_container_inner.woof_container_inner_snphmmusc h4 {
display: none;
}
.woof_closed_block { display: block!important; }
button.button.woof_reset_search_form {
margin-left: 5px;
}
aside button.button.woof_submit_search_form {
padding: 0.618em 1em;
background-color: var(--main_bgr);
color: #fff;
border: none;
}
#open_sidebar, .close-sidebar-btn, #open_sidebar_post, .close-sidebar-post-btn {
display: none;
}
label.woof_checkbox_label {
font-size: 15px;
margin-left: 0;
} .main_sidebar li.menu-item.menu-item-type-taxonomy {
padding: 0.5rem 0;
margin-bottom: 0;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy:last-child,
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy:last-child,
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy:last-child {
border-bottom: none;
padding-bottom: 0;
}
.sidebar_tax li.menu-item-has-children,
.sidebar_all_tax li.menu-item-has-children {
position: relative;
}
.sidebar_tax li.menu-item-has-children a:hover,
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a:hover {
color: var(--title);
}
.sidebar_tax li.menu-item-has-children i:hover,
.sidebar_all_tax li.menu-item-has-children i:hover {
cursor: pointer;
color: var(--title);
}
.sidebar_tax li.menu-item-has-children > i,
.sidebar_all_tax li.menu-item-has-children > i {
color: #a29b9b;
right: 0px;
display: flex;
justify-content: flex-end;
align-items: center;
height: 2.3em;
top: 0;
transform: translateY(0);
z-index: 2;
}
.sidebar_tax li.menu-item-has-children.is_active > i,
.sidebar_all_tax li.menu-item-has-children.is_active > i {
z-index: 0;
color: var(--main_bgr);
}
.sidebar_tax li.menu-item-has-children.is_active > i:before,
.sidebar_all_tax li.menu-item-has-children.is_active > i:before {
transform: rotateZ(90deg);
}
.sidebar_tax li.menu-item-has-children > i:before,
.sidebar_all_tax li.menu-item-has-children > i:before {
transition: 0.4s;
}
.sidebar_tax li.menu-item-has-children ul.sub-menu,
.sidebar_all_tax ul.sub-menu {
padding-left: 10px !important;
overflow: hidden;
}
.sidebar_tax li.menu-item-has-children ul.sub-menu li:last-child,
.sidebar_all_tax ul.list_tax_pro ul.sub-menu li:last-child {
padding-bottom: 0;
}  .sidebar_list_brands {
margin-top: 20px;
}
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy {
border-bottom: 1px solid #ccc;
}
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a {
color: #000;
} @media (min-width: 1600px){
.title_sidebar, aside p.widgettitle {
font-size: 17px;
}
aside ul li.widget a, 
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy a {
font-size: 16px;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu a, 
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy ul.sub-menu a {
font-size: 15px;
}
}
@media (min-width: 1900px){
.title_sidebar, aside p.widgettitle {
font-size: 18px;
}
aside ul li.widget a, 
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy a {
font-size: 17px;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu a, 
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy ul.sub-menu a {
font-size: 16px;
}
}
@media (min-width: 2400px){
.title_sidebar, aside p.widgettitle {
font-size: 20px;
}
aside ul li.widget a, 
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy a {
font-size: 18px;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu a, 
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy ul.sub-menu a {
font-size: 17px;
}
}
@media (min-width: 3400px){
.title_sidebar, aside p.widgettitle {
font-size: 22px;
}
aside ul li.widget a, 
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy a {
font-size: 19px;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu a, 
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy ul.sub-menu a {
font-size: 18px;
}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
.row.sec_pro_ntv .col-9 {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
#open_sidebar, #open_sidebar_post {
position: fixed;
top: 30%;
left: 0;
width: 60px;
height: 50px;
text-align: center;
z-index: 9;
font-size: 1.5em;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-style: solid;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
border-color: unset;
background-color: var(--main_bgr);
color: var(--main_bgr);
opacity: .9;
transition: .2s all ease;
-webkit-transition: .2s all ease;
}
#open_sidebar i, #open_sidebar_post i { font-size: 25px; color: #fff }
.sec_pro_ntv .col-9 {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
padding: 0 15px;
}
.close-sidebar-btn, .close-sidebar-pro-btn, .close-sidebar-post-btn {
display: block;
text-align: right; margin-bottom: 15px
}
.close-sidebar-btn span, .close-sidebar-pro-btn span, .close-sidebar-post-btn span {
color: #fff;
font-weight: 700;
background: #000;
padding: 10px 15px; display: inline-block;
}
.main_sidebar.show, .main_sidebar aside.show {
transform: translateX(0);
opacity: 1;
visibility: visible;
transition: .6s;
padding: 0;
flex: 0 0 100%;
max-width: 100%;
overflow-y: scroll;
}
.main_sidebar {
position: fixed;
top: 0;
left: 0;
width: 50%;
height: 100%;
transform: translateX(-100%);
max-height: 100%;
background: #fff;
z-index: 999;
padding: 0;
opacity: 0;
visibility: hidden;
transition: .6s;
box-shadow: 2px 1px 4px #00000040;
}
.main_sidebar aside {
padding-right: 15px;
}
}
@media (max-width: 640px){
.main_sidebar {
width: 85%;
}
}.woo_amc_open_image svg.cart-icon-header {
width: 26px !important;
fill: #fff !important;
}
.woo_amc_open {
width: fit-content !important;
height: auto !important;
background: transparent !important;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-right: 20px;
}
.woo_amc_open p.woocommerce-mini-cart__empty-message {
position: absolute;
left: 0;
width: 200px;
left: -100px;
background: #fff;
bottom: -50px;
}
.woo_amc_open_image {
width: fit-content !important;
height: auto !important;
}
.woo_amc_open_count {
font-size: 13px !important;
width: 20px !important;
height: 20px !important;
line-height: initial !important;
top: -2px !important;
display: flex;
align-items: center;
justify-content: center;
} .header_container {
display: flex;
}
#dsk-header {
background: white;
}
#dsk-header .col_logo img {
height: 100px; width: auto; object-fit: scale-down; max-width: 220px;
}
#dsk-header .col_logo {
display: flex; 
align-items: center;
background: #fff;
z-index: 2;
padding: 0 25px;
}
#dsk-header .col_right {
display: flex;
flex-direction: column;
flex-grow: 1;
}
#dsk-header .col_right .top_bar {
color: #000; 
display: flex; 
padding: 10px 15px; width: 100%;
}
#dsk-header .col_right .top_bar a {
color: #000;
font-weight: 500;
}
#dsk-header .top_bar .col_mail a i,
#dsk-header .top_bar .col_phone a i,
#dsk-header .top_bar .col_support i {
padding-right: 5px;
}
#dsk-header .col_right .top_bar .col_social {
padding:0 11px;
}
#dsk-header .col_right .top_bar > * {
display: flex; align-items: center; padding:0 10px;
font-size: 14px;
font-weight: 500;
}
#dsk-header .searchform {
width: 270px;
}
.top_bar button.promagnifier {
border-radius: 50% !important;
background: #DC1F26 !important;
}
#ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.asp_m.asp_m_1 .probox .promagnifier {
width: auto !important;
}
.top_bar #ajaxsearchpro1_1 .probox .promagnifier div.innericon, 
.top_bar #ajaxsearchpro1_2 .probox .promagnifier div.innericon, 
.top_bar div.asp_m.asp_m_1 .probox .promagnifier div.innericon {
width: 20px !important;
}
.top_bar div.asp_m.ajaxsearchpro .probox .promagnifier .innericon svg {
width: 20px !important;
}
#dsk-header .col_custom_header {
margin-left: auto;
padding-right: 0 !important;
width: 33%;
}
#dsk-header .col_right .col_lang a{
display: inline-block;
}
#dsk-header .searchform input {
border: 1px solid #e6e6e6 !important;
font-style: italic;
font-size: 14px !important;
}
#dsk-header .searchform input:focus {
outline: none;
}
#dsk-header button.searchsubmit {
background: var(--main_bgr);
color: #fff;
padding: 5px 10px;
}
#dsk-header .user_header {
margin: 0 15px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#dsk-header .user_header i {
font-size: 20px;
}
#dsk-header .col_lang {
height: 100%;
display: flex;
align-items: center;
}
.wpml-ls-legacy-list-horizontal ul {
display: flex;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
margin-top: -5px;
}
.wpml-ls-legacy-list-horizontal, .wpml-ls-legacy-list-horizontal a {
border:none; padding: 0;
}
.wpml-ls-legacy-list-horizontal ul .wpml-ls-item:last-child {
margin-left: 5px;
}
#dsk-header .social {
display: flex;
align-items: center;
}
#dsk-header .social li {
display: flex; 
align-items: center;
justify-content: center;
margin:0 5px;
border-radius: 4px;
width: 25px;
height: 25px;
}
#dsk-header .social li.facebook {
background: #4267B2;
}
#dsk-header .social li.youtube {
background: red;
}
#dsk-header .social li.whatsapp {
background: #25d366;
}
#dsk-header .social li.zalo a {
padding: 2px;
}
#dsk-header .social li.zalo {
background: #1182fc;
}
#dsk-header .social li a {
display: block; line-height: 0; color: #fff !important;
padding: 5px 8px;
}
#dsk-header .social li a i {
font-size: 15px;
}
#dsk-header .social li svg {
width: 25px;
height: 25px;
}
#dsk-header .bottom_bar {
position: relative;
background: linear-gradient(0deg, #CA2128, #e90710f5);
margin-bottom: 5px;
}
#dsk-header .bottom_bar:before {
content: '';
position: absolute;
top: -6px;
left: 0;
width: 100%;
height: 2px;
background: #d2d2d2;
}
#dsk-header .bottom_bar .col_main_header {
display: flex; justify-content: space-around;
padding:0px 0px; flex:auto;
padding-right: 5px;
}
.menu_policy_header {
display: flex;
align-items: center;
justify-content: center;
padding-top: 2px;
}
#dsk-header .search_icon {
background: #009345; display: flex; min-width: 58px;
justify-content: center; align-items: center;
color: white;
}
#dsk-header ul.menu a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 500;
}
#dsk-header ul.menu ul.sub-menu a {
font-size: 15px;
}
#dsk-header ul.menu ul.sub-menu ul.sub-menu a {
font-size: 14px;
}
#dsk-header ul.menu > li > a {
display: flex; align-items: center;
padding: .5em .7em; color: #fff;
}
#dsk-header ul.menu > li:hover {
background: var(--main_bgr);
}
#dsk-header ul.menu > li, #dsk-header .col-menu {
flex-grow: unset; padding: 0;
}
#dsk-header .col-menu {
padding-right: 15px;
}
#dsk-header ul.menu > li{
display: flex; align-items: stretch; border:none;
padding-right: 20px;
}
#dsk-header li.menu-item.current-menu-item.current_page_item > a {
font-weight: bold;
}
#dsk-header li.menu-item:hover a:hover {
background: linear-gradient(0deg, #CA2128, #e90710f5);
color: #fff !important;
font-weight: bold;
}
#dsk-header ul.menu > li > ul.sub-menu > li > a {
text-transform: unset;
}
#dsk-header ul.sub-menu {
background-color: #fff;
}
#dsk-header ul.sub-menu li:hover > a {
color: #fff !important;
}
#dsk-header ul.menu > li > ul.sub-menu {
left: -45px !important;
}
#dsk-header ul.sub-menu li {
width: 210px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #fff;
} #dsk-header ul.menu ul.sub-menu a {
padding: 8px 10px 8px; color: #000;
}
#dsk-header ul.menu li:hover > a {
transition: 0s;
-webkit-transition: 0s;
}
#dsk-header ul.sub-menu ul.sub-menu {
transform: unset;
-webkit-transform: unset;
opacity: 0;
}
#dsk-header ul.sub-menu li:last-child ul.sub-menu {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 57vh;
}
#dsk-header ul.sub-menu li:last-child ul.sub-menu li ul.sub-menu li {
display: flex;
flex-grow: 1;
align-items: center;
}
#dsk-header .menu li.menu-item-has-children {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
#dsk-header li.menu-item-has-children > i {
right: 5px !important;
font-size: 12px;
transform: translateY(0px);
position: relative !important;
top: 0 !important;
transition: .3s;
}
#dsk-header li.menu-item-has-children:hover > i {
transform: rotateZ(-90deg);
transition: .3s;
}
#dsk-header ul.menu li:hover {
background: linear-gradient(0deg, #CA2128, #e90710f5) !important;
}
#dsk-header ul.sub-menu i {
right: 5px !important;
}
#dsk-header ul.sub-menu i {
color: #6a5b5b !important;
}
#dsk-header ul.sub-menu li:hover > i {
color: #fff !important;
}
#dsk-header ul.sub-menu li:hover > ul.sub-menu {
-webkit-transform: unset;
transform: unset;
opacity: 1;
}
.search_popup.popup {
display: flex; flex-direction: column; align-items: center;
justify-content: stretch;
}
.search_popup.popup.show {
opacity: 1; visibility: visible; transition: .5s;
}
.search_popup .popup-bgr {
background: white; z-index: 0; opacity: .8
}
.search_popup .close_popup {
display: inline-block; font-size: 50px; width: 50px; height: 50px;
line-height: 50px; color: white; position: relative; font-weight: normal;
align-self: flex-end; text-align: center; background: var(--main_bgr);
}
.search_popup .close_popup:hover {
background: var(--second_bgr); transition: .5s
}
.search_popup form {
max-width: 600px; width: 96vw; overflow: visible;
}
.search_popup .searchform input {
padding:1em 1.5em; border-radius: 5em;
box-shadow: 1px 1px 5px #959595;
}
.search_popup .searchform button {
padding-right: 1.5em;
}
.search_popup.popup .popup_content {
margin-top: 200px; margin-bottom: auto;
width: auto; height: auto; min-height: unset;
} .col_menu_fix {
background: linear-gradient(0deg, #CA2128, #e90710f5);
display: none;
}
#dsk-header.fixed .col_menu_fix {
display: flex;
align-items: center;
justify-content: space-between;
width: 83%;
}
#dsk-header.fixed .woo_amc_open_count {
top: 5px !important;
}
.col_menu_fix .content_fix {
display: flex;
align-items: center;
justify-content: space-between;
}
#dsk-header.fixed .col_menu_fix .logo_fix {
display: flex;
align-items: center;
}
.col_menu_fix form.searchform,
.col_menu_fix .search_fix {
margin-left: 25px;
margin-right: 25px;
width: 400px !important;
}
.col_menu_fix button.searchsubmit,
.col_menu_fix .search_fix button.promagnifier {
background: #F7CA18 !important;
}
#dsk-header.fixed .header_container .phone_right {
display: flex;
margin: 5px 0;
align-self: center;
}
#dsk-header.fixed .header_container .logo_fix .col-menu {
display: block;
}
#dsk-header.fixed .col-menu,
#dsk-header.fixed .col_logo {
display: none;
}
.phone_right {
display: none;
}
#dsk-header .header_container .phone_right {
background: #fff;
border-radius: 15px;
padding: 10px 15px;
}
#dsk-header .header_container .phone_right:hover {
cursor: pointer;
background: #f9d10c;
}
#dsk-header .header_container .phone_right:hover a {
color: #fff;
}
#dsk-header .header_container .phone_right a {
color: #443f3f;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
}
#dsk-header .header_container .phone_right i {
margin-right: 7px;
}
.col_menu_fix .logo_fix a.custom-logo-link {
background: #fff;
}
.col_menu_fix .col-menu {
margin-left: 15px;
}
.col_menu_fix .logo_fix img {
height: 60px;
object-fit: contain;
} #dsk-header.fixed {
position: fixed; z-index: 99; width: 100%; transform: translateY(-120%);
top:0;
}
#dsk-header.fixed .col_logo img {
height: 50px;
}
#dsk-header.fixed .col_right .top_bar {
display: none;
}
#mobile-header, #dsk-header {
position: relative; z-index: 500;
}
#mobile-header.fixed, #dsk-header.fixed {
box-shadow: 0px 0px 8px #83838342;
}
#dsk-header.fixed .col_main_header.container_contact_header {
padding-left: 0;
}
#dsk-header.fixed .header_container {
display: block;
}
#dsk-header.fixed ul#menu-menu-main { justify-content: center; }
#dsk-header.fixed .bottom_bar { margin-bottom: 0; } .col-right-cart {
display: flex;
}
.menu_right_header {
position: relative;
display: flex;
align-items: center;
padding: 0 15px;
cursor: pointer;
}
.menu_policy_header:hover .col-menu-policy ul {
opacity: 1;
visibility: visible;  
}
.menu_right_header .col-menu-policy ul {
flex-direction: column;
position: absolute;
top: calc(100% - 35px);
right: 0;
max-width: 300px;
opacity: 0;
visibility: hidden;
padding-top: 30px !important;
}
.menu_right_header .col-menu-policy ul li ul.sub-menu {
padding-top: 0 !important;
}
.menu_right_header .col-menu-policy ul li {
width: 240px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #fff;
}
.menu_right_header .col-menu-policy ul li a {
color: #000 !important;
font-size: 14px !important;
}
.menu_right_header .col-menu-policy ul.menu li:hover > a {
color: #fff !important;
}
.menu_right_header .col-menu-policy ul.menu li {
padding-right: 2px !important;
}
#dsk-header .menu_right_header .col-menu-policy ul.menu>li>ul.sub-menu {
left: -100% !important;
top: 0 !important;
width: 100% !important;
}
.menu_right_header .col-menu-policy ul.menu li ul.sub-menu li {
width: auto !important; 
}
.menu_right_header .menu_policy_header i {
color: #fff;
font-size: 20px;
}
.menu_right_header .menu_policy_header li.menu-item i {
color: #000;
}
.menu_right_header .menu_policy_header li.menu-item-has-children:hover>i {
color: #fff;
} @media (min-width: 1600px){
#dsk-header .col_right .top_bar > * {
font-size: 16px;
}
#dsk-header ul.menu a {
font-size: 17px;
}
}
@media (min-width: 1900px){
#dsk-header .col_right .top_bar > * {
font-size: 18px;
}
#dsk-header ul.menu a {
font-size: 18px;
}
}
@media (min-width: 2400px){
#dsk-header .col_right .top_bar > * {
font-size: 20px;
}
#dsk-header ul.menu a {
font-size: 19px;
}
}
@media (min-width: 3400px){
#dsk-header .col_right .top_bar > * {
font-size: 22px;
}
#dsk-header ul.menu a {
font-size: 20px;
}
}
@media (max-width: 1024px){
.mobile_menu {
z-index: 99999 !important;
}
.col_search_mobile {
display: flex;
flex-direction: column;
justify-content: end;
}
#mobile-header .woo_amc_open_image svg.cart-icon-header {
width: 35px !important;
}
#mobile-header .woo_amc_open path {
fill: #000;
}
#mobile-header .woo_amc_open_count {
top: -10px !important;
}
#mobile-header .wpml-ls-legacy-list-horizontal .wpml-ls-item {
margin-top: 0;
}
#mobile-header.fixed {
position: fixed; z-index: 99; width: 100%; transform: translateY(-120%);
top:0;
}
#mobile-header.fixed .logo a img {
height: 65px;
}
#mobile-header.fixed .language {
display: none;
}
#mobile-header .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
width: 26px;
}
#mobile-header.fixed .search_icon {
align-self: center;
}
#dsk-header {
display: none;
}
#mobile-header a.glink img {
width: 25px; margin:0 2px;
}
#mobile-header .language {
padding-bottom: 10px
}
.mobile_menu.flex.hide { transition: .5s; }
.header-top-center {
border-left: none;
padding-right: 0;
}
.header-menu {
justify-content: center;
}
.user_header {
padding-left: 20px;
padding-right: 20px;
}
.container.header-main {
display: none;
} .mobile_menu .col_wrapper .menu_container { width: 320px; }
.contact_header {
display: flex;
background: #252a2c;
padding: 0 5px;
}
.left_contact_header {
display: flex;
align-items: center;
flex: 0 0 auto;
padding-right: 10px;
}
.search_contact_header {
display: flex;
align-items: center;
flex-grow: 1;
}
.list_social_header img {
width: 40px;
height: 40px;
}
.list_social_header svg, .list_social_header i {
width: 40px;
height: 40px;
color: #fff;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
}
ul.list_social_header {
padding: 0;
list-style-type: none;
display: flex;
align-items: center;
margin: 0;
}
.search_form {
width: 100%;
}
.search_form input {
background: inherit;
}
.search_form .searchform {
border: 1px solid #464141c2;
}
.search_form i.fas.fa-search {
color: #9c9090;
}
ul.list_social_header li {
margin-bottom: 0;
width: auto;
height: 100%;
margin-right: 1px;
}
ul.list_social_header li a {
display: block;
width: auto;
height: 100%;
background-color: rgba(255,255,255,.05);
}
#mobile-header .mobile_menu_bar_ep {
padding: 5px 10px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
#mobile-header .logo a {
display: block;
}
#mobile-header .logo a img {
max-height: 83px;
object-fit: contain;
object-position: left;
}
#mobile-header .mobile_menu_bar {
background-color: var(--main_bgr);
color: #fff;
cursor: pointer;
font-size: 1.2rem;
text-align: center;
width: 54px; height: 48px; justify-content: center; align-items: center;
display: flex; padding: 0; margin-left: 2px;
}
#mobile-header .search_icon {
font-size: 23px; align-self: flex-end; width: 1.6em;
text-align: center;
height: 1.6em;
line-height: 1.6em;
margin-right: 10px;
color: var(--title);
}
#mobile-header.fixed .search_icon {
font-size: 20px;
}
#mobile-header.fixed .mobile_menu_bar {
font-size: 1rem;
width: 45px;
height: 40px;
}
#mobile-header .col_right > .col_wrapper.flex {
flex-direction: column; justify-content: flex-end;
align-items: end;
}
.contact_mobile_header {
display: flex;
}
.contact_mobile_header span a {
color: #777;
font-size: 18px;
}
.contact_mobile_header span {
padding-right: 30px;
}
#mobile-header .header-top-right {
display: flex;
}
#mobile-header .widget_shopping_cart {
display: none;
position: absolute;
top: 100%;
right: 0;
padding: 15px;
background-color: white;
z-index: 2;
min-width: 400px;
}
#mobile-header.fixed .mobile_menu_bar_ep {
padding: 5px 10px;
}
#mobile-header.fixed .col_right.flex {
align-items: center;
}
}
@media (max-width: 768px){
.mobile_menu_bar_ep.flex .user_header {
display: none;
}
.header-top-right {
border-right: none;
}
.mobile_menu .col_wrapper .menu_container .user_header {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0;
}
#mobile-header .header-top-right {
padding-left: 17px;
}
#mobile-header .contact_mobile_header span {
padding-right: 23px;
}
#mobile-header .header-top-center {
padding-right: 0;
}
}
@media (max-width: 640px){
#mobile-header .woo_amc_open_image svg.cart-icon-header {
width: 27px !important;
}
#mobile-header ul.woocommerce-mini-cart.cart_list.product_list_widget {
padding-left: 0;
}
#mobile-header.fixed .col_search_mobile {
margin-right: 0;
}
#mobile-header .mobile_menu_bar {
font-size: 1rem;
width: 40px;
height: 35px;
}
.col_search_mobile {
margin-right: -15px;
}
.header-top-right {
padding-right: 0;
}
#mobile-header .header-top-center {
display: none;
}
#mobile-header .header-top-right {
padding-left: 25px;
}
#mobile-header .contact_mobile_header span { display: none; }
.container {
padding: 0 10px;
}
}
@media (max-width: 330px){
.mobile_menu .col_wrapper .menu_container {
max-width: 280px;
}
}footer .img-logo-footer img {
margin: 0 auto;
}
footer .col-menu-policy ul {
padding-left: 20px;
margin: 0;
color: var(--title);
}
footer .col-menu-policy ul li {
margin-bottom: 15px;
}
footer .col-menu-policy ul li a {
color: #fff;
}
footer .col-menu-policy ul li a:hover {
color: var(--title);
}
footer .elementor-social-icons-wrapper i {
display: flex;
width: auto !important;
height: 100% !important;
align-items: center;
justify-content: center;
}
#site-footer:before, #site-footer:after  {
content: none;
}
.hotline-phone-ring-wrap { z-index: 499; }
#site-footer .back-top i {
color: #fff;
}
#site-footer .fixed_footer {
display: none;
}
.hotline-phone-ring-wrap {
bottom: 182px;
left: 0;
width: 220px;
}
#mes-icon {
bottom: 25px;
left: -14px;
width: 230px;
}
.hotline-bar {
padding-left: 37px;
left: 33px;
width: 310px;
opacity: 0;
visibility: hidden;
}
.hotline-phone-ring-wrap:hover .hotline-bar {
opacity: 1;
visibility: visible;
}
.zalo-container.right {
right: 15px;
bottom: 185px;
z-index: 100;
}
.fanpage-container.right {
position: fixed;
width: 40px;
height: 40px;
z-index: 8;
right: 15px;
bottom: 115px;
}
.fanpage-container.right.whatsapp {
bottom: 46px;
}
.whatsapp {
width: 30px;
height: 30px;
}
.whatsapp .cmoz-alo-circle {
border-color: #e60808; 
}
.whatsapp .cmoz-alo-circle-fill {
background-color: #e60808;
}
.fanpage-container.right.whatsapp span {
background-color: #e60808;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
padding: 5px;
}
.fanpage-container.right span {
background: #1182fc; position: relative;
}
#site-footer .back-footer .back-top {
position: relative;
justify-content: center;
bottom: inherit;
left: inherit;
border-radius: 0;
color: #fff;
background-color: transparent;
box-shadow: none;
width: 100%;
height: auto;
z-index: 1;
display: flex !important;
}
#site-footer .back-footer .back-top .elementor-widget-container {
display: flex;
}
#site-footer .back-footer .back-top .elementor-widget-container i {
font-size: 16px;
margin-left: 5px;
}
#site-footer .back-top {
right: inherit;
bottom: 46px;
left: 10px;
opacity: 1;
}
.fix_breadcrumb {
background: #fcfcfc;
box-shadow: rgb(3 3 3 / 20%) 0px 8px 24px;
opacity: 0;
visibility: hidden;
height: 0;
transition: .5s;
}
.tax-product_cat .fix_breadcrumb, .post-type-archive-product .fix_breadcrumb {
display: none !important;
}
.fix_breadcrumb .namlbn-breadcrumb {
padding: 9px 0;
}
.fix_breadcrumb .namlbn-breadcrumb p {
color: #000;
margin-bottom: 0;
font-size: 15px;
}
.fix_breadcrumb.fix {
opacity: .8;
visibility: visible;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
height: auto;
transition: .5s;
}
.form_popup_vat {
display: none;
}
#site-footer #form_popup_pro input.wpcf7-submit {
display: block !important;
}
@media (max-width: 1024px){
.hotline-phone-ring-wrap {
bottom: 125px;
}
#mes-icon {
bottom: 0;
right: 15px;
width: 19%;
}
#site-footer .back-top {
bottom: 15px;
}
.zalo-container.right {
right: 20px;
bottom: 225px;
}
.fanpage-container.right {
right: 20px;
bottom: 155px;
}
.fanpage-container.right.whatsapp {
bottom: 85px;
right: 20px;
}
}
@media (max-width: 768px){
.zalo-container.right, .fanpage-container.right, .fanpage-container.right.whatsapp {
right: 15px;
}
}
@media (max-width: 650px){
#site-footer .fixed_footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: stretch;
position: fixed;
z-index: 99;
background-color: #322b2b;
left: 0;
bottom: 0;
width: 100%;
}
#site-footer .fixed_footer > a {
display: flex; flex-direction: column; justify-content: space-around;
color: #fff;
text-decoration: none;
text-align: center;
padding: 5px 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#site-footer .fixed_footer img {
margin:0; margin-bottom: auto;
}
#site-footer .fixed_footer a i {
color: #fff;
}
.fanpage-container.right {
display: none;
}
.fix_breadcrumb.fix {
bottom: 50px;
}
.fix_breadcrumb .namlbn-breadcrumb {
padding: 7px 0;
}
.home .copy-right-footer {
padding-bottom: 0 !important;
}
}
@media (max-width: 640px){
#site-footer .back-top {
bottom: 75px;
}
#site-footer .back-top {
right: 14px;
}
footer#site-footer {
padding: 20px 0px;
padding-bottom: 50px;
}
.row.sec_menu_footer .col-3 {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
}
#site-footer .fixed_footer a span {
font-size: 15px;
}
}
@media (max-width: 500px){
#site-footer .fixed_footer > a {
padding: 4px 4px;
}
}
@media (max-width: 425px){
#site-footer .fixed_footer a span {
font-size: 13px;
}
}
@media (max-width: 330px){
#site-footer .fixed_footer a span {
font-size: 11px;
}
}.container.tags {
padding-left: 0;
}
#content_archive_gtbh030620 {
padding-bottom: 20px; padding-top: 0;
}
#content_archive_gtbh030620 .news-title {
font-size: 1.2em;
display: flex;
flex: auto;
}
#content_archive_gtbh030620 p.news-excerpt {
color: #333;
opacity: .9;
font-size: 15px;
margin-bottom: 0px;
display: -webkit-box;
max-width: 100%;
height: 6em;
margin: 0 auto;
line-height: 1.5;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
#content_archive_gtbh030620 .read-more {
color: #000;
font-size: 15px;
font-weight: 600;
color: #222222;
}
#content_archive_gtbh030620 .col_content {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#content_archive_gtbh030620 .read-more i {
color: #f26724;
}
#content_archive_gtbh030620 .news-date {
display: flex;
align-items: center;
margin-top: 10px;
font-size: .8em;
opacity: .7;
}
#content_archive_gtbh030620 .news-title a {
color: #000;
}
#content_archive_gtbh030620 .news-excerpt {
flex-grow: initial;
}
#content_archive_gtbh030620 .col_wrapper:after {
content: '';
width: 0;
height: 3px;
position: absolute;
left: auto;
right: 0;
bottom: 0;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#content_archive_gtbh030620 .col_wrapper:hover:after {
background-color: red;
left: 0;
right: auto;
width: 100%;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.content-single-post .gallery-item-buttons {
text-align: center;
} .search.search-results .col_wrapper {
position: relative;
}
.search.search-results .col_content {
padding: 0 !important;
}
.search.search-results a.button {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
overflow: visible;
padding: 0.618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: white;
border: 0;
box-shadow: none;
text-shadow: none;;
}
.search.search-results .news-title {
text-align: center;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 7px;
padding-right: 7px;
color: #000;
background: #f7f7f7;
justify-content: center;
margin-bottom: 0;
}
.search.search-results .news-title a {
color: inherit;
line-height: 1.3; 
word-break: break-all;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: block !important;
display: -webkit-box !important;
text-overflow: ellipsis;
overflow: hidden;
min-height: 0em;
word-break: break-word;
}
.search.search-results .price {
text-align: center;
}
.search.search-results p.brands {
padding-bottom: 10px;
}
.search.search-results a.padding_ratio:before {
padding-bottom: 100% !important;
} @media (max-width: 768px){
#content_archive_gtbh030620 {
padding: 30px 10px;
}
#content_archive_gtbh030620 .col-4 {
flex: 0 0 50%;
max-width: 50%; margin-bottom: 10px;
}
#content_archive_gtbh030620 .col_content {
padding:10px 5px;
}
#content_archive_gtbh030620 .news-title {
font-size: 1rem;
}
#content_archive_gtbh030620 .read-more {
font-size: 12px;
}
#content_archive_gtbh030620 .news-date {
font-size: 12px; margin-top: 8px;
}
#content_archive_gtbh030620 p.news-excerpt {
font-size: 14px;
}
}
@media (max-width: 640px){
#content_archive_gtbh030620 {
padding: 30px 5px;
}
.search.search-results ul.row {
margin: 0 !important;
}
.search.search-results ul.row li {
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px;
padding-left: 0;
margin-bottom: 15px !important;
}
.search.search-results ul.row li:nth-child(2n) {
padding-right: 0;
}
.single-post #primary, .page #primary {
padding: 0px;
}
.content-single-post {
padding: 0 7px !important;
}
.content-single-post .col-9 #main {
padding: 10px;
display: flex;
flex-direction: column;
box-shadow: none;
}
}
@media (max-width: 425px){
#content_archive_gtbh030620 .col-4 {
flex: 0 0 100%;
max-width: 100%;
}
#content_archive_gtbh030620 .read-more {
font-size: 14px;
}
#content_archive_gtbh030620 .news-date {
font-size: 14px;
}
#content_archive_gtbh030620 .col_content {
padding:15px 10px;
}
}.title_featured {
border-bottom: 1px solid var(--main_bgr);
border-bottom-left-radius: 7px;
margin-bottom: 20px;
}
.title_featured .section_title {
margin-bottom: 0 !important;
}
.section_product {
width: 100%;
position: relative;
}
.section_product ul.products {
margin: 0 !important;
}
li.product .quantity {
display: none;
}
.section_title a {
color: #fff;
font-family: 'Oswald';
}
.section_title {
padding: 5px 10px;
width: fit-content;
position: relative;
background: var(--main_bgr);
border-radius: 5px;
border-bottom-right-radius: 0;
border-top-right-radius: 20px;
padding-right: 15px;
}
.section_title:before {
content: "";
position: absolute;
top: 0;
right: -20px;
background: var(--main_bgr);
width: 30px;
height: 100%;
clip-path: polygon(100% 100%, 0 0, 0 105%);
border-top-left-radius: 20px;
}
.section_product li.product {
border: 1px solid #e5e5e5;
padding: 0 !important;
margin-bottom: 0 !important; }
.section_product .slick-track {
display: flex;
}
.section_product .slick-list {
width: 100% !important;
}  .tab_main_pro_test .slick-track {  }
.section_product .body_content_pro  h3.woocommerce-loop-product__title{
display: flex; 
height: 4em; 
overflow: hidden; 
justify-content: center; 
align-content: center; 
align-items: center; 
flex-direction: row; 
flex-wrap: nowrap;
}
.section_product li .product_wrapper {
box-shadow: inherit;
}
.woocommerce ul.products li.product span.price {
padding-bottom: 0;
}
.tab_home_pro .slick-slide,
.tab_main_pro_test.no-slide {
display: flex;
flex-direction: column;
height: auto;
min-height: 100%;
padding-bottom: 40px;
}
.tab_home_pro .slick-track,
.tab_main_pro_test.no-slide .slick-track {
display: flex;
flex: auto;
padding-bottom: 2px;
margin-left: 0;
}
.tab_home_pro .slick-slide > div,
.tab_main_pro_test.no-slide .slick-slide > div {
display: flex;
flex-grow: 1; min-height: 52%; padding-bottom: 0;
}
#main_pro_cat .slick-arrow {
background: transparent;
}
#main_pro_cat .slick-arrow i {
color: #000;
}
#main_pro_cat .slick-arrow i:hover {
color: var(--title);
}
#main_pro_cat .slick-prev {
left: -25px
}
#main_pro_cat .slick-next {
right: -25px
} li .product_wrapper {
position: relative;
}
li .product_wrapper .btn_detail_product ,
li .product_wrapper button.single_add_to_cart_button.button.alt,
.search.search-results .col_wrapper .btn_detail_product {
position: absolute;
width: 90%;
bottom: 30%;
left: 50%;
transform: translate(-50%, -30%);
opacity: 0;
visibility: hidden;
font-size: 15px;
}
.section_product .product_wrapper button.button.alt,
.search.search-results .col_wrapper button.button.alt {
display: none !important;
}
.btn_detail_product {
display: flex;
align-items: center;
justify-content: center;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
a.button.product_type_simple {
width: fit-content;
margin-right: 5px !important;
margin-left: 0 !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart i {
font-size: 18px;
}
.btn_view_detail {
background: #5e5656;
color: #fff;
font-size: 14px;
padding: 0 1em;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
border-radius: 3px;
text-transform: uppercase;
width: fit-content;
border: 1px solid #5e5656;
}
.btn_detail_product .woocommerce a.button {
height: 40px;
padding: 0 1em;
}
.btn_view_detail:hover {
background: #fff;
color: #000;
border: 1px solid #000;
}
li:hover .btn_detail_product ,
li:hover button.single_add_to_cart_button.button.alt,
.search.search-results  li:hover .btn_detail_product {
opacity: 1;
visibility: visible;
transition: .5s;
bottom: 35%;
}
.section_product ul.products .woocommerce-loop-product__title {
font-size: 15px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 7px;
padding-right: 7px;
background: #f7f7f7;
display: flex;
flex-direction: column; }
.section_product ul.products .woocommerce-loop-product__title a {
color: #000;
font-weight: bold;
}
@media (min-width: 1600px){
.section_product ul.products .woocommerce-loop-product__title {
font-size: 18px;
}
}
@media (min-width: 1900px){
.section_product ul.products .woocommerce-loop-product__title {
font-size: 20px;
}
.btn_view_detail {
font-size: 18px;
height: 50px;
}
.btn_detail_product .woocommerce a.button {
height: 50px;
}
.woocommerce a.button {
padding: 1em 1.3em;
}
#main_pro_cat .slick-arrow i {
font-size: 35px;
}
}
@media (min-width: 2400px){
.section_product ul.products .woocommerce-loop-product__title {
font-size: 22px;
}
.btn_view_detail {
font-size: 20px;
height: 60px;
}
.btn_detail_product .woocommerce a.button {
height: 60px;
}
#main_pro_cat .slick-arrow i {
font-size: 36px;
}
}
@media (min-width: 3400px){
.section_product ul.products .woocommerce-loop-product__title {
font-size: 25px;
}
.btn_view_detail {
font-size: 22px;
height: 60px;
}
.btn_detail_product .woocommerce a.button {
height: 65px;
}
#main_pro_cat .slick-arrow i {
font-size: 37px;
}
}
@media (max-width: 1024px){ }
@media (max-width: 767px){ }
@media (max-width: 640px){ #main_pro_cat .slick-arrow {
background: rgb(187 176 176 / 50%) !important;
}
#main_pro_cat .slick-prev {
left: 5px
}
#main_pro_cat .slick-next {
right: 5px
}
}#main_pro_cat ul.name_tab_pro {
display: flex;
list-style-type: none;
padding-left: 0;
overflow-x: scroll;
margin: 0;
width: 75%;
}
#main_pro_cat .list_tax_pro .main_title_pro {
width: 28%;
display: flex;
align-items: center;
margin-right: 15px;
}
#main_pro_cat .list_tax_pro {
display: flex;	
border-bottom: 1px solid var(--main_bgr);
border-bottom-left-radius: 6px;
}
#main_pro_cat .product_cat {
margin-top: 30px;
}
#main_pro_cat .tab_home_pro {
margin-bottom: 30px;
}
#main_pro_cat .main_title_pro h2 {
margin-bottom: 0;
}
#main_pro_cat li.title_tab_pro {
display: flex;
align-items: center;
justify-content: center;
flex: none;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 0;
}
#main_pro_cat li.title_tab_pro a.title-active {
color: #000;
font-weight: bold;
}
#main_pro_cat li.title_tab_pro a:hover {
color: #000;
}
#main_pro_cat li.title_tab_pro a {
color: #605b5b;
font-size: 14px;
}
#main_pro_cat ul.name_tab_pro::-webkit-scrollbar {
height: 0px;
}
#main_pro_cat ul.name_tab_pro::-webkit-scrollbar:vertical {
display: none;
}
a.product_contact {
color: var(--title);
}
.btn_slide {
display: flex;
align-items: center;
justify-content: center;
}
.btn_next {
padding-right: 10px;
}
p.brands, p.model {
text-align: center;
margin-bottom: 0;
font-size: 15px;
}
.summary.entry-summary.col_wrapper p.model {
text-align: left;
text-decoration: none !important;
margin-bottom: 10px;
padding-bottom: 0;
}
p.brands a, p.model {
color: #030303;
padding-bottom: 5px;
}
.btn_slide svg {
width: 20px;
height: 20px;
}
.btn_slide:hover {
cursor: pointer;
color: var(--title);
}
.menu_button_edit {
display: none;
}
.product_loading {
position: absolute;
top: 49px;
left: 50%;
transform: translateX(-50%);
width: 25px;
}
.al {
visibility: hidden;
opacity: 0;
height: 0;
}
.al.hien {
visibility: visible;
opacity: 1;
height: auto;
}
.an {
display: none;
}
@media (min-width: 1600px){
#main_pro_cat li.title_tab_pro a {
font-size: 17px;
}
p.brands, p.model {
font-size: 16px;
}
}
@media (min-width: 1900px){
#main_pro_cat li.title_tab_pro a {
font-size: 19px;
}
p.brands, p.model {
font-size: 17px;
}
}
@media (min-width: 2400px){
#main_pro_cat li.title_tab_pro a {
font-size: 21px;
}
p.brands, p.model {
font-size: 18px;
}
}
@media (min-width: 3400px){
#main_pro_cat li.title_tab_pro a {
font-size: 23px;
}
p.brands, p.model {
font-size: 20px;
}
}
@media (max-width: 767px){
#main_pro_cat .list_tax_pro .main_title_pro {
width: 50%;
}
#main_pro_cat li.title_tab_pro a {
font-size: 14px;
}
.btn_slide svg {
width: 18px;
height: 18px;
}
p.brands {
font-size: 15px;
}
}
@media (max-width: 768px){
#main_pro_cat .list_tax_pro .main_title_pro {
width: 50%;
}
}
@media (max-width: 640px){
#main_pro_cat .list_tax_pro .main_title_pro {
width: 100%;
justify-content: space-between;
}
.menu_button_edit {
display: block;
padding: 0 10px;
}
.menu_button_edit.active i:before {
content: "\f00d";
}
.menu_button_edit i {
color: var(--title);
font-size: 20px;
}
.btn_slide {
display: none;
}
#main_pro_cat .list_tax_pro {
display: block;
background: #f7f7f7;
}
#main_pro_cat ul.name_tab_pro {
padding-top: 10px;
display: none;
}
#main_pro_cat li.title_tab_pro {
justify-content: start;
padding: 5px 15px;
}
}section#why_choose {
padding: 45px 10px;
position: relative;
background: #F5F5F5;
}
section#why_choose h2.title {
color: #000;
font-size: 32px;
text-align: left;
}
section#why_choose h2.title strong {
display: block;
color: var(--title);
}
section#why_choose .list_why_choose {
position: relative;
display: flex;
width: 100%;
}
section#why_choose .img_back {
position: relative;
width: 70%;
}
section#why_choose .content_why {
text-align: center;
position: relative;
}
section#why_choose .content_why img {
margin: 0 auto;
}
section#why_choose .content_why h3 {
color: #000;
font-size: 15px;
text-transform: capitalize;
margin-top: 3px;
font-weight: 700;
}
section#why_choose .content_why .content p {
font-size: 13px;
font-weight: 500;
color: #000;
margin-bottom: 0;
}
section#why_choose .content_list_why .icon_why {
width: 180px;
height: 180px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
font-weight: bold;
box-shadow: 6px 6px 13px 0px rgb(42 67 113 / 15%);
color: #006db1;
background: #fff;
border-radius: 50%;
cursor: pointer;
}
section#why_choose .content_list_why:hover .icon_why {
position: relative;
background: var(--main_bgr) !important;
}
section#why_choose .content_list_why .icon_why:hover .content svg,
section#why_choose .content_list_why:nth-child(4) .icon_why svg {
fill: #fff;
}
section#why_choose .content_list_why .icon_why:hover .content h3,
section#why_choose .content_list_why .icon_why:hover .content p {
color: #fff;
}
section#why_choose .content_list_why:nth-child(4) .icon_why {
background: var(--main_bgr);
}
section#why_choose .content_list_why .icon_why .content {
padding: 0 10px 0 10px;
}
section#why_choose .img_back:before {
content: '';
display: block;
padding-bottom: 100%;
}
section#why_choose .img_back img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
section#why_choose .content_list_why {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section#why_choose .content_list_why:nth-child(1) {
transform: rotate(0deg);
left: -5vw;
top: 5vw;
}
section#why_choose .content_list_why:nth-child(2) {
transform: rotate(90deg);
left: -9vw;
}
section#why_choose .content_list_why:nth-child(3) {
transform: rotate(180deg);
left: -5vw;
top: -5vw;
}
section#why_choose .content_list_why:nth-child(4) {
transform: rotate(270deg);
}
section#why_choose .content_list_why:nth-child(2) .content {
transform: rotate(270deg);
}
section#why_choose .content_list_why:nth-child(3) .content {
transform: rotate(180deg);
}
section#why_choose .content_list_why:nth-child(4) .content {
transform: rotate(90deg);
}
section#why_choose .content_list_why .content svg {
width: 40px;
height: 40px;
}
section#why_choose .content_list_why:nth-child(4) h3,
section#why_choose .content_list_why:nth-child(4) .content p {
color: #fff;
}
section#why_choose .btn_more {
background: linear-gradient(0deg, #CA2128, #e90710f5);
color: #fff;
margin-top: 20px;
display: flex;
align-items: center;
width: fit-content;
padding: 7px 20px;
border-radius: 4px;
font-size: 15px;
transition: .3s;
}
section#why_choose .btn_more i {
font-size: 14px;
padding-left: 5px;
}
section#why_choose .btn_more:hover {
transform: translateY(-4px);
box-shadow: 4px 4px 8px #adadad;
transition: .3s;
}
@media (min-width: 1600px){
section#why_choose h2.title {
font-size: 36px;
}
section#why_choose .content_list_why .icon_why {
width: 190px;
height: 190px;
}
section#why_choose .content_list_why .content svg {
width: 50px;
height: 50px;
}
}
@media (min-width: 1900px){
section#why_choose h2.title {
font-size: 40px;
}
section#why_choose p {
font-size: 18px;
}
.col-text-why {
display: flex;
flex-direction: column;
justify-content: center;
}
section#why_choose .content_list_why .icon_why {
width: 200px;
height: 200px;
}
section#why_choose .content_list_why .content svg {
width: 60px;
height: 60px;
}
}
@media (min-width: 2400px){
section#why_choose h2.title {
font-size: 44px;
}
section#why_choose p {
font-size: 20px;
}
section#why_choose .content_list_why .icon_why {
width: 220px;
height: 220px;
}
section#why_choose .content_list_why .content svg {
width: 80px;
height: 80px;
}
}
@media (min-width: 3400px){
section#why_choose h2.title {
font-size: 47px;
}
section#why_choose p {
font-size: 22px;
}
section#why_choose .content_list_why .icon_why {
width: 240px;
height: 240px;
}
section#why_choose .content_list_why .content svg {
width: 100px;
height: 100px;
}
}
@media (max-width: 768px){
section#why_choose h2.title {
font-size: 28px;
margin-bottom: 30px;
}
section#why_choose .col-5, section#why_choose .col-7 {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
section#why_choose .col-7 {
padding-top: 50px;
}
section#why_choose .list_why_choose {
justify-content: center;
}
section#why_choose .content_list_why:nth-child(1) {
left: -8vw;
top: 9vw;
}
section#why_choose .content_list_why:nth-child(2) {
left: -42vw;
top: 20vw;
}
section#why_choose .content_list_why:nth-child(3) {
left: -53vw;
top: -13vw;
}
section#why_choose .content_list_why:nth-child(4) {
top: -25vw;
left: -20vw;
}
}
@media (max-width: 640px){
section#why_choose .img_back {
width: 80%;
}
section#why_choose .content_list_why .icon_why .content {
padding: 0px 5px 0px 5px;
}
section#why_choose h2.title {
margin-bottom: 15px;
}
section#why_choose .content_why h3 {
font-size: 13px;
margin-bottom: 0px;
}
section#why_choose .content_list_why:nth-child(2) {
left: -47vw;
top: 27vw;
}
section#why_choose .content_list_why:nth-child(3) {
left: -59vw;
top: -13vw;
}
section#why_choose .content_list_why:nth-child(4) {
top: -29vw;
}
section#why_choose .btn_more {
font-size: 13px;
}
section#why_choose .content_why .content p {
font-size: 11px;
}
section#why_choose .content_list_why .content svg {
width: 35px;
height: 35px;
}
section#why_choose .col-5 p {
font-size: 14px;
}
}
@media (max-width: 480px){
section#why_choose .content_list_why .icon_why {
width: 140px;
height: 140px;
}
section#why_choose .col-7 {
padding-top: 55px;
}
section#why_choose .content_list_why:nth-child(4) {
left: -30vw;
}
section#why_choose .content_list_why:nth-child(3) {
left: -68vw;
top: -11vw;
}
}section#reviews_customer {
padding-top: 50px;
}
section#reviews_customer h2.title {
color: var(--title);
margin-bottom: 35px;
}
section#reviews_customer .main_reviews {
padding-top: 30px;
padding-bottom: 60px;
}
.main_reviews:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #100f0fb8;
}
section#reviews_customer ul.list_reviews {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
}
section#reviews_customer .col_wrapper {
position: relative;
background: #3E3E3E;
opacity: .9;
padding: 30px 0;
padding-bottom: 60px;
border-radius: 4px;
}
section#reviews_customer .img_reviews img {
border-radius: 50%;
width: 25%;
margin: 0 auto;
}
section#reviews_customer .content_reviews {
text-align: center;
padding: 0px 25px;
padding-bottom: 25px; border-radius: 6px;
}
section#reviews_customer .content_reviews svg {
width: 30px;
transform: rotate(180deg);
fill: #999999;
}
section#reviews_customer .list_reviews svg {
width: 60px;
fill: #fff;
}
section#reviews_customer .list_reviews button.slick-arrow {
background: transparent;
}
section#reviews_customer .list_reviews button.slick-prev.slick-arrow {
left: -60px;
}
section#reviews_customer .list_reviews button.slick-next.slick-arrow {
right: -60px;
transform: rotate(180deg);
}
section#reviews_customer svg path {
stroke: none !important;
}
section#reviews_customer .content p {
font-size: 15px;
color: #fff;
}
section#reviews_customer li.col_reviews {
padding-top: 30px;
padding-left: 10px;
padding-right: 10px;
}
section#reviews_customer .name_customers p {
font-weight: bold;
color: #fff;
text-align: center;
margin-bottom: 0;
font-size: 14px;
}
section#reviews_customer .slick-dots {
bottom: -50px;
}
section#reviews_customer .col_reviews.slick-current.slick-active svg {
fill: #fff;
}
section#reviews_customer ul.slick-dots li.slick-active button {
background: var(--title);
}
section#reviews_customer .name_customers {
margin-top: 10px;
} #sccustomers .slick-arrow {
background: transparent;
}
#sccustomers  .sccustomers_wrapper {
padding-left: 0;
}
#sccustomers button.slick-arrow {
background: transparent !important;
color: #a2a2a2 !important;
font-size: 30px;
opacity: 0;
visibility: hidden;
transition: .5s;
-webkit-transition: .5s;
}
#sccustomers .sccustomers_wrapper:hover button.slick-arrow {
opacity: 1;
visibility: visible;
}
section#sccustomers button.slick-prev {
left: -20px;
}
section#sccustomers button.slick-next {
right: -20px;
}
@media (min-width: 1600px){
section#reviews_customer .content p {
font-size: 18px;
}
section#reviews_customer .name_customers p {
font-size: 16px;
}
}
@media (min-width: 1900px){
section#reviews_customer .content p {
font-size: 20px;
}
section#reviews_customer .name_customers p {
font-size: 18px;
}
}
@media (min-width: 2400px){
section#reviews_customer .content p {
font-size: 22px;
}
section#reviews_customer .name_customers p {
font-size: 20px;
}
}
@media (min-width: 3400px){
section#reviews_customer .content p {
font-size: 24px;
}
section#reviews_customer .name_customers p {
font-size: 22px;
}
}
@media (max-width: 768px){
section#reviews_customer h2.title {
font-size: 28px;
}
section#reviews_customer li.col_reviews {
padding-left: 5px;
padding-right: 5px;
}
section#reviews_customer .content_reviews {
padding: 0px 10px;
padding-bottom: 10px;
}
section#reviews_customer .col_wrapper {
padding: 20px 0;
}
section#reviews_customer .list_reviews svg {
width: 35px;
}
section#reviews_customer .content_reviews {
padding: 0px 5px;
}
section#sccustomers h2.title {
font-size: 28px;
margin-bottom: 30px;
}
section#sccustomers .slick-dots {
bottom: -50px;
}
section#sccustomers ul.slick-dots li.slick-active button {
background: var(--main_bgr);
}
}
@media (max-width: 640px){
section#reviews_customer li.col_reviews {
padding-top: 10px;
}
section#reviews_customer .content p {
font-size: 13px;
}
}section#logo_partner ul.gallery_partner {
padding-left: 0;
list-style-type: none;
border: 1px solid #adaeb15e;
border-radius: 6px;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}
section#logo_partner ul.gallery_partner li img {
width: 100%;
margin: 0 auto;
height: 150px;
object-fit: contain;
padding: 20px;
}
section#logo_partner li.list_logo.slick-slide {
border-right: 1px solid #ccc;
margin-bottom: 0;
background: #fff;
}
section#logo_partner ul.gallery_partner .slick-arrow {
background: transparent;
font-size: 22px;
color: #ADAEB1;
}
section#logo_partner .slick-prev {
left: -20px;
}
section#logo_partner .slick-next {
right: -20px;
}section#sec_blogs {
position: relative;
background: #f5f5f5;
}
section#sec_blogs ul.list_blog {
padding-left: 0;
list-style-type: none;
margin: 0;
}
section#sec_blogs .slick-track {
display: flex;
flex: auto;
}
section#sec_blogs li.col_blog {
padding: 0 15px;
height: auto;
padding-bottom: 15px;
}
section#sec_blogs li.col_blog .col_wrapper:hover img {
transform: scale(1.1);
transition: .5s;
}
section#sec_blogs li.col_blog .col_wrapper:hover .news-title a {
color: var(--title);
}
section#sec_blogs li.col_blog .col_wrapper {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
-webkit-box-shadow: 1px 1px 4px #ddd;
box-shadow: 1px 1px 4px #ddd;
position: relative;
border-radius: 6px;
}
section#sec_blogs li.col_blog .padding_ratio {
overflow: hidden;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
section#sec_blogs li.col_blog .padding_ratio img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: .5s;
}
section#sec_blogs li.col_blog .padding_ratio:before {
padding-bottom: 75%;
}
section#sec_blogs li.col_blog .col_content {
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
section#sec_blogs li.col_blog .news-title {
font-size: 1.2em;
display: flex;
flex: auto;
font-family: 'Oswald';
}
section#sec_blogs li.col_blog .news-title a {
color: #000;
font-weight: 700;
display: -webkit-box;
margin: 0 auto;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
section#sec_blogs li.col_blog p.news-excerpt {
color: #333;
font-size: 14px;
margin-bottom: 0px;
display: -webkit-box;
max-width: 100%;
margin: 0 auto;
line-height: 1.5;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
section#sec_blogs li.col_blog .news-date {
display: flex;
align-items: center;
margin-top: 18px;
font-size: .8em;
opacity: .7;
font-style: italic;
}
section#sec_blogs li.col_blog .col_wrapper:after {
content: '';
width: 0;
height: 3px;
position: absolute;
left: auto;
right: 0;
bottom: 0;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
section#sec_blogs li.col_blog .col_wrapper:hover:after {
background-color: var(--title);
width: 100%;
left: 0;
right: auto;
width: 100%;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
section#sec_blogs li.col_blog .news-date i {
margin-right: 5px;
}
section#sec_blogs li.col_blog .news-date .read-more i {
margin-left: 5px;
}
section#sec_blogs li.col_blog .read-more {
font-size: 14px;
font-weight: 600;
color: #222222;
margin-left: auto;
}
section#sec_blogs li.col_blog .read-more:hover {
color: #000;
}
section#sec_blogs ul.list_blog:hover button.slick-arrow {
opacity: 1;
visibility: visible;
}
section#sec_blogs button.slick-arrow {
background: transparent !important;
color: #a2a2a2 !important;
font-size: 30px;
opacity: 0;
visibility: hidden;
transition: .5s;
-webkit-transition: .5s;
}
section#sec_blogs button.slick-prev {
left: -20px;
}
section#sec_blogs button.slick-next {
right: -20px;
}
@media (min-width: 1600px){
section#sec_blogs li.col_blog .news-title {
font-size: 1.3em;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 16px;
}
section#sec_blogs li.col_blog .news-date {
font-size: .9em;
}
section#sec_blogs li.col_blog .read-more {
font-size: 16px;
}
}
@media (min-width: 1900px){
section#sec_blogs li.col_blog .news-title {
font-size: 1.5em;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 18px;
}
section#sec_blogs li.col_blog .news-date {
font-size: 1em;
}
section#sec_blogs li.col_blog .read-more {
font-size: 16px;
}
}
@media (min-width: 2400px){
section#sec_blogs li.col_blog .news-title {
font-size: 1.7em;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 20px;
}
section#sec_blogs li.col_blog .news-date {
font-size: 1.1em;
}
section#sec_blogs li.col_blog .read-more {
font-size: 18px;
}
}
@media (min-width: 3400px){
section#sec_blogs li.col_blog .news-title {
font-size: 1.9em;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 22px;
}
section#sec_blogs li.col_blog .news-date {
font-size: 1.1em;
}
section#sec_blogs li.col_blog .read-more {
font-size: 20px;
}
}
@media (max-width: 768px){
section#sec_blogs {
padding-bottom: 55px;
}
section#sec_blogs h2.title {
font-size: 28px;
margin-bottom: 30px;
}
section#sec_blogs li.col_blog .news-title {
font-size: 1em;
}
section#sec_blogs li.col_blog {
padding: 0 10px;
padding-left: 0;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 13px;
}
section#sec_blogs li.col_blog .col_content {
padding: 7px 5px;
}
section#sec_blogs ul.slick-dots {
bottom: -45px;
}
section#sec_blogs ul.slick-dots li.slick-active button {
background: var(--main_bgr);
}
}
@media (max-width: 640px){
section#sec_blogs li.col_blog {
padding: 0 7px;
}
section#sec_blogs li.col_blog .news-title {
font-size: .9em;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 12px;
-webkit-line-clamp: 3;
}
section#sec_blogs li.col_blog .news-date {
font-size: .6em;
}
section#sec_blogs li.col_blog .read-more {
font-size: 11px;
}
}
@media (max-width: 480px){
section#sec_blogs li.col_blog .news-date {
flex-direction: column;
align-items: flex-start;
}
section#sec_blogs li.col_blog .read-more {
margin-top: 3px;
margin-left: unset;
}
}section#list_tax_product ul.list_product_cat {
list-style-type: none;
padding-left: 0;
margin: 0;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
display: flex;
}
section#list_tax_product .title_product_cat h2 {
font-size: 18px;
text-align: center;
margin-bottom: 0;
color: var(--title);
font-family: 'Oswald';
font-weight: 500;
}
section#list_tax_product ul.list_product_cat li {
position: relative;
margin-bottom: 0;
padding: 15px;
border-right: 1px solid #ccc;
cursor: pointer;
z-index: 1;
display: flex;
flex-direction: column;
min-height: 100%;
height: auto;
width: 100%;
}
section#list_tax_product ul.list_product_cat li:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transition: .3s;
-webkit-transition: .3s;
}
section#list_tax_product ul.list_product_cat li img {
margin: 0 auto;
object-fit: contain;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section#list_tax_product a.img_tax_product {
display: block;
position: relative;
z-index: -1;
}
section#list_tax_product a.img_tax_product:before {
content: '';
display: block;
padding-bottom: 65%;
}
section#list_tax_product .title_product_cat {
margin-top: 15px;
}
section#list_tax_product ul.list_product_cat li:hover:after {
opacity: 1;
background: #dcdcdc94;
cursor: pointer;
z-index: -2;
}
section#list_tax_product ul.list_product_cat li:hover .title_product_cat h2 {
color: var(--title);
}
section#list_tax_product ul.list_product_cat .slick-track {
display: flex;
flex: auto;
}
@media (min-width: 1600px){
section#list_tax_product .title_product_cat h2 {
font-size: 24px;
}
}
@media (max-width: 767px){
section#list_tax_product .title_product_cat h2 {
font-size: 16px;
}
section#list_tax_product ul.list_product_cat li {
padding: 10px 5px;
}
}#main_product ul.products > li {
flex: 0 0 25% !important;
max-width: 25% !important;
display: flex;
flex-direction: column;
min-height: 100%;
height: auto;
}
#main_product .product_wrapper,
.related.products .product_wrapper {
min-height: 100% !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
a.button.product_type_simple {
background: #5e5656;
border: 1px solid #5e5656;
}
a.button.product_type_simple {
display: none !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
display: block !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
background: #fff;
color: #000;
border: 1px solid #000;
}
a.added_to_cart.wc-forward {
background: linear-gradient(0deg, #CA2128, #e90710f5);
color: #fff;
padding: 10px 20px;
border-radius: 4px;
font-size: 15px;
width: fit-content;
margin: 0 auto;
display: none;
}
.related.products .product_wrapper button.button.alt {
display: none !important;
}
.sec_pro_ntv li.product button.button.alt {
display: none;
} .woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 15px 35px;
border-top-left-radius: 0px; 
border-top-right-radius: 0px;
background: var(--title);
}
.single-product .wc-tabs li {
margin-right: 5px;
}
.single-product .wc-tabs {
border-bottom: 3px solid var(--main_bgr);
}
.single-product .wc-tabs li.active a {
box-shadow: unset;
color: #fff;
}
.single-product .wc-tabs a {
box-shadow: unset;
}
.single-product .wc-tabs a {
color: #000;
}  .woocommerce .product_wrapper {
border-color: transparent;
box-shadow: 0px 5px 24px 10px rgb(68 102 242 / 8%);
transition: all .5s ease-in-out;
padding-bottom: 0px;
background-color: #fff;
position: relative;
}
.woocommerce ul.products li.product .button {
margin-top: 0;
} .woocommerce .orderby {
height: 35px;
} .woocommerce .woocommerce-mini-cart__buttons a.wc-forward {
background-color: var(--main_bgr);
color: #fff;
}
.woocommerce .woocommerce-mini-cart__buttons a.wc-forward:hover {
background-color: var(--main_bgr);
color: #fff;
transition: .3s;
}
.woocommerce-notices-wrapper .woocommerce-message {
flex-direction: row-reverse; 
align-items: center; 
margin-bottom: .5em;
color: red;
padding: 1em;
background-color: #ececec;
} .woocommerce ul.products li.product .price,
.search.search-results .price {
font-family: 'Oswald';
color: var(--title); 
font-size: 16px;
font-weight: 500; margin-top: 0px; margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
} .woocommerce ul.products li.product .price ins {
margin-left: 5px;
}
span.woocommerce-Price-currencySymbol {
padding-left: 3px;
}
span.pewc-order-item-price, strong.product-quantity {
display: none;
}  .form_cart_totals {
background: #e8edf0;
padding: 10px;
margin-bottom: 20px;
border-radius: 5px;
}
.form_cart_totals p {
margin-bottom: 10px!important;
}
.form_cart_totals form input[type="text"], .form_cart_totals form input[type="email"], 
.form_cart_totals form input[type="tel"], .form_cart_totals form textarea {
width: 100%;
text-indent: 10px;
border: none;
background: #fff;
color: rgba(0, 0, 0, 0.8);
font-size: 14px;
border-radius: 5px;
outline: none;
}
.form_cart_totals form textarea {
padding-top: 10px;
}
.form_cart_totals form input[type="submit"] {
padding: 13px 20px;
border-radius: 5px;
border: none;
outline: none;
cursor: pointer;
color: #fff;
background-color: var(--main_bgr);
margin-left: 0;
width: 100%;
}
.form_cart_totals form input[type="submit"]:hover {
background-color: #fa7d11;
} .woocommerce button.button.woocommerce-form-login__submit, .woocommerce .woocommerce-ResetPassword .woocommerce-Button {
color: #fff !important;
}
@media (min-width: 1600px){
.woocommerce ul.products li.product .price, .search.search-results .price {
font-size: 18px;
}
}
@media (min-width: 1900px){
.woocommerce ul.products li.product .price, .search.search-results .price {
font-size: 20px;
}
}
@media (min-width: 2400px){
.woocommerce ul.products li.product .price, .search.search-results .price {
font-size: 22px;
}
}
@media (min-width: 3400px){
.woocommerce ul.products li.product .price, .search.search-results .price {
font-size: 25px;
}
}
@media (max-width: 767px){
.woocommerce .product_wrapper {
padding-bottom: 10px;
}
.woocommerce ul.products li.product .price {
font-size: 15px;
}
}
@media (max-width: 640px){
#main_product ul.products > li {
flex: 0 0 50% !important;
max-width: 50% !important;
}
#main_product ul.products li {
padding: 0 10px;
padding-left: 0;
}
#main_product ul.products li:nth-child(2n) {
padding-right: 0;
}
.woocommerce .product_wrapper { padding-bottom: 10px;
}
input#pewc_group_236_239 {
height: 33px;
padding-left: 0;
}
.woocommerce ul.products > li {
margin-bottom: 10px;
}
}
@media (max-width: 450px){
.woocommerce .woocommerce-ordering {
float: none;
}
.woocommerce .orderby {
height: 32px;
}
}footer .woo_amc_open {
display: none !important;
}
.woo_amc_bg.woo_amc_show:after {
content: none !important;
}
.woo_amc_container_wrap.woo_amc_show,
.woo_amc_bg.woo_amc_show {
width: 405px !important;
height: 450px;
bottom: 0px !important;
top: unset;
}
.woo_amc_bg {
right: 0;
left: unset !important;
}
.woo_amc_bg,
.woo_amc_container_wrap {
height: 450px !important;
top: unset !important;
bottom: 0px !important;
}
.woo_amc_container_side {
top: unset !important;
bottom: 0px !important;
height: 450px !important
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_container_side {
width: 405px !important;
background: #f7f7f7 !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_container_side .woo_amc_center {
max-width: 390px !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_head {
background: var(--main_bgr);
}
.woo_amc_container_wrap.woo_amc_show .woocommerce-Price-amount.amount bdi,
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_price_wrap span.amount {
font-weight: bold;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_wrap {
padding: 10px !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_minus, 
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_plus {
border: 1px solid #cdc2c2;
width: 30px !important;
height: 25px !important;
display: flex !important;
align-items: center;
justify-content: center;
padding-top: 0 !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_update:hover {
background: var(--main_bgr);
opacity: 1;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_update:hover line {
stroke: #fff;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_footer:hover {
opacity: 1 !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_minus svg, 
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_plus svg {
padding: 2px;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_wrap {
display: flex;
align-items: center;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_total_price {
bottom: 5px !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_footer_lines {
padding-left: 0 !important;
}
.woo_amc_container_wrap .woo_amc_close line {
stroke: #fff !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_footer_w50.woo_amc_flex .woo_amc_footer_link {
width: auto;
margin-left: auto;
background: #fff;
padding: 10px 15px;
border-radius: 6px;
font-weight: bold;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_footer_w50.woo_amc_flex .woo_amc_footer_link:hover {
background: #fd8f06;
color: #fff;
}
.woo_amc_head {
height: 45px !important;
}
.woo_amc_head_title {
font-size: 20px !important;
}
.woo_amc_items_scroll {
top: 55px !important;
}
.woo_amc_footer .woo_amc_flex {
height: 80px !important;
} .shop_table .amount {
font-weight: bold;
}
#cart-icon {
padding-right: 10px;
}
#cart-icon .widget_shopping_cart_content {
transform: scale(0);
position: absolute;
right: 0;
width: 350px;
padding: 10px;
margin: auto;
background-color: white;
border-radius: 5px;
transition: .2s linear;
border: 1px solid lightgray;
}
#cart-icon .cart-contents svg, #cart-icon .cart-contents path {
fill: #fff;
}
#cart-icon .cart-count{
top: 5px;
left: 3px;
width: 16px;
height: 16px;
line-height: inherit;
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
color: var(--title);
}
#cart-icon .dropdown-menu.dropdown-menu-mini-cart.active .woocommerce-mini-cart__empty-message,
#cart-icon .dropdown-menu.dropdown-menu-mini-cart.active .widget_shopping_cart_content {
transform: scale(1);
z-index: 5;
}
#cart-icon ul.woocommerce-mini-cart.cart_list.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item {
display: flex;
padding: 0;
}
#cart-icon a.remove.remove_from_cart_button {
order: 3;
color: #fff !important;
background: var(--main_bgr);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
font-size: 20px;
padding: 0 5px;
}
#cart-icon .quantity, #cart-icon bdi {
font-weight: bold;
}
#cart-icon .content_cart {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 10px;
}
#cart-icon .img_pro_cart{
width: 40%;
}
#cart-icon .woocommerce-mini-cart__buttons.buttons {
justify-content: space-around;
}
#cart-icon .woocommerce-mini-cart__buttons.buttons a {
background: linear-gradient(0deg, #CA2128, #e90710f5);
color: #fff;
padding: 10px 20px;
border-radius: 4px;
font-size: 15px;
}
#cart-icon .woocommerce-mini-cart__buttons.buttons a:hover {
background: #CA2128;
}
#cart-icon .cart-contents i {
font-size: 22px;
color: #fff;
margin-right: 0;
}
#cart-icon .cart-contents span {
display: flex;
align-items: center;
justify-content: center;
}.content_dmda .news-title {
justify-content: center;
font-size: 1.4em!important;
}
.content_dmda .news-title a {
color: #fff;
}
.sec_du_an .col_wrapper {
display: flex;
flex-direction: column;
}
.sec_du_an .padding_ratio:before {
padding-bottom: 60%;
}
.list_project {
margin-bottom: 25px;
}
.list_project .col_wrapper {
background-color: white;
display: flex;
flex-direction: column;
min-height: 100%;
position: relative;
overflow: hidden;
}
.list_project a.padding_ratio {
display: block;
overflow: hidden;
}
.content_dmda {
position: absolute;
bottom: -59px;
left: 0%;
width: 100%;
padding: 30px;
z-index: 1;
color: #fff;
padding: 30px 69px;
transition: all .3s;
background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0) 90%);
}
.content_dmda .news-title a {
color: #fff;
text-decoration: none;
}
.content_dmda .news-title {
font-size: 1.4em;
font-weight: normal;
text-align: center;
text-transform: uppercase;
padding-bottom: 5px;
font-weight: 600;
}
.content_dmda i {
color: #fff;
font-size: 20px;
}
.line {
text-align: center;
height: 1px;
width: 60px;
background-color: rgba(255, 255, 255, 0.2);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
margin: 0 auto 30px;
}
.icon_right {
display: block;
text-align: center;
}
.sec_du_an .col_wrapper:hover .line {
width: 100%;
transition-property: all;
transition-duration: 0.8s;
transition-timing-function: ease-in-out;
}
.sec_du_an .col_wrapper:hover .content_dmda {
bottom: 0;
transition: .5s;
}
@media (max-width: 768px){
.content_dmda {
padding: 30px 35px;
}
}
@media (max-width: 425px){
.content_dmda {
padding: 30px 30px;
}
}.quan_nav .slide-item {
flex: 25%;
max-width: 25%;
position: relative;
padding: 10px;
}
.quan_nav .slide-item:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000f5;
opacity: 0.8;
z-index: 3;
}
.quan_nav .slide-item.slick-current.slick-active:after {
opacity: 0;
}
.quan_nav .img:before {
padding-bottom: 50%!important;
}
.sec_gallery_project .img {
position: relative;
}
.sec_gallery_project .img:before {
content: '';
display: block;
padding-bottom: 85%;
}
.sec_gallery_project .img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
}
.content_single_project {
padding-top: 45px;
background-color: #fff;
}
.content_single_project h2 {
text-align: center;
color: #000;
}
.thong_tin_du_an {
position: relative;
border-bottom: 12px solid #141d38;
}
#section_6 .slide_img .wrapper {
position: relative;
display: block;
}
#section_6 .slide_img .wrapper {
position: relative;
display: block;
}
#section_6 .slide_img img {
height: 75vh;
width: auto;
position: relative;
opacity: .3;
transition: 1s;
}
#section_6 .slide_dot div[tabindex] .is_mask {
position: absolute;
opacity: .5;
}
#section_6 .slide_dot .img img {
position: absolute;
top: 5%;
display: block;
left: 5%;
width: 90%;
height: 90%;
z-index: 1;
object-fit: cover;
margin: auto;
}
#section_6 .slide_dot .wrapper:before {
content: '';
display: block;
padding-bottom: 55%;
background: #000;
}
#section_6 .slide_dot .wrapper {
position: relative;
display: block;
}
#section_6 .slide_dot .slick-list {
background-color: #000;
}
#section_6 .wrapper.slick-slide.slick-current.slick-active.slick-center img {
filter: grayscale(0%)!important;
opacity: 1!important;
}
.ten_du_an, .chuyen_muc, .date_project{
display: flex;
margin-bottom: 15px;
flex-wrap: wrap;
}
.ten_du_an i, .chuyen_muc i, .date_project i {
font-size: 20px;
margin-right: 8px;
}
.col-3.thong_tin_du_an p {
margin-bottom: 0;
}
.col-3.thong_tin_du_an span {
margin-right: 10px;
}
.sidebar_project ul {
list-style-type: none;
}
.nhxet_project {
margin-top: 30px;
}
.slide_dot {
cursor: pointer;
}
.is_mask {
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: #000;
}
p.hinh_anh_du_an {
text-align: center;
font-size: 30px;
font-weight: 700;
margin-bottom: 0;
}
.sec_du_an_pro .list_sidebar_news{
position: sticky;
top: 0;
left: 0;
background-color: #ffffff;
border-bottom: 12px solid #141d38;
box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
margin-top: 25px;
padding: 15px;
} ul.service-list li {
position: relative;
line-height: 24px;
margin-bottom: 3px;
font-size: 18px;
}
ul.service-list {
list-style-type: none;
margin: 0;
position: sticky;
top: 0;
left: 0;
}
.service-list li a {
position: relative;
display: block;
color: #222222;
padding: 10px 5px 10px 2.5em;
border: 1px solid #dddddd;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.service-list span {
position: absolute;
top: 0px;
left: 0;
border-right: 1px solid #dddddd;
height: 100%;
display: flex;
align-items: center;
width: 2em;
justify-content: center;
}
.service-list h3 {
margin: 0;
color: #000;
font-size: 16px;
}
.service-list i.fas.fa-angle-double-right {
color: var(--title);
}
ul.service-list li a:hover {
background: var(--main_bgr);
}
ul.service-list li a:hover h3, ul.service-list li a:hover span i.fas.fa-angle-double-right {
color: #fff;
}
.sidebar_service {
margin-bottom: 30px;
}
.sidebar_contact {
position: relative;
padding: 35px;
background: #dd4d1b;
color: #fff;
}
.sidebar_ho_tro {
border: 1px dashed #fff;
padding: 30px;
}
.icon_sidebar i {
transform: rotate(323deg);
}
.icon_sidebar {
color: #ffffff;
font-size: 60px;
line-height: 1em;
} #open_sidebar_pro, .close-sidebar-pro-btn {
display: none;
}
@media (max-width: 1024px){
.container.quannnn {
padding: 30px 15px;
}
}
@media (max-width: 768px){
.container.quannnn .col-9 {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.container.quannnn {
padding: 0px 15px;
}
#open_sidebar_pro {
position: fixed;
top: 30%;
left: 0;
width: 60px;
height: 50px;
text-align: center;
z-index: 350;
font-size: 1.5em;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-style: solid;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
border-color: unset;
background-color: var(--main_bgr);
color: var(--main_bgr);
opacity: .9;
transition: .2s all ease;
-webkit-transition: .2s all ease;
}
#open_sidebar_pro i { font-size: 25px; color: #fff }
.container.quannnn .col-9 {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
padding: 0 15px;
}
.close-sidebar-pro-btn {
display: block;
padding-top: 10px;
padding-bottom: 20px;
text-align: right;
}
.close-sidebar-pro-btn span {
color: #fff;
font-weight: 700;
background: #000;
padding: 10px 15px;
}
.container.quannnn .col-3.sec_du_an_pro.show {
transform: translateX(0);
opacity: 1;
visibility: visible;
transition: .6s;
padding: 0;
flex: 0 0 100%;
max-width: 100%;
padding: 0 5px;
overflow-y: scroll;
}
.container.quannnn .col-3.sec_du_an_pro {
position: fixed;
top: 0;
left: 0;
width: 50%;
height: 100%;
transform: translateX(-100%);
max-height: 100%;
background: #fff;
z-index: 999;
padding: 0;
opacity: 0;
visibility: hidden;
transition: .6s;
box-shadow: 2px 1px 4px #00000040;
}
}
@media (max-width: 640px){
.container.quannnn .col-3.sec_du_an_pro.show {
flex: 0 0 100%;
max-width: 100%;
}
.container.quannnn .col-3.sec_du_an_pro {
width: 85%;
}
.container.quannnn .col-9 {
padding: 0 9px;
}
.mieu_ta_du_an h2 {
font-size: 22px;
}
.mieu_ta_du_an {
padding: 15px 9px;
}
}
@media (max-width: 425px){
#section_6 .slide_dot .wrapper:before {
padding-bottom: 70%;
}
#section_6 .slide_img img {
height: 50vh;
}
}.lenam_summary_logo {
display: flex;flex-wrap: wrap; margin-bottom: 10px;
}
.lenam_summary_logo .summary_logo_item {
flex-grow: 1; display: flex; flex-direction: column;
border:solid 1px #dddd;
}
.lenam_summary_logo .logo_title {
flex-grow: 1; text-align: center; font-weight: bold;
padding:5px 10px; border-bottom: solid 1px #dddd;
margin-bottom: 0;
}
.lenam_summary_logo .summary_logo img {
height: 100px; 
width: 150px; 
object-fit: scale-down;
}
.lenam_summary_logo .summary_logo {
flex-grow: 2; padding:5px; display: flex; justify-content: center;
}
.lenam_policy {
padding: 5px 0;
padding-bottom: 0;
display: flex;
justify-content: flex-start;
}
.lenam_policy .policy {
display: flex; text-align: center; padding: 8px 15px;
flex-direction: column;
color: #000;
}
.lenam_policy .col_icon {
flex:0 0 50px; display: flex; align-items: center;
justify-content: center;
}
.lenam_policy .col_icon img {
max-width: 50px; height: auto;
}
.lenam_policy .col_info {
display: flex; flex-direction: column; justify-content: center;
flex-grow: 1; padding-left: 0px; font-size: 14px;
}
.lenam_policy .policy:hover .policy_title {
color: var(--title);
}
.lenam_policy .col_info .policy_title {
font-size: 1.05em;
margin-top: 10px;
}
.lenam_policy .col_info .policy_cnt ul, .lenam_policy .col_info .policy_cnt ol {
padding:0; margin:0;
}
.lenam_policy .col_info .policy_title li,
.lenam_policy .col_info .policy_title p {
margin-bottom: .2em;
}
.summary.entry-summary.col_wrapper {
padding-left: 10px;
}
.single-product .bottom_section .related.products .quantity {
display: none;
}
.single-product .bottom_section li .product_wrapper form.cart {
display: flex;
}
.single-product .top_section {
padding:0;
}
.col_thong_tin .woocommerce-product-details__short-description {
text-align: justify;
}
.namlbn--with-images {
display: block;
flex-direction: unset;
overflow: hidden;
}
.namlbn-nav .slick-track {
margin:0;
}
.namlbn-for .slick-arrow {
background: transparent !important;
}
.namlbn-for .slick-arrow i {
color: #000
}
.namlbn-for .slick-arrow:hover i {
color: var(--title);
}
.top_section.sec_product .woocommerce-product-details__short-description {
border-bottom: 1px dashed #eaebf3;
padding-bottom: 10px;
}
.namlbn--with-images.has_nav .namlbn-for {
flex: 100%;
max-width: 100%;
}
.namlbn--with-images .namlbn-nav {
flex: 0 0 100%;
max-width: 100%;
margin-top: 10px;
}
.namlbn--with-images .namlbn-nav .slick-list {
display: block;
}
.sec_product h1.product_title.entry-title {
font-size: 27px;
color: #000;
margin: 0 0 10px;
font-weight: bold;
border-bottom: 1px dashed #eaebf3;
padding-bottom: 10px;
}
.col_hinh_anh {
display: flex;
flex-direction: column;
flex: 0 0 50%;
max-width: 50%;
}
.namlbn-for .slick-track {
overflow: hidden;
}
.col_thong_tin {
z-index: 10;
flex: 0 0 50%;
max-width: 50%;
padding-left: 10px;
}
.col_thong_tin .product_meta a {
color: #337ab7;
}
.col_thong_tin span.posted_in {
font-size: 15px;
}
.related.products .price {
padding: 5px 10px;
}
.related.products p.brands {
padding: 5px 10px;
} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
background-color: var(--main_bgr);
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 22px;
font-weight: bold;
color: var(--title);
}
.woocommerce-product-details__short-description p {
font-size: 16px;
color: #000000e0;
margin-bottom: 0;
}
.summary .product_contact_title {
font-weight: bold; font-size: 1.1rem; padding-top: 0px; margin-bottom: 10px;
}
.summary .product_contact {
display: inline-block; padding:1em 3em; border-radius: 2px;
box-shadow: 2px 2px 4px #b9b9b9; color: white;
text-transform: uppercase; background: var(--main_bgr);
transition: .3s;
}
.summary .product_contact:hover {
transform: translatey(-4px);  box-shadow: 4px 4px 8px #adadad;
transition: .5s; background: var(--title);
}
.single_variation_wrap .woocommerce-variation-add-to-cart, .summary form.cart:not(.variations_form) {
margin-top: 5px;
}
.namlbn-nav .slick-slide {
border: 1px solid #ccc;
padding: 10px;
margin-right: 5px;
}
.woocommerce #review_form #respond input[type="submit"] { color: #fff; }
.single-product .woocommerce-tabs-panel { 
box-shadow: 0px 5px 24px 10px rgb(68 102 242 / 5%);
} .woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.sec_product input.minus, .sec_product input.plus {
padding: 8px 15px;
}
.sec_product .minus:active, .sec_product .plus:active{
color: #fff;
}
.summary .product_contact.no_price {
display: inline-block;
padding: 0;
border-radius: 0;
box-shadow: inherit;
color: var(--title);
text-transform: capitalize;
background: transparent;
transition: .3s;
}
.summary .product_contact.no_price:hover {
transform: translatey(0px);
box-shadow: inherit;
transition: .3s;
background: transparent;
}
.woocommerce button.button:hover {
color: #fff;
}
.sec_product .quantity input.minus, .sec_product .quantity input.plus {
cursor: pointer;
}
.sec_product .quantity .qty {
width: 7em;
border: 1px solid #000;
height: 60px;
padding: 0;
outline: none;
font-size: 18px;
}
.sec_product input.minus:focus, .sec_product input.plus:focus { outline: none; }
.sec_product input.minus:hover, .sec_product input.plus:hover { color: var(--main_bgr); }
.sec_product input.minus, .sec_product input.plus {
position: absolute;
background: none;
border: none;
width: 2em;
height: 100%;
font-size: 23px;
}
.sec_product input.plus {
right: 0px;
top: 0px;
}
.quantity {
position: relative;
}
.woocommerce div.product form.cart {
margin-bottom: 1em;
}
.woocommerce div.product form.cart div.quantity { padding-right: 0; }
.sec_product button.single_add_to_cart_button.button.alt {
width: 16em;
height: 60px;
padding: 0;
outline: none;
background-color: #000;
border-radius: 0;
}
.sec_product button.single_add_to_cart_button.button.alt:hover {
background-color: var(--main_bgr);
} .bottom_section .related.products .slick-list, .sec_product .up-sells.products .slick-list,
.sc_product_related ul.products .slick-list  {
width: 100%;
padding-bottom: 40px;
}
.bottom_section .related.products .slick-track, .bottom_section .up-sells.products .slick-track {
display: flex;
flex: auto;
margin-left: 0;
}
.bottom_section .related.products li.product, .bottom_section .up-sells.products li.product {
display: flex;
flex-direction: column;
min-height: 100%;
height: auto;
flex: auto;
max-width: unset;
}
.bottom_section .related.products button.slick-arrow, 
.sec_product .up-sells.products button.slick-arrow,
.sc_product_related ul.products button.slick-arrow {
opacity: 0;
visibility: hidden;
transition: .3s;
-webkit-transition: .3s;
}
.bottom_section .related.products ul.products:hover button.slick-arrow, 
.sec_product .up-sells.products ul.products:hover button.slick-arrow,
.sc_product_related ul.products:hover button.slick-arrow {
opacity: 1;
visibility: visible;
}  .woocommerce-tabs.wc-tabs-wrapper {
position: relative;
}
div#tab-description {
overflow: hidden;
padding: 20px 30px 40px 20px;
}
div#tab-description span {
display: initial !important;
}
.woocommerce-tabs.wc-tabs-wrapper a.toggle_section {
color: #fff;
font-size: 15px;
text-transform: capitalize;
font-weight: 400;
background: #333;
padding: 10px 15px;
text-decoration: none;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
transition: .5s;
-webkit-transition: .5s;
}
.woocommerce-tabs.wc-tabs-wrapper a.toggle_section:hover {
background: var(--main_bgr);
}
.bvsp_mask {
position: absolute;
bottom: 0;
width: 100%;
height: 80%;
left: 0;
background: linear-gradient(0deg, white,#ffffffd9, #ffffff5e,transparent, transparent);
}
.woocommerce-tabs.wc-tabs-wrapper a.toggle_section i {
margin-left: 0px;
}  span.pewc-cart-item-price, dt.variation-tnhgi, dd.variation-tnhgi {
display: none!important;
}
dl.variation {
margin-top: 5px;
}
td.product-name a { font-weight: 700; }
tr.woocommerce-cart-form__cart-item.cart_item td.product-remove {
padding: 0!important;
padding-left: 5px!important;
}
tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail {
padding: 8px 0!important;
}
tr.woocommerce-cart-form__cart-item.cart_item td.product-price {
text-align: center;
}
form.woocommerce-cart-form input.minus, form.woocommerce-cart-form input.plus {
position: absolute;
background: none;
border: none;
width: 45px!important;
height: 100%;
font-size: 23px;
padding: 0 !important;
}
form.woocommerce-cart-form input.minus:hover, form.woocommerce-cart-form input.plus:hover {
cursor: pointer;
}
form.woocommerce-cart-form .quantity .qty {
width: 130px!important;
border: 1px solid #000;
height: 60px;
padding: 0!important;
outline: none;
font-size: 18px;
}
form.woocommerce-cart-form input.plus {
right: 0;
top: 1px;
}
.woocommerce-cart-form .quantity {
width: 130px !important;
}
.woocommerce-page table.cart td.actions .coupon .input-text+.button { color: #fff; }
.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
color: #fff;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background: var(--main_bgr);
} .woocommerce table.shop_table td.product-name {
width: 25% !important;
} #form_popup_pro, #form_popup_vat {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 99999;
transform: scale(0);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease 0s;
}
#form_popup_vat input.wpcf7-submit {
display: block !important;
}
#form_popup_pro.show, #form_popup_vat.show {
opacity: 1;
visibility: visible;
transform: scale(1);
}
#form_popup_pro .bg, #form_popup_vat .bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgb(0, 0, 0);
opacity: 0.5;
}
#form_popup_pro .content_form_tv, #form_popup_vat .content_form_tv {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 35%;
background-color: #fff;
}
#form_popup_pro .main_form_tu_van, #form_popup_vat .main_form_tu_van {
background-color: rgb(255, 255, 255);
padding: 10px 20px;
border-top: 3px solid var(--title);
}
#form_popup_pro input, #form_popup_vat input {
width: 100%;
height: 40px;
margin-bottom: 10px;
text-indent: 20px;
border-width: 1px;
border-style: solid;
border-color: rgb(206, 212, 218);
border-image: initial;
border-radius: 20px;
}
#form_popup_pro input:focus, #form_popup_vat input:focus { outline: none; }
#form_popup_pro input.wpcf7-form-control.wpcf7-submit,
#form_popup_vat input.wpcf7-form-control.wpcf7-submit {
background: var(--main_bgr);
color: #fff;
text-indent: 0;
}
#form_popup_pro input.wpcf7-form-control.wpcf7-submit:hover {
background: #36365c;
cursor: pointer;
}
#form_popup_pro .top_form_tu_van,
#form_popup_vat .top_form_tu_van {
padding: 15px 0;
}
#form_popup_pro .top_form_tu_van img,
#form_popup_vat img {
margin: 0 auto;
}
#form_popup_pro .popup_title,
#form_popup_vat .popup_title {
text-align: center;
text-transform: uppercase;
font-size: 1.2em;
line-height: 24px;
color: #36365c;
margin-top: 10px;
margin-bottom: 10px;
}
#form_popup_pro .wpcf7 form>div, #form_popup_pro .wpcf7 form>p,
#form_popup_vat .wpcf7 form>div, #form_popup_vat .wpcf7 form>p {
margin-bottom: 0px; 
}
.btn_lan_sau button {
width: 100%;
height: 40px;
border-width: 1px;
border-style: solid;
border-color: rgb(206, 212, 218);
border-image: initial;
border-radius: 20px;
background: var(--main_bgr);
color: #fff;
font-size: 1em;
}
.sec-btn-sau { padding-right: 10px; }
.sec-btn-sau .col-6 { padding-right: 0; }
.btn_lan_sau button:hover { cursor: pointer; background: #36365c; }
.icon_hotline_form i {
padding: 10px;
border: 1px solid var(--main_bgr);
border-radius: 50%;
font-size: 25px;
margin-right: 10px;
color: var(--main_bgr);
}
.icon_hotline_form {
display: flex;
align-items: center;
justify-content: center;
color: var(--main_bgr);
font-weight: 600;
margin-bottom: 10px;
font-size: 22px;
}
.icon_hotline_form a {
color: var(--main_bgr);
}  .sc_product_related {
margin-top: 15px;
}
.sc_product_related button.button.alt {
display: none !important;
}
.sc_product_related ul.products li.product {
padding: 0;
}
.title_product_related {
font-size: 1.5em;
margin-bottom: 1em;
border-bottom: solid 1px var(--main_bgr);
color: var(--main_bgr);
font-weight: 600;
}  .post_pro {
padding-bottom: 30px;
}
.post_pro ul {
list-style-type: none;
padding: 0;
}
.post_pro ul li a {
color: inherit;
}
.post_pro ul li a:hover {
color: var(--main_txt);
}
.post_pro h2 {
font-size: 1.5em;
margin-bottom: 1em;
border-bottom: solid 1px var(--main_bgr);
color: var(--main_bgr);
}
.post_pro {
padding-left: 7px;
padding-right: 7px;
} .woocommerce-Tabs-panel--download .download_item {
width: 100%; max-width: 90vw !important;
border:solid 1px #dddd; border-top:none;
}
.woocommerce-Tabs-panel--download .download_item:first-child {
border-top: solid 1px #dddd;
}
.woocommerce-Tabs-panel--download .download_item a {
display: flex; 
}
.woocommerce div.product .woocommerce-Tabs-panel--download .download_item .download_title {
flex-grow: 1; display: flex; align-items: center;
padding:5px 5px 5px 10px;
}
.woocommerce div.product .woocommerce-Tabs-panel--download .download_item .download_icon {
border-left: solid 1px #dddd; display: flex; justify-content: center;
align-items: center; margin:0; padding:5px 10px 5px;
}
.woocommerce-Tabs-panel--download .download_item .download_icon svg {
height: 2em; width: auto;
}
.woocommerce-notices-wrapper .woocommerce-message a.button {
padding: 0.5em 10px !important;
margin-top: 0 !important;
font-weight: 500;
font-size: 15px;
}
.wc-tab #reviews #comments .commentlist li.review .comment_container .comment-text img {
height: 20px !important;
}
.wc-tab #reviews #comments .commentlist li.review .comment_container .comment-text p {
margin-bottom: 0 !important;
margin-left: 5px;
margin-right: 5px;
}
.wc-tab #reviews #comments .commentlist li.review .comment_container .comment-text {
padding: 10px !important;
align-items: center;
justify-content: center;
} .banner_km {
margin-top: 15px;
position: relative;
}
.banner_km p {
font-weight: bold;
font-size: 16px;
} @media (min-width: 1600px){
.sec_product h1.product_title.entry-title {
font-size: 29px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 24px;
}
.lenam_policy .col_info .policy_title {
font-size: 1.1em;
}
div#tab-description {
font-size: 18px;
}
}
@media (min-width: 1900px){
.sec_product h1.product_title.entry-title {
font-size: 31px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 26px;
}
.lenam_policy .col_info .policy_title {
font-size: 1.2em;
}
.summary .product_contact_title {
font-size: 1.2rem;   
}
.col_thong_tin .product_meta {
font-size: 18px;
}
.col_thong_tin span.posted_in {
font-size: 18px;
}
.bottom_section .tabs.wc-tabs a {
font-size: 21px;
}
div#tab-description {
font-size: 20px;
}
}
@media (min-width: 2400px){
.sec_product h1.product_title.entry-title {
font-size: 33px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 28px;
}
.lenam_policy .col_info .policy_title {
font-size: 1.3em;
}
.summary .product_contact_title {
font-size: 1.4rem;   
}
.summary .product_contact {
padding: 1.2em 3.5em;
font-size: 20px;
}
.col_thong_tin .product_meta,
.col_thong_tin span.posted_in {
font-size: 20px;
}
.bottom_section .tabs.wc-tabs a {
font-size: 23px;
}
div#tab-description {
font-size: 22px;
}
}
@media (min-width: 3400px){
.sec_product h1.product_title.entry-title {
font-size: 35px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 30px;
}
.lenam_policy .col_info .policy_title {
font-size: 1.4em;
}
.summary .product_contact_title {
font-size: 1.5rem;   
}
.col_thong_tin .product_meta,
.col_thong_tin span.posted_in  {
font-size: 22px;
}
.bottom_section .tabs.wc-tabs a {
font-size: 24px;
}
div#tab-description {
font-size: 24px;
}
}
@media (max-width: 1024px){
#form_popup_pro .content_form_tv, #form_popup_vat .content_form_tv {
width: 40%;
}
form.woocommerce-cart-form input.plus {
right: 12px;
}
}
@media (max-width: 768px){
form.woocommerce-cart-form input.plus {
right: 0px;
}
#form_popup_pro .content_form_tv, #form_popup_vat .content_form_tv { 
width: 55%;
}
.sec_product h1.product_title.entry-title {
font-size: 24px;
margin: 0px 0 5px;
padding-bottom: 5px;
}
.col_thong_tin form.cart {
margin-bottom: 10px!important;
}
ul.pewc-product-extra-groups {
margin-bottom: 0px;
margin-top: 0px;
}
.sec_product .quantity .qty {
width: 6em;
height: 50px;
font-size: 16px;
}
.sec_product button.single_add_to_cart_button.button.alt {
width: 13em;
height: 50px;
}
.woocommerce-cart.woocommerce-page .entry-content .woocommerce .woocommerce-cart-form {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.woocommerce-cart.woocommerce-page .entry-content .woocommerce .cart-collaterals {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.col_hinh_anh, .col_thong_tin {
flex: 0 0 100%;
max-width: 100%;
padding: 0 15px;
}
.col_thong_tin {
margin-top: 15px;
}
}
@media (max-width: 767px){
.sec_product h1.product_title.entry-title {
margin-top: 20px;
}
.summary.entry-summary.col_wrapper {
padding-left: 0;
}
#form_popup_pro .content_form_tv, #form_popup_vat .content_form_tv { 
width: 93%; 
}
#form_popup_pro .top_form_tu_van, #form_popup_vat .top_form_tu_van {
padding: 5px 0;
}
form.woocommerce-cart-form input.plus {
right: 0px;
top: 1px;
}
.col_hinh_anh, .col_thong_tin {
padding: 0 5px;
}
#form_popup_pro h3 {
font-size: 1.5em;
margin: 0;
}
#form_popup_pro input, #form_popup_vat input { height: 35px; }
.btn_lan_sau button { height: 35px; }
.sec-btn-sau .col-6 {
flex: 0 0 50%;
max-width: 50%;
width: 49%;
}
.row.sec-btn-sau {
padding: 0 10px;
}
}
@media (max-width: 500px){
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 15px 18px;
}
#form_popup_pro h3, #form_popup_vat h3 {
font-size: 1.2em;
}
.icon_hotline_form {
font-size: 18px;
}
}
@media (max-width: 425px){
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 10px 7px;
font-size: 16px;
}
#form_popup_pro .content_form_tv, #form_popup_vat .content_form_tv {
width: 97%;
}
#form_popup_pro .main_form_tu_van, #form_popup_vat .main_form_tu_van {
padding: 10px 5px;
}
}
.tab_main_pro {
display: none;
}
.tab_main_pro.active .tab_main_pro, .section_product .tab_main_pro.active {
position: relative;
opacity: 1;
overflow: visible;
display: block;
}
.tab_main_pro_test {
display: none;
}
.tab_main_pro_test.active {
display: block;
}
.namlbn-for figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.namlbn-for figure {
max-width: 100% !important;
max-height: 100% !important;
}
.namlbn-product-image-view img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: scale-down;
object-position: center;
background-color: #ffffff;
max-width: 100% !important;
max-height: 100% !important;
}
.namlbn-nav .slick-slide:after {
background: #b9b9b9
} .info_vat {
width: 100% !important;
}
.info_vat > label {
flex: 0 0 32% !important;
}
.info_vat .woocommerce-input-wrapper {
display: flex;
flex: 0 0 10% !important;
}
.info_vat span.woocommerce-input-wrapper>input {
width: fit-content !important;
margin: 0 !important;
margin-right: 10px !important;
}
.info_vat label.radio {
line-height: 2.2 !important;
}
.info_vat p label {
width: 10% !important;
}
.mz-thumb-selected img {
-webkit-filter: brightness(100%) !important;
filter: brightness(100%) !important;
box-shadow: none !important;
} button[name='update_cart'] {
display: none !important;
}
.woocommerce-page table.cart td.actions .coupon {
float: none !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 60%;
}
.woocommerce-page table.cart td.actions .coupon .input-text+.button {
width: 40%;
}@font-face {
font-family: "magictoolbox-thin";
font-weight: normal;
font-style: normal;
src:url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/css/fonts/magictoolbox-thin.eot);
src:url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/css/fonts/magictoolbox-thin.eot?#iefix) format("embedded-opentype"),
url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/css/fonts/magictoolbox-thin.woff) format("woff"),
url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/css/fonts/magictoolbox-thin.ttf) format("truetype"),
url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/css/fonts/magictoolbox-thin.svg#magictoolbox-thin) format("svg");
}
.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage > figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.MagicZoom,
.mz-figure {
display: inline-block;
outline: 0 !important;
font-size: 0 !important;
line-height: 100% !important;
direction: ltr !important;
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 auto;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.MagicZoom {
-webkit-transform: translate3d(0,0,0);
-ms-touch-action: pan-y;
touch-action: pan-y;
}
figure.mz-figure {
-webkit-perspective: 300px;
perspective: 300px;
margin: 0 !important;
}
.MagicZoom img,
.mz-figure img {
border: 0 !important;
margin: 0 !important;
outline: 0 !important;
padding: 0 !important;
}
.MagicZoom > img,
.mz-figure > img {
width: 100%;
height: auto;
}
.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img {
width: 100%;
max-width: none !important;
}
.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
cursor: default !important;
}
.mz-figure.mz-active,
.mz-expand {
-ms-touch-action: none;
touch-action: none;
}
.mz-lens,
.mz-zoom-window {
position: absolute !important;
overflow: hidden !important;
pointer-events: none !important;
}
.mz-lens img,
.mz-zoom-window img {
position: absolute !important;
max-width: none !important;
max-height: none !important;
}
.mz-zoom-window {
z-index: 2000000000;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.mz-zoom-window.mz-magnifier {
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
-webkit-mask-clip: content;
cursor: none;
}
.mz-zoom-window.mz-magnifier.mz-expanded {
z-index: 2147483647;
}
.mz-zoom-window img  {
left: -1000%;
right: -1000%;
top: -1000%;
bottom: -1000%;
margin: auto !important;
-ms-transform-origin: 50% 50% !important;
-webkit-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important;
}
.mz-zoom-window.mz-preview img {
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
-webkit-transform: none !important;
transform: none !important;
width: 100% !important;
height: auto !important;
}
.lt-ie9-magic .mz-zoom-window img  {
margin: 0 !important;
}
.mz-expand-controls {
z-index: 2147483647;
}
.mz-fade {
-webkit-transition: opacity .25s;
transition: opacity .25s;
}
.mz-hidden {
opacity: 0;
}
.mz-visible {
opacity: 1;
}
.mobile-magic .mz-expand .mz-expand-bg {
-webkit-transform-style: flat !important;
transform-style: flat !important;
}
.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption {
display: none !important;
}
.mobile-magic .mz-expand-controls.mz-fade {
transition: none !important;
}
.mobile-magic .mz-expand .mz-zoom-window {
top: 0 !important;
left: 0 !important;
} .mz-figure.mz-active {
background: #fff;
}
.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mz-figure.mz-active.mz-no-expand {
cursor: crosshair;
}
.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
cursor: crosshair;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out;
}
.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
cursor: none;
}
.mz-figure.mz-active > img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'0.6\'/></feComponentTransfer></filter></svg>#grayscale");
-webkit-filter: grayscale(80%) opacity(60%);
filter: grayscale(80%) opacity(60%);
}
.no-cssfilters-magic .mz-figure.mz-active > img {
opacity: 0.6;
}
.lt-ie10-magic .mz-figure.mz-active > img {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6);
}
.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img {
opacity: 0;
}
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window {
opacity: 1;
}
.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
filter: alpha(opacity=0);
}
.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
background: transparent;
} .mz-lens {
border: 1px solid #aaa;
border-color: rgba(170,170,170,0.7);
box-shadow: 0 0 5px rgba(0,0,0,.3);
cursor: none;
z-index: 10;
opacity: 0;
}
.mz-figure.mz-active .mz-lens {
opacity: 1;
-webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
}
.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
border-radius: 50%;
opacity: 0;
cursor: none;
} .mz-zoom-window {
background: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.mz-zoom-window.mz-magnifier {
border-radius: 50%;
border: 0;
background: rgba(255,255,255,.3);
}
.mz-zoom-window.mz-magnifier:before {
content: "";
display: block;
position: absolute;
top: 0;bottom: 0;
left: 0; right: 0;
border-radius: 100%;
border: 1px solid rgba(170,170,170,0.7);
box-shadow: 0 0 5px rgba(0,0,0,.3);
background: transparent;
z-index: 1;
}
.lt-ie9-magic .mz-zoom-window {
border: 1px solid #e5e5e5;
}
.mz-zoom-window.mz-inner {
border: none;
box-shadow: none;
} .mz-zoom-window .mz-caption {
background: #777;
color: #fff;
font-size: 10pt;
opacity: 0.8;
position: absolute;
top: 0;
z-index: 150;
padding: 3px;
width: 100%;
line-height: normal !important;
text-align: center !important;
}
.lt-ie9-magic .mz-zoom-window .mz-caption {
filter: alpha(opacity=80);
}
.mz-zoom-window.caption-bottom .mz-caption {
top: auto;
bottom: 0;
}
.mz-zoom-window.mz-expanded > .mz-caption {
display: none;
} .mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-deactivating {
-webkit-transition-duration: .25s, .25s, .25s;
transition-duration: .25s, .25s, .25s;
}
.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
opacity: 0;
z-index: -100;
}
.mz-zoom-window.mz-p-right {
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
}
.mz-zoom-window.mz-p-left {
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0);
}
.mz-zoom-window.mz-p-top {
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
.mz-zoom-window.mz-p-bottom {
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0);
} .mz-zoom-window > img {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
-webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
} .mz-zoom-window.mz-p-magnifier {
-webkit-transform: scale(.1);
transform: scale(.1);
} .mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
opacity: 0;
} .mz-hint,
.mz-loading {
color: #eee;
background: rgba(49,51,61,0.7);
font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
direction: ltr;
display: inline-block;
margin: 0;
position: absolute;
z-index: 1000;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.mz-hint {
bottom: 8px;
left: 0;
right: 0;
padding: 0 10%;
background-color: transparent;
-webkit-transition: opacity 0.25s ease, z-index 0.25s ease;
transition: opacity 0.25s ease, z-index 0.25s ease;
}
.mz-hint-message {
display: inline-block;
background: rgba(49,51,61,0.7);
border-radius: 2em;
padding: .7em 1.1em;
}
.mz-hint-message:before {
content: '\02295';
font-family: serif;
font-size: 1.5em;
speak: none;
text-align: center;
vertical-align: -2px;
margin-right: 6px;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.mobile-magic .mz-hint-message:before {
display: none;
}
.mz-hint-hidden {
opacity: 0;
z-index: -1;
-webkit-transition-delay: .6s;
transition-delay: .6s;
} .mobile-magic .mz-expand .mz-hint {
font-size: 18px;
line-height: 1.1em;
top: 50%;
bottom: auto;
margin: 0;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.mobile-magic .mz-expand .mz-hint-message {
padding: 1.1em;
}
.mobile-magic .mz-expand .mz-hint-message:before {
display: none;
}
.mobile-magic .mz-expand .mz-hint-hidden {
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0;
} .mz-loading {
font-size: 0;
border-radius: 4px;
opacity: 0;
padding: 0;
width: 36px;
height: 36px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mz-loading:after {
content: '';
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
width: 24px;
height: 24px;
margin: auto;
text-indent: -9999em;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 1);
border-top-color: transparent;
box-sizing: border-box;
}
.mz-loading.shown {
opacity: 1;
z-index: 1;
-webkit-transition: opacity 0s;
transition: opacity 0s;
}
.mz-loading.shown:after {
-webkit-animation: spin-loading .9s infinite linear;
animation: spin-loading .9s infinite linear;
}
@-webkit-keyframes spin-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lt-ie10-magic .mz-loading {
font-size: 12px;
padding: .7em 1.1em;
width: auto;
height: auto;
}
.lt-ie10-magic .mz-loading:after {
content: 'Loading...';
text-indent: 0;
border: none;
position: relative;
}
.lt-ie9-magic .mz-loading {
filter: alpha(opacity=0);
right: 0;
left:  0;
width: 126px;
margin: auto;
}
.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
background: transparent !important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D');
}
.lt-ie9-magic .mz-hint-hidden {
filter: alpha(opacity=0);
} .mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg {
width: auto !important;
height: auto !important;
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg  {
min-width: 100% !important;
min-height: 100% !important;
}
.mz-expand {
background-color: rgba(0, 0, 0, 1);
text-align: center;
vertical-align: middle;
display: block;
overflow: hidden;
z-index: 2100000000;
position: fixed;
width: auto;
height: auto;
-webkit-perspective: 600px;
perspective: 600px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-overflow-style: none;
} .mz-expand .mz-expand-bg {
display: inline-block;
vertical-align: middle;
margin: auto;
z-index: -100;
max-width: none !important;
max-height: none !important;
-webkit-transform: translate3d(0,0,0) scale(10) rotate(0.01deg);
-ms-transform: translate(0,0) scale(10,10) rotate(0.01deg);
transform: translate3d(0,0,0) scale(10) rotate(0.01deg);
-webkit-perspective: 600px;
perspective: 600px;
background-repeat: no-repeat;
background-size: cover;
}
.mz-expand .mz-expand-bg > img  {
margin: auto;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");
-webkit-filter: blur(20px) brightness(60%);
filter: blur(20px) brightness(60%);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mz-expand .mz-expand-bg > svg  {
margin: auto;
opacity: .6;
}
.lt-ie10-magic .mz-expand .mz-expand-bg {
display: none !important;
}
.lt-ie9-magic .mz-expand {
background: #1f1f1f;
} .mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
display: none !important;
}
.mz-expand.dark-bg {
background-color: #1f1f1f;
background-color: rgba(31, 31, 31, .96);
}
.mz-expand.white-bg {
background-color: #fff;
} .mz-expand .mz-expand-stage {
z-index: 2100000000;
padding: 0;
}
.mz-expand .mz-expand-stage .mz-image-stage {
z-index: 50;
left: 120px;
right: 120px;
padding: 20px 0 40px 0;
margin: 0;
text-align: center;
vertical-align: middle;
-webkit-perspective: 600px;
perspective: 600px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
padding-bottom: 120px;
}
.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
padding: 0 !important;
left: 0;
right: 0;
}
.mz-expand .mz-image-stage > figure:before,
.mz-expand .mz-image-stage:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
font-size: 0;
line-height: 100%;
width: 0;
}
.mz-expand .mz-image-stage > figure {
width: 100%;
max-width: 100%;
max-height: 100%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 100%;
position: relative;
}
.mz-expand .mz-figure {
overflow: visible;
max-width: 100% !important;
}
.mz-expand .mz-figure > img {
max-width: 100%;
width: auto;
height: auto;
}
.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
width: 100%;
height: 100%;
}
.mz-expand .mz-figure {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mz-expand .mz-figure.mz-active {
cursor: crosshair;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out;
} .mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
z-index: 1;
position: absolute !important;
top: -5000px !important;
bottom: -5000px !important;
left: -5000px !important;
right: -5000px !important;
margin: auto !important;
}
.lt-ie10-magic .mz-zoom-window.mz-expanded img  { filter: alpha(opacity=100); }
.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
overflow: hidden;
filter: alpha(opacity=100);
} .mz-expand .mz-caption {
color: #fff;
text-shadow: 0px 0px 46px #000;
padding: 10px 4px;
font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
text-align: center;
width: 100%;
position: absolute;
left: 0;
opacity: 0;
}
.mz-expand .mz-caption.mz-show {
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
opacity: 1;
}
.mz-expand .mz-caption a {
color: inherit;
cursor: pointer;
}
.mz-expand.white-bg .mz-caption {
color: #555;
text-shadow: none;
}
.lt-ie9-magic .mz-expand .mz-caption {
top: 100%;
}
.mz-expand .mz-zoom-window {
box-shadow: none;
background: transparent;
}
.lt-ie9-magic .mz-expand .mz-zoom-window {
border: 0;
} .mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
left: 0px;
right: 0px;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
bottom: 0px;
}
.mobile-magic .mz-expand-stage .mz-image-stage {
padding: 0;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
padding: 5px 0 60px;
}
.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
padding-top: 0;
}
.mobile-magic .mz-expand .mz-expand-thumbnails {
padding: 0;
height: 60px;
} .mz-expand-controls,
.mz-button {
margin: 0;
padding: 0;
outline: 0;
}
.mz-button {
color: #b4b4b4;
font: 900 34px/1 'magictoolbox-thin';
cursor: pointer;
z-index: 90;
background-color: transparent;
border: 1px solid rgba(180, 180, 180, 0);
border-radius: 100%;
position: absolute;
text-transform: none !important;
text-align: center;
speak: none;
-webkit-font-smoothing: antialiased;
width: 60px;
height: 60px;
}
.mz-button-prev,
.mz-button-next {
margin: auto 10px;
top: 0;
bottom: 0;
overflow: hidden;
}
.mz-button-prev {
left: 0;
}
.mz-button-next {
right: 0;
}
.mz-button-close {
font-size: 30px;
margin: 10px;
top: 0;
right: 0;
z-index: 95;
}
:root:not(.mobile-magic) .mz-button {
color: rgba(180, 180, 180, .75);
-webkit-transform: scale(.85);
transform: scale(.85);
-webkit-transition: color .25s, border-color .25s, -webkit-transform .25s;
transition: color .25s, border-color .25s, transform .25s;
}
:root:not(.mobile-magic) .mz-button:hover {
color: rgba(180, 180, 180, 1);
border-color: rgba(180, 180, 180, .6);
-webkit-transform: scale(1);
transform: scale(1);
}
.mobile-magic .mz-button {
-webkit-transition: -webkit-transform .1s;
transition: transform .1s;
}
.mobile-magic .mz-button:active {
border-color: rgba(180, 180, 180, .6);
-webkit-transform: scale(.95);
transform: scale(.95);
}
.mz-button.mz-button-close:before { content: "\a001"; }
.mz-button.mz-button-prev:before { content: "\a002";  }
.mz-button.mz-button-next:before { content: "\a003"; }
@media screen and (max-device-width: 767px) {
.mz-button-prev,
.mz-button-next {
display: none;
}
.mobile-magic .mz-expand .mz-button {
background: rgba(255, 255, 255, .12);
border-color: rgba(180, 180, 180, .3);
}
}
.lt-ie9-magic .mz-button {
border: 0;
filter: alpha(opacity=75);
}
.lt-ie9-magic .mz-button:hover {
filter: alpha(opacity=100);
}  .mz-thumb, .mz-thumb:focus {
display: inline-block;
line-height: 0;
outline: none;
}
.mz-thumb img {
border: 0;
box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
box-sizing: border-box;
}
.mz-thumb:hover:not(.mz-thumb-selected) img {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.mz-thumb-selected img {
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
.no-cssfilters-magic .mz-thumb {
background: #000;
}
.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
opacity: .7;
filter: alpha(opacity=70);
}
.no-cssfilters-magic .mz-thumb-selected img {
opacity: .5;
filter: alpha(opacity=50);
}
.ie9-magic .mz-thumb img {
box-shadow: 0 0 4px 0px rgba(0,0,0,0.3);
} .mz-expand-thumbnails {
z-index: 50;
position: absolute;
bottom: 0;
left: 65px;
right: 65px;
height: 80px;
padding: 10px 0;
box-sizing: border-box;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb {
padding: 10px 2px;
}
.mz-expand-thumbnails .magic-thumb > img {
cursor: pointer;
height: 40px;
box-shadow:0 0 5px 1px rgba(0,0,0,0.3);
}
.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.mz-expand-thumbnails .magic-thumb-selected img {
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
box-shadow: none;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
opacity: 0;
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
opacity: .7;
filter: alpha(opacity=70);
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
opacity: .5; filter:
alpha(opacity=50);
}
.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
margin: 0;
padding: 0;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.magic-thumbs {
direction: ltr;
overflow: visible;
z-index: 100;
position: relative;
left: 0;
top: 0;
padding: 0 30px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: none;
touch-action: none;
}
.magic-thumbs {
width: 100%;
height: 100%;
white-space: nowrap;
}
.magic-thumbs.no-buttons {
padding: 0 !important;
}
.magic-thumbs-wrapper {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
text-align: center;
}
.magic-thumbs ul {
list-style: none;
font-size: 0;
display: inline-block;
vertical-align: middle;
height: 100%;
position: relative;
white-space: nowrap;
}
.magic-thumbs.no-buttons ul {
padding: 0 !important;
-webkit-transition: none !important;
transition: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
transform: none !important;
left: 0 !important;
}
.magic-thumbs ul li {
margin: 0 4px;
height: 100%;
width: auto;
vertical-align: top;
line-height: 0;
display: inline-block;
}
.magic-thumbs ul li:after {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.magic-thumbs ul li > img {
width: auto;
height: auto;
max-height: 100%;
vertical-align: middle;
}
.ie8-magic .magic-thumbs ul li > img {
max-width: none !important;
max-height: none !important;
} .magic-thumbs.magic-thumbs-vertical {
height: 100%;
}
.magic-thumbs-vertical {
padding: 30px 0;
}
.magic-thumbs-vertical ul {
height: auto;
width: 100%;
white-space: normal;
}
.magic-thumbs-vertical ul li {
width: 100%;
height: auto;
}
.magic-thumbs-vertical ul li {
margin: 4px 0;
}
.magic-thumbs-vertical ul li > img {
max-width: 100%;
max-height: none;
}
.ie8-magic .magic-thumbs-vertical ul li > img {
width: 100%;
} .magic-thumbs .magic-thumbs-button {
cursor: pointer;
z-index: 90;
background-repeat: no-repeat;
background-color: transparent;
background-image: none;
border: 0;
border-radius: 0;
overflow: hidden;
position: absolute;
font-family: "magictoolbox-thin";
font-style: normal;
font-weight: 200;
font-variant: normal;
text-transform: none !important;
speak: none;
line-height: 1;
text-align: center;
color: #bbb;
-webkit-font-smoothing: antialiased;
font-size: 30px;
width: 30px;
height: 100%;
top: 0; bottom: 0;
}
.magic-thumbs .magic-thumbs-button-prev {
left: 0;
}
.magic-thumbs .magic-thumbs-button-next {
right: 0;
}
.magic-thumbs .magic-thumbs-button-prev:before { content: "\a002"; }
.magic-thumbs .magic-thumbs-button-next:before { content: "\a003"; }
.magic-thumbs-button:before {
-webkit-transition: opacity .25s;
transition: opacity .25s;
opacity: .6;
}
.magic-thumbs .magic-thumbs-button:hover:before { opacity: 1; } .magic-thumbs-vertical .magic-thumbs-button {
width: 100%;
height: 30px;
left: 0; right: 0;
top: auto; bottom: auto;
}
.magic-thumbs-vertical .magic-thumbs-button-prev {
top: 0;
}
.magic-thumbs-vertical .magic-thumbs-button-next {
bottom: 0;
}
.magic-thumbs-vertical .magic-thumbs-button-prev:before { content: "\a005"; }
.magic-thumbs-vertical .magic-thumbs-button-next:before { content: "\a004"; }
.magic-thumbs.no-buttons .magic-thumbs-button {
display: none !important;
}
.magic-thumbs-button-disabled {
opacity: 0.2;
filter: alpha(opacity = 20);
}.cfg-btn {
background-color: rgb(55, 181, 114);
color: #fff;
border: 0;
box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
outline:0;
cursor: pointer;
width: 200px;
padding: 10px;
font-size: 1em;
position: relative;
display: inline-block;
margin: 10px auto;
}
.cfg-btn:hover:not([disabled]) {
background-color: rgb(37, 215, 120);
}
.mobile-magic .cfg-btn:hover:not([disabled]) { background: rgb(55, 181, 114); }
.cfg-btn[disabled] { opacity: .5; color: #808080; background: #ddd; }
.cfg-btn.btn-preview,
.cfg-btn.btn-preview:active,
.cfg-btn.btn-preview:focus {
font-size: 1em;
position: relative;
display: block;
margin: 10px auto;
}
.cfg-btn,
.preview,
.app-figure,
.api-controls,
.wizard-settings,
.wizard-settings .inner,
.wizard-settings .footer,
.wizard-settings input,
.wizard-settings select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.preview,
.wizard-settings {
padding: 10px;
border: 0;
min-height: 1px;
}
.preview {
position: relative;
}
.api-controls {
text-align: center;
}
.api-controls button,
.api-controls button:active,
.api-controls button:focus {
width: 80px; font-size: .7em;
white-space: nowrap;
}
.app-figure {
width: 80% !important;
margin: 0px auto;
border: 0px solid red;
padding: 20px;
position: relative;
text-align: center;
}
.selectors { margin-top: 0px; margin-bottom: 10px;}
.selectors .mz-thumb img {  }
@media (min-width: 0px) {
.preview { width: 100%; float: none; }
}
@media (min-width: 1024px) {
.preview { width: calc(100% - 340px); }
.wizard-settings { top: 0; min-height: 100%; }
.wizard-settings .inner { margin-top: 60px; }
.wizard-settings .footer { position: absolute; bottom: 0; left: 0; }
.wizard-settings .settings-controls {
position: fixed;
top: 0; right: 0;
width: 340px;
padding: 10px 0 0;
text-align: center;
background-color: inherit;
}
}
@media screen and (max-width: 1024px) {
.api-controls button, .api-controls button:active, .api-controls button:focus {
width: 70px;
}
}
@media screen and (max-width: 1023px) {
.app-figure { width: 98% !important; margin: 50px auto; padding: 0; }
.app-code-sample { display: none; }
.wizard-settings { width: 100%; }
}
@media screen and (max-width: 600px) {
.mz-thumb img { }
}
@media screen and (max-width: 560px) {
.api-controls .sep { content: ''; display: table; }
}
@media screen and (min-width: 1600px) {
.preview { padding: 10px 160px; }
}