.theme-dark {
    background-color: #000;
    color: #ccc
}

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
    color: #fff
}

.theme-dark a {
    color: #6bf
}

.theme-dark sup a {
    color: inherit
}

.theme-dark sup a:hover {
    color: #6bf
}

.mediaobject-ios-inline-video::-webkit-media-controls-play-button,
.mediaobject-ios-inline-video::-webkit-media-controls-start-playback-button {
    display: none !important
}

.mediaobject-container {
    position: relative
}

.mediaobject-element,
.mediaobject-endframe,
.mediaobject-posterframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.mediaobject-startframe {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 1
}

.mediaobject-endframe {
    z-index: 3;
    opacity: 0
}

.mediaobject-posterframe {
    z-index: 4;
    opacity: 0
}

.mediaobject-playing .mediaobject-startframe {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.mediaobject-ended .mediaobject-startframe {
    opacity: 0
}

.mediaobject-ended .mediaobject-endframe {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.mediaobject-destroyed .mediaobject-posterframe {
    opacity: 1
}

.image-360-background {
    position: relative;
    width: 2568px;
    height: 1122px;
    background-size: 2568px 1122px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-360-background {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-360-background {
        width: 1068px;
        height: 850px;
        background-size: 1068px 850px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-360-background {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-360-background {
        width: 736px;
        height: 588px;
        background-size: 736px 588px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-360-background {
        
    }
} */

.image-360-drop-shadows {
    position: relative;
    width: 950px;
    height: 135px;
    background-size: 950px 135px;
    background-repeat: no-repeat;
    
    background-size: contain;
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-360-drop-shadows {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-360-drop-shadows {
        width: 656px;
        height: 93px;
        background-size: 656px 93px;
        background-repeat: no-repeat;
        
        background-size: contain;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-360-drop-shadows {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-360-drop-shadows {
        width: 319px;
        height: 45px;
        background-size: 319px 45px;
        background-repeat: no-repeat;
        
        background-size: contain;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-360-drop-shadows {
        
    }
} */

.image-360-editing {
    position: relative;
    width: 408px;
    height: 269px;
    background-size: 408px 269px;
    background-repeat: no-repeat;
    
    background-image: url("../assets/desktop/360-2.jpg");
    background-size: contain;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-360-editing {
        
        background-image: url("../assets/desktop/360-2.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    .image-360-editing {
        width: 346px;
        height: 227px;
        background-size: 346px 227px;
        background-repeat: no-repeat;
        
        background-image: url("../assets/desktop/360-2.jpg");
        background-size: contain;
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-360-editing {
        
        background-image: url("../assets/desktop/360-2.jpg");
    }
}

@media only screen and (max-width: 735px) {
    .image-360-editing {
        width: 280px;
        height: 184px;
        background-size: 280px 184px;
        background-repeat: no-repeat;
        
        background-image: url("../assets/mobile/360-2.jpg");
        background-size: contain;
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-360-editing {
        
        background-image: url("../assets/mobile/360-2.jpg");
    }
}

.image-360-lockup {
    position: relative;
    width: 970px;
    height: 697px;
    background-size: 970px 697px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-360-lockup {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-360-lockup {
        width: 670px;
        height: 481px;
        background-size: 670px 481px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-360-lockup {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-360-lockup {
        width: 325px;
        height: 234px;
        background-size: 325px 234px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-360-lockup {
        
    }
} */

.image-360-lockup-clip {
    position: relative;
    background-size: auto auto;
    background-repeat: no-repeat;
    
}

@media only screen and (max-width: 1068px) {
    .image-360-lockup-clip {
        background-size: auto auto;
        background-repeat: no-repeat;
        
    }
}

@media only screen and (max-width: 735px) {
    .image-360-lockup-clip {
        background-size: auto auto;
        background-repeat: no-repeat;
        
    }
}

.image-360-lockup-fallback {
    position: relative;
    width: 970px;
    height: 697px;
    background-size: 970px 697px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-360-lockup-fallback {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-360-lockup-fallback {
        width: 670px;
        height: 481px;
        background-size: 670px 481px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-360-lockup-fallback {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-360-lockup-fallback {
        width: 325px;
        height: 234px;
        background-size: 325px 234px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-360-lockup-fallback {
        
    }
} */

.image-360-lockup-mask {
    position: relative;
    background-size: auto auto;
    background-repeat: no-repeat;
    
}

@media only screen and (max-width: 1068px) {
    .image-360-lockup-mask {
        background-size: auto auto;
        background-repeat: no-repeat;
        
    }
}

@media only screen and (max-width: 735px) {
    .image-360-lockup-mask {
        background-size: auto auto;
        background-repeat: no-repeat;
        
    }
}

.image-360-motion-graphics {
    position: relative;
    width: 408px;
    height: 269px;
    background-size: 408px 269px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-360-motion-graphics {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-360-motion-graphics {
        width: 346px;
        height: 227px;
        background-size: 346px 227px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-360-motion-graphics {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-360-motion-graphics {
        width: 280px;
        height: 184px;
        background-size: 280px 184px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-360-motion-graphics {
        
    }
} */

.image-360-video {
    position: relative;
    width: 899px;
    height: 727px;
    background-size: 899px 727px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-360-video {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-360-video {
        width: 614px;
        height: 497px;
        background-size: 614px 497px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-360-video {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-360-video {
        width: 280px;
        height: 228px;
        background-size: 280px 228px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-360-video {
        
    }
} */

.image-360-vr-playback {
    position: relative;
    width: 326px;
    height: 286px;
    background-size: 326px 286px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-360-vr-playback {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-360-vr-playback {
        width: 259px;
        height: 226px;
        background-size: 259px 226px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-360-vr-playback {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-360-vr-playback {
        width: 221px;
        height: 192px;
        background-size: 221px 192px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-360-vr-playback {
        
    }
} */

.image-accelerated {
    position: relative;
    width: 408px;
    height: 239px;
    background-size: 408px 239px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-accelerated {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-accelerated {
        width: 342px;
        height: 200px;
        background-size: 342px 200px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-accelerated {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-accelerated {
        width: 345px;
        height: 203px;
        background-size: 345px 203px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-accelerated {
        
    }
} */

.image-closed-caption-create {
    position: relative;
    width: 880px;
    height: 550px;
    background-size: 880px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-closed-caption-create {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-closed-caption-create {
        width: 620px;
        height: 388px;
        background-size: 620px 388px;
        background-repeat: no-repeat;
        
    }
}
/* 
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-closed-caption-create {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-closed-caption-create {
        width: 280px;
        height: 176px;
        background-size: 280px 176px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-closed-caption-create {
        
    }
} */

.image-closed-caption-create-startframe {
    position: relative;
    width: 880px;
    height: 550px;
    background-size: 880px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-closed-caption-create-startframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-closed-caption-create-startframe {
        width: 620px;
        height: 388px;
        background-size: 620px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-closed-caption-create-startframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-closed-caption-create-startframe {
        width: 280px;
        height: 176px;
        background-size: 280px 176px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-closed-caption-create-startframe {
        
    }
} */

.image-closed-caption-deliver {
    position: relative;
    width: 880px;
    height: 550px;
    background-size: 880px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-closed-caption-deliver {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-closed-caption-deliver {
        width: 620px;
        height: 388px;
        background-size: 620px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-closed-caption-deliver {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-closed-caption-deliver {
        width: 280px;
        height: 176px;
        background-size: 280px 176px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-closed-caption-deliver {
        
    }
} */

.image-closed-caption-deliver-startframe {
    position: relative;
    width: 880px;
    height: 550px;
    background-size: 880px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-closed-caption-deliver-startframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-closed-caption-deliver-startframe {
        width: 620px;
        height: 388px;
        background-size: 620px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-closed-caption-deliver-startframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-closed-caption-deliver-startframe {
        width: 280px;
        height: 176px;
        background-size: 280px 176px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-closed-caption-deliver-startframe {
        
    }
} */

.image-closed-caption-edit {
    position: relative;
    width: 880px;
    height: 550px;
    background-size: 880px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-closed-caption-edit {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-closed-caption-edit {
        width: 620px;
        height: 388px;
        background-size: 620px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-closed-caption-edit {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-closed-caption-edit {
        width: 280px;
        height: 176px;
        background-size: 280px 176px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-closed-caption-edit {
        
    }
} */

.image-closed-caption-edit-startframe {
    position: relative;
    width: 880px;
    height: 550px;
    background-size: 880px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-closed-caption-edit-startframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-closed-caption-edit-startframe {
        width: 620px;
        height: 388px;
        background-size: 620px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-closed-caption-edit-startframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-closed-caption-edit-startframe {
        width: 280px;
        height: 176px;
        background-size: 280px 176px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-closed-caption-edit-startframe {
        
    }
} */

.image-closed-caption-import {
    position: relative;
    width: 880px;
    height: 550px;
    background-size: 880px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-closed-caption-import {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-closed-caption-import {
        width: 620px;
        height: 388px;
        background-size: 620px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-closed-caption-import {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-closed-caption-import {
        width: 280px;
        height: 176px;
        background-size: 280px 176px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-closed-caption-import {
        
    }
} */

.image-closed-caption-import-startframe {
    position: relative;
    width: 880px;
    height: 550px;
    background-size: 880px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-closed-caption-import-startframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-closed-caption-import-startframe {
        width: 620px;
        height: 388px;
        background-size: 620px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-closed-caption-import-startframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-closed-caption-import-startframe {
        width: 280px;
        height: 176px;
        background-size: 280px 176px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-closed-caption-import-startframe {
        
    }
} */

.image-color-curves {
    position: relative;
    width: 980px;
    height: 550px;
    background-size: 980px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-color-curves {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-color-curves {
        width: 692px;
        height: 388px;
        background-size: 692px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-color-curves {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-color-curves {
        width: 280px;
        height: 158px;
        background-size: 280px 158px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-color-curves {
        
    }
} */

.image-color-curves-endframe {
    position: relative;
    width: 980px;
    height: 550px;
    background-size: 980px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-color-curves-endframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-color-curves-endframe {
        width: 692px;
        height: 388px;
        background-size: 692px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-color-curves-endframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-color-curves-endframe {
        width: 280px;
        height: 158px;
        background-size: 280px 158px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-color-curves-endframe {
        
    }
} */

.image-color-curves-startframe {
    position: relative;
    width: 980px;
    height: 550px;
    background-size: 980px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-color-curves-startframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-color-curves-startframe {
        width: 692px;
        height: 388px;
        background-size: 692px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-color-curves-startframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-color-curves-startframe {
        width: 280px;
        height: 158px;
        background-size: 280px 158px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-color-curves-startframe {
        
    }
} */

.image-color-hdr-after {
    position: relative;
    width: 1441px;
    height: 700px;
    background-size: 1441px 700px;
    background-repeat: no-repeat;
    
}
#slider-hdr-after.image-color-hdr-after {
    background-image: url("../assets/desktop/hdr_after.jpg");
}
#slider-hdr-vs-hdr-cls-after.image-color-hdr-after {
    background-image: url("../assets/desktop/irix-pro-hdr-cls.jpg");
    background-size: contain;
    background-position: center;
}
#skies-after.image-color-hdr-after {
    background-image: url("../assets/desktop/skies-after-2.jpg");
    background-size: cover;
    background-position: top center;
}
#luts-after.image-color-hdr-after {
    background-image: url("../assets/desktop/luts-after.jpg");
    background-position: center;
    background-size: cover;
}
#face-retouch-after {
    background-image: url("../assets/desktop/face-retouch-after.jpg");
    background-position: center;
    background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    /* .image-color-hdr-after {
        
    } */
    #slider-hdr-after.image-color-hdr-after {
        background-image: url("../assets/desktop/hdr_after.jpg");
    }
    #slider-hdr-vs-hdr-cls-after.image-color-hdr-after {
        background-image: url("../assets/desktop/irix-pro-hdr-cls.jpg");
        background-size: contain;
        background-position: center;
    }
    #skies-after.image-color-hdr-after {
        background-image: url("../assets/desktop/skies-after-2.jpg");
        background-size: cover;
        background-position: top center;
    }
    #luts-after.image-color-hdr-after {
        background-image: url("../assets/desktop/luts-after.jpg");
        background-position: center;
        background-size: cover;
    }
    #face-retouch-after {
        background-image: url("../assets/desktop/face-retouch-after.jpg");
        background-position: center;
        background-size: cover;
    }
}

@media only screen and (max-width: 1068px) {
    .image-color-hdr-after {
        width: 1068px;
        height: 519px;
        background-size: 1068px 519px;
        background-repeat: no-repeat;
        
    }
    #slider-hdr-after.image-color-hdr-after {
        background-image: url("../assets/desktop/hdr_after.jpg");
    }
    #slider-hdr-vs-hdr-cls-after.image-color-hdr-after {
        background-image: url("../assets/desktop/irix-pro-hdr-cls.jpg");
        background-size: contain;
        background-position: center;
    }
    #skies-after.image-color-hdr-after {
        background-image: url("../assets/desktop/skies-after-2.jpg");
        background-size: cover;
        background-position: top center;
    }
    #luts-after.image-color-hdr-after {
        background-image: url("../assets/desktop/luts-after.jpg");
        background-position: center;
        background-size: cover;
    }
    #face-retouch-after {
        background-image: url("../assets/desktop/face-retouch-after.jpg");
        background-position: center;
        background-size: cover;
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    /* .image-color-hdr-after {
        
    } */
    #slider-hdr-after.image-color-hdr-after {
        background-image: url("../assets/desktop/hdr_after.jpg");
    }
    #slider-hdr-vs-hdr-cls-after.image-color-hdr-after {
        background-image: url("../assets/desktop/irix-pro-hdr-cls.jpg");
        background-size: contain;
        background-position: center;
    }
    #skies-after.image-color-hdr-after {
        background-image: url("../assets/desktop/skies-after-2.jpg");
        background-size: cover;
        background-position: top center;
    }
    #luts-after.image-color-hdr-after {
        background-image: url("../assets/desktop/luts-after.jpg");
        background-position: center;
        background-size: cover;
    }
    #face-retouch-after {
        background-image: url("../assets/desktop/face-retouch-after.jpg");
        background-position: center;
        background-size: cover;
    }
}

@media only screen and (max-width: 735px) {
    .image-color-hdr-after {
        width: 607px;
        height: 295px;
        background-size: 607px 295px;
        background-repeat: no-repeat;
        
    }
    #slider-hdr-after.image-color-hdr-after {
        background-image: url("../assets/mobile/hdr_after.jpg");
    }
    #slider-hdr-vs-hdr-cls-after.image-color-hdr-after {
        background-image: url("../assets/mobile/irix-pro-hdr-cls.jpg");
        background-size: contain;
        background-position: center;
    }
    #skies-after.image-color-hdr-after {
        background-image: url("../assets/mobile/skies-after-2.jpg");
        background-size: cover;
        background-position: top center;
    }
    #luts-after.image-color-hdr-after {
        background-image: url("../assets/mobile/luts-after.jpg");
        background-position: center;
        background-size: cover;
    }
    #face-retouch-after {
        background-image: url("../assets/mobile/face-retouch-after.jpg");
        background-position: center;
        background-size: cover;
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    /* .image-color-hdr-after {
        
    } */
    #slider-hdr-after.image-color-hdr-after {
        background-image: url("../assets/mobile/hdr_after.jpg");
    }
    #slider-hdr-vs-hdr-cls-after.image-color-hdr-after {
        background-image: url("../assets/mobile/irix-pro-hdr-cls.jpg");
        background-size: contain;
        background-position: center;
    }
    #skies-after.image-color-hdr-after {
        background-image: url("../assets/mobile/skies-after-2.jpg");
        background-size: cover;
        background-position: top center;
    }
    #luts-after.image-color-hdr-after {
        background-image: url("../assets/mobile/luts-after.jpg");
        background-position: center;
        background-size: cover;
    }
    #face-retouch-after {
        background-image: url("../assets/mobile/face-retouch-after.jpg");
        background-position: center;
        background-size: cover;
    }
}


.image-color-hdr-before {
    position: relative;
    width: 1441px;
    height: 700px;
    background-size: 1441px 700px;
    background-repeat: no-repeat;
    
}
#slider-hdr-before.image-color-hdr-before {
    background-image: url("../assets/desktop/hdr_before.jpg");
}
#slider-hdr-vs-hdr-cls-before.image-color-hdr-before {
    background-image: url("../assets/desktop/irix-pro-hdr.jpg");
    background-size: contain;
    background-position: center;
}
#skies-before.image-color-hdr-before {
    background-image: url("../assets/desktop/skies-before.jpg");
    background-size: cover;
    background-position: top center;
}
#luts-before.image-color-hdr-before {
    background-image: url("../assets/desktop/luts-before.jpg");
    background-size: cover;
    background-position: center;
}
#face-retouch-before {
    background-image: url("../assets/desktop/face-retouch-before.jpg");
    background-position: center;
    background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    /* .image-color-hdr-before {
        
    } */
    #slider-hdr-before.image-color-hdr-before {
        background-image: url("../assets/desktop/hdr_before.jpg");
    }
    #slider-hdr-vs-hdr-cls-before.image-color-hdr-before {
        background-image: url("../assets/desktop/irix-pro-hdr.jpg");
        background-size: contain;
        background-position: center;
    }
    #skies-before.image-color-hdr-before {
        background-image: url("../assets/desktop/skies-before.jpg");
        background-size: cover;
        background-position: top center;
    }
    #luts-before.image-color-hdr-before {
        background-image: url("../assets/desktop/luts-before.jpg");
        background-size: cover;
        background-position: center;
    }
    #face-retouch-before {
        background-image: url("../assets/desktop/face-retouch-before.jpg");
        background-position: center;
        background-size: cover;
    }
}

@media only screen and (max-width: 1068px) {
    .image-color-hdr-before {
        width: 1068px;
        height: 519px;
        background-size: 1068px 519px;
        background-repeat: no-repeat;
        
    }
    #slider-hdr-before.image-color-hdr-before {
        background-image: url("../assets/desktop/hdr_before.jpg");
    }
    #slider-hdr-vs-hdr-cls-before.image-color-hdr-before {
        background-image: url("../assets/desktop/irix-pro-hdr.jpg");
        background-size: contain;
        background-position: center;
    }
    #skies-before.image-color-hdr-before {
        background-image: url("../assets/desktop/skies-before.jpg");
        background-size: cover;
        background-position: top center;
    }
    #luts-before.image-color-hdr-before {
        background-image: url("../assets/desktop/luts-before.jpg");
        background-size: cover;
        background-position: center;
    }
    #face-retouch-before {
        background-image: url("../assets/desktop/face-retouch-before.jpg");
        background-position: center;
        background-size: cover;
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    /* .image-color-hdr-before {
        
    } */
    #slider-hdr-before.image-color-hdr-before {
        background-image: url("../assets/desktop/hdr_before.jpg");
    }
    #slider-hdr-vs-hdr-cls-before.image-color-hdr-before {
        background-image: url("../assets/desktop/irix-pro-hdr.jpg");
        background-size: contain;
        background-position: center;
    }
    #skies-before.image-color-hdr-before {
        background-image: url("../assets/desktop/skies-before.jpg");
        background-size: cover;
        background-position: top center;
    }
    #luts-before.image-color-hdr-before {
        background-image: url("../assets/desktop/luts-before.jpg");
        background-size: cover;
        background-position: center;
    }
    #face-retouch-before {
        background-image: url("../assets/desktop/face-retouch-before.jpg");
        background-position: center;
        background-size: cover;
    }
}

@media only screen and (max-width: 735px) {
    .image-color-hdr-before {
        width: 607px;
        height: 295px;
        background-size: 607px 295px;
        background-repeat: no-repeat;
        
    }
    #slider-hdr-before.image-color-hdr-before {
        background-image: url("../assets/mobile/hdr_before.jpg");
    }
    #slider-hdr-vs-hdr-cls-before.image-color-hdr-before {
        background-image: url("../assets/mobile/irix-pro-hdr.jpg");
        background-size: contain;
        background-position: center;
    }
    #skies-before.image-color-hdr-before {
        background-image: url("../assets/mobile/skies-before.jpg");
        background-size: cover;
        background-position: top center;
    }
    #luts-before.image-color-hdr-before {
        background-image: url("../assets/mobile/luts-before.jpg");
        background-size: cover;
        background-position: center;
    }
    #face-retouch-before {
        background-image: url("../assets/mobile/face-retouch-before.jpg");
        background-position: center;
        background-size: cover;
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    /* .image-color-hdr-before {
        
    } */
    #slider-hdr-before.image-color-hdr-before {
        background-image: url("../assets/mobile/hdr_before.jpg");
    }
    #slider-hdr-vs-hdr-cls-before.image-color-hdr-before {
        background-image: url("../assets/mobile/irix-pro-hdr.jpg");
        background-size: contain;
        background-position: center;
    }
    #skies-before.image-color-hdr-before {
        background-image: url("../assets/mobile/skies-before.jpg");
        background-size: cover;
        background-position: top center;
    }
    #luts-before.image-color-hdr-before {
        background-image: url("../assets/mobile/luts-before.jpg");
        background-size: cover;
        background-position: center;
    }
    #face-retouch-before {
        background-image: url("../assets/mobile/face-retouch-before.jpg");
        background-position: center;
        background-size: cover;
    }
}

.image-color-hue {
    position: relative;
    width: 980px;
    height: 550px;
    background-size: 980px 550px;
    background-repeat: no-repeat;
    
}
/* 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-color-hue {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-color-hue {
        width: 692px;
        height: 388px;
        background-size: 692px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-color-hue {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-color-hue {
        width: 280px;
        height: 158px;
        background-size: 280px 158px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-color-hue {
        
    }
} */

.image-color-hue-endframe {
    position: relative;
    width: 980px;
    height: 550px;
    background-size: 980px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-color-hue-endframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-color-hue-endframe {
        width: 692px;
        height: 388px;
        background-size: 692px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-color-hue-endframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-color-hue-endframe {
        width: 280px;
        height: 158px;
        background-size: 280px 158px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-color-hue-endframe {
        
    }
} */

.image-color-hue-startframe {
    position: relative;
    width: 980px;
    height: 550px;
    background-size: 980px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-color-hue-startframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-color-hue-startframe {
        width: 692px;
        height: 388px;
        background-size: 692px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-color-hue-startframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-color-hue-startframe {
        width: 280px;
        height: 158px;
        background-size: 280px 158px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-color-hue-startframe {
        
    }
} */

.image-color-wheels {
    position: relative;
    width: 980px;
    height: 550px;
    background-size: 980px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-color-wheels {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-color-wheels {
        width: 692px;
        height: 388px;
        background-size: 692px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-color-wheels {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-color-wheels {
        width: 280px;
        height: 158px;
        background-size: 280px 158px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-color-wheels {
        
    }
} */

.image-color-wheels-endframe {
    position: relative;
    width: 980px;
    height: 550px;
    background-size: 980px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-color-wheels-endframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-color-wheels-endframe {
        width: 692px;
        height: 388px;
        background-size: 692px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-color-wheels-endframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-color-wheels-endframe {
        width: 280px;
        height: 158px;
        background-size: 280px 158px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-color-wheels-endframe {
        
    }
} */

.image-color-wheels-startframe {
    position: relative;
    width: 980px;
    height: 550px;
    background-size: 980px 550px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-color-wheels-startframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-color-wheels-startframe {
        width: 692px;
        height: 388px;
        background-size: 692px 388px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-color-wheels-startframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-color-wheels-startframe {
        width: 280px;
        height: 158px;
        background-size: 280px 158px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-color-wheels-startframe {
        
    }
} */

.image-comparison-viewer {
    position: relative;
    width: 408px;
    height: 269px;
    background-size: 408px 269px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-comparison-viewer {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-comparison-viewer {
        width: 346px;
        height: 227px;
        background-size: 346px 227px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-comparison-viewer {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-comparison-viewer {
        width: 280px;
        height: 184px;
        background-size: 280px 184px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-comparison-viewer {
        
    }
} */

.image-creativity-anywhere {
    position: relative;
    width: 885px;
    height: 565px;
    background-size: 885px 565px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-creativity-anywhere {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-creativity-anywhere {
        width: 607px;
        height: 389px;
        background-size: 607px 389px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-creativity-anywhere {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-creativity-anywhere {
        width: 314px;
        height: 204px;
        background-size: 314px 204px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-creativity-anywhere {
        
    }
} */

.image-hdr {
    position: relative;
    width: 368px;
    height: 305px;
    background-size: 368px 305px;
    background-repeat: no-repeat;
    
    background-image: url("../assets/desktop/pro_art_display.png");
    background-position: center;
    background-size: contain;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-hdr {
        
        background-image: url("../assets/desktop/pro_art_display.png");
        background-position: center;
        background-size: contain;
    }
}

@media only screen and (max-width: 1068px) {
    .image-hdr {
        width: 313px;
        height: 259px;
        background-size: 313px 259px;
        background-repeat: no-repeat;
        
        background-image: url("../assets/desktop/pro_art_display.png");
        background-position: center;
        background-size: contain;
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-hdr {
        
        background-image: url("../assets/desktop/pro_art_display.png");
        background-position: center;
        background-size: contain;
    }
}

@media only screen and (max-width: 735px) {
    .image-hdr {
        width: 280px;
        height: 231px;
        background-size: 280px 231px;
        background-repeat: no-repeat;
        
        background-image: url("../assets/mobile/pro_art_display.png");
        background-position: center;
        background-size: contain;
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-hdr {
        
        background-image: url("../assets/mobile/pro_art_display.png");
        background-position: center;
        background-size: contain;
    }
}

.image-hero {
    position: relative;
    width: 883px;
    height: 726px;
    background-size: 883px 726px;
    background-repeat: no-repeat;
    
}
#xdr-irix-main.image-hero {
    background-image: url("../assets/desktop/index-hero.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    /* .image-hero {
        
    } */
    #xdr-irix-main.image-hero {
        background-image: url("../assets/desktop/index-hero.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-hero {
        width: 624px;
        height: 514px;
        background-size: 624px 514px;
        background-repeat: no-repeat;
        
    }
    #xdr-irix-main.image-hero {
        background-image: url("../assets/desktop/index-hero.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    /* .image-hero {
        
    } */
    #xdr-irix-main.image-hero {
        background-image: url("../assets/desktop/index-hero.png")
    }
}

@media only screen and (max-width: 735px) {
    .image-hero {
        width: 280px;
        height: 232px;
        background-size: 280px 232px;
        background-repeat: no-repeat;
        
    }
    #xdr-irix-main.image-hero {
        background-image: url("../assets/mobile/index-hero.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    /* .image-hero {
        
    } */
    #xdr-irix-main.image-hero {
        background-image: url("../assets/mobile/index-hero.png")
    }
}

.image-hero-bg {
    position: relative;
    width: 2560px;
    height: 1211px;
    background-size: 2560px 1211px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-hero-bg {
        
    }
} */

@media only screen and (min-width: 1442px) {
    .image-hero-bg {
        width: 2557px;
        height: 1430px;
        background-size: 2557px 1430px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1442px) and (min-resolution: 1.5dppx),
only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .image-hero-bg {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-hero-bg {
        width: 1068px;
        height: 1146px;
        background-size: 1068px 1146px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-hero-bg {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-hero-bg {
        width: 736px;
        height: 1016px;
        background-size: 736px 1016px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-hero-bg {
        
    }
} */

.image-hero-clip {
    position: relative;
    background-size: auto auto;
    background-repeat: no-repeat;
    
}

@media only screen and (min-width: 1442px) {
    .image-hero-clip {
        background-size: auto auto;
        background-repeat: no-repeat;
        
    }
}

@media only screen and (max-width: 1068px) {
    .image-hero-clip {
        background-size: auto auto;
        background-repeat: no-repeat;
        
    }
}

@media only screen and (max-width: 735px) {
    .image-hero-clip {
        background-size: auto auto;
        background-repeat: no-repeat;
        
    }
}

.image-hero-fallback {
    position: relative;
    width: 984px;
    height: 729px;
    background-size: 984px 729px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-hero-fallback {
        
    }
} */

@media only screen and (min-width: 1442px) {
    .image-hero-fallback {
        width: 1294px;
        height: 959px;
        background-size: 1294px 959px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1442px) and (min-resolution: 1.5dppx),
only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .image-hero-fallback {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-hero-fallback {
        width: 694px;
        height: 514px;
        background-size: 694px 514px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-hero-fallback {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-hero-fallback {
        width: 280px;
        height: 231px;
        background-size: 280px 231px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-hero-fallback {
        
    }
} */

.image-hero-mask {
    position: relative;
    background-size: auto auto;
    background-repeat: no-repeat;
    
}

@media only screen and (min-width: 1442px) {
    .image-hero-mask {
        background-size: auto auto;
        background-repeat: no-repeat;
        
    }
}

@media only screen and (max-width: 1068px) {
    .image-hero-mask {
        background-size: auto auto;
        background-repeat: no-repeat;
        
    }
}

@media only screen and (max-width: 735px) {
    .image-hero-mask {
        background-size: auto auto;
        background-repeat: no-repeat;
        
    }
}

.image-icon-spitfyre {
    position: relative;
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    
    background-image: url("../assets/desktop/spitfyre.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.image-icon-hdr {
    position: relative;
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    
    background-image: url("../irix_pro_hdr.png");
    background-repeat: no-repeat;
    background-size: contain;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-icon-spitfyre {
        
        background-image: url("../assets/desktop/spitfyre.png");
    background-repeat: no-repeat;
    background-size: contain;
    }
    .image-icon-hdr {
        
        background-image: url("../irix_pro_hdr.png");
    background-repeat: no-repeat;
    background-size: contain;
    }
}

@media only screen and (max-width: 1068px) {
    .image-icon-hdr {
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        
        background-image: url("../assets/desktop/spitfyre.png");
    background-repeat: no-repeat;
    background-size: contain;
    }
    .image-icon-hdr {
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        
        background-image: url("../irix_pro_hdr.png");
    background-repeat: no-repeat;
    background-size: contain;
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-icon-spitfyre {
        
        background-image: url("../assets/desktop/spitfyre.png");
    background-repeat: no-repeat;
    background-size: contain;
    }
    .image-icon-hr {
        
        background-image: url("../irix_pro_hdr.png");
    background-repeat: no-repeat;
    background-size: contain;
    }
}

.image-icon-mynd {
    position: relative;
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    
    background-image: url("../assets/desktop/mynd.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.image-icon-hdr-classic {
    position: relative;
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    
    background-image: url("../irix_pro_hdr_classic.png");
    background-size: contain;
    background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-icon-mynd {
        
        background-image: url("../assets/desktop/mynd.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
    .image-icon-hdr-classic {
        background-image: url("../irix_pro_hdr_classic.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 1068px) {
    .image-icon-mynd {
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        
        background-image: url("../assets/desktop/mynd.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
    .image-icon-hdr-classic {
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        background-image: url("../irix_pro_hdr_classic.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-icon-mynd {
        
        background-image: url("../assets/desktop/mynd.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
    .image-icon-hdr-classic {
        
        background-image: url("../irix_pro_hdr_classic.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
}

.image-imovie {
    position: relative;
    width: 982px;
    height: 503px;
    background-size: 982px 503px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-imovie {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-imovie {
        width: 692px;
        height: 355px;
        background-size: 692px 355px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-imovie {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-imovie {
        width: 280px;
        height: 145px;
        background-size: 280px 145px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-imovie {
        
    }
} */

.image-lut {
    position: relative;
    width: 408px;
    height: 269px;
    background-size: 408px 269px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-lut {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-lut {
        width: 344px;
        height: 213px;
        background-size: 344px 213px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-lut {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-lut {
        width: 280px;
        height: 184px;
        background-size: 280px 184px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-lut {
        
    }
} */

.image-multicam {
    position: relative;
    width: 408px;
    height: 269px;
    background-size: 408px 269px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-multicam {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-multicam {
        width: 346px;
        height: 227px;
        background-size: 346px 227px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-multicam {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-multicam {
        width: 280px;
        height: 184px;
        background-size: 280px 184px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-multicam {
        
    }
} */

.image-noise-reduction {
    position: relative;
    width: 408px;
    height: 269px;
    background-size: 408px 269px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-noise-reduction {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-noise-reduction {
        width: 346px;
        height: 227px;
        background-size: 346px 227px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-noise-reduction {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-noise-reduction {
        width: 280px;
        height: 184px;
        background-size: 280px 184px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-noise-reduction {
        
    }
} */

.image-og {
    position: relative
}

.image-optimized {
    position: relative;
    width: 815px;
    height: 487px;
    background-size: 815px 487px;
    background-repeat: no-repeat;
    
}
/* 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-optimized {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-optimized {
        width: 577px;
        height: 343px;
        background-size: 577px 343px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-optimized {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-optimized {
        width: 311px;
        height: 185px;
        background-size: 311px 185px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-optimized {
        
    }
} */

.image-optimized-performance {
    position: relative;
    width: 408px;
    height: 239px;
    background-size: 408px 239px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    
}
#arm-image.image-optimized-performance {
    background-image: url("../assets/desktop/arm.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    /* .image-optimized-performance {
        
    } */
    #arm-image.image-optimized-performance {
        background-image: url("../assets/desktop/arm.png");
    }
}

@media only screen and (max-width: 1068px) {
    .image-optimized-performance {
        width: 342px;
        height: 200px;
        background-size: 342px 200px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-optimized-performance {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-optimized-performance {
        width: 345px;
        height: 203px;
        background-size: 345px 203px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        
    }
    #arm-image.image-optimized-performance {
        background-image: url("../assets/mobile/arm.png");
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    /* .image-optimized-performance {
        
    } */
    #arm-image.image-optimized-performance {
        background-image: url("../assets/mobile/arm.png");
    }
}

.image-performance {
    position: relative;
    width: 408px;
    height: 269px;
    background-size: 408px 269px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-performance {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-performance {
        width: 346px;
        height: 227px;
        background-size: 346px 227px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-performance {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-performance {
        width: 280px;
        height: 184px;
        background-size: 280px 184px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-performance {
        
    }
} */

.image-prores-icon {
    position: relative;
    width: 126px;
    height: 34px;
    background-size: 126px 34px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-prores-icon {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-prores-icon {
        width: 88px;
        height: 23px;
        background-size: 88px 23px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-prores-icon {
        
    }
} */

.image-prores-raw {
    position: relative;
    width: 986px;
    height: 573px;
    background-size: 986px 573px;
    background-repeat: no-repeat;
    
    background-image: url("../assets/desktop/macbook_pro_camera.png");
}
#vr-image.image-prores-raw {
    background-image: url("../assets/desktop/vr.png");
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-prores-raw {
        
        background-image: url("../assets/desktop/macbook_pro_camera.png");
    }
    #vr-image.image-prores-raw {
        background-image: url("../assets/desktop/vr.png");
    }
}

@media only screen and (max-width: 1068px) {
    .image-prores-raw {
        width: 693px;
        height: 401px;
        background-size: 693px 401px;
        background-repeat: no-repeat;
        
        background-image: url("../assets/desktop/macbook_pro_camera.png");
    }
    #vr-image.image-prores-raw {
        background-image: url("../assets/desktop/vr.png");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-prores-raw {
        
        background-image: url("../assets/desktop/macbook_pro_camera.png");
    }
    #vr-image.image-prores-raw {
        background-image: url("../assets/desktop/vr.png");
    }
}

@media only screen and (max-width: 735px) {
    .image-prores-raw {
        width: 312px;
        height: 183px;
        background-size: 312px 183px;
        background-repeat: no-repeat;
        
        background-image: url("../assets/mobile/macbook_pro_camera.png");
    }
    #vr-image.image-prores-raw {
        background-image: url("../assets/mobile/vr.png");
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-prores-raw {
        
        background-image: url("../assets/mobile/macbook_pro_camera.png");
    }
    #vr-image.image-prores-raw {
        background-image: url("../assets/mobile/vr.png");
    }
}

.image-proxy-feature-endframe {
    position: relative;
    width: 1200px;
    height: 720px;
    background-size: 1200px 720px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-proxy-feature-endframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-proxy-feature-endframe {
        width: 822px;
        height: 494px;
        background-size: 822px 494px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-proxy-feature-endframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-proxy-feature-endframe {
        width: 426px;
        height: 256px;
        background-size: 426px 256px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-proxy-feature-endframe {
        
    }
} */

.image-proxy-feature-startframe {
    position: relative;
    width: 1200px;
    height: 720px;
    background-size: 1200px 720px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-proxy-feature-startframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-proxy-feature-startframe {
        width: 822px;
        height: 494px;
        background-size: 822px 494px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-proxy-feature-startframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-proxy-feature-startframe {
        width: 426px;
        height: 256px;
        background-size: 426px 256px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-proxy-feature-startframe {
        
    }
} */

.image-screen-overview-1 {
    position: relative;
    width: 770px;
    height: 482px;
    background-size: 770px 482px;
    background-repeat: no-repeat;
    
}

#auto-enhance.image-screen-overview-1 {
    background-image: url("../assets/desktop/auto-enhance.jpg")
}

#color-wheels.image-screen-overview-1 {
    background-image: url("../assets/desktop/color-wheels.jpg")
}
#text.image-screen-overview-1 {
    background-image: url("../assets/desktop/text.jpg");
}
#radial-mask.image-screen-overview-1 {
    background-image: url("../assets/desktop/radial-mask.jpg");
}
#overlays-light-leaks.image-screen-overview-1 {
    background-image: url("../assets/desktop/overlays-light-leaks.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    /* .image-screen-overview-1 {
        
    } */
    #auto-enhance.image-screen-overview-1 {
        background-image: url("../assets/desktop/auto-enhance.jpg")
    }
    #color-wheels.image-screen-overview-1 {
        background-image: url("../assets/desktop/color-wheels.jpg")
    }
    #text.image-screen-overview-1 {
        background-image: url("../assets/desktop/text.jpg");
    }
    #radial-mask.image-screen-overview-1 {
        background-image: url("../assets/desktop/radial-mask.jpg");
    }
    #overlays-light-leaks.image-screen-overview-1 {
        background-image: url("../assets/desktop/overlays-light-leaks.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    .image-screen-overview-1 {
        width: 520px;
        height: 325px;
        background-size: 520px 325px;
        background-repeat: no-repeat;
        
    }
    #auto-enhance.image-screen-overview-1 {
        background-image: url("../assets/desktop/auto-enhance.jpg")
    }
    #color-wheels.image-screen-overview-1 {
        background-image: url("../assets/desktop/color-wheels.jpg")
    }
    #text.image-screen-overview-1 {
        background-image: url("../assets/desktop/text.jpg");
    }
    #radial-mask.image-screen-overview-1 {
        background-image: url("../assets/desktop/radial-mask.jpg");
    }
    #overlays-light-leaks.image-screen-overview-1 {
        background-image: url("../assets/desktop/overlays-light-leaks.jpg");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-1 {
        
    } */
    #auto-enhance.image-screen-overview-1 {
        background-image: url("../assets/desktop/auto-enhance.jpg")
    }
    #color-wheels.image-screen-overview-1 {
        background-image: url("../assets/desktop/color-wheels.jpg")
    }
    #text.image-screen-overview-1 {
        background-image: url("../assets/desktop/text.jpg");
    }
    #radial-mask.image-screen-overview-1 {
        background-image: url("../assets/desktop/radial-mask.jpg");
    }
    #overlays-light-leaks.image-screen-overview-1 {
        background-image: url("../assets/desktop/overlays-light-leaks.jpg");
    }
}

@media only screen and (max-width: 735px) {
    .image-screen-overview-1 {
        width: 268px;
        height: 168px;
        background-size: 268px 168px;
        background-repeat: no-repeat;
        
    }
    #auto-enhance.image-screen-overview-1 {
        background-image: url("../assets/mobile/auto-enhance.jpg")
    }
    #color-wheels.image-screen-overview-1 {
        background-image: url("../assets/mobile/color-wheels.jpg")
    }
    #text.image-screen-overview-1 {
        background-image: url("../assets/mobile/text.jpg");
    }
    #radial-mask.image-screen-overview-1 {
        background-image: url("../assets/mobile/radial-mask.jpg");
    }
    #overlays-light-leaks.image-screen-overview-1 {
        background-image: url("../assets/mobile/overlays-light-leaks.jpg");
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-1 {
        
    } */
    #auto-enhance.image-screen-overview-1 {
        background-image: url("../assets/mobile/auto-enhance.jpg")
    }
    #color-wheels.image-screen-overview-1 {
        background-image: url("../assets/mobile/color-wheels.jpg")
    }
    #text.image-screen-overview-1 {
        background-image: url("../assets/mobile/text.jpg");
    }
    #radial-mask.image-screen-overview-1 {
        background-image: url("../assets/mobile/radial-mask.jpg");
    }
    #overlays-light-leaks.image-screen-overview-1 {
        background-image: url("../assets/mobile/overlays-light-leaks.jpg");
    }
}

.image-screen-overview-2 {
    position: relative;
    width: 770px;
    height: 482px;
    background-size: 770px 482px;
    background-repeat: no-repeat;
}

#edge-detect.image-screen-overview-2 {
    background-image: url("../assets/desktop/edge-detect.jpg");
}

#color-curves.image-screen-overview-2 {
    background-image: url("../assets/desktop/color-curves.jpg")
}
#gradient-mask.image-screen-overview-2 {
    background-image: url("../assets/desktop/gradient-mask.jpg");
}
#emoji.image-screen-overview-2 {
    background-image: url("../assets/desktop/emoji.jpg");
}
#overlays-flying-birds.image-screen-overview-2 {
    background-image: url("../assets/desktop/overlays-birds.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    /* .image-screen-overview-2 {
        
    } */
    #edge-detect.image-screen-overview-2 {
        background-image: url("../assets/desktop/edge-detect.jpg");
    }
    #color-curves.image-screen-overview-2 {
        background-image: url("../assets/desktop/color-curves.jpg")
    }
    #gradient-mask.image-screen-overview-2 {
        background-image: url("../assets/desktop/gradient-mask.jpg");
    }
    #emoji.image-screen-overview-2 {
        background-image: url("../assets/desktop/emoji.jpg");
    }
    #overlays-flying-birds.image-screen-overview-2 {
        background-image: url("../assets/desktop/overlays-birds.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    .image-screen-overview-2 {
        width: 520px;
        height: 325px;
        background-size: 520px 325px;
        background-repeat: no-repeat;
    }
    #edge-detect.image-screen-overview-2 {
        background-image: url("../assets/desktop/edge-detect.jpg");
    }
    #color-curves.image-screen-overview-2 {
        background-image: url("../assets/desktop/color-curves.jpg")
    }
    #gradient-mask.image-screen-overview-2 {
        background-image: url("../assets/desktop/gradient-mask.jpg");
    }
    #emoji.image-screen-overview-2 {
        background-image: url("../assets/desktop/emoji.jpg");
    }
    #overlays-flying-birds.image-screen-overview-2 {
        background-image: url("../assets/desktop/overlays-birds.jpg");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-2 {
        
    } */
    #edge-detect.image-screen-overview-2 {
        background-image: url("../assets/desktop/edge-detect.jpg");
    }
    #color-curves.image-screen-overview-2 {
        background-image: url("../assets/desktop/color-curves.jpg")
    }
    #gradient-mask.image-screen-overview-2 {
        background-image: url("../assets/desktop/gradient-mask.jpg");
    }
    #emoji.image-screen-overview-2 {
        background-image: url("../assets/desktop/emoji.jpg");
    }
    #overlays-flying-birds.image-screen-overview-2 {
        background-image: url("../assets/desktop/overlays-birds.jpg");
    }
}

@media only screen and (max-width: 735px) {
    .image-screen-overview-2 {
        width: 268px;
        height: 168px;
        background-size: 268px 168px;
        background-repeat: no-repeat;
    }
    #edge-detect.image-screen-overview-2 {
        background-image: url("../assets/mobile/edge-detect.jpg");
    }
    #color-curves.image-screen-overview-2 {
        background-image: url("../assets/mobile/color-curves.jpg")
    }
    #gradient-mask.image-screen-overview-2 {
        background-image: url("../assets/mobile/gradient-mask.jpg");
    }
    #emoji.image-screen-overview-2 {
        background-image: url("../assets/mobile/emoji.jpg");
    }
    #overlays-flying-birds.image-screen-overview-2 {
        background-image: url("../assets/mobile/overlays-birds.jpg");
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-2 {
        
    } */
    #edge-detect.image-screen-overview-2 {
        background-image: url("../assets/mobile/edge-detect.jpg");
    }
    #color-curves.image-screen-overview-2 {
        background-image: url("../assets/mobile/color-curves.jpg")
    }
    #gradient-mask.image-screen-overview-2 {
        background-image: url("../assets/mobile/gradient-mask.jpg");
    }
    #emoji.image-screen-overview-2 {
        background-image: url("../assets/mobile/emoji.jpg");
    }
    #overlays-flying-birds.image-screen-overview-2 {
        background-image: url("../assets/mobile/overlays-birds.jpg");
    }
}

.image-screen-overview-3 {
    position: relative;
    width: 770px;
    height: 482px;
    background-size: 770px 482px;
    background-repeat: no-repeat;
}

#dehaze.image-screen-overview-3 {
    background-image: url("../assets/desktop/dehaze.jpg");
}

#color-hsl.image-screen-overview-3 {
    background-image: url("../assets/desktop/color-hsl.jpg");
}
#watermark.image-screen-overview-3 {
    background-image: url("../assets/desktop/watermark.jpg");
}
#brush-tool.image-screen-overview-3 {
    background-image: url("../assets/desktop/edge-detect.jpg");
}
#overlays-duo-tone.image-screen-overview-3 {
    background-image: url("../assets/desktop/overlays-duo-tone.jpg")
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    /* .image-screen-overview-3 {
        
    } */
    #dehaze.image-screen-overview-3 {
        background-image: url(../assets/desktop/dehaze.jpg);
    }
    #color-hsl.image-screen-overview-3 {
        background-image: url("../assets/desktop/color-hsl.jpg");
    }
    #watermark.image-screen-overview-3 {
        background-image: url("../assets/desktop/watermark.jpg");
    }
    #brush-tool.image-screen-overview-3 {
        background-image: url("../assets/desktop/edge-detect.jpg");
    }
    #overlays-duo-tone.image-screen-overview-3 {
        background-image: url("../assets/desktop/overlays-duo-tone.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-screen-overview-3 {
        width: 520px;
        height: 325px;
        background-size: 520px 325px;
        background-repeat: no-repeat;
    }
    #dehaze.image-screen-overview-3 {
        background-image: url("../assets/desktop/dehaze.jpg");
    }
    #color-hsl.image-screen-overview-3 {
        background-image: url("../assets/desktop/color-hsl.jpg");
    }
    #watermark.image-screen-overview-3 {
        background-image: url("../assets/desktop/watermark.jpg");
    }
    #brush-tool.image-screen-overview-3 {
        background-image: url("../assets/desktop/edge-detect.jpg");
    }
    #overlays-duo-tone.image-screen-overview-3 {
        background-image: url("../assets/desktop/overlays-duo-tone.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-3 {
        
    } */
    #dehaze.image-screen-overview-3 {
        background-image: url("../assets/desktop/dehaze.jpg");
    }
    #color-hsl.image-screen-overview-3 {
        background-image: url("../assets/desktop/color-hsl.jpg");
    }
    #watermark.image-screen-overview-3 {
        background-image: url("../assets/desktop/watermark.jpg");
    }
    #brush-tool.image-screen-overview-3 {
        background-image: url("../assets/desktop/edge-detect.jpg");
    }
    #overlays-duo-tone.image-screen-overview-3 {
        background-image: url("../assets/desktop/overlays-duo-tone.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-screen-overview-3 {
        width: 268px;
        height: 168px;
        background-size: 268px 168px;
        background-repeat: no-repeat;
        
    }
    #dehaze.image-screen-overview-3 {
        background-image: url("../assets/mobile/dehaze.jpg");
    }
    #color-hsl.image-screen-overview-3 {
        background-image: url("../assets/mobile/color-hsl.jpg");
    }
    #watermark.image-screen-overview-3 {
        background-image: url("../assets/mobile/watermark.jpg");
    }
    #brush-tool.image-screen-overview-3 {
        background-image: url("../assets/mobile/edge-detect.jpg");
    }
    #overlays-duo-tone.image-screen-overview-3 {
        background-image: url("../assets/mobile/overlays-duo-tone.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-3 {
        
    } */
    #dehaze.image-screen-overview-3 {
        background-image: url("../assets/mobile/dehaze.jpg");
    }
    #color-hsl.image-screen-overview-3 {
        background-image: url("../assets/mobile/color-hsl.jpg");
    }
    #watermark.image-screen-overview-3 {
        background-image: url("../assets/mobile/watermark.jpg");
    }
    #brush-tool.image-screen-overview-3 {
        background-image: url("../assets/mobile/edge-detect.jpg");
    }
    #overlays-duo-tone.image-screen-overview-3 {
        background-image: url("../assets/mobile/overlays-duo-tone.jpg")
    }
}

