body.turn-off-sparkle .loading-mask {
    display: none;
}

body:not(.turn-off-sparkle) {
    .js-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        z-index: 1;
        transform-origin: bottom;
        transition-delay: 0s;
    
        & span {
            width: 100%;
            height: 100%;
            background-color: #fff;
            display: inline-block;
            transform-origin: bottom;
            transition-delay: 0s;
        }
    }
    
    .masthead__text :is(h1, p, .btn) {
        opacity: 0;
        transform: translateY(60px);
        transition: none;
    }
    
    .js-content-animated {
        overflow: hidden;
    }
    
    .js-content-animated :is(p, h2, h3, h4, h5, h6, .sub-heading, ul, ol, table, blockquote, .btn:not(.fxgallery-loadmore-manual__btn)) {
        transform: translateY(50px);
        opacity: 0;
        transition: none;
    }
    
    .js-content-animated-readmore :is(h2, h3, h4, h5, h6, .sub-heading, ul, ol, table, blockquote, .has-readmore, p) {
        transform: translateY(50px);
        opacity: 0;
        transition: none;
    }
    
    .js-content-animated {
        & :is(h1, h2, h3) {
            overflow: hidden;
            position: relative;
        }
    }
    
    .masthead--homepage,
    .masthead--innerpage__bg {
        overflow: hidden;
    }
    
    /* Preloader */
        
    .loading-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        z-index: 9999;
        overflow: hidden;
    }
    
    .loading-mask.loading-white {
        background-color: #fff;
    }
    
    .loading-mask__container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        position: relative;
        padding: 30px;
    
        @media( min-width : 1200px ) {
            padding: 0;
        }
    }
    
    .loading-svg {
        & svg {
            max-width: 800px;
            width: 100%;
        }
    }
    
    .heading-small-title,
    .heading-leadership,
    .heading-studies, 
    .heading-small-bottom-title {
        opacity: 0;
        transform: translateX(-120px);
    }
    
    .trademark {
        opacity: 0;
    }
    
    .logo-group {
        transform: translate(31%);
    }
    
    .logo-color-blue {
        transform: translate(-15%, -22%);
        opacity: 0;
    }
    
    .logo-color-yellow {
        transform: translate(13%, -20%);
        opacity: 0;
    }
    
    .logo-color-green {
        transform: translate(13%, 18%);
        opacity: 0;
    }
    
    .logo-color-pink {
        transform: translate(-15%, 16%);
        opacity: 0;
    }
    
    .logo-color-light-blue,
    .logo-color-light-green,
    .logo-color-light-orange,
    .logo-color-light-pink {
        opacity: 0;
    }
    
    .logo-shadow {
        opacity: 0;
    }
    
    .loading-wave-animation {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
    
        & svg {
            width: 100%;
            height: 100%;
        }
    }
    
    .planePath {
        stroke: #D9DADA;
        stroke-width: .1%;
        stroke-width: .5%;
        stroke-dasharray: 1% 2%;
        stroke-linecap: round;
        fill: none;
      }
      
      .fil1 {
        fill: #D9DADA;
      }
      
      .fil2 {
        fill: #C5C6C6;
      }
      
      .fil4 {
        fill: #9D9E9E;
      }
      
      .fil3 {
        fill: #AEAFB0;
      }
}


@media (min-width: 1200px) {
    body:not(.turn-off-sparkle) {
        .image-button__title:after {
            display: block;
            overflow: hidden;
        }

        .image-button__title:after {
            opacity: 1;
            transform: translateY(0);
            transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        }

        .image-button__bottom {
            margin-top: -25px;
            transition: margin-top 0.3s ease-in-out;
        }

        .image-button__description + .image-button__bottom {
            margin-top: 0;
            overflow: hidden;

            .image-button__cta {
                margin-top: -25px;
                display: block;
                text-align: right;
                width: 100%;
                transition: margin-top 0.3s ease-in-out;
            }
        }

        .image-button:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transform: scaleY(0);
            transform-origin: bottom;
            background-color: rgba(255, 255, 255, 0.9);
            border: 2px solid #c1c5cc;
            transition: transform 0.3s ease-in-out;
			opacity: 0.95;
        }

        .image-button__hover {
            z-index: 2;
            transition: background 0.3s ease-in-out;
        }

        .image-button:hover {
            .image-button__hover {
                height: auto;
                background: transparent;
                border: 0;
            }

            .image-button__bottom {
                margin-top: 0;
            }

            .image-button__description + .image-button__bottom .image-button__cta {
                margin-top: 20px;
            }

            .image-button__title:after {
                display: block;
                opacity: 0;
                transform: translateY(-10px);
            }

            &:after {
                transform: scaleY(1);
            }
        }

        .masthead--homepage .masthead__image img,
        .masthead--innerpage .masthead--innerpage__bg img {
            transform: scale(1);
        }

        .masthead--innerpage.is-animated .masthead--innerpage__bg img,
        .masthead--homepage.is-animated .masthead__image img {
            animation: image-zoom-in 20s ease-in-out forwards;
        }

        a.cards-icon--link {
            transform: translateY(0) scale(1);
            transition: transform 0.3s cubic-bezier(0.4, 0.08, 0.68, 1.03);

            &:hover {
                transform: translateY(-15px) scale(0.9925);
            }
        }

        .image-zoom-in {
            overflow: hidden;

            .image-zoom-in-bg {
                transform: scale(1);
            }
        }
    }
}

@keyframes image-zoom-in {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.2);
    }
}

.graph {
    opacity: 0;
    transform: scale(0.85);
}

.graph-curve__stroke {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
}

.graph__outline {
    opacity: 0;
}

.graph__square {
    opacity: 0;
}

.graph__stripes {
    overflow: hidden;

    svg {
        position: relative;
        opacity: 0;
        transform: translateY(-100%);
    }
}

.graph__label {
    svg {
        transform: scale(1.2);
        opacity: 0;
    }
}

@media (min-width: 1200px) {
    body:not(.turn-off-sparkle) {
        .js-graph-content p,
        .js-graph-content h2,
        .js-graph-content h3,
        .js-graph-content h4,
        .js-graph-content h5,
        .js-graph-content h6,
        .js-graph-content ul li,
        .js-graph-content ol li {
            opacity: 0;
            transform: translateY(50px);
        }
    }
}