body.home #main {
padding-top: 0 !important;
}
.hero h1 {
color: #fff;
} .js .anim-fade-in,
.js .anim-fade-up,
.js .anim-slide-left,
.js .anim-slide-right,
.js .anim-scale-up,
.js .anim-clip-up,
.js .anim-zoom-in {
opacity: 0;
visibility: hidden;
transition:
opacity var(--anim-duration, 0.7s) cubic-bezier(0.22, 1, 0.36, 1),
transform var(--anim-duration, 0.7s) cubic-bezier(0.22, 1, 0.36, 1),
clip-path var(--anim-duration, 0.7s) cubic-bezier(0.22, 1, 0.36, 1),
visibility 0s linear;
transition-delay: var(--anim-delay, 0s);
will-change: transform, opacity, clip-path;
}
.js .anim-fade-up {
transform: translate3d(0, 80px, 0);
}
.js .anim-fade-in {
opacity: 0;
}
.js .anim-slide-left {
transform: translate3d(-80px, 0, 0);
}
.js .anim-slide-right {
transform: translate3d(80px, 0, 0);
}
.js .anim-scale-up {
transform: scale(0.82);
transform-origin: center center;
}
.js .anim-clip-up {
clip-path: inset(0 0 100% 0 round 10px);
}
.js .anim-zoom-in {
transform: scale(0.8);
transform-origin: center center;
}
.js .anim-fade-up.is-visible,
.js .anim-fade-in.is-visible,
.js .anim-slide-left.is-visible,
.js .anim-slide-right.is-visible,
.js .anim-scale-up.is-visible,
.js .anim-clip-up.is-visible,
.js .anim-zoom-in.is-visible,
.js .stagger-children.anim-fade-up,
.js .stagger-children.anim-fade-in,
.js .stagger-children.anim-slide-left,
.js .stagger-children.anim-slide-right,
.js .stagger-children.anim-scale-up,
.js .stagger-children.anim-clip-up,
.js .stagger-children.anim-zoom-in,
.js .stagger-children>.wpb_column,
.js .stagger-children>.vc_column_container,
.js .stagger-children>.vc_column-inner {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0) scale(1);
clip-path: inset(0 0 0% 0 round 10px);
}
.js .stagger-children>.wpb_column,
.js .stagger-children>.vc_column_container,
.js .stagger-children>.vc_column-inner {
transition: opacity var(--anim-duration, 0.7s) cubic-bezier(0.22, 1, 0.36, 1), transform var(--anim-duration, 0.7s) cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(--anim-delay, 0s);
}
.delay-50 {
--anim-delay: 50ms !important;
}
.delay-100 {
--anim-delay: 100ms !important;
}
.delay-150 {
--anim-delay: 150ms !important;
}
.delay-200 {
--anim-delay: 200ms !important;
}
.delay-300 {
--anim-delay: 300ms !important;
}
.delay-400 {
--anim-delay: 400ms !important;
}
.delay-500 {
--anim-delay: 500ms !important;
}
.delay-600 {
--anim-delay: 600ms !important;
}
.delay-700 {
--anim-delay: 700ms !important;
}
.delay-800 {
--anim-delay: 800ms !important;
}
.delay-900 {
--anim-delay: 900ms !important;
}
.delay-1000 {
--anim-delay: 1000ms !important;
}
.duration-300 {
--anim-duration: 0.3s;
}
.duration-500 {
--anim-duration: 0.5s;
}
.duration-700 {
--anim-duration: 0.7s;
}
.duration-1000 {
--anim-duration: 1s;
} article.type-product img.is-loaded {
transition: ease-in-out 100ms all;
}
article.type-product img.is-loaded:hover {
transform: scale(1.04);
}