.image-screen-overview-4 {
    position: relative;
    width: 770px;
    height: 482px;
    background-size: 770px 482px;
    background-repeat: no-repeat;
    
}
#luminance-mask.image-screen-overview-4 {
    background-image: url("../assets/desktop/luminance-mask.jpg");
}
#overlays-clouds.image-screen-overview-4 {
    background-image: url("../assets/desktop/overlays-clouds.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    /* .image-screen-overview-4 {
        
    } */
    #luminance-mask.image-screen-overview-4 {
        background-image: url("../assets/desktop/luminance-mask.jpg");
    }
    #overlays-clouds.image-screen-overview-4 {
        background-image: url("../assets/desktop/overlays-clouds.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    .image-screen-overview-4 {
        width: 520px;
        height: 325px;
        background-size: 520px 325px;
        background-repeat: no-repeat;
        
    }
    #luminance-mask.image-screen-overview-4 {
        background-image: url("../assets/desktop/luminance-mask.jpg");
    }
    #overlays-clouds.image-screen-overview-4 {
        background-image: url("../assets/desktop/overlays-clouds.jpg");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-4 {
        
    } */
    #luminance-mask.image-screen-overview-4 {
        background-image: url("../assets/desktop/luminance-mask.jpg");
    }
    #overlays-clouds.image-screen-overview-4 {
        background-image: url("../assets/desktop/overlays-clouds.jpg");
    }
}

