.video-hero-block{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:calc(100vh - 160px);
    position:relative;
    width:100%;
}

.video-hero-block .gradientstart-container{
    display:none;
}

.video-hero-block .video{
    height:100%;
    position:absolute;
    width:100%;
}

.video-hero-block .video:after{
    background: linear-gradient(to right,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.35) 100%);
    content:'';
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}

.video-hero-block .video video{
    height:100%;
    object-fit:cover;
    width:100%;
}

#fade-gradientstart{
    height:100%;
    width:100%;
}

.video-hero-block .content-width{
    position: relative;
    width: calc(100% - 70px);
}

.video-hero-block .content-width .half{
    width:100%;
}

.video-hero-block .content-width .half .title{
    color:white;
    font-size:40px;
    line-height:1.125;
    opacity:0;
    transform:translate3d(-25%, 0, 0);
    transition:800ms opacity, 800ms transform;
}

.video-hero-block.animated .content-width .half .title{
    opacity:1;
    transform:translate3d(0%, 0, 0);
}

.video-hero-block .content-width .half .subtitle{
    color:#E8EBF0;
    font-size:22px;
    margin-bottom:56px;
    margin-top:16px;
    opacity:0;
    transform:translate3d(-25%, 0, 0);
    transition:800ms opacity 300ms, 800ms transform 300ms;
}

.video-hero-block.animated .content-width .half .subtitle{
    opacity:1;
    transform:translate3d(0%, 0, 0);
}

.video-hero-block .content-width .cta-container{
    align-items:start;
    display:flex;
    flex-direction:column;
    gap:16px;
    opacity:0;
    transform:translate3d(-25%, 0, 0);
    transition:800ms opacity 800ms, 800ms transform 800ms;
}

.video-hero-block.animated .content-width .cta-container{
    opacity:1;
    transform:translate3d(0%, 0, 0);
}

.video-hero-block .full-width{
    bottom:0;
    position: absolute;
    width:100%;
}

.video-hero-block .full-width .footnote{
    display:flex;
    margin-left:30px;
    padding:20px 0 50px;
    position:relative;
    width:calc(100% - 60px);
}

.video-hero-block .full-width .footnote:before{
    background:rgba(255,255,255, 0.3);
    content:'';
    height:1px;
    left:0;
    position:absolute;
    top:0;
    transform:scaleX(0);
    transform-origin:0;
    transition:1200ms transform 1200ms;
    width:100%;
}

.video-hero-block.animated .full-width .footnote:before{
    transform:scaleX(1);
}

.video-hero-block .full-width .footnote .icon{
    background:url(../../assets/images/icon-flag.svg)no-repeat center;
    background-size:contain;
    height:14px;
    opacity:0;
    transform:translate3d(25px, 0, 0);
    transition:800ms transform 1200ms, 800ms opacity 1200ms;
    width:14px;
}

.video-hero-block.animated .full-width .footnote .icon{
    opacity:1;
    transform:translate3d(0, 0, 0);
}

.video-hero-block .full-width .footnote p{
    color:#E8EBF0 ;
    margin-left:10px;
    opacity:0;
    transform:translate3d(25px, 0, 0);
    transition:800ms transform 1200ms, 800ms opacity 1200ms;
}

.video-hero-block.animated .full-width .footnote p{
    opacity:1;
    transform:translate3d(0, 0, 0);
}




@media screen and (min-width:768px){
    .video-hero-block{
        height:800px;
        min-height:unset;
        overflow:hidden;
    }

    .video-hero-block .gradientstart-container{
        display:block;
    }

    .video-hero-block .video:after{
        content:none;
    }
    .video-hero-block .content-width{
        width: calc(100% - 70px);
    }
    

    .video-hero-block .content-width .half{
        width:50%;
    }

    .video-hero-block .content-width .half .title{
        color:white;
        font-size:60px;
    }

    .video-hero-block .content-width .half .subtitle{
        color:#E8EBF0;
        font-size:18px;
    }

    .video-hero-block .content-width .cta-container{
        flex-direction:row;
        gap: 26px;
        margin-top:60px;
    }

    .video-hero-block .full-width .footnote {
        margin-left: 56px;
        width: calc(100% - 112px);
    }
}

@media screen and (min-width:1440px){
    
}