/* Homepage Hero Version 2 */
.homepage-hero {position: relative; display: flex; width: 100%; height: auto; overflow: hidden; justify-content: center; align-items: center; box-sizing: border-box; padding: 2% 3.5%; margin-top: -45px;}

    .homepage-hero > iframe {position: absolute; width: calc(100% + 30px); height: 2000px; top: 50%; left: -15px; transform: translateY(-50%); pointer-events: none; filter: blur(8px);}
    .homepage-hero > img {position: absolute; width: 110%; height: auto; top: 50%; left: -5%; transform: translateY(-50%); pointer-events: none; filter: blur(8px);}
    .homepage-hero-bg-grad {position: absolute; width: 100%; height: 100%; background: linear-gradient(to right, #f8a81b 0%, #ee4d68 70%); opacity: .75; top: 0px; left: 0px;}

    .iframe-mobile-img {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-position: center; background-size: cover;}

    .homepage-hero-main {position: relative; width: 100%; max-width: 1500px; height: auto;}
        .homepage-hero-main iframe {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none;}
        .homepage-hero-main img {position: relative; width: 100%; height: auto; pointer-events: none;}


        .homepage-hero-cta {position: absolute; background: white; box-sizing: border-box; padding: 15px; margin: 15px; width: auto; max-width: 25%; min-width: 300px; text-align: center; font-family: "AvenirMedium" !important; z-index: 15;}
            .homepage-hero-cta .btn {background: #9e1b32; border-radius: 0px; color: white; text-transform: uppercase;}
        .homepage-hero-cta-mobile {position: relative; box-sizing: border-box; padding: 15px; width: 100%; text-align: center; font-family: "AvenirMedium" !important; margin-bottom: -32px; z-index: 15; display: none; margin-top: 30px;}
            .homepage-hero-cta-mobile .btn {background: #9e1b32; border-radius: 0px; color: white; border: 5px solid white;}
            .homepage-hero-cta .btn:hover, .homepage-hero-cta-mobile .btn:hover {background: black;}


    .homepage-hero-lines {position: absolute; pointer-events: none; width: 5000px; height: 5000px; z-index: 12; top: -.15%; right: -.15%; opacity: .25;}
        .homepage-hero-lines span {border: 2px solid white; width: 100%; height: 100%; position: absolute; top: .15%; right: .15%;}



/*Homepage Hero CTA Positions*/
.homepage-hero-cta-top-left {top: 0px; left: 0px;}
.homepage-hero-cta-top-center {top: 0px; left: 50%; transform: translateX(-50%);}
.homepage-hero-cta-top-right {top: 0px; right: 0px;}
.homepage-hero-cta-bottom-left {bottom: 0px; left: 0px;}
.homepage-hero-cta-bottom-center {bottom: 0px; left: 50%; transform: translateX(-50%);}
.homepage-hero-cta-bottom-right {bottom: 0px; right: 0px;}


/*Homepage Hero Settings for Video*/
.homepage-hero-padding-21x9 {height: 0px !important; padding-bottom: 42%;}
.homepage-hero-padding-16x9 {height: 0px !important; padding-bottom: 56.25%;}
.homepage-hero-padding-4x3 {height: 0px !important; padding-bottom: 75%;}
@media( min-width: 1560px ) {
    .homepage-hero-main.homepage-hero-padding-21x9 {padding-bottom: 0%; height: 628px !important;}
    .homepage-hero-main.homepage-hero-padding-16x9 {padding-bottom: 0%; height: 844px !important;}
    .homepage-hero-main.homepage-hero-padding-4x3 {padding-bottom: 0%; height: 1125px !important;}
}

/*Mobile CTA*/
@media ( max-width: 767px ) {
    .homepage-hero-cta {display: none;}
    .homepage-hero-cta-mobile {display: block;}
    .homepage-hero-lines {top: -.1%; right: -.1%;}
    .homepage-hero-lines span {border: 1px solid white; top: .1%; right: .1%;}
}

/*Homepage Hero Video Adjustments*/
.homepage-hero .homepage-hero-main iframe, .homepage-hero .homepage-hero-main .iframe-mobile-img {opacity: 0;}
@media ( max-width: 767px ) {
    .homepage-hero .homepage-hero-main .iframe-mobile-img {opacity: 1;}
    .homepage-hero .iframe-mobile-img {margin-left: -4%; width: 108%; margin-top: -2.5%; height: 111%;}
}
.homepage-hero iframe {filter: blur(0px);}
.homepage-hero iframe ~ .homepage-hero-bg-grad {background: transparent;}
.homepage-hero .homepage-hero-padding-21x9 .homepage-hero-lines, .homepage-hero .homepage-hero-padding-16x9 .homepage-hero-lines, .homepage-hero .homepage-hero-padding-4x3 .homepage-hero-lines {opacity: 0;}