@media only screen and (max-width: 735px) {
    .image-screen-overview-4 {
        width: 268px;
        height: 168px;
        background-size: 268px 168px;
        background-repeat: no-repeat;
        
    }
    #luminance-mask.image-screen-overview-4 {
        background-image: url("../assets/mobile/luminance-mask.jpg");
    }
    #overlays-clouds.image-screen-overview-4 {
        background-image: url("../assets/mobile/overlays-clouds.jpg");
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-4 {
        
    } */
    #luminance-mask.image-screen-overview-4 {
        background-image: url("../assets/mobile/luminance-mask.jpg");
    }
    #overlays-clouds.image-screen-overview-4 {
        background-image: url("../assets/mobile/overlays-clouds.jpg");
    }
}

.image-screen-overview-5 {
    position: relative;
    width: 770px;
    height: 482px;
    background-size: 770px 482px;
    background-repeat: no-repeat;
    
}
#color-mask.image-screen-overview-5 {
    background-image: url("../assets/desktop/color-mask.jpg");
}
#overlays-blend-modes.image-screen-overview-5 {
    background-image: url("../assets/desktop/overlays-blending-mode.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    /* .image-screen-overview-5 {
        
    } */
    #color-mask.image-screen-overview-5 {
        background-image: url("../assets/desktop/color-mask.jpg");
    }
    #overlays-blend-modes.image-screen-overview-5 {
        background-image: url("../assets/desktop/overlays-blending-mode.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    .image-screen-overview-5 {
        width: 520px;
        height: 325px;
        background-size: 520px 325px;
        background-repeat: no-repeat;
        
    }
    #color-mask.image-screen-overview-5 {
        background-image: url("../assets/desktop/color-mask.jpg");
    }
    #overlays-blend-modes.image-screen-overview-5 {
        background-image: url("../assets/desktop/overlays-blending-mode.jpg");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-5 {
        
    } */
    #color-mask.image-screen-overview-5 {
        background-image: url("../assets/desktop/color-mask.jpg");
    }
    #overlays-blend-modes.image-screen-overview-5 {
        background-image: url("../assets/desktop/overlays-blending-mode.jpg");
    }
}

