#navMediaWrapper > .navLinkItemInner:after {
    width: 100%;
}
#mobileNavMedia {
    background-color: #efefef;
}

#bannerWrapper {
    background-image: url(../../images/pages/media/mediaHeader.jpg);
}

.line2 {
    width: 25%;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotateY(180deg);
}

.line2Shape {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation: dash 1s linear forwards;
}

.line3 {
    width: 25%;
    position: absolute;
    bottom: 0px;
    right: 5%;
}

.line3Shape {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation: dash 3s linear forwards;
}

#headerText {
    max-width: 1199px;
}


/* 
###########
VIDEO GALLERY
###########
*/
#videoGalleryWrapper {
    position: relative;
    max-width: 1800px;
    margin: 0 auto;
    padding: 2% 40px 3% 40px;
}

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

#videoGalleryLine1 {
    width: 33%;
    position: absolute;
    z-index: 5;
    top: 75%;
    left: -22%;
    transform: rotate(90deg);
}
#videoGalleryLine2 {
    width: 33%;
    position: absolute;
    z-index: 5;
    top: 75%;
    right: -22%;
    transform: rotate(180deg);
}

.embed-container { 
    position: relative;
    padding-bottom: 56.25%;
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 
###########
GALLERY
###########
*/
#imageGallery {
    padding: 3% 40px 2% 40px;
}

#mediaSocial {
    padding: 0% 40px 2% 40px;
}

#lightBoxClose {
    width: 25px;
    height: 25px;
}

/*
############
SOCIAL ICONS
############
*/
#mediaSocial {
    padding: 0% 40px 5% 40px;
}

#mediaSocialWrapper {
    margin-top: 40px;
}

.mediaSocialIcon {
    width: 50px;
    height: 50px;
    transition: .2s;
}

.mediaYoutube, .mediaFacebook, .mediaLinkedIn, .mediaInstagram {
    transition: .2s;
}

.mediaSocialIcon:hover {
    position: relative;
    bottom: 4px;
    transition: .2s;
}

.mediaSocialIcon:hover .mediaYoutube, .mediaSocialIcon:hover .mediaFacebook, .mediaSocialIcon:hover .mediaLinkedIn, .mediaSocialIcon:hover .mediaInstagram {
    fill: #a00a00;
    transition: .2s;
}




@media (max-width: 1920px) {
    #youtubeVideo {
        max-width: 900px;
    }
}

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

@media (max-width: 1199px) {
    #videoGalleryWrapper {
        padding: 2% 40px 5% 40px;
    }
    
    #imageGallery {
        padding: 5% 40px 2% 40px;
    }
}

@media (max-width: 991px) {
    #videoGalleryWrapper:before {
        height: 25px;
        top: -24px;
    }
    
    #imageGallery {
        padding: 7% 40px 2% 40px;
    }
}

@media (max-width: 767px) {
    #videoGalleryWrapper {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #mediaSocialWrapper {
        margin-top: 20px;
    }
    #mediaSocial {
        padding-bottom: 45px;
    }
    
}