.pix-intro-1 {
    position: relative;
    &:not(section){
        width: 100%;
        display: inline-block;
    }
    // overflow: hidden;
    .pix-intro-img {
        position: absolute;
        opacity: 0.9999;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        display: inline-block;
        box-sizing: border-box;
        transform-origin: center;
        img {
            top:0;
            left:0;
            width: 100% !important;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            // transition: opacity 4.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 3s cubic-bezier(0.165, 0.84, 0.44, 1);
            // transform: scale(1.4);
            z-index: 10;
            // background-position: center;
            // &.animated:not(.animation-done) {
            //     transform: none !important;
            // }
            //     transition: opacity 4.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            //     margin-top: initial !important;
            //     &.animated {
            //         transform: none !important;
            //     }
            // }
            // max-width: 100vw;
            // &.animated {
            //     transform: none;
            //     z-index: 10;
            //     // transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),  opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
            //     // &.slow-transition {
            //     //     transition: transform 0.05s cubic-bezier(0.165, 0.84, 0.44, 1),  opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
            //     // }
            // }
            // &.animation-done { 
            //     // transition: transform .2s cubic-bezier(0.165, 0.84, 0.44, 1); 
            //     transition: initial; 
            // }
            // &:not(.is-parallax-loaded) {
            //     margin-top: 0px !important;
            // }
        }
        // .jarallax-container:not(.is-loaded) {
        //     opacity: 0;
        // }
        // .pix-intro-scale {
            transform: scale(1.4);
            transition: transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transform-origin: center;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
            &.animated {
                transform: none;
            }
        // }
    }
    .pix-intro-video {
        position: absolute;
        opacity: 1;
        overflow: hidden;
        width: 100%;
        height: 100%;
        display: inline-block;
        transform: scale(1.4);
        opacity: 0;
        transition: opacity 4.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        &.animated {
            transform: scale(1);
            opacity: 0.5;
            transition: opacity 4.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        .jarallax {
            position: absolute;
            top:0;
            width: 100%;
            height: 100%;
            display: inline-block;
        }
        &.is-gray {
            filter: grayscale(1);
        }
    }
}
.pix-main-intro.pix-intro-1, .pix-slider .carousel-cell  {
    overflow: hidden;
}
.pix-main-intro.pix-intro-1 {
    float: left;
}
// .pix-is-safari .pix-main-intro.pix-intro-1 {
//     float: initial;
//     display: block;
// }
body:not(.pix-padding-style) .pix-intro-1 .pix-intro-img img {
    left:0 !important;
}
.pix-is-safari {
    .pix-intro-1 {
        .pix-intro-img {
            img.jarallax-img {
                box-sizing: border-box;
                transition: all 0s !important;
                will-change: transform;
                &.animated {
                    transition: all 0s !important;
                    &.slow-transition {
                        transition: all 0s !important;
                    }
                }
            }
        }
    }
}
.fullpage-container {
    width:100vw;
    height:100%;
    top:0;
    left:0;
    z-index:1;
    margin-left: calc(-50vw + 50%);
    position: absolute;
    display: inline-block;
    pointer-events: none;
    transform-origin: center;
}
section.pix-intro-1:not([data-vc-full-width="true"]) {
    .fullpage-container {
        width: 100%;
        left: auto;
        right: 0;
        img {
            width: 100% !important;
        }
    }
}
.pix-intro-container {
    z-index: 2;
    transition: none !important;
}