@media only screen and (max-width: 735px) {
    .image-screen-overview-5 {
        width: 268px;
        height: 168px;
        background-size: 268px 168px;
        background-repeat: no-repeat;
        
    }
    #color-mask.image-screen-overview-5 {
        background-image: url("../assets/mobile/color-mask.jpg");
    }
    #overlays-blend-modes.image-screen-overview-5 {
        background-image: url("../assets/mobile/overlays-blending-mode.jpg");
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-5 {
        
    } */
    #color-mask.image-screen-overview-5 {
        background-image: url("../assets/mobile/color-mask.jpg");
    }
    #overlays-blend-modes.image-screen-overview-5 {
        background-image: url("../assets/mobile/overlays-blending-mode.jpg");
    }
}

.image-screen-overview-6 {
    position: relative;
    width: 770px;
    height: 482px;
    background-size: 770px 482px;
    background-repeat: no-repeat;
    
}
#depth-mask.image-screen-overview-6 {
    background-image: url("../assets/desktop/depth-mask.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    /* .image-screen-overview-6 {
        
    } */
    #depth-mask.image-screen-overview-6 {
        background-image: url("../assets/desktop/depth-mask.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    .image-screen-overview-6 {
        width: 520px;
        height: 325px;
        background-size: 520px 325px;
        background-repeat: no-repeat;
        
    }
    #depth-mask.image-screen-overview-6 {
        background-image: url("../assets/desktop/depth-mask.jpg");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-6 {
        
    } */
    #depth-mask.image-screen-overview-6 {
        background-image: url("../assets/desktop/depth-mask.jpg");
    }
}

@media only screen and (max-width: 735px) {
    .image-screen-overview-6 {
        width: 268px;
        height: 168px;
        background-size: 268px 168px;
        background-repeat: no-repeat;
        
    }
    #depth-mask.image-screen-overview-6 {
        background-image: url("../assets/mobile/depth-mask.jpg");
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    /* .image-screen-overview-6 {
        
    } */
    #depth-mask.image-screen-overview-6 {
        background-image: url("../assets/mobile/depth-mask.jpg");
    }
}

