section.diamond-accent {
    z-index: 101 !important;
}

section.sticky-section {
    overflow: visible !important;
    z-index: 100 !important;
    min-height: 100vh !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

section.sticky-section [data-pagebuilder="section-container"], 
section.sticky-section [data-pagebuilder="row"], 
section.sticky-section [data-pagebuilder="column"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

section.sticky-section [data-pagebuilder="column"].sticky-section-static-column {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    z-index: 2 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;    
}

section.sticky-section [data-pagebuilder="column"].sticky-section-static-column.sticky-section-two-columns {
    /**/
}

section.sticky-section [data-pagebuilder="column"].sticky-section-vertical-scroll-container {
    height: auto !important;
    scroll-snap-type: y mandatory;
    z-index: 3 !important;
}

section.sticky-section [data-pagebuilder="column"].sticky-section-vertical-scroll-container [data-pagebuilder="widget"] {
    height: 100vh !important;
    scroll-snap-align: start;
    display: flex !important;
    align-items: center !important;
}

section.sticky-section [data-pagebuilder="column"] [data-pagebuilder="widget"] .content-block {
    display: block !important;
    min-height: 40vh !important;
}

@media (max-width: 767px) {
    section.sticky-section [data-pagebuilder="column"] .mobile-shift .content-block  {
        min-height: 68vh !important;
    }
    section.sticky-section [data-pagebuilder="column"] [data-pagebuilder="widget"] h2.mobile-shift {
        top: -95px;
        position: relative;
    }
    section.sticky-section [data-pagebuilder="column"] [data-pagebuilder="widget"] h3.mobile-shift {
        top: -50px;
        position: relative;
    }
}

/* @media (max-width: 767px) {
    section.sticky-section [data-pagebuilder="column"] .mobile-shift .content-block  {
        min-height: 68vh !important;
    }
} */

/* homepage one... */
section.sticky-section .sticky-section-static-column .vertical-scroll-image-1,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-2,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-3,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-4,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-5,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-6,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-7,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-8,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-9,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-10 {
    position: absolute !important;
    bottom: -25% !important;
    right: -115% !important;
    width: 100% !important;
    height: 100% !important;   
    display: block !important;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

section.sticky-section .sticky-section-static-column .vertical-scroll-image-1 > a,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-2 > a,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-3 > a,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-4 > a,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-5 > a,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-6 > a,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-7 > a,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-8 > a,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-9 > a,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-10 > a {
    max-height: 73% !important;
    background-size: contain !important;
}

/* our ethos / two-column one */
section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-1,
section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-2,
section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-3,
section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-4,
section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-5,
section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-6,
section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-7,
section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-8,
section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-9,
section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-10 {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    right: 1.25rem !important;
    width: calc(50% - 3.75rem) !important;
    height: auto !important;   
    display: block !important;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity 0.8s ease-in-out;
}

#our-ethos section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-static {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    right: 1.25rem !important;
    width: calc(50% - 3.75rem) !important;
    height: auto !important;   
    display: block !important;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity 0.8s ease-in-out;
    opacity: 1 !important;
}

#our-ethos section.sticky-section h2, #our-ethos section.sticky-section p, #our-ethos section.sticky-section span, #our-ethos section.sticky-section h6 {
    position: relative;
    z-index: 2;
}

#our-ethos section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-static video {
    transform: scale(1.5) rotate(-25deg);
}

#our-ethos section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-static:after {
    content: '';
    position: absolute;
    top: 10%;
    left: 34%;
    height: 75px;
    width: 25%;
    background: url('https://cdn.jewelryimages.net/static/domains/claritydiamondv6/images/store-pics/video-diamond-overlay.png');
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 767px) {
    section.sticky-section .sticky-section-static-column.sticky-section-two-columns span  {
        display: none !important;
    }
    section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-1,
    section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-2,
    section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-3,
    section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-4,
    section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-5,
    section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-6,
    section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-7,
    section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-8,
    section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-9,
    section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-10,
    #our-ethos section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-static {
        position: absolute !important;
        /* top: 50% !important; */
        bottom: 70px !important;
        left: 50% !important;
        right: auto !important;
        width: 55vw !important;
        height: auto !important;
        display: block !important;
        opacity: 0;
        transform: translateX(-50%);
        transition: opacity 0.8s ease-in-out;
        top: auto !important;
    }
    #our-ethos section.sticky-section .sticky-section-static-column.sticky-section-two-columns .vertical-scroll-image-static {
        bottom: 180px !important;
    }
    section.sticky-section .sticky-section-static-column .vertical-scroll-image-1,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-2,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-3,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-4,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-5,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-6,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-7,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-8,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-9,
section.sticky-section .sticky-section-static-column .vertical-scroll-image-10 {
    position: absolute !important;
        /* top: 50% !important; */
        bottom: 70px !important;
        left: 50% !important;
        right: auto !important;
        width: 55vw !important;
        height: auto !important;
        display: block !important;
        opacity: 0;
        transform: translateX(-50%);
        transition: opacity 0.8s ease-in-out;
        top: auto !important;
}

}

section.sticky-section .sticky-section-static-column div[class*='vertical-scroll-image-'].show-image {
    opacity: 1 !important;
}