/*********  
5.Video Background Header
*********/
.videobg{position:relative;padding:0;top:0;left:0;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,1)}
/*.videobg-wrap{z-index:0;background:rgba(0,0,0,1);opacity:.8}*/
.videobg-wrap {
    z-index: 0;
    background: rgba(0,0,0,1);
    opacity: .8;
    width: 100vw;
    height: 40vw;
    object-fit: cover;
  }
.videobg-overlay{background-color:#000;opacity:.4;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}
.videobg-video-credit{position:absolute;bottom:0;right:0;color:#fff;opacity:.6;font-size:12px;font-weight:600;letter-spacing:-.02em;padding-right:10px;bottom:10px;text-decoration:none;text-align:right;line-height:1.5;-webkit-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}
.videobg-video-credit span{display:block}
.videobg-video-credit:hover{opacity:1}
.videobg-arrow{position:absolute;bottom:25px;left:0;right:0;margin:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:30px;height:30px;border-right:2px solid #fff;border-bottom:2px solid #fff;opacity:1}
.videobg .header-text{position:absolute;width:100%;font-weight:700;font-size:18px;text-align:center;line-height:1;top:300px;bottom:0;margin:auto;color:#fff}
@media only screen and (min-width: 641px) and (max-width: 767px){
.videobg .header-text{
    position:absolute;
    width:100%;
    font-weight:700;
    font-size:18px;
    text-align:center;
    line-height:1;
    top:200px;
    bottom:0;
    margin:auto;
    color:#fff;
}
p.details  {text-align:center !important; font-size:16px;font-weight:500; line-height:1.5}
}
@media only screen and (max-width:640px) {
.videobg .header-text{position:absolute;width:100%;font-weight:700;font-size:18px;text-align:center;line-height:1;top:160px;bottom:0;margin:auto;color:#fff}
p.details  {text-align:center !important; font-size:15px;font-weight:500; line-height:1.5; padding:0 20px;}
img.logo-badge {width:75%}
}
