/******************************************************************************************************/
/** { box-sizing: border-box; }*/
.front-video-background {
    /*background: #000;*/
    background: #272d34;
    /*position: fixed;*/
    top: 0; right: 0; bottom: 0; left: 0;
    /*z-index: -99;*/

    opacity: 0;

    position: relative;

    width: 100%;
    height: 745px;

    overflow: hidden;

    transition: all 0.5s ease;
}

.front-video-foreground,
.front-video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;

    /*width: 120%;*/
    /*height: 120%;*/

    /*height: 120%;*/
    /*top: -10%;*/
    /*height: 100%;*/
}

.front-video-mobile-image {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-image: url("../../images/front-video-mobile-image.jpg");

    background-size: cover;
    background-repeat: no-repeat;

    z-index: 1;
}

.front-video-desktop-image {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-image: url("../../images/front-video-desktop-image.jpg");

    background-size: cover;
    background-repeat: no-repeat;

    z-index: 1;
}

/*#front-vidtop-content {
    top: 0;
    color: #fff;
}*/
/*.front-vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }*/
/*.front-vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }*/
/*.front-vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }*/
/*@media (min-aspect-ratio: 16/9) {*/
    /*.front-video-foreground { height: 300%; top: -100%; }*/
/*}*/
/*@media (max-aspect-ratio: 16/9) {*/
    /*.front-video-foreground { width: 300%; left: -100%; }*/
/*}*/
/*@media all and (max-width: 600px) {
    .front-vid-info { width: 50%; padding: .5rem; }
    .front-vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
    .front-vid-info .acronym { display: none; }
}*/
/******************************************************************************************************/

.front-video-background .subpage-header-pattern {
    /*z-index: 1;*/
    z-index: 2;

    opacity: 0.4;
}

.front-video-foreground-image {
    position: absolute;
    /*top: 0;*/
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background-image: url("../../images/front/video_loading_images/felulnezet_start_fooldal_04-min.jpg");

    background-size: cover;
    background-repeat: no-repeat;

    z-index: 1;

}

@media (max-width: 767px) {
    .front-video-background {
        height: auto;
        min-height: 745px;
        margin-bottom: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .front-video-mobile-image {
        background-position-y: -180px;
    }
}