.panel-home-video { text-align: center; background-color: #eee; position: fixed; z-index: -1; width: 100%; height: 100vh; top: 0; }
.panel-home-video h1 { color: #fff; text-transform: uppercase; text-shadow: 1px 2px 1px rgb(0 0 0 / 81%); font-size: 66px; letter-spacing: 1.24px; line-height: 1.13; margin-bottom: 25px; }
.panel-home-video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%;     object-fit: cover; }
.panel-home-video .button { background-color: rgba(0, 0, 0, 0.21); border: 3px solid #ffed00; font-size: 35px; letter-spacing: 1.88px; padding-top: 8px; padding-bottom: 8px; }
.panel-home-video .button:hover { background-color: #fff900; }
.panel-home-video .inner { position: relative; }
.panel-home-video .video-wrapper { position: relative; height: 100vh; }
.panel-home-video .video-wrapper:before { content: ''; position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.6); }
.panel-home-video .text-wrapper { width: 100%; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.panel-home-video .scroll-down { background: url(icon-scroll-down.png) no-repeat; background-size: contain; width: 33px; height: 100px; position: absolute; bottom: 18px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2;     -webkit-animation: homebannerarrow 1s infinite alternate; animation: homebannerarrow 1s infinite alternate; }

.page-watch-our-sht.modal-open, body.search-results.modal-open { padding-right: 0 !important; }
.page-watch-our-sht.modal-open .modal, body.search-results.modal-open .modal { padding-right: 0 !important; }
.page-watch-our-sht .general-modal .modal-header, body.search-results .general-modal .modal-header { position: absolute; right: 41px; width: 44px; padding: 0; height: 44px; z-index: 2; background: transparent; }

@-webkit-keyframes homebannerarrow {
    0% { transform: translateY(0); }
    100% { transform: translateY(20px); }
}

@keyframes homebannerarrow {
    0% { transform: translateY(0); }
    100% { transform: translateY(20px); }
}

@media (max-width: 767px){
    .panel-home-video h1 { font-size: 50px; }
    .panel-home-video .button { font-size: 20px; }
}