.video_datebar::before{
    display:inline-block;
    content:'';
    height:.75rem;
    width:.75rem;
    margin-right:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    background-color:red
}
.video_datebar{
    background-color:var(--color-primary)!important;
    border-radius:5px;
    color:#fff;
    padding:.4em .8em;
    margin-bottom:1em;
    font-weight:bold
}
.video-wrap{
    position:relative;
    height:auto;
    z-index:1
}
.video-main {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 1100px;
}
.video-main .h-main {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-color: transparent;
}
.video-container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: 100%;
    max-width: 1100px;
    height: auto;
    box-shadow: 0 20px 20px -20px rgb(0 0 0 / 40%);
    z-index: 8;
}
.video-container.previa{
    position:fixed;
    bottom:20px;
    right:-100px;
    top:inherit;
    left:inherit;
    width:40%;
    max-width:350px;
    height:auto;
    opacity:1
}
.video-container .go-up{
    position:absolute;
    top:-20px;
    right:40px;
    width:40px;
    height:40px;
    background-color:white;
    border-radius:100%;
    box-shadow:2px 9px 50px 0 rgba(0,0,0,.4);
    z-index:8;
    cursor:pointer;
    display:none;
    opacity:0
}
.video-container .go-up.on{
    right:20px;
    opacity:1
}
.video-container .go-up svg{
    fill:var(--color-primary)
}
.video-container .go-up:hover{
    background-color:var(--color-primary)
}
.video-container .go-up:hover svg{
    fill:#fff
}
.boxcast-player-inner,[data-player]{
    border-radius:8px!important
}
.vjs-poster {
    background-size: contain !important;
}