.loading-mask {
    display: none ;
}
@media(min-width:680px) {


.js-animated-reveal-right :is(h1, h4, p ) {
    transform: translate(-50px,0);
    opacity: 0;
}

.js-animated-reveal-image {
    transform: translate(-80px,0);
    opacity: 0;
}

.js-animated-reveal-down,
.js-animated-items,
.js-fade-in-reveal-text,
.image-buttons__bttns {
    transform: translateY(50px);
    opacity: 0;
}

.js-animated-fade-down {
    transform: translateY(30px);
    opacity: 0;
}

.js-animation-fade-left,
.js-labeling-img01,
.js-animation-fade-right-text :is(h2, h3),
.slick-slide:not(.slick-cloned) .js-carousel-reveal-image {
    transform: translate(-50px,0);
    opacity: 0;
}

.js-animation-fade-right,
.js-labeling-img02 {
    transform: translate(50px,0);
    opacity: 0;
}

.js-animation-content,
.js-footer-heading-animation :is(h4, h2, .cta-btn) {
    transform: translateY(50px);
    opacity: 0;
}

.js-map-text__bg {
    opacity: 0;
}

.js-card-heading h2,
.js-masthead__content > * {
    transform: translate(-50px,0);
    opacity: 0;
}

.js-card-heading a.btn {
    transform: translate(50px,0);
    opacity: 0;
}

.js-header-animation {
    transform: translateY(-50px);
    opacity: 0;
}

.js-animated-text,
.js-animated-fade-down-inner.facetwp-template {
    transform: translateY(50px);
    opacity: 0;
}

.js-scale-down {
    transform: scale(1.2);
    filter: blur(5px);
}

.js-one-column-animation:not(.contact-form) {
    overflow: hidden;
}

.js-masthead__content__wrapper img,
.js-homepage-masthead img {
    transform: scale(1.2);
    opacity: 0;
}

.round-border {
    opacity: 0;
    transform: translate(-50%,32px);
}

.image-buttons__bg {
    opacity: 0;
}

#canvas {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 999;   
    background-color: var(--color-white);
}

.loading-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 999;
    overflow: hidden;
}

.loading-mask__container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Pre-Loader */

.gsource-container {
    z-index: 3;
}

.loading-mask {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gsource-logo {
    transform: translate(43%, 120px);
    opacity: 0;
}

.logo-text {
    transform: translateX(-100px);
    opacity: 0;
}

.wave {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
    
}