#banner > .header-container >div:first-child{
position: relative;
    z-index: 3;
}
#heroBannerLine {
    z-index: 2;
		display: flex;
}

#heroBannerLine:not(.video) > span{
    display: none;
}

#heroBannerLine .progress-item{
position: relative;
flex-grow: 1;
}

.header-container{
background-image: url('');
}

.progress-item span {
        height: 4px;
        top: 0;
        left: 0;
        position: absolute;
    }
		
		#heroBannerLine:not(.video) .active{
		    background-color: transparent;
		}
		
		#heroBannerLine.video > div{
		 display: none;
		}
		
		#heroBannerLine .active span{
		background-color: #64AF53;
		}
		
		

.header-header-1 {
    min-height: 200px;
}
@media (min-width: 768px){
.header-header-1 {
    min-height: 228.78px;
}
}

@media (max-width: 480px){
.header-container {
    background-size: 300%;
    background-position-y: 0;
}
}