.hero-content {
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
}
.block-pos-top .hero-content{
    top: 0;
    transform: none;
}
.block-pos-bottom .hero-content{
    bottom: 15px;
    transform: none;
}
.block-pos-right .hero-content{
    left: auto;
    right: 20px;
}
.block-pos-center .hero-content{
    left: 5%;
    right: 5%;
    width: 90%;
    text-align: center;
}
.view-hero {
    position: relative;
}
.hero-content .text-button {
    color: #fff;
}
.hero-heading {
    display: none;
}
.eg-block-type-4 {
    margin: 0 -30px;
    position: relative;
}
.hero-video-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
}
.view-hero img {
    max-height: none !important;
}
.hero-youtube {
    position: absolute;
    width: 177.77777778vh;
    min-width: 100%;
    min-height: 56.25vw;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
}
.hero-parallax, .view-hero {
    /* padding-top: 55%; */
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
    overflow-y: hidden;
}
.hero-image {
    display: block;
}
.simple-video {
    padding-top: calc(100vw * .5625);
    position: relative;
    left: 0;
    width: 100vw;
}
.simple-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .hero-parallax, .view-hero {
        /* padding-top: 55%; */
        height: 300px;
    }
    .block-height-mobile-300 { height: 300px; }
    .block-height-mobile-400 { height: 400px; }
    .block-height-mobile-500 { height: 500px; }
    .block-height-mobile-600 { height: 600px; }
    .block-height-mobile-700 { height: 700px; }
    .block-height-mobile-800 { height: 800px; }
    .block-height-mobile-900 { height: 900px; }
    .block-height-mobile-1000 { height: 1000px; }
}
@media (max-width: 1024px) and (min-width: 769px) {
    .hero-parallax, .view-hero {
        height: 400px;
    }
    .block-height-tablet-300 { height: 300px; }
    .block-height-tablet-400 { height: 400px; }
    .block-height-tablet-500 { height: 500px; }
    .block-height-tablet-600 { height: 600px; }
    .block-height-tablet-700 { height: 700px; }
    .block-height-tablet-800 { height: 800px; }
    .block-height-tablet-900 { height: 900px; }
    .block-height-tablet-1000 { height: 1000px; }
}
@media (min-width:1025px) {
    .hero-parallax, .view-hero {
        height: 600px;
    }
    .block-height-desktop-300 { height: 300px; }
    .block-height-desktop-400 { height: 400px; }
    .block-height-desktop-500 { height: 500px; }
    .block-height-desktop-600 { height: 600px; }
    .block-height-desktop-700 { height: 700px; }
    .block-height-desktop-800 { height: 800px; }
    .block-height-desktop-900 { height: 900px; }
    .block-height-desktop-1000 { height: 1000px; }
    .hero-video-wrap {
        display: block;
    }
    .hero-heading {
        display: block;
    }
    .hero-heading-mob {
        display: none;
    }
    .hero-content {
        left: 65px;
    }
    .simple-video {
        left: calc((100vw - 1200px) / 2 * -1);
    }
}
@media (min-width:1200px) {
    .eg-block-type-4 {
        margin: 0;
    }
    .hero-parallax, .view-hero {
        position: relative;
        left: calc((100vw - 1200px) / 2 * -1);
        width: 100vw;
    }
    
}