#bannerWrapper {
    height: calc(75vh - 82px);
}

#bannerGallery {
    width: 100%;
    height: 100%;
}
.galleryImage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.line1 {
    width: 26%;
    position: absolute;
    z-index: 5;
    top: 10%;
    left: 0%;
}

.line4 {
    width: 25%;
    position: absolute;
    z-index: 5;
    bottom: 10%;
    right: 0%;
    transform: rotateX(180deg);
}

#headerVideo {
    left: 50%;
    /*height: calc(75vh - 82px);*/
    min-width: 100%;
    position: absolute;
    transform: translateX(-50%) translateY(-15%);
}

#videoOverlay {
    background-image: linear-gradient(60.32deg, rgba(0, 0, 0, 0.39) 0.99%, rgba(0, 0, 0, 0) 47.96%);;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

#bannerGallery {
    width: 100%;
    height: 100%;
}

.galleryImage {
    height: calc(65vh - 82px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#headerText {
    max-width: 500px;
    margin: inherit;
    position: absolute;
    bottom: 10%;
    left: 4%;
}

#headerImage {
    position: relative;
    left: 5%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body {
        overflow-x: hidden;
    }
    #bannerRevealer {
        opacity: 1;
    }
    #headerText {
        max-width: 500px;
        margin: inherit;
        position: relative;
        bottom: 10% !important;
        align-items: flex-end;
    }
}



/*
############
MAIN CONTENT
############
*/
#infoBlock {
    max-width: 1575px;
    margin: 0 auto;
    padding: 3% 8.5% 3% 8.5%;
}
#infoBlockWrapper:before {
    content: "";
    display: block;
    background-color: white;
    width: 100%;
    height: 47px;
    position: absolute;
    z-index: 1;
    max-width: 1575px;
    width: 100%;
    top: -46px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
#infoBlockWrapper:after {
    content: "";
    display: block;
    background-color: white;
    width: 100%;
    height: 47px;
    position: absolute;
    z-index: 1;
    max-width: 1575px;
    width: 100%;
    bottom: -46px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
#infoHeader {
    line-height: 0px;
}
#infoBlockWrapperLine {
    width: 25%;
    position: absolute;
    z-index: 5;
    top: 15%;
    left: 0%;
}
#infoBlockLine {
    width: 25%;
    position: absolute;
    z-index: 5;
    top: -30%;
    left: 15%;
    transform: rotateX(180deg);
}


/*
###########
STATS
###########
*/
#statsWrapper {
    background-image: linear-gradient(90deg, rgba(30, 26, 26, .8) 0%, rgba(30, 26, 26, .8) 100%), url(../../images/assets/texture/cement_2_bkg-min.jpg);
}

/*
###########
TESTIMONIAL
###########
*/
#testimonialWrapper .slick-initialized .slick-slide {
    display: flex !important;
}

#testimonialWrapper {
    margin-top: 4%;
    margin-bottom: 4%;
}

#testimonialGallery {
    max-width: 1600px;
    margin: 0 auto;
}

.testimonialTextWrapper {
    margin-left: 17%;
    height: 100%;
}

#testimonialWrapper .slick-dots {
    right: 8%;
    left: 0;
    text-align: right;
}

#testimonialWrapper .slick-dots .slick-active button {
    background-color: #333333;
}


/*
################
FEATURED PROJECT
################
*/
#featuredProjectImage {
    height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #featuredProjectImage {
        background-attachment: scroll;
    }
}

#featuredProjectWrapperLine1 {
    width: 15%;
    position: absolute;
    z-index: 5;
    top: 0%;
    left: 0%;
}
#featuredProjectWrapperLine2 {
    width: 25%;
    position: absolute;
    z-index: 5;
    top: 0%;
    right: 0%;
    transform: rotateX(180deg);
}
#featuredProjectWrapperLine3 {
    width: 25%;
    position: absolute;
    z-index: 5;
    bottom: 0%;
    left: -5%;
    transform: rotateY(180deg);
}

#featuredProjectInner:before {
    content: "";
    display: block;
    background-color: white;
    width: 100%;
    height: 47px;
    position: absolute;
    max-width: 2000px;
    width: 100%;
    top: -46px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

#featuredProject {
    max-width: 2000px;
    margin: 0 auto;
    padding: 2% 10.5% 4% 10.5%;
}

#featuredProjectText {
    max-width: 820px;
    margin: 0 auto;
}

#featuredProjectLink {
    margin-top: 35px;
}




@media (max-width: 2080px) {
    #testimonialWrapper {
        margin-left: 40px;
        margin-right: 40px;
    }
    
    #featuredProjectInner {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media (max-width: 1920px) {
    #infoBlock {
        max-width: 1199px;
        padding: 3% 10.5% 3% 10.5%;
    }
    #infoBlockWrapper:before {
        max-width: 1199px
    }
    #infoBlockWrapper:after {
        max-width: 1199px
    }
    #testimonialWrapper .slick-dots {
        bottom: -15px;
    }
    
    #featuredProject {
        max-width: 1199px;
    }
    #featuredProjectInner:before {
        max-width: 1199px;
    }
    #featuredProjectImage {
        height: 600px;
    }
}

@media (max-width: 1880px) {
    #infoBlockWrapper {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media (max-width: 1600px) {
    #headerText {
        max-width: 400px;
    }
    
    #headerImage {
        left: 0;
    }
    
    #testimonialWrapper .slick-dots {
        bottom: -35px;
    }
    
    #featuredProjectImage {
        height: 500px;
    }
}

@media (max-width: 1199px) {
    #bannerWrapper {
        height: calc(55vh - 82px);
    }
    
    #headerText {
        max-width: 300px;
    }
    
    #testimonialWrapper {
        margin-top: 75px;
        margin-bottom: 75px;
    }
    
    #featuredProjectImage {
        height: 400px;
        background-attachment: scroll;
    }
    
    #testimonialGallery {
        max-width: 500px;
        margin: 0 auto;
        padding-bottom: 25px
    }
    
    .testimonialTextWrapper {
        margin-left: 0;
        margin-top: 30px;
    }
    
    #testimonialWrapper .slick-dots {
        text-align: center;
        bottom: -2%;
    }
}

@media (max-width: 991px) {
    #bannerWrapper {
        height: auto !important;
        min-height: auto;
    }
    #headerVideo {
        left: auto;
        height: 100%;
        position: relative;
        transform: none;
        width: 100%;
    }
    
    #infoBlockWrapper:before, #featuredProjectInner:before {
        height: 25px;
        top: -24px;
    }
    #infoBlockWrapper:after {
        height: 25px;
        bottom: -24px;
    }
    
    #featuredProjectImage {
        height: 300px;
    }
}

@media (max-width: 767px) {
/*    #bannerWrapper {
        height: calc(70vh - 60px);
    }*/
    
    #headerText {
        max-width: 200px;
        left: 0%;
        padding-left: 0px;
    }
    
    .testimonialTextWrapper {
        margin-left: 0;
        margin-top: 10px;
    }
    
    #featuredProjectImage {
        height: 250px;
    }
}

@media (max-width: 479px) {
    #infoBlockWrapper, #featuredProjectInner {
        margin-left: 10px;
        margin-right: 10px;
    }
    #infoBlock, #featuredProject {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #testimonialWrapper {
        margin-left: 30px;
        margin-right: 30px;
    }
    
    #featuredProjectImage {
        height: 250px;
    }
    #featuredProject {
        padding-bottom: 50px;
    }
}

@media (max-height: 1600px) and (max-width: 1700px) {
    #bannerWrapper {
        height: calc(55vh - 82px);
    }
}