/* ----------------------------------------------------------------
	Custom CSS by jf

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
.video-wrapx {
    width: 100%;
	height: 100%;
    position: relative;
    overflow: hidden;
}

.video-wrapx video {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-slide .video-wrapx, .section .video-wrapx, .swiper-slide .yt-bg-player, .section .yt-bg-player {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

#page-title.page-title-video .video-wrapx {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#page-title.page-title-video .video-wrapx video {
    width: 100%
}

.vertical-middle + .video-wrapx {
    z-index: 1!important;
}

.section .container + .video-wrapx {
    z-index: 1;
}