/*!
 * wepreloader 4.0.20
 *
 * @license GPLv3 for open source use only
 * or wepreloader Commercial License for commercial use
*/
/* Preloader tổng */
#customize_preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background-image: transparent;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.customize-loaded #customize_preloader {
    z-index: 1!important;
    visibility: hidden;
}

.customize-loaded .customize-preloader-logo {
    z-index: 1!important;
    visibility: hidden;
}

.customize-loaded .customize-preloader-mask {
    z-index: 1!important;
    visibility: hidden;
}

.customize-loaded .customize-overlay-dark {
    z-index: 1!important;
    visibility: hidden;
}

/* Logo hiển thị 2s và biến mất */
.customize-preloader-logo {
    z-index: 10001;
    animation: fadeOut 1.5s forwards;
}

.customize-overlay-dark {
    background-color: #0095DA;
    height: 0;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    overflow: hidden;
    -ms-touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    transition: height .5s ease-in-out;
    z-index: 10002;
}

.customize-overlay-dark.show {
  height:100%;
}

.customize-preloader-mask {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 9999;
}

.customize-preloader-mask::before {
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
}

.customize-preloader-mask::after {
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
}

.customize-preloader-mask::after, .customize-preloader-mask::before {
    content: '';
    position: fixed;
    width: 100%;
    height: 50vh;
    overflow: hidden;
    background-color: #0095DA;
    transition: height .9s ease;
    z-index: 1000;
}

.customize-preloader-mask.show::after, .customize-preloader-mask.show::before {
    height: 0;
    width: 100%;
}

/* Animation cho mở rộng */
@keyframes slideUp {
    from { height: 50%; opacity: 1; }
    to { height: 0%; opacity: 0; }
}

@keyframes slideDown {
    from { height: 50%; opacity: 1; }
    to { height: 0%; opacity: 0; }
}

/* Logo mờ dần */
@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; transform: scale(0.95); }
}