section#home-banner-box {
    height: 550px;
}
.hero-style-1 {
    height: 550px;
}

section#home-banner-box h2 {
    position: relative;
    margin-top: 280px;
    color: #FFF;
    text-align: center;
     font-size: 72px;
    font-size: 4.5rem;
    font-weight: bold;
    color: #fff;
}
section#home-banner-box p {
    color: #FFF;
    text-align: center;
    margin-top: 30px;
}
.overlay {
    background: #33333378;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
}

.home-banner .slide .video-slide {

  background-color: #000; }


.home-banner.loading .video-background {

  opacity: 0; }


.video-background {

  position: absolute;

  top: 400px;

  left: 0;

  padding-top: 56.25%;

  width: 100%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: 2s opacity ease;

  transition: 2s opacity ease;

  opacity: 1; }


.video-foreground,

.video-background iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none; }