@import url("/player/videojs/skins/party/videojs.min.css");


.vid_play .vjs-poster{
    background-position: inherit;
    background-size: cover;
    z-index: 10;
} 

.vid_play .video-js .vjs-big-play-button{
    height: 78px;
    width: 78px;
    z-index: 11;
}

.vid_play .video-js .vjs-slider, .vid_play .video-js .vjs-control, .vid_play .video-js .vjs-control-bar .vjs-progress-control{
    background-color: transparent;
    box-shadow: none;
}

.vid_play .video-js .vjs-control-bar{
    display: flex;
    align-items: center;
    bottom: 0;
    padding: 7px 15px;
    height: 50px;
}



.vid_play .video-js .vjs-play-control{
    height: 100% !important;
    margin: 0;
}

.vid_play .vjs-rewind-control .vjs-icon-placeholder:before, .vid_play .video-js .vjs-mute-control .vjs-icon-placeholder:before, .vid_play .vjs-icon-volume-high:before,
.video-js .vjs-cog-menu-button .vjs-icon-placeholder:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{
    display: flex;
    align-items: center;
    justify-content: center;
}

.vid_play .video-js .vjs-big-play-button .vjs-icon-placeholder{
    border: 0;
}

.vid_play .video-js .vjs-play-control .vjs-icon-placeholder:before,.vid_play .video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder:before{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2px;
}

.vid_play .video-js .vjs-control-bar .vjs-button{
    margin: 0;
    line-height: 26px;
}

.vid_play .video-js .vjs-control-bar .vjs-progress-control, .vid_play .video-js .vjs-volume-panel{
    margin: 0;
    padding: 0;
}

.vid_play .video-js .vjs-volume-panel{
    display: block;
    width: 40px;
}

.vid_play .vjs-marker:hover .vjs-marker-tooltip{
    top: -1px;
    left: 7px;
}



.vid_play .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{
    position: absolute;
    bottom: 10px;
    height: 6em;
    width: 2em;
}

.vid_play .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .vid_play .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, 
.vid_play .video-js .vjs-volume-panel .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical, .vid_play .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical, 
.vid_play .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .vid_play .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{
    bottom: 34px;
    left: 6px;
    position: absolute;
    background: #00000045;
    border-radius: 4px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vid_play .vjs-volume-bar.vjs-slider-vertical{
    margin: 0;
}

.vid_play .video-js .vjs-progress-holder:before{
    background: rgba(255,255,255,.4);
    content: '';
    height: 14px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
    border: 0;
    border-radius: 4px;
}

.vid_play .video-js .vjs-progress-control .vjs-load-progress, .vid_play .vjs-progress-control .vjs-play-progress{
    height: 14px;
    left: 0;
    position: absolute;
    top: 10px;
    transition: all .2s ease 0s;
}

.vid_play .video-js .vjs-play-progress:before{
    top: -.09333333333em;
    font-size: 1.2em;
}

.vid_play .video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.2em;
}

.vid_play .video-js .vjs-load-progress div, .vid_play .video-js .vjs-progress-holder .vjs-play-progress{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.vid_play .vjs-marker{
    top: 15px;
}

.vid_play .vjs-marker-inn{
    height: 5px;
}

.vid_play .vjs-logo img{
    border-radius: 4px;
}


.vid_play .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vid_play .vjs-icon-volume-low:before {
    content: "\f104";
}

.vid_play .vjs-control-bar .vjs-control:hover .vjs-control-text, .vid_play .vjs-control-bar .vjs-control .vjs-control-text{
    top: 0;
    background: transparent;
}

.vid_play .vjs-control-text:after{
    background: transparent;
}

.vid_play .video-js .vjs-time-tooltip{
    color: #fff;
}

.vid_play .vid_element{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.vid_play .vid_element .video-js{
    height: 100%;
    width: 100%;
    z-index: 11;
    background: #000000bf;
    padding: 0 15px;
}

.vid_play .vid_element .vid_skip{
    position: absolute;
    bottom: 15px;
    right: 15px;
    text-decoration: none;
    color: #fff;
    animation: pulse 1s ease-in infinite;
}

@keyframes pulse{
  25%  {transform: scale(0.9);}
  75%  {transform: scale(1.1);}
}

.vid_play .vid_element .vid_skip u{
    text-decoration: none;
}

.vid_play .vid_element #cta_modal_text{
    display: flex;
    justify-content: center;
    align-items: center;
}



.loader-box {
    /*height: 150px;*/
    text-align: center;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    transition: .3s color, .3s border, .3s transform, .3s opacity;
}

.loader-box .loader-7 {
    border: 0 solid transparent;
    border-radius: 50%;
    position: relative;
}

.loader-box [class*="loader-"] {
    display: inline-block;
    width: 50px;
    height: 50px;
    color: inherit;
    vertical-align: middle;
}

.loader-box .loader-7:before, .loader-box .loader-7:after {
    content: '';
    border: 0.2em solid #d97f3d;
    border-radius: 50%;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    animation: loader-07 1s linear infinite;
    opacity: 0;
}


.loader-box .loader-7:before {
    animation-delay: 1s;
}

.loader-box .loader-7:after {
    animation-delay: .5s;
}


@keyframes loader-07 {
    0%{
        transform: scale(0);
        opacity: 0; 
    }
    50%{
        opacity: 1; 
    }
    100%{
        transform: scale(1);
        opacity: 0; 
    } 
}