.video-player{
    width: 100%;
    position: relative;
}

.video-player .tv-player{
    width:100%;
    position:relative;
}

.video-player .tv-player img{
    width:100%;
    height:100%;
}

.video-player .tv-player .player{
    position:absolute;
    top:6px;
    left:6px;
    width:98.6%;
}

@media screen and (max-width:1199px)
{
   .video-player .tv-player .player{
       top:5px;
       left:5px;
   } 
}

@media screen and (max-width:992px)
{
   .video-player .tv-player .player{
       top:4px;
       left:4px;
   } 
}

@media screen and (max-width:500px)
{
   .video-player .tv-player .player{
       top:3.3px;
       left:3.3px;
   } 
}
.video-player .tv-player .player .video-js{
    width:100%;
    max-height:458px;
}

.video-player .tv-player .player .video-js:focus{
    outline:none;
}

.video-player .tv-player .player .video-js-embed{
    width:100%;
    height:457.5px
}

@media screen and (max-width:1199px)
{
   .video-player .tv-player .player .video-js-embed{
        height:382.5px
    }
}

@media screen and (max-width:992px)
{
   .video-player .tv-player .player .video-js-embed{
        height:282.5px
    }
}

@media screen and (max-width:674px)
{
   .video-player .tv-player .player .video-js-embed{
        height:280px
    }
}

@media screen and (max-width:668px)
{
   .video-player .tv-player .player .video-js-embed{
        height:272px
    }
}

@media screen and (max-width:653px)
{
   .video-player .tv-player .player .video-js-embed{
        height:264px
    }
}

@media screen and (max-width:638px)
{
   .video-player .tv-player .player .video-js-embed{
        height:255px
    }
}

@media screen and (max-width:520px)
{
   .video-player .tv-player .player .video-js-embed{
        height:245px
    }
}

@media screen and (max-width:500px)
{
   .video-player .tv-player .player .video-js-embed{
        height:235px
    }
}


#videoPlaylistJS li.active a{
	color:var(--dark-blue);
	font-weight:600;
}

#videoPlaylistJS li a{
    display: inline-block;
    padding:3px 10px;
    position: relative;
}

#videoPlaylistJS li a::before,
#videoPlaylistJS li a::after{
    content: '';
	position: absolute;
	height: 2px;
	width: 0%;
	background-color: var(--applynow);
    transition: width .25s ease-out;
	bottom: 0px;
}

#videoPlaylistJS li a::before,
#videoPlaylistJS li.active a::before {
	left: 50%;
}
#videoPlaylistJS li a::after,
#videoPlaylistJS li.active a::after {
	right: 50%;
}

#videoPlaylistJS li a:hover::before,
#videoPlaylistJS li a:hover::after,
#videoPlaylistJS li.active a::before,
#videoPlaylistJS li.active a::after{
	width: 50%;
	transition: width .25s ease-in;
}