.image-screen-workflow-1 {
    position: relative;
    width: 770px;
    height: 482px;
    background-size: 770px 482px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-screen-workflow-1 {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-screen-workflow-1 {
        width: 520px;
        height: 325px;
        background-size: 520px 325px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-screen-workflow-1 {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-screen-workflow-1 {
        width: 268px;
        height: 168px;
        background-size: 268px 168px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-screen-workflow-1 {
        
    }
} */

.image-screen-workflow-2 {
    position: relative;
    width: 770px;
    height: 482px;
    background-size: 770px 482px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-screen-workflow-2 {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-screen-workflow-2 {
        width: 520px;
        height: 325px;
        background-size: 520px 325px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-screen-workflow-2 {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-screen-workflow-2 {
        width: 268px;
        height: 168px;
        background-size: 268px 168px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-screen-workflow-2 {
        
    }
} */

.image-screen-workflow-3 {
    position: relative;
    width: 770px;
    height: 482px;
    background-size: 770px 482px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-screen-workflow-3 {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-screen-workflow-3 {
        width: 520px;
        height: 325px;
        background-size: 520px 325px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-screen-workflow-3 {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-screen-workflow-3 {
        width: 268px;
        height: 168px;
        background-size: 268px 168px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-screen-workflow-3 {
        
    }
} */

.image-screen-workflow-4 {
    position: relative;
    width: 770px;
    height: 482px;
    background-size: 770px 482px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-screen-workflow-4 {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-screen-workflow-4 {
        width: 520px;
        height: 325px;
        background-size: 520px 325px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-screen-workflow-4 {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-screen-workflow-4 {
        width: 268px;
        height: 168px;
        background-size: 268px 168px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-screen-workflow-4 {
        
    }
} */

.image-social-media {
    position: relative;
    width: 897px;
    height: 495px;
    background-size: 897px 495px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-social-media {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-social-media {
        width: 614px;
        height: 340px;
        background-size: 614px 340px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-social-media {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-social-media {
        width: 322px;
        height: 177px;
        background-size: 322px 177px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-social-media {
        
    }
} */

.image-timecode-window {
    position: relative;
    width: 408px;
    height: 269px;
    background-size: 408px 269px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-timecode-window {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-timecode-window {
        width: 346px;
        height: 227px;
        background-size: 346px 227px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-timecode-window {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-timecode-window {
        width: 280px;
        height: 184px;
        background-size: 280px 184px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-timecode-window {
        
    }
} */

.image-hero {
    position: relative;
    left: 50%;
    margin-left: -441.5px
}

@media only screen and (max-width: 1068px) {
    .image-hero {
        left: 50%;
        margin-left: -312px
    }
}

@media only screen and (max-width: 735px) {
    .image-hero {
        left: 50%;
        margin-left: -140px
    }
}

.image-hardware-imac-video-360 {
    width: 899px;
    height: 727px;
    background-size: 899px 727px;
    background-repeat: no-repeat;
    
    position: relative;
    left: 50%;
    margin-left: -449.5px
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-hardware-imac-video-360 {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-hardware-imac-video-360 {
        width: 614px;
        height: 497px;
        background-size: 614px 497px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-hardware-imac-video-360 {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-hardware-imac-video-360 {
        width: 280px;
        height: 228px;
        background-size: 280px 228px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-hardware-imac-video-360 {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-hardware-imac-video-360 {
        left: 50%;
        margin-left: -307px
    }
}

@media only screen and (max-width: 735px) {
    .image-hardware-imac-video-360 {
        left: 50%;
        margin-left: -140px
    }
}

.image-hardware-imac-vr-360 {
    width: 970px;
    height: 697px;
    background-size: 970px 697px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-hardware-imac-vr-360 {
        
    }
} */

html.css-mask .image-hardware-imac-vr-360 {
    width: 970px;
    height: 697px;
    background-size: 970px 697px;
    background-repeat: no-repeat;
    
    -webkit-mask-size: 970px 697px;
    mask-size: 970px 697px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    html.css-mask .image-hardware-imac-vr-360 {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-hardware-imac-vr-360 {
        width: 670px;
        height: 481px;
        background-size: 670px 481px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-hardware-imac-vr-360 {
        
    }
} */

@media only screen and (max-width: 1068px) {
    html.css-mask .image-hardware-imac-vr-360 {
        width: 670px;
        height: 481px;
        background-size: 670px 481px;
        background-repeat: no-repeat;
        
        -webkit-mask-size: 670px 481px;
        mask-size: 670px 481px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.css-mask .image-hardware-imac-vr-360 {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-hardware-imac-vr-360 {
        width: 325px;
        height: 234px;
        background-size: 325px 234px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-hardware-imac-vr-360 {
        
    }
} */

@media only screen and (max-width: 735px) {
    html.css-mask .image-hardware-imac-vr-360 {
        width: 325px;
        height: 234px;
        background-size: 325px 234px;
        background-repeat: no-repeat;
        
        -webkit-mask-size: 325px 234px;
        mask-size: 325px 234px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    html.css-mask .image-hardware-imac-vr-360 {
        
    }
} */

.image-360-drop-shadows {
    width: 950px;
    height: 135px;
    background-size: 950px 135px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-360-drop-shadows {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .image-360-drop-shadows {
        width: 656px;
        height: 93px;
        background-size: 656px 93px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-360-drop-shadows {
        
    }
} */

@media only screen and (max-width: 735px) {
    .image-360-drop-shadows {
        width: 319px;
        height: 45px;
        background-size: 319px 45px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-360-drop-shadows {
        
    }
} */

.image-imovie {
    position: relative;
    left: 50%;
    margin-left: -491px
}
#irx-collab.image-imovie {
    background-image: url("../assets/desktop/IRX-collab.jpg");
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 1068px) {
    .image-imovie {
        left: 50%;
        margin-left: -346px
    }
    #irx-collab.image-imovie {
        background-image: url("../assets/desktop/IRX-collab.jpg");
        background-size: contain;
        background-position: center;
    }
}

@media only screen and (max-width: 735px) {
    .image-imovie {
        left: 50%;
        margin-left: -140px
    }
    #irx-collab.image-imovie {
        background-image: url("../assets/mobile/IRX-collab.jpg");
        background-size: contain;
        background-position: center;
    }
}

.js .section-hero .anim-hero-gradient {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 0;
    background-image: linear-gradient(rgba(22, 22, 22, 1.0), rgba(0, 0, 0, 0));
}

.js .section-hero .anim-hero-headline {
    -webkit-transition-delay: .01s;
    transition-delay: .01s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0
}

.js .section-hero .anim-hero-cta {
    -webkit-transition-delay: .01s;
    transition-delay: .01s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0
}

.js .section-hero .anim-hero-lockup {
    -webkit-transition-delay: .01s;
    transition-delay: .01s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    will-change: transform, opacity;
    -webkit-transform: translate3d(0, 20px, 0) scale(1, 1);
    transform: translate3d(0, 20px, 0) scale(1, 1);
    opacity: 0
}

.js .section-hero.js-anim-hero-engaged .anim-hero-gradient {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1)
}

.js .section-hero.js-anim-hero-engaged .anim-hero-headline {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.js .section-hero.js-anim-hero-engaged .anim-hero-cta {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.js .section-hero.js-anim-hero-engaged .anim-hero-lockup {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1)
}

html.no-js .section-hero .anim-hero-gradient,
html.no-js .section-hero .anim-hero-headline,
html.no-js .section-hero .anim-hero-cta,
html.no-js .section-hero .anim-hero-lockup,
html.legacy-safari .section-hero .anim-hero-gradient,
html.legacy-safari .section-hero .anim-hero-headline,
html.legacy-safari .section-hero .anim-hero-cta,
html.legacy-safari .section-hero .anim-hero-lockup {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1) !important;
    transform: translate3d(0, 0, 0) scale(1, 1) !important
}

.js [data-component-list~=EngagedTransitionComponent] .transition-0,
.js [data-component-list~=EngagedTransitionComponent] .transition-1,
.js [data-component-list~=EngagedTransitionComponent] .transition-2,
.js [data-component-list~=EngagedTransitionComponent] .transition-3,
.js [data-component-list~=EngagedTransitionComponent] .transition-4,
.js [data-component-list~=EngagedTransitionComponent] .transition-5,
.js [data-component-list~=EngagedTransitionComponent] .transition-6,
.js [data-component-list~=EngagedTransitionComponent] .transition-7,
.js [data-component-list~=EngagedTransitionComponent] .transition-8,
.js [data-component-list~=EngagedTransitionComponent] .transition-9,
.js [data-component-list~=EngagedTransitionComponent] .transition-10 {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.js [data-component-list~=EngagedTransitionComponent].will-engage .transition-0,
.js [data-component-list~=EngagedTransitionComponent].will-engage .transition-1,
.js [data-component-list~=EngagedTransitionComponent].will-engage .transition-2,
.js [data-component-list~=EngagedTransitionComponent].will-engage .transition-3,
.js [data-component-list~=EngagedTransitionComponent].will-engage .transition-4,
.js [data-component-list~=EngagedTransitionComponent].will-engage .transition-5,
.js [data-component-list~=EngagedTransitionComponent].will-engage .transition-6,
.js [data-component-list~=EngagedTransitionComponent].will-engage .transition-7,
.js [data-component-list~=EngagedTransitionComponent].will-engage .transition-8,
.js [data-component-list~=EngagedTransitionComponent].will-engage .transition-9,
.js [data-component-list~=EngagedTransitionComponent].will-engage .transition-10 {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    will-change: transform, opacity
}

.js [data-component-list~=EngagedTransitionComponent].did-engage .transition-0,
.js [data-component-list~=EngagedTransitionComponent].did-engage .transition-1,
.js [data-component-list~=EngagedTransitionComponent].did-engage .transition-2,
.js [data-component-list~=EngagedTransitionComponent].did-engage .transition-3,
.js [data-component-list~=EngagedTransitionComponent].did-engage .transition-4,
.js [data-component-list~=EngagedTransitionComponent].did-engage .transition-5,
.js [data-component-list~=EngagedTransitionComponent].did-engage .transition-6,
.js [data-component-list~=EngagedTransitionComponent].did-engage .transition-7,
.js [data-component-list~=EngagedTransitionComponent].did-engage .transition-8,
.js [data-component-list~=EngagedTransitionComponent].did-engage .transition-9,
.js [data-component-list~=EngagedTransitionComponent].did-engage .transition-10 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.js [data-component-list~=EngagedTransitionComponent].transition-complete *,
.js [data-component-list~=EngagedTransitionComponent].transition-complete .transition-0,
.js [data-component-list~=EngagedTransitionComponent].transition-complete .transition-1,
.js [data-component-list~=EngagedTransitionComponent].transition-complete .transition-2,
.js [data-component-list~=EngagedTransitionComponent].transition-complete .transition-3,
.js [data-component-list~=EngagedTransitionComponent].transition-complete .transition-4,
.js [data-component-list~=EngagedTransitionComponent].transition-complete .transition-5,
.js [data-component-list~=EngagedTransitionComponent].transition-complete .transition-6,
.js [data-component-list~=EngagedTransitionComponent].transition-complete .transition-7,
.js [data-component-list~=EngagedTransitionComponent].transition-complete .transition-8,
.js [data-component-list~=EngagedTransitionComponent].transition-complete .transition-9,
.js [data-component-list~=EngagedTransitionComponent].transition-complete .transition-10 {
    will-change: auto !important
}

.js [data-component-list~=EngagedTransitionComponent] .gradient {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: transform;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.js [data-component-list~=EngagedTransitionComponent] .gradient.gradient-notransform {
    will-change: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.js [data-component-list~=EngagedTransitionComponent].engaged .gradient {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-0 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-0 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-0 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-0 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-0 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(6) .transition-0 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-1 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-1 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-1 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-1 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-1 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(6) .transition-1 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-2 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-2 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-2 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-2 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-2 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(6) .transition-2 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-3 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-3 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-3 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-3 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-3 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(6) .transition-3 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-4 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-4 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-4 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-4 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-4 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(6) .transition-4 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-5 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-5 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-5 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-5 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-5 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(6) .transition-5 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-6 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-6 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-6 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-6 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-6 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(6) .transition-6 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-7 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-7 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-7 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-7 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-7 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(6) .transition-7 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-8 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-8 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-8 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-8 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-8 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(6) .transition-8 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-9 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-9 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-9 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-9 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-9 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(6) .transition-9 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-10 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-10 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-10 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-10 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-10 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(6) .transition-10 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(0) .gradient,
.js [data-component-list~=EngagedTransitionComponent]:nth-child(0) .transition-0 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .gradient,
.js [data-component-list~=EngagedTransitionComponent]:nth-child(1) .transition-0 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .gradient,
.js [data-component-list~=EngagedTransitionComponent]:nth-child(2) .transition-0 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .gradient,
.js [data-component-list~=EngagedTransitionComponent]:nth-child(3) .transition-0 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .gradient,
.js [data-component-list~=EngagedTransitionComponent]:nth-child(4) .transition-0 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .gradient,
.js [data-component-list~=EngagedTransitionComponent]:nth-child(5) .transition-0 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.image-compare {
    width: 100%;
    max-width: 1441px
}

@media only screen and (min-width: 1442px) {
    .image-compare {
        position: relative;
        left: 50%;
        max-width: 1441px;
        -webkit-transform: translate(-720.5px, 0);
        transform: translate(-720.5px, 0)
    }
}

@media only screen and (max-width: 1068px) {
    .image-compare {
        max-width: 1068px
    }
}

@media only screen and (max-width: 735px) {
    .image-compare {
        position: relative;
        left: 50%;
        max-width: 607px;
        -webkit-transform: translate(-303.5px, 0);
        transform: translate(-303.5px, 0)
    }
}

.image-compare .images-content-wrapper {
    position: relative;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

@media only screen and (max-width: 607px) {
    .image-compare {
        position: static;
        left: auto;
        width: 100%;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .image-compare .images-content-wrapper {
        width: 100%
    }
}

.image-compare .compare-clipping-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 720.5px
}

@media only screen and (min-width: 1442px) {
    .image-compare .compare-clipping-mask {
        width: 720.5px
    }
}

@media only screen and (max-width: 1068px) {
    .image-compare .compare-clipping-mask {
        width: 534px
    }
}

@media only screen and (max-width: 735px) {
    .image-compare .compare-clipping-mask {
        width: 303.5px
    }
}

.image-compare .compare-clipping-mask .compare-slider {
    position: absolute;
    top: 0;
    right: -1px;
    width: 2px;
    height: 100%;
    text-align: left;
    z-index: 10;
    cursor: ew-resize;
    background-color: #fff
}

.image-compare .compare-clipping-mask .compare-slider .slider-thumb {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 36px;
    -webkit-transform: translate3d(-17px, -18px, 0);
    transform: translate3d(-17px, -18px, 0);
    opacity: 0
}

.image-compare .compare-clipping-mask .compare-slider .slider-thumb .thumb-icon {
    position: absolute;
    width: 18px;
    height: 100%;
    font-size: 24px;
    color: #222
}

.image-compare .compare-clipping-mask .compare-slider .slider-thumb .thumb-icon.icon-chevronleft {
    position: absolute;
    left: 0
}

.image-compare .compare-clipping-mask .compare-slider .slider-thumb .thumb-icon.icon-chevronright {
    position: absolute;
    right: 0
}

.image-compare .compare-clipping-mask .compare-slider .slider-thumb .thumb-icon:after {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    line-height: 0;
    text-align: center
}

html.windows .image-compare .compare-clipping-mask .compare-slider .slider-thumb .thumb-icon:after {
    height: 4px
}

.image-compare .clipping-image-container {
    overflow: hidden
}

@media only screen and (max-width: 735px) {
    .image-compare-wrapper {
        position: relative
    }
}

.disclaimer-container {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    position: relative;
    margin-top: -40px;
    text-align: right;
    z-index: 2
}

@media only screen and (min-width: 1442px) {
    .disclaimer-container {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .disclaimer-container {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 735px) {
    .disclaimer-container {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

@media only screen and (max-width: 735px) {
    .disclaimer-container {
        position: absolute;
        right: 9%;
        bottom: 10px;
        width: 40%;
        line-height: 0.5
    }
}

.disclaimer-container .typography-caption {
    font-size: 11px
}

html.no-js .image-compare .compare-slider {
    cursor: default
}

html.no-js .image-compare .compare-slider .slider-thumb {
    display: none
}

html.android .image-compare .compare-clipping-mask .compare-slider .slider-thumb {
    display: none
}

.js .image-compare .anim-compare-clipping-mask {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-timing-function: easeInOutQuint;
    transition-timing-function: easeInOutQuint;
    will-change: width;
    width: 100%
}

.js .image-compare .anim-slider-thumb {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: easeInOutQuint;
    transition-timing-function: easeInOutQuint;
    will-change: opacity;
    opacity: 0
}

.js .image-compare.js-image-compare-engaged .anim-compare-clipping-mask {
    width: 50%
}

.js .image-compare.js-image-compare-engaged .anim-slider-thumb {
    opacity: 1
}

.js .image-compare.js-no-transition .anim-compare-clipping-mask {
    -webkit-transition: none !important;
    transition: none !important
}

.js .image-compare.js-no-transition .anim-slider-thumb {
    -webkit-transition: none !important;
    transition: none !important
}

.section-hero {
    overflow-x: hidden;
    background-color: #000;
    position: relative
}

.section-hero .subsection-hero {
    position: absolute;
    width: 100%;
    height: 100vh;
    min-height: 670px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-hero .subsection-hero {
        
    }
} */

@media only screen and (min-width: 1442px) {
    .section-hero .subsection-hero {
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1442px) and (min-resolution: 1.5dppx),
only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .section-hero .subsection-hero {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .section-hero .subsection-hero {
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-hero .subsection-hero {
        
    }
} */

@media only screen and (max-width: 735px) {
    .section-hero .subsection-hero {
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-hero .subsection-hero {
        
    }
} */

.section-hero .section-content {
    overflow: hidden;
    padding-top: 152px;
    padding-bottom: 100px
}

@media only screen and (min-width: 1442px) {
    .section-hero .section-content {
        overflow: visible
    }
}

@media only screen and (min-width: 1442px) {
    .section-hero .section-content {
        padding-top: 179px;
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content {
        padding-top: 166px;
        padding-bottom: 25px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .section-content {
        padding-top: 163px;
        padding-bottom: 59px
    }
}

.section-hero .section-content .headline-container {
    text-align: center
}

@media only screen and (max-width: 735px) {
    .section-hero .section-content .headline-container {
        max-width: 24em;
        margin: auto
    }
}

.section-hero .section-content .links-inline {
    margin-top: 54px
}

@media only screen and (min-width: 1442px) {
    .section-hero .section-content .links-inline {
        margin-top: 40px
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content .links-inline {
        margin-top: 41px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .section-content .links-inline {
        margin-top: 9px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .section-content .links-inline li {
        display: block;
        margin: 0
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .section-content-full-width {
        width: 100%
    }
}

.section-hero .lockup {
    margin-top: 55px;
    margin-bottom: 101px
}

@media only screen and (min-width: 1442px) {
    .section-hero .lockup {
        margin-top: 51px;
        margin-bottom: 104px
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .lockup {
        margin-top: 46px;
        margin-bottom: 104px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .lockup {
        margin-top: 35px;
        margin-bottom: 99px
    }
}

@media only screen and (max-width: 735px) and (max-width: 735px) {
    .section-hero .hero-features-row {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

.section-hero .hero-features-highlight-box.feature-info-item:nth-child(3),
.section-hero .hero-features-highlight-box.feature-info-item:nth-child(4) {
    margin-top: 68px
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-features-highlight-box.feature-info-item:nth-child(2),
    .section-hero .hero-features-highlight-box.feature-info-item:nth-child(3),
    .section-hero .hero-features-highlight-box.feature-info-item:nth-child(4) {
        margin-top: 27px
    }
}

.section-hero .hero-features-highlight-box .line {
    overflow: hidden
}

.section-hero .hero-features-highlight-box .gradient {
    height: 2px
}

.section-hero .hero-features-highlight-box .gradient-left {
    background: -webkit-gradient(linear, left top, right top, from(#ffad65), to(#ff7928));
    background: -webkit-linear-gradient(left, #ffad65 0%, #ff7928 100%);
    background: linear-gradient(to right, #ffad65 0%, #ff7928 100%)
}

.section-hero .hero-features-highlight-box .gradient-right {
    background: -webkit-gradient(linear, left top, right top, from(#ff7928), to(#ffad65));
    background: -webkit-linear-gradient(left, #ff7928 0%, #ffad65 100%);
    background: linear-gradient(to right, #ff7928 0%, #ffad65 100%)
}

.section-hero .hero-features-highlight-box .badge-content {
    margin-top: 34px
}

.section-hero .hero-features-highlight-box .hero-badge-value {
    color: #fff;
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-hero .hero-features-highlight-box .hero-badge-value:lang(ar) {
    line-height: 1.3;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-hero .hero-features-highlight-box .hero-badge-value:lang(ja) {
    line-height: 1.175;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-hero .hero-features-highlight-box .hero-badge-value:lang(ko) {
    line-height: 1.2125;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-hero .hero-features-highlight-box .hero-badge-value:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-features-highlight-box .hero-badge-value {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-features-highlight-box .hero-badge-value {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-hero .hero-features-highlight-box .hero-badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.section-hero .next-level-pro-feat-row {
    /* margin-top: 120px */
    margin-top: 240px
    /* margin-top: 400px */
}

@media only screen and (max-width: 735px) and (max-width: 735px) {
    .section-hero .next-level-pro-feat-row {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

.section-performance {
    position: relative;
    overflow: hidden;
    background-color: #1b1b1b
}

@media only screen and (max-width: 735px) {
    .section-performance .section-content {
        padding-top: 60px
    }
}

.section-performance .section-content .row {
    margin-top: 95px
}

@media only screen and (max-width: 1068px) {
    .section-performance .section-content .row {
        margin-top: 52px
    }
}

@media only screen and (max-width: 735px) {
    .section-performance .section-content .row {
        margin-top: 64px
    }
}

@media only screen and (max-width: 1068px) {
    .section-performance .section-content .row-performance {
        margin-top: 90px
    }
}

@media only screen and (max-width: 735px) {
    .section-performance .section-content .row-performance {
        margin-top: 64px
    }
}

@media only screen and (max-width: 735px) {
    .section-performance .copy-wrapper {
        margin-bottom: 20px
    }
}

.section-performance .badge {
    color: #fff;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding-right: 8px
}

.section-performance .badge .badge-caption {
    color: #ccc
}

.section-performance .badge sup {
    bottom: 0
}

.section-performance .badge-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    top: 14px
}

@media only screen and (max-width: 1068px) {
    .section-performance .badge-wrap {
        top: 9px
    }
}

@media only screen and (max-width: 735px) {
    .section-performance .badge-wrap {
        top: 0
    }
}

@media only screen and (max-width: 735px) {
    .section-performance .badge-wrap {
        position: static;
        margin-top: 30px
    }
}

.section-performance .badge:nth-child(n+3) {
    margin-top: 37px
}

@media only screen and (max-width: 735px) {
    .section-performance .badge:nth-child(n+3) {
        margin-top: 50px
    }
}

.section-performance .lockup {
    margin-top: 87px;
    margin-bottom: 98px
}

@media only screen and (max-width: 1068px) {
    .section-performance .lockup {
        margin-top: 67px;
        margin-bottom: 7px
    }
}

@media only screen and (max-width: 735px) {
    .section-performance .lockup {
        margin-top: 66px
    }
}

.section-performance .image-optimized {
    position: relative;
    left: 50%;
    margin-left: -407.5px
}

@media only screen and (max-width: 1068px) {
    .section-performance .image-optimized {
        left: 50%;
        margin-left: -288.5px
    }
}

@media only screen and (max-width: 735px) {
    .section-performance .image-optimized {
        left: 50%;
        margin-left: -155.5px
    }
}

.section-performance .accelerated-image-con {
    margin-top: 4px;
    margin-bottom: 16px
}

@media only screen and (max-width: 1068px) {
    .section-performance .accelerated-image-con {
        margin-top: 6px;
        margin-bottom: 29px
    }
}

@media only screen and (max-width: 735px) {
    .section-performance .accelerated-image-con {
        margin-top: 23px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 735px) {
    .section-performance .image-accelerated {
        position: relative;
        left: 50%;
        margin-left: -204px
    }
}

@media only screen and (max-width: 735px) and (max-width: 1068px) {
    .section-performance .image-accelerated {
        left: 50%;
        margin-left: -171px
    }
}

@media only screen and (max-width: 735px) and (max-width: 735px) {
    .section-performance .image-accelerated {
        left: 50%;
        margin-left: -172.5px
    }
}

@media only screen and (max-width: 735px) {
    .section-performance .image-optimized-performance {
        position: relative;
        left: 50%;
        margin-left: -204px
    }
}

@media only screen and (max-width: 735px) and (max-width: 1068px) {
    .section-performance .image-optimized-performance {
        left: 50%;
        margin-left: -171px
    }
}

@media only screen and (max-width: 735px) and (max-width: 735px) {
    .section-performance .image-optimized-performance {
        left: 50%;
        margin-left: -172.5px
    }
}

.section-performance .violator {
    margin-bottom: 18px
}

.section-proxy-workflows {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(55%, #000), color-stop(75%, #111), to(#111));
    background: -webkit-linear-gradient(top, #000 0%, #000 55%, #111 75%, #111 100%);
    background: linear-gradient(180deg, #000 0%, #000 55%, #111 75%, #111 100%);
    background-repeat: no-repeat;
    overflow-x: hidden
}

.section-proxy-workflows.timeline-proxy-wrokflow {
    min-height: 400vh
}

.section-proxy-workflows .hero-copy {
    text-align: center;
    position: relative;
    z-index: 100;
    padding-top: 20vh
}

.section-proxy-workflows .hero-copy .img-creative-anywhere-hero {
    position: absolute;
    top: 0;
    width: 885px;
    height: 565px;
    background-size: 885px 565px;
    background-repeat: no-repeat;
    
}
/* 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-proxy-workflows .hero-copy .img-creative-anywhere-hero {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .section-proxy-workflows .hero-copy .img-creative-anywhere-hero {
        width: 607px;
        height: 389px;
        background-size: 607px 389px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-proxy-workflows .hero-copy .img-creative-anywhere-hero {
        
    }
} */

@media only screen and (max-width: 735px) {
    .section-proxy-workflows .hero-copy .img-creative-anywhere-hero {
        width: 314px;
        height: 204px;
        background-size: 314px 204px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-proxy-workflows .hero-copy .img-creative-anywhere-hero {
        
    }
} */

.section-proxy-workflows .creative-anywhere {
    margin-top: -174px
}

@media only screen and (max-width: 1068px) {
    .section-proxy-workflows .creative-anywhere {
        margin-top: -50px
    }
}

.section-proxy-workflows .creative-anywhere .image-proxy-feature-startframe {
    width: 1200px;
    height: 720px;
    background-size: 1200px 720px;
    background-repeat: no-repeat;
    
    background-image: url("../assets/desktop/quicksets.jpg");
    opacity: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-proxy-workflows .creative-anywhere .image-proxy-feature-startframe {
        
        background-image: url("../assets/desktop/quicksets.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    .section-proxy-workflows .creative-anywhere .image-proxy-feature-startframe {
        width: 822px;
        height: 494px;
        background-size: 822px 494px;
        background-repeat: no-repeat;
        
        background-image: url("../assets/desktop/quicksets.jpg");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-proxy-workflows .creative-anywhere .image-proxy-feature-startframe {
        
        background-image: url("../assets/desktop/quicksets.jpg");
    }
}

@media only screen and (max-width: 735px) {
    .section-proxy-workflows .creative-anywhere .image-proxy-feature-startframe {
        width: 426px;
        height: 256px;
        background-size: 426px 256px;
        background-repeat: no-repeat;
        
        background-image: url("../assets/mobile/quicksets.jpg");
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-proxy-workflows .creative-anywhere .image-proxy-feature-startframe {
        
        background-image: url("../assets/mobile/quicksets.jpg");
    }
}

.section-proxy-workflows .creative-anywhere .image-proxy-feature-endframe {
    width: 1200px;
    height: 720px;
    background-size: 1200px 720px;
    background-repeat: no-repeat;
    
    opacity: 0
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-proxy-workflows .creative-anywhere .image-proxy-feature-endframe {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .section-proxy-workflows .creative-anywhere .image-proxy-feature-endframe {
        width: 822px;
        height: 494px;
        background-size: 822px 494px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-proxy-workflows .creative-anywhere .image-proxy-feature-endframe {
        
    }
} */

@media only screen and (max-width: 735px) {
    .section-proxy-workflows .creative-anywhere .image-proxy-feature-endframe {
        width: 426px;
        height: 256px;
        background-size: 426px 256px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-proxy-workflows .creative-anywhere .image-proxy-feature-endframe {
        
    }
} */

.no-inline-video .section-proxy-workflows .creative-anywhere .image-proxy-feature-endframe {
    opacity: 1;
    display: block;
    top: 100px;
    left: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.section-proxy-workflows .creative-anywhere .creative-anywhere-lockup .img-creative-anywhere {
    margin-top: 50px;
    width: 885px;
    height: 565px;
    background-size: 885px 565px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-proxy-workflows .creative-anywhere .creative-anywhere-lockup .img-creative-anywhere {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .section-proxy-workflows .creative-anywhere .creative-anywhere-lockup .img-creative-anywhere {
        width: 607px;
        height: 389px;
        background-size: 607px 389px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-proxy-workflows .creative-anywhere .creative-anywhere-lockup .img-creative-anywhere {
        
    }
} */

@media only screen and (max-width: 735px) {
    .section-proxy-workflows .creative-anywhere .creative-anywhere-lockup .img-creative-anywhere {
        width: 314px;
        height: 204px;
        background-size: 314px 204px;
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-proxy-workflows .creative-anywhere .creative-anywhere-lockup .img-creative-anywhere {
        
    }
} */

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-playing .mediaobject-play-button {
    background-image: none;
    font-size: 30px;
    background-size: contain
}

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-playing .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-playing .mediaobject-play-button::after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: ''
}

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-playing .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-playing .mediaobject-play-button::after {
    text-decoration: none
}

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-playing .mediaobject-play-button::before {
    display: none
}

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-playing .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-playing .mediaobject-play-button::after {
    content: ""
}

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-playing .mediaobject-play-button::after {
    padding-left: .3em;
    top: 0
}

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-paused .mediaobject-play-button,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-ended .mediaobject-play-button,
.section-proxy-workflows .creative-anywhere .mediaobject-container.ended .mediaobject-play-button {
    background-image: none;
    font-size: 30px;
    background-size: contain
}

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-paused .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-paused .mediaobject-play-button::after,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-ended .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-ended .mediaobject-play-button::after,
.section-proxy-workflows .creative-anywhere .mediaobject-container.ended .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.ended .mediaobject-play-button::after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: ''
}

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-paused .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-paused .mediaobject-play-button::after,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-ended .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-ended .mediaobject-play-button::after,
.section-proxy-workflows .creative-anywhere .mediaobject-container.ended .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.ended .mediaobject-play-button::after {
    text-decoration: none
}

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-paused .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-ended .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.ended .mediaobject-play-button::before {
    display: none
}

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-paused .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-paused .mediaobject-play-button::after,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-ended .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-ended .mediaobject-play-button::after,
.section-proxy-workflows .creative-anywhere .mediaobject-container.ended .mediaobject-play-button::before,
.section-proxy-workflows .creative-anywhere .mediaobject-container.ended .mediaobject-play-button::after {
    content: ""
}

.section-proxy-workflows .creative-anywhere .mediaobject-container.video-paused .mediaobject-play-button::after,
.section-proxy-workflows .creative-anywhere .mediaobject-container.video-ended .mediaobject-play-button::after,
.section-proxy-workflows .creative-anywhere .mediaobject-container.ended .mediaobject-play-button::after {
    padding-left: .3em;
    top: 0
}

.section-proxy-workflows .creative-anywhere .mediaobject-container .mediaobject-play-button {
    z-index: 4;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px
}

@media only screen and (max-width: 735px) {
    .section-proxy-workflows .creative-anywhere .mediaobject-container .mediaobject-play-button {
        width: 30px;
        height: 30px;
        right: 10px;
        bottom: 10px
    }
}

/* .section-proxy-workflows .social-media-transformed {
    margin-top: 170px
} */
.section-proxy-workflows .social-media-transformed {
    margin-top: -174px
}

@media only screen and (max-width: 1068px) {
    .section-proxy-workflows .social-media-transformed {
        margin-top: -50px
    }
}

.section-proxy-workflows .social-media-transformed .social-media-transformed-lockup .img-social-media-transformed {
    width: 897px;
    height: 495px;
    background-size: 897px 495px;
    background-repeat: no-repeat;
    
    margin-top: 50px
}
#quicksets-image.img-social-media-transformed {
    background-image: url("../assets/desktop/quicksets.jpg");
    background-position: center;
        background-size: contain;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    /* .section-proxy-workflows .social-media-transformed .social-media-transformed-lockup .img-social-media-transformed {
        
    } */
    #quicksets-image.img-social-media-transformed {
        background-image: url("../assets/desktop/quicksets.jpg");
        background-position: center;
        background-size: contain;
    }
}

@media only screen and (max-width: 1068px) {
    .section-proxy-workflows .social-media-transformed .social-media-transformed-lockup .img-social-media-transformed {
        width: 614px;
        height: 340px;
        background-size: 614px 340px;
        background-repeat: no-repeat;
        
    }
    #quicksets-image.img-social-media-transformed {
        background-image: url("../assets/desktop/quicksets.jpg");
        background-position: center;
        background-size: contain;
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    /* .section-proxy-workflows .social-media-transformed .social-media-transformed-lockup .img-social-media-transformed {
        
    } */
    #quicksets-image.img-social-media-transformed {
        background-image: url("../assets/desktop/quicksets.jpg");
        background-position: center;
        background-size: contain;
    }
}

@media only screen and (max-width: 735px) {
    .section-proxy-workflows .social-media-transformed .social-media-transformed-lockup .img-social-media-transformed {
        width: 322px;
        height: 177px;
        background-size: 322px 177px;
        background-repeat: no-repeat;
        
    }
    #quicksets-image.img-social-media-transformed {
        background-image: url("../assets/mobile/quicksets.jpg");
        background-position: center;
        background-size: contain;
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    /* .section-proxy-workflows .social-media-transformed .social-media-transformed-lockup .img-social-media-transformed {
        
    } */
    #quicksets-image.img-social-media-transformed {
        background-image: url("../assets/mobile/quicksets.jpg");
        background-position: center;
        background-size: contain;
    }
}

.section-proxy-workflows .violator {
    margin-bottom: 18px
}

.section-proxy-workflows .violator-lockup-copy {
    padding-top: 55px
}

@media only screen and (max-width: 1068px) {
    .section-proxy-workflows .violator-lockup-copy {
        padding-top: 50px
    }
}

@media only screen and (max-width: 735px) {
    .section-proxy-workflows .violator-lockup-copy {
        padding-top: 0
    }
}

.section-proxy-workflows .sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 0;
    width: 100%
}

.section-proxy-workflows .sticky-overflow {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.section-proxy-workflows .will-change {
    will-change: transform, opacity
}

.section-post-processing {
    background-color: #111;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 735px) {
    .section-post-processing .section-content {
        padding-top: 60px
    }
}

.section-post-processing .gallery .gallery-screen {
    position: relative;
    left: 50%;
    margin-left: -385px
}

@media only screen and (max-width: 1068px) {
    .section-post-processing .gallery .gallery-screen {
        left: 50%;
        margin-left: -260px
    }
}

@media only screen and (max-width: 735px) {
    .section-post-processing .gallery .gallery-screen {
        left: 50%;
        margin-left: -134px
    }
}

.section-post-processing .gallery .violator-inline {
    display: inline;
    line-height: inherit
}

.section-post-processing .gallery #caption-processing-screen-overview-2 {
    padding: 0 90px
}

@media only screen and (max-width: 1068px) {
    .section-post-processing .gallery #caption-processing-screen-overview-2 {
        padding: 0 50px
    }
}

@media only screen and (max-width: 735px) {
    .section-post-processing .gallery #caption-processing-screen-overview-2 {
        padding: 0
    }
}

@media only screen and (max-width: 735px) {
    .section-post-processing .content-wrapper .row .copy-wrapper {
        margin-bottom: 40px
    }
}

.section-post-processing .content-wrapper .row .icon {
    margin-bottom: 25px
}

@media only screen and (max-width: 735px) {
    .section-post-processing .content-wrapper .multicam-row {
        margin-top: 25px
    }
}

.section-post-processing .content-wrapper .badge .badge-caption {
    color: #555
}

.section-post-processing .content-wrapper .badge .badge-value {
    color: #f65739
}

.section-post-processing .content-wrapper .badge .badge-unit {
    color: #f65739
}

.section-workflow-extensions {
    background-color: #1b1b1b;
    position: relative;
    z-index: 1
}

.section-workflow-extensions .gallery {
    padding-bottom: 1.64706em
}

.section-workflow-extensions .gallery .gallery-screen {
    position: relative;
    left: 50%;
    margin-left: -385px
}

@media only screen and (max-width: 1068px) {
    .section-workflow-extensions .gallery .gallery-screen {
        left: 50%;
        margin-left: -260px
    }
}

@media only screen and (max-width: 735px) {
    .section-workflow-extensions .gallery .gallery-screen {
        left: 50%;
        margin-left: -134px
    }
}

@media only screen and (max-width: 735px) {
    .section-workflow-extensions .workflow-cta {
        text-align: left
    }
}

.section-vr-360 {
    position: relative;
    overflow: hidden;
    background-color: #1b1b1b
}

.section-vr-360 .subsection-hero {
    position: absolute;
    width: 100%;
    background-color: #1b1b1b;
    height: 1020px
}

@media only screen and (max-width: 1068px) {
    .section-vr-360 .subsection-hero {
        height: 876px
    }
}

@media only screen and (max-width: 735px) {
    .section-vr-360 .subsection-hero {
        height: 502px
    }
}

@media only screen and (max-width: 400px) {
    .section-vr-360 .subsection-hero {
        height: 496px
    }
}

@media only screen and (max-width: 548px) {
    .section-vr-360 .subsection-hero.height-hero {
        height: 532px
    }
}

@media only screen and (max-width: 438px) {
    .section-vr-360 .subsection-hero.height-hero {
        height: 568px
    }
}

.section-vr-360 .subsection-hero .hero-bg-image {
    width: 100%;
    height: 120%;
    background-size: cover;
    background-position: 50% 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-vr-360 .subsection-hero .hero-bg-image {
        
    }
} */

@media only screen and (max-width: 1068px) {
    .section-vr-360 .subsection-hero .hero-bg-image {
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-vr-360 .subsection-hero .hero-bg-image {
        
    }
} */

@media only screen and (max-width: 735px) {
    .section-vr-360 .subsection-hero .hero-bg-image {
        background-repeat: no-repeat;
        
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-vr-360 .subsection-hero .hero-bg-image {
        
    }
} */

.section-vr-360 .section-content {
    padding-top: 130px;
    padding-bottom: 175px
}

@media only screen and (max-width: 1068px) {
    .section-vr-360 .section-content {
        padding-bottom: 130px
    }
}

@media only screen and (max-width: 735px) {
    .section-vr-360 .section-content {
        padding-top: 70px;
        padding-bottom: 104px
    }
}

.section-vr-360 .lockup-imac-vr-cotaniner {
    margin-top: 170px;
    margin-bottom: 120px
}

@media only screen and (max-width: 1068px) {
    .section-vr-360 .lockup-imac-vr-cotaniner {
        margin-top: 146px
    }
}

@media only screen and (max-width: 735px) {
    .section-vr-360 .lockup-imac-vr-cotaniner {
        margin-top: 110px;
        margin-bottom: 0
    }
}

.section-vr-360 .lockup-imac-vr-cotaniner .lockup-imac-vr {
    position: relative;
    z-index: 2
}

.section-vr-360 .lockup-imac-vr-cotaniner .lockup-drop-shadow {
    position: relative;
    z-index: 1;
    bottom: 54px
}

@media only screen and (max-width: 1068px) {
    .section-vr-360 .lockup-imac-vr-cotaniner .lockup-drop-shadow {
        bottom: 36px
    }
}

@media only screen and (max-width: 735px) {
    .section-vr-360 .lockup-imac-vr-cotaniner .lockup-drop-shadow {
        bottom: 19px
    }
}

.section-vr-360 .content-wrapper .row.first {
    margin-top: 0
}

@media only screen and (max-width: 735px) {
    .section-vr-360 .content-wrapper .row.first {
        margin-top: 50px
    }
}

@media only screen and (max-width: 735px) {
    .section-vr-360 .content-wrapper .row .copy-wrapper {
        margin-bottom: 40px
    }
}

.section-vr-360 .image-360-vr-playback {
    position: relative;
    left: 50%;
    margin-left: -163px
}

@media only screen and (max-width: 1068px) {
    .section-vr-360 .image-360-vr-playback {
        left: 50%;
        margin-left: -129.5px
    }
}

@media only screen and (max-width: 735px) {
    .section-vr-360 .image-360-vr-playback {
        left: 50%;
        margin-left: -110.5px
    }
}

@media only screen and (max-width: 1068px) {
    .section-vr-360 .image-360-vr-playback {
        margin-top: 0
    }
}

@media only screen and (max-width: 735px) {
    .section-vr-360 .image-360-vr-playback {
        margin-left: -18px;
        left: 0
    }
}

.section-color-hdr {
    overflow-x: hidden;
    background-color: #1b1b1b
}

.section-color-hdr .section-content .minimal-margin-top {
    margin-top: 50px
}

.section-color-hdr .gallery.tabnav-fade-gallery .gallery-item {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 980px
}

@media only screen and (max-width: 1068px) {
    .section-color-hdr .gallery.tabnav-fade-gallery .gallery-item {
        width: 692px
    }
}

@media only screen and (max-width: 735px) {
    .section-color-hdr .gallery.tabnav-fade-gallery .gallery-item {
        width: 280px
    }
}

.section-color-hdr .gallery.tabnav-fade-gallery .gallery-item .inline-video-slide {
    width: 980px;
    height: 550px
}

@media only screen and (max-width: 1068px) {
    .section-color-hdr .gallery.tabnav-fade-gallery .gallery-item .inline-video-slide {
        width: 692px;
        height: 388px
    }
}

@media only screen and (max-width: 735px) {
    .section-color-hdr .gallery.tabnav-fade-gallery .gallery-item .inline-video-slide {
        width: 280px;
        height: 158px
    }
}

.section-color-hdr .gallery.tabnav-fade-gallery .gallery-captions .caption {
    padding: 0 190px
}

@media only screen and (max-width: 1068px) {
    .section-color-hdr .gallery.tabnav-fade-gallery .gallery-captions .caption {
        padding: 0 50px
    }
}

@media only screen and (max-width: 735px) {
    .section-color-hdr .gallery.tabnav-fade-gallery .gallery-captions .caption {
        padding: 0
    }
}

.section-color-hdr .gallery.tabnav-fade-gallery .image-macbook-pro {
    display: none
}

.section-color-hdr .image-compare-wrapper {
    margin-top: 70px;
    margin-bottom: 70px
}

@media only screen and (max-width: 735px) {
    .section-color-hdr .image-compare-wrapper {
        margin-top: 35px;
        margin-bottom: 40px
    }
}

.section-color-hdr .section-hdr {
    padding-bottom: 0
}

.section-color-hdr .section-hdr .row {
    margin-top: 130px
}

@media only screen and (max-width: 1068px) {
    .section-color-hdr .section-hdr .row {
        margin-top: 75px
    }
}

@media only screen and (max-width: 735px) {
    .section-color-hdr .section-hdr .row .copy-wrapper {
        margin-bottom: 40px
    }
    .section-color-hdr .section-hdr .row .copy-wrapper.with-image {
        margin-bottom: 40px
    }
}

.section-color-hdr .row-hdr {
    padding-top: 60px;
    padding-bottom: 175px
}

.section-color-hdr .row-hdr .row {
    margin-top: 0
}

@media only screen and (max-width: 1068px) {
    .section-color-hdr .row-hdr {
        padding-top: 5px;
        padding-bottom: 115px
    }
}

@media only screen and (max-width: 735px) {
    .section-color-hdr .row-hdr {
        padding-top: 35px;
        padding-bottom: 104px
    }
}

@media only screen and (max-width: 1068px) {
    .section-color-hdr .row-hdr-extra-padding-top {
        padding-top: 35px
    }
}

@media only screen and (max-width: 735px) {
    .section-color-hdr .headline-wrapper {
        margin-bottom: .8em
    }
}

@media only screen and (max-width: 735px) {
    .section-color-hdr .image-hdr {
        left: 50%;
        margin-left: -140px;
        position: relative
    }
}

.section-ios-imovie {
    background-color: #1b1b1b
}

.section-ios-imovie .lockup-cotaniner {
    margin-top: 100px
}

@media only screen and (max-width: 735px) {
    .section-ios-imovie .lockup-cotaniner {
        margin-top: 40px
    }
}

@media only screen and (max-width: 735px) {
    .section-ios-imovie .image-imovie {
        margin-left: 0;
        left: 0
    }
}

.section-prores-raw {
    background-color: #111
}

.section-prores-raw .image-prores-raw {
    margin-left: -92px;
    margin-top: 116px;
    margin-bottom: 60px
}

@media only screen and (max-width: 1068px) {
    .section-prores-raw .image-prores-raw {
        margin-left: -58px
    }
}

@media only screen and (max-width: 735px) {
    .section-prores-raw .image-prores-raw {
        margin-top: 15px;
        margin-left: 0;
        margin-bottom: 38px
    }
}

.section-prores-raw .image-prores-raw figcaption {
    position: relative;
    top: 90%;
    margin-left: 92px
}

@media only screen and (max-width: 735px) {
    .section-prores-raw .image-prores-raw figcaption {
        margin-left: 0;
        text-align: center
    }
}

@media only screen and (max-width: 735px) {
    .section-prores-raw .row .column:last-child {
        margin-top: 76px
    }
}

.section-closed-captions {
    background-color: #111
}

.section-closed-captions .gallery.tabnav-fade-gallery .gallery-item {
    width: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.section-closed-captions .gallery.tabnav-fade-gallery .nav-captions-wrapper .gallery-captions {
    width: 83.33333%
}

@media only screen and (max-width: 1068px) {
    .section-closed-captions .gallery.tabnav-fade-gallery .nav-captions-wrapper .gallery-captions {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) and (min-width: 1442px) {
    .section-closed-captions .gallery.tabnav-fade-gallery .nav-captions-wrapper .gallery-captions {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
    .section-closed-captions .gallery.tabnav-fade-gallery .nav-captions-wrapper .gallery-captions {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 1068px) and (max-width: 735px) {
    .section-closed-captions .gallery.tabnav-fade-gallery .nav-captions-wrapper .gallery-captions {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

.section-closed-captions .closed-captions-gallery .inline-video-slide {
    width: 880px;
    height: 550px
}

@media only screen and (max-width: 1068px) {
    .section-closed-captions .closed-captions-gallery .inline-video-slide {
        width: 620px;
        height: 388px
    }
}

@media only screen and (max-width: 735px) {
    .section-closed-captions .closed-captions-gallery .inline-video-slide {
        width: 280px;
        height: 176px
    }
}

.gallery {
    position: relative;
    margin-top: 100px
}

@media only screen and (max-width: 1068px) {
    .gallery {
        margin-top: 100px
    }
}

@media only screen and (max-width: 735px) {
    .gallery {
        margin-top: 70px
    }
}

.gallery.tabnav-fade-gallery {
    background-size: 981px 560px;
    background-repeat: no-repeat;
    background-image: url("../assets/desktop/macbook_pro.png");
    background-position: center top
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .gallery.tabnav-fade-gallery {
        background-image: url("../assets/desktop/macbook_pro.png");
    }
}

@media only screen and (max-width: 1068px) {
    .gallery.tabnav-fade-gallery {
        background-size: 666px 380px;
        background-repeat: no-repeat;
        background-image: url("../assets/desktop/macbook_pro.png");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .gallery.tabnav-fade-gallery {
        background-image: url("../assets/desktop/macbook_pro.png");
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery {
        background-size: 347px 198px;
        background-repeat: no-repeat;
        background-image: url("../assets/mobile/macbook_pro.png");
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .gallery.tabnav-fade-gallery {
        background-image: url("../assets/mobile/macbook_pro.png");
    }
}

.gallery.tabnav-fade-gallery.no-bg {
    background: none
}

.gallery.tabnav-fade-gallery .gallery-main-content {
    overflow: hidden
}

.gallery.tabnav-fade-gallery .gallery-main-content.macbook-pro-with-screen {
    height: 504px
}

@media only screen and (max-width: 1068px) {
    .gallery.tabnav-fade-gallery .gallery-main-content.macbook-pro-with-screen {
        height: 342px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .gallery-main-content.macbook-pro-with-screen {
        height: 179px
    }
}

.gallery.tabnav-fade-gallery .gallery-main-content.imac-screen-combo {
    height: 742px
}

@media only screen and (max-width: 1068px) {
    .gallery.tabnav-fade-gallery .gallery-main-content.imac-screen-combo {
        height: 514px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .gallery-main-content.imac-screen-combo {
        height: 239px
    }
}

.gallery.tabnav-fade-gallery .gallery-main-content.screen-only {
    height: 550px
}

@media only screen and (max-width: 1068px) {
    .gallery.tabnav-fade-gallery .gallery-main-content.screen-only {
        height: 388px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .gallery-main-content.screen-only {
        height: 127px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .nav-captions-wrapper {
        width: 100%
    }
}

.gallery.tabnav-fade-gallery .nav-captions-wrapper .gallery-captions {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

@media only screen and (min-width: 1442px) {
    .gallery.tabnav-fade-gallery .nav-captions-wrapper .gallery-captions {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .gallery.tabnav-fade-gallery .nav-captions-wrapper .gallery-captions {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .nav-captions-wrapper .gallery-captions {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

.gallery.tabnav-fade-gallery .tabnav-wrapper {
    margin-top: 90px;
    margin-bottom: 30px;
    height: 46px
}

@media only screen and (max-width: 1068px) {
    .gallery.tabnav-fade-gallery .tabnav-wrapper {
        margin-top: 84px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .tabnav-wrapper {
        margin-top: 50px
    }
}

.gallery.tabnav-fade-gallery .tabnav-wrapper .tabnav-items {
    padding-bottom: 30px;
    font-size: 0
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .tabnav-wrapper .tabnav-items {
        padding-left: 6.25%;
        padding-right: 6.25%
    }
}

.gallery.tabnav-fade-gallery .gallery-item {
    width: 100%;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in
}

html.no-js .gallery.tabnav-fade-gallery .gallery-item {
    opacity: 1
}

.gallery.tabnav-fade-gallery .gallery-item:not(.ac-gallery-currentitem) .mediaobject-play-button {
    display: none
}

.gallery.tabnav-fade-gallery .gallery-item .gallery-screen {
    top: 32px
}

@media only screen and (max-width: 1068px) {
    .gallery.tabnav-fade-gallery .gallery-item .gallery-screen {
        top: 22px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .gallery-item .gallery-screen {
        top: 12px
    }
}

.gallery.tabnav-fade-gallery .gallery-captions {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    position: relative;
    text-align: center
}

@media only screen and (min-width: 1442px) {
    .gallery.tabnav-fade-gallery .gallery-captions {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .gallery.tabnav-fade-gallery .gallery-captions {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .gallery-captions {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .gallery-captions {
        width: 100%
    }
}

.gallery.tabnav-fade-gallery .gallery-captions .caption {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 80px
}

@media only screen and (max-width: 1068px) {
    .gallery.tabnav-fade-gallery .gallery-captions .caption {
        padding: 0 50px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .gallery-captions .caption {
        padding: 0
    }
}

@media only screen and (max-width: 735px) {
    .gallery.tabnav-fade-gallery .gallery-captions .caption {
        text-align: left
    }
}

.gallery.tabnav-fade-gallery .gallery-captions .caption a {
    pointer-events: none;
    position: relative;
    z-index: -1
}

.gallery.tabnav-fade-gallery .gallery-captions .caption.ac-gallery-currentitem a {
    pointer-events: auto;
    z-index: 1
}

.gallery.tabnav-fade-gallery .gallery-captions .caption .more:after {
    margin-top: 0.07em
}

.gallery.video-gallery .tabnav-wrapper {
    margin-top: 30px
}

@media only screen and (max-width: 1068px) {
    .gallery.video-gallery .tabnav-wrapper {
        margin-top: 44px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.video-gallery .tabnav-wrapper {
        margin-top: 32px
    }
}

.gallery.card-gallery .dotnav {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2
}

.gallery.card-gallery .paddlenav-compact .paddlenav-arrow {
    z-index: 10;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

html.mobile .gallery.card-gallery .paddlenav-compact .paddlenav-arrow {
    display: none
}

.gallery.card-gallery .gallery-item {
    margin-right: 30px
}

@media only screen and (max-width: 1068px) {
    .gallery.card-gallery .gallery-item {
        margin-right: 18px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.card-gallery .gallery-item {
        margin-right: 15px
    }
}

.gallery.card-gallery .card {
    background: #222;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 417px;
    padding-bottom: 50px
}

@media only screen and (max-width: 1068px) {
    .gallery.card-gallery .card {
        width: 357px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.card-gallery .card {
        width: 281px
    }
}

.gallery.card-gallery .card .card-content {
    margin-top: 46px;
    padding: 0 77px 0 52px
}

@media only screen and (max-width: 1068px) {
    .gallery.card-gallery .card .card-content {
        margin-top: 31px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.card-gallery .card .card-content {
        margin-top: 35px;
        padding: 0 20px 0 30px
    }
}

.gallery.card-gallery .card .card-content p {
    margin-top: 18px
}

@media only screen and (max-width: 1068px) {
    .gallery.card-gallery .card .card-content p {
        margin-top: 17px
    }
}

@media only screen and (max-width: 735px) {
    .gallery.card-gallery .card .card-content p {
        margin-top: 15px
    }
}

.inline-video-slide {
    position: relative
}

.inline-video-slide .mediaobject-still {
    position: relative
}

.inline-video-slide .mediaobject-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.inline-video-slide .mediaobject-container.video-playing .mediaobject-play-button {
    background-size: auto auto;
    background-repeat: no-repeat;
    
    background-size: contain
}

.inline-video-slide .mediaobject-container.video-paused .mediaobject-play-button,
.inline-video-slide .mediaobject-container.video-ended .mediaobject-play-button,
.inline-video-slide .mediaobject-container.ended .mediaobject-play-button {
    background-size: auto auto;
    background-repeat: no-repeat;
    
    background-size: contain
}

.inline-video-slide .mediaobject-container .mediaobject-startframe {
    position: absolute
}

.inline-video-slide .mediaobject-container .mediaobject-endframe {
    position: absolute
}

.inline-video-slide .mediaobject-container .mediaobject-element {
    width: 100%;
    height: 100%
}

.inline-video-slide .mediaobject-container .mediaobject-play-button {
    z-index: 4;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px
}

@media only screen and (max-width: 735px) {
    .inline-video-slide .mediaobject-container .mediaobject-play-button {
        width: 30px;
        height: 30px;
        right: 10px;
        bottom: 10px
    }
}

html.no-inline-video .inline-video-slide .mediaobject-endframe {
    display: none
}

html.no-js .inline-video-slide .mediaobject-endframe {
    display: none
}

html.inline-video .inline-video-slide .mediaobject-container .mediaobject-endframe {
    display: none
}

html.inline-video .inline-video-slide .mediaobject-container.video-playing .mediaobject-startframe {
    display: none
}

html.inline-video .inline-video-slide .mediaobject-container.video-paused .mediaobject-startframe,
html.inline-video .inline-video-slide .mediaobject-container.video-paused .mediaobject-endframe {
    display: none
}

html.inline-video .inline-video-slide .mediaobject-container.video-ended .mediaobject-startframe {
    display: none
}

html.inline-video .inline-video-slide .mediaobject-container.video-ended .mediaobject-endframe {
    display: block
}

.section-footer {
    background-color: #222
}

.section-footer .section-content {
    padding-top: 130px;
    padding-bottom: 100px
}

@media only screen and (max-width: 1068px) {
    .section-footer .section-content {
        padding-top: 115px;
        padding-bottom: 115px
    }
}

@media only screen and (max-width: 735px) {
    .section-footer .section-content {
        padding-top: 104px;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 1068px) {
    .section-footer .column:first-of-type .chiclets {
        margin-top: 105px
    }
}

@media only screen and (max-width: 735px) {
    .section-footer .column:first-of-type .chiclets {
        margin-top: 52px
    }
}

@media only screen and (max-width: 1068px) {
    .section-footer .typography-callout {
        display: inline
    }
}

@media only screen and (max-width: 735px) {
    .section-footer .typography-callout {
        display: block
    }
}

.section-footer .typography-callout,
.section-footer p {
    color: #fff
}

@media only screen and (max-width: 735px) {
    .section-footer .container {
        margin-bottom: 65px
    }
}

.section-footer .container .copy-wrapper {
    min-height: 290px
}

@media only screen and (max-width: 1068px) {
    .section-footer .container .copy-wrapper {
        min-height: 0
    }
}

.section-footer .container .chiclets {
    list-style-type: none;
    margin-left: 0
}

.section-footer .container .chiclets::before,
.section-footer .container .chiclets::after {
    content: ' ';
    display: table
}

.section-footer .container .chiclets::after {
    clear: both
}

@media only screen and (max-width: 1068px) {
    .section-footer .container .chiclets {
        margin-top: 52px
    }
}

.section-footer .container .chiclets li {
    float: left;
    margin-right: 4%
}

@media only screen and (max-width: 735px) {
    .section-footer .container .chiclets li {
        margin-right: 1.8%
    }
}

.section-footer .container .chiclets li.first {
    margin-left: 0
}

.section-footer .container .chiclets figcaption {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

.chiclets .image-icon-third-party-1 {
    width: 41px;
    height: 41px;
    background-size: 41px 41px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .chiclets .image-icon-third-party-1 {
        
    }
} */

.chiclets .image-icon-third-party-2 {
    width: 41px;
    height: 41px;
    background-size: 41px 41px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .chiclets .image-icon-third-party-2 {
        
    }
} */

.chiclets .image-icon-third-party-3 {
    width: 41px;
    height: 41px;
    background-size: 41px 41px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .chiclets .image-icon-third-party-3 {
        
    }
} */

.chiclets .image-icon-third-party-4 {
    width: 41px;
    height: 41px;
    background-size: 41px 41px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .chiclets .image-icon-third-party-4 {
        
    }
} */

.chiclets .image-icon-third-party-5 {
    width: 41px;
    height: 41px;
    background-size: 41px 41px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .chiclets .image-icon-third-party-5 {
        
    }
} */

.chiclets .image-icon-third-party-6 {
    width: 41px;
    height: 41px;
    background-size: 41px 41px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .chiclets .image-icon-third-party-6 {
        
    }
} */

.chiclets .image-icon-apps-1 {
    width: 43px;
    height: 44px;
    background-size: 43px 44px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .chiclets .image-icon-apps-1 {
        
    }
} */

.chiclets .image-icon-apps-2 {
    width: 44px;
    height: 44px;
    background-size: 44px 44px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .chiclets .image-icon-apps-2 {
        
    }
} */

.chiclets .image-icon-apps-3 {
    width: 41px;
    height: 44px;
    background-size: 41px 44px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .chiclets .image-icon-apps-3 {
        
    }
} */

.chiclets .image-icon-apps-4 {
    width: 37px;
    height: 44px;
    background-size: 37px 44px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .chiclets .image-icon-apps-4 {
        
    }
} */

.chiclets .image-icon-apps-5 {
    width: 36px;
    height: 44px;
    background-size: 36px 44px;
    background-repeat: no-repeat;
    
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .chiclets .image-icon-apps-5 {
        
    }
} */

.section-content {
    padding-top: 175px;
    padding-bottom: 175px
}

@media only screen and (max-width: 1068px) {
    .section-content {
        padding-top: 115px;
        padding-bottom: 115px
    }
}

@media only screen and (max-width: 735px) {
    .section-content {
        padding-top: 104px;
        padding-bottom: 104px
    }
}

.page-overview .typography-intro-elevated,
.page-overview .typography-intro {
    color: #fff
}

.discount-tag {
    margin-top: 100px; color: rgb(189, 189, 189); font-size: 12px;;padding: 5px 0; text-align: center
}