/******************************************************************************
* Video Banner Elelment
******************************************************************************/
.VideoBannerElement { padding-bottom: 25px; }

#video-wrapper { position: relative; width: 100%; height: 580px; z-index: 1; }

#video-wrapper::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #231f20; content: ''; opacity: 0.3; z-index: 2; }

#video-wrapper .banner-caption { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; z-index: 3; }

#video-wrapper .banner-caption h1 { margin-top: 0; margin-bottom: 20px; color: #fff; text-align: center; }

#video-wrapper .banner-caption hr { width: 160px; border-top: 1px solid #fff; }

#video-wrapper .banner-caption .banner-button { width: 180px; margin-top: 20px; padding: 15px; border-radius: 5px; background-color: #0079c2; color: white; text-align: center; text-transform: lowercase; }

#video-wrapper .banner-caption .banner-button:hover { text-decoration: none; }

.video-container { position: relative; height: 580px; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/*# sourceMappingURL=videobannerelement.css.map */