/*-----------------------------------------------------------------------------
	Name	    : Parallax effects in banner
	Description	: arti parallax
	Author		: artibaj
	Author URL	: https://www.artibaj.com/
    Created		: 01 September 2019
	License		: All Rights Reserved. Do Not Copy!
-------------------------------------------------------------------------------*/
/*
====================================
Parallax effect
====================================
*/
#banner-main .parallax-container, #banner-parallax .parallax-container {
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}
#banner-main .parallax-image-container, #banner-parallax .parallax-image-container {
  position: absolute;
  height: 100%;
  width: 100%;
}
#banner-parallax video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}
#banner-main .parallax-image-container .parallax-banner, #banner-parallax .parallax-image-container .parallax-banner {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100vh;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -o-object-fit: cover;
  object-fit: cover;
}
#banner-main .parallax-caption, #banner-parallax .parallax-caption {
  text-align: center;
  position: relative;
}