.ast-desktop .astra-menu-animation-slide-up>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transform:translateY(.5em);transition:visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-up>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-up>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}.ast-desktop .astra-menu-animation-slide-down>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transform:translateY(-.5em);transition:visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-down>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-down>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}.ast-desktop .astra-menu-animation-fade>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transition:opacity ease-in-out .3s}.ast-desktop .astra-menu-animation-fade>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transition:opacity ease-in-out .3s}.ast-desktop .astra-menu-animation-fade>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}.ast-desktop .menu-item.ast-menu-hover>.sub-menu.toggled-on{opacity:1;visibility:visible}.mpd-preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--mpd-preloader-bg, #ffffff);
transition: opacity 0.4s ease, visibility 0.4s ease;
}
.mpd-preloader.mpd-preloader--loaded {
opacity: 0;
visibility: hidden;
pointer-events: none;
} .mpd-preloader__inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
} .mpd-preloader__logo {
max-width: 150px;
max-height: 80px;
margin-bottom: 10px;
}
.mpd-preloader__logo img {
display: block;
max-width: 100%;
height: auto;
} .mpd-preloader__text {
font-size: 14px;
color: var(--mpd-preloader-text, #666666);
margin-top: 15px;
letter-spacing: 0.5px;
} .mpd-preloader--spinner .mpd-preloader__spinner {
width: 50px;
height: 50px;
border: 3px solid var(--mpd-preloader-secondary, #f3f3f3);
border-top: 3px solid var(--mpd-preloader-primary, #0073aa);
border-radius: 50%;
animation: mpd-spin 1s linear infinite;
}
@keyframes mpd-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .mpd-preloader--double-bounce .mpd-preloader__spinner {
width: 50px;
height: 50px;
position: relative;
}
.mpd-preloader--double-bounce .mpd-bounce1,
.mpd-preloader--double-bounce .mpd-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--mpd-preloader-primary, #0073aa);
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: mpd-bounce 2s infinite ease-in-out;
}
.mpd-preloader--double-bounce .mpd-bounce2 {
animation-delay: -1s;
}
@keyframes mpd-bounce {
0%, 100% { transform: scale(0); }
50% { transform: scale(1); }
} .mpd-preloader--pulse .mpd-preloader__spinner {
width: 50px;
height: 50px;
background-color: var(--mpd-preloader-primary, #0073aa);
border-radius: 50%;
animation: mpd-pulse 1.4s infinite ease-in-out;
}
@keyframes mpd-pulse {
0% {
transform: scale(0);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
} .mpd-preloader--three-dots .mpd-preloader__spinner {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.mpd-preloader--three-dots .mpd-dot {
width: 12px;
height: 12px;
background-color: var(--mpd-preloader-primary, #0073aa);
border-radius: 50%;
animation: mpd-three-dots 1.4s infinite ease-in-out both;
}
.mpd-preloader--three-dots .mpd-dot:nth-child(1) {
animation-delay: -0.32s;
}
.mpd-preloader--three-dots .mpd-dot:nth-child(2) {
animation-delay: -0.16s;
}
@keyframes mpd-three-dots {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
} .mpd-preloader--wave .mpd-preloader__spinner {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
height: 50px;
}
.mpd-preloader--wave .mpd-bar {
width: 5px;
height: 100%;
background-color: var(--mpd-preloader-primary, #0073aa);
animation: mpd-wave 1.2s infinite ease-in-out;
}
.mpd-preloader--wave .mpd-bar:nth-child(1) { animation-delay: -1.2s; }
.mpd-preloader--wave .mpd-bar:nth-child(2) { animation-delay: -1.1s; }
.mpd-preloader--wave .mpd-bar:nth-child(3) { animation-delay: -1.0s; }
.mpd-preloader--wave .mpd-bar:nth-child(4) { animation-delay: -0.9s; }
.mpd-preloader--wave .mpd-bar:nth-child(5) { animation-delay: -0.8s; }
@keyframes mpd-wave {
0%, 40%, 100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
}
} .mpd-preloader--cube-grid .mpd-preloader__spinner {
width: 48px;
height: 48px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3px;
}
.mpd-preloader--cube-grid .mpd-cube {
background-color: var(--mpd-preloader-primary, #0073aa);
animation: mpd-cube-grid 1.3s infinite ease-in-out;
}
.mpd-preloader--cube-grid .mpd-cube:nth-child(1) { animation-delay: 0.2s; }
.mpd-preloader--cube-grid .mpd-cube:nth-child(2) { animation-delay: 0.3s; }
.mpd-preloader--cube-grid .mpd-cube:nth-child(3) { animation-delay: 0.4s; }
.mpd-preloader--cube-grid .mpd-cube:nth-child(4) { animation-delay: 0.1s; }
.mpd-preloader--cube-grid .mpd-cube:nth-child(5) { animation-delay: 0.2s; }
.mpd-preloader--cube-grid .mpd-cube:nth-child(6) { animation-delay: 0.3s; }
.mpd-preloader--cube-grid .mpd-cube:nth-child(7) { animation-delay: 0.0s; }
.mpd-preloader--cube-grid .mpd-cube:nth-child(8) { animation-delay: 0.1s; }
.mpd-preloader--cube-grid .mpd-cube:nth-child(9) { animation-delay: 0.2s; }
@keyframes mpd-cube-grid {
0%, 70%, 100% {
transform: scale3D(1, 1, 1);
}
35% {
transform: scale3D(0, 0, 1);
}
} .mpd-preloader--ring .mpd-preloader__spinner {
width: 50px;
height: 50px;
border: 4px solid transparent;
border-top-color: var(--mpd-preloader-primary, #0073aa);
border-bottom-color: var(--mpd-preloader-primary, #0073aa);
border-radius: 50%;
animation: mpd-ring 1.2s linear infinite;
}
@keyframes mpd-ring {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .mpd-preloader--folding-cube .mpd-preloader__spinner {
width: 40px;
height: 40px;
position: relative;
transform: rotateZ(45deg);
}
.mpd-preloader--folding-cube .mpd-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
}
.mpd-preloader--folding-cube .mpd-cube::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--mpd-preloader-primary, #0073aa);
animation: mpd-folding-cube 2.4s infinite linear both;
transform-origin: 100% 100%;
}
.mpd-preloader--folding-cube .mpd-cube:nth-child(2) { transform: scale(1.1) rotateZ(90deg); }
.mpd-preloader--folding-cube .mpd-cube:nth-child(3) { transform: scale(1.1) rotateZ(180deg); }
.mpd-preloader--folding-cube .mpd-cube:nth-child(4) { transform: scale(1.1) rotateZ(270deg); }
.mpd-preloader--folding-cube .mpd-cube:nth-child(2)::before { animation-delay: 0.3s; }
.mpd-preloader--folding-cube .mpd-cube:nth-child(3)::before { animation-delay: 0.6s; }
.mpd-preloader--folding-cube .mpd-cube:nth-child(4)::before { animation-delay: 0.9s; }
@keyframes mpd-folding-cube {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
} .mpd-preloader--circle-dots .mpd-preloader__spinner {
width: 50px;
height: 50px;
position: relative;
animation: mpd-circle-dots-rotate 2s infinite linear;
}
.mpd-preloader--circle-dots .mpd-dot {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: var(--mpd-preloader-primary, #0073aa);
border-radius: 100%;
animation: mpd-circle-dots-bounce 2s infinite ease-in-out;
}
.mpd-preloader--circle-dots .mpd-dot:nth-child(2) {
top: auto;
bottom: 0;
animation-delay: -1s;
}
@keyframes mpd-circle-dots-rotate {
100% { transform: rotate(360deg); }
}
@keyframes mpd-circle-dots-bounce {
0%, 100% { transform: scale(0); }
50% { transform: scale(1); }
} .mpd-preloader--progress .mpd-preloader__spinner {
width: 200px;
height: 4px;
background-color: var(--mpd-preloader-secondary, #f3f3f3);
border-radius: 4px;
overflow: hidden;
}
.mpd-preloader--progress .mpd-progress-bar {
width: 100%;
height: 100%;
background-color: var(--mpd-preloader-primary, #0073aa);
animation: mpd-progress 2s infinite ease-in-out;
transform-origin: left;
}
@keyframes mpd-progress {
0% { transform: scaleX(0); }
50% { transform: scaleX(0.5); }
100% { transform: scaleX(1); }
} .mpd-preloader--logo-fade .mpd-preloader__logo img {
animation: mpd-logo-fade 1.5s infinite ease-in-out;
}
@keyframes mpd-logo-fade {
0%, 100% { opacity: 0.4; }
50% { opacity: 1; }
} .mpd-preloader--logo-ring .mpd-preloader__logo {
position: relative;
}
.mpd-preloader--logo-ring .mpd-logo-ring {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% + 30px);
height: calc(100% + 30px);
border: 3px solid transparent;
border-top-color: var(--mpd-preloader-primary, #0073aa);
border-radius: 50%;
animation: mpd-spin 1s linear infinite;
}