.vjs-theme-lw {
    --vjs-theme-lw--primary: #f00;
    --vjs-theme-lw--secondary: #fff;
}


.vjs-theme-lw.vjs-big-play-button:focus,
.vjs-theme-lw:hover .vjs-big-play-button {
	background-color: transparent!important;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 01-3.604.194 3.492 3.492 0 01-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 013.604.194l20.433 13.843a3.497 3.497 0 01.001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 00-.276-.09.51.51 0 00-.239.062.483.483 0 00-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0058.6 44a.49.49 0 00-.22-.413z'/%3E%3C/svg%3E");
}
.vjs-theme-lw .vjs-big-play-button {
    width: 88px;
    height: 88px;
    margin-top: -44px;
    margin-left: -44px;
    background: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 01-3.604.194 3.492 3.492 0 01-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 013.604.194l20.433 13.843a3.497 3.497 0 01.001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 00-.276-.09.51.51 0 00-.239.062.483.483 0 00-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0058.6 44a.49.49 0 00-.22-.413z'/%3E%3C/svg%3E");
    border: none;
    top: 50%;
    left: 50%;
	border-radius: 50%;
	background-color: rgb(18 18 18 / 43%)!important;
}
.vjs-theme-lw .vjs-big-play-button .vjs-icon-placeholder {
    display: none;
}
.vjs-theme-lw .vjs-button > .vjs-icon-placeholder:before {
    line-height: 1.55;
}
.vjs-theme-lw .vjs-control:not(.vjs-disabled):not(.vjs-time-control):hover {
    color: var(--vjs-theme-lw--primary);
    text-shadow: var(--vjs-theme-lw--secondary) 1px 0 10px;
}
.vjs-theme-lw .vjs-control-bar {
    padding: 0 1em;
	background-color: rgb(17 17 17 / 83%);;
	-webkit-box-shadow: 0px -5px 20px 12px rgb(17 17 17 / 87%);
	box-shadow: 0px -5px 20px 12px rgb(17 17 17 / 87%);
}
.vjs-theme-lw .vjs-play-control {
    font-size: 0.8em;
}
.vjs-theme-lw .vjs-play-control .vjs-icon-placeholder:before {
    background-color: var(--vjs-theme-lw--secondary);
    height: 1.5em;
    width: 1.5em;
    margin-top: 0.2em;
    border-radius: 1em;
    color: var(--vjs-theme-lw--primary);
}
.vjs-theme-lw .vjs-play-control:hover .vjs-icon-placeholder:before {
    background-color: var(--vjs-theme-lw--primary);
    color: var(--vjs-theme-lw--secondary);
}
.vjs-theme-lw .vjs-mute-control {
    display: none;
}
.vjs-theme-lw .vjs-volume-panel {
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-top: 0.3em;
}
.vjs-theme-lw .vjs-volume-bar.vjs-slider-horizontal,
.vjs-theme-lw .vjs-volume-panel,
.vjs-theme-lw .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.vjs-theme-lw .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.vjs-theme-lw .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.vjs-theme-lw .vjs-volume-panel:hover,
.vjs-theme-lw .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    width: 3em;
}
.vjs-theme-lw .vjs-volume-level:before {
    font-size: 1em;
}
.vjs-theme-lw .vjs-volume-panel .vjs-volume-control {
    opacity: 1;
    width: 100%;
    height: 100%;
}
.vjs-theme-lw .vjs-volume-bar {
    background-color: transparent;
    margin: 0;
}
.vjs-theme-lw .vjs-slider-horizontal .vjs-volume-level {
    height: 100%;
}
.vjs-theme-lw .vjs-volume-bar.vjs-slider-horizontal {
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
}
.vjs-theme-lw .vjs-volume-bar:before {
    content: "";
    z-index: 0;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 3em solid transparent;
    border-bottom: 2em solid var(--vjs-theme-lw--primary);
    border-right: 0 solid transparent;
    border-top: 0 solid transparent;
}
.vjs-theme-lw .vjs-volume-level {
    overflow: hidden;
    background-color: transparent;
}
.vjs-theme-lw .vjs-volume-level:before {
    content: "";
    z-index: 1;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 3em solid transparent;
    border-bottom: 2em solid var(--vjs-theme-lw--secondary);
    border-right: 0 solid transparent;
    border-top: 0 solid transparent;
}
.vjs-theme-lw .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1em;
}
.vjs-theme-lw .vjs-play-progress:before {
    display: none;
}
.vjs-theme-lw .vjs-progress-holder {
    border-radius: 0.2em;
    height: 0.5em;
    margin: 0;
}
.vjs-theme-lw .vjs-load-progress,
.vjs-theme-lw .vjs-load-progress div,
.vjs-theme-lw .vjs-play-progress {
    border-radius: 0.2em;
}


@keyframes fadeAndScale {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.vjs-theme-lw.vjs-has-started .vjs-touch-overlay {
    position: absolute;
    pointer-events: auto;
    top: 0;
}
.vjs-theme-lw .vjs-touch-overlay {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.vjs-theme-lw .vjs-touch-overlay.skip {
    opacity: 0;
    animation: fadeAndScale 0.6s linear;
    background-repeat: no-repeat;
    background-position: 80% center;
    background-size: 10%;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}
.vjs-theme-lw .vjs-touch-overlay.skip.reverse {
    background-position: 20% center;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}
.vjs-theme-lw .vjs-touch-overlay .vjs-play-control {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 30%;
    height: 80%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.vjs-theme-lw .vjs-touch-overlay .vjs-play-control .vjs-icon-placeholder::before {
    content: "";
    background-size: 60%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}
.vjs-theme-lw .vjs-touch-overlay .vjs-play-control.vjs-paused .vjs-icon-placeholder::before {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
	background-position:center center;
	top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
	width: 40px;
	height: 40px;

}
.vjs-theme-lw .vjs-touch-overlay .vjs-play-control.vjs-ended .vjs-icon-placeholder::before {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/></svg>');
}
.vjs-theme-lw .vjs-touch-overlay.show-play-toggle .vjs-play-control {
    opacity: 1;
    pointer-events: auto;
}
.vjs-theme-lw.vjs-mobile-ui-disable-end.vjs-ended .vjs-touch-overlay {
    display: none;
}

/* AIRPLAY */


@font-face {
    font-family: "videojs-airplayButton";
    src: url("fonts/airplayButton.eot");
    src: url("fonts/airplayButton.eot?#iefix") format("embedded-opentype"), url("fonts/airplayButton.ttf") format("truetype"), url("fonts/airplayButton.woff") format("woff"), url("fonts/airplayButton.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.vjs-airplay-control {
    font-family: "videojs-airplayButton";
    float: right;
    cursor: pointer;
}

.vjs-airplay-control:before,
.vjs-v6 .vjs-airplay-control .vjs-icon-placeholder::before {
    content: "\e900";
}

.vjs-v6 .vjs-airplay-control:before {
    content: none;
}



/* CHROMECAST */


.vjs-chromecast-button .vjs-icon-placeholder {
    background: url("images/ic_cast_white_24dp.png") center center no-repeat;
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.vjs-chromecast-button:hover {
    cursor: pointer;
}
.vjs-chromecast-button:hover .vjs-icon-placeholder {
    background-image: url("images/ic_cast_white_24dp.png");
}
.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
    background-image: url("images/ic_cast_connected_white_24dp.png");
}
.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
    background-image: url("images/ic_cast_connected_white_24dp.png");
}
.vjs-tech-chromecast {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
    content: " ";
    display: block;
    height: 2px;
    width: 100px;
    background-color: #ccc;
    position: absolute;
    left: calc(50% - 50px);
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
    max-height: 180px;
    width: auto;
    border: 2px solid #ccc;
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
    width: 160px;
    height: 90px;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title-container {
    position: absolute;
    bottom: 50%;
    margin-bottom: 100px;
    color: #ccc;
    text-align: center;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title {
    font-size: 22px;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
    display: none;
}
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
    font-size: 18px;
    padding-top: 0.5em;
}
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
    display: none;
}



/* QUALITY SELECTOR */

.video-js.vjs-qualityselector {
    display: block;
}
.video-js .vjs-quality-container {
    padding: 8px;
    position: relative;
}
.video-js .vjs-quality-container .vjs-brand-quality-link {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.video-js .vjs-quality-container .vjs-quality-dropdown {
    position: absolute;
    bottom: 30px;
    background: rgba(0, 0, 0, 0.48);
    transition: opacity 0.5s linear;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: -webkit-transform 0.26s ease-out;
    -o-transition: -o-transform 0.26s ease;
    -ms-transition: -ms-transform 0.26s ease;
    transition: transform 0.26s ease;
}
.video-js .vjs-quality-container .vjs-quality-dropdown.show {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
.video-js .vjs-quality-container .vjs-quality-dropdown ul {
    margin: 0;
    padding: 0;
}
.video-js .vjs-quality-container .vjs-quality-dropdown ul li {
    list-style: none;
    margin: 0;
}
.video-js .vjs-quality-container .vjs-quality-dropdown ul li a {
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    display: table;
    width: 100%;
}
.video-js .vjs-quality-container .vjs-quality-dropdown ul li.current a,
.video-js .vjs-quality-container .vjs-quality-dropdown ul li a:hover {
    background: #000;
    color: red;
}




/* MOBILE */


@keyframes fadeAndScale {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.video-js.vjs-has-started .vjs-touch-overlay {
    position: absolute;
    pointer-events: auto;
    top: 0;
}
.video-js .vjs-touch-overlay {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.video-js .vjs-touch-overlay.skip {
    opacity: 0;
    animation: fadeAndScale 0.6s linear;
    background-repeat: no-repeat;
    background-position: 80% center;
    background-size: 10%;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}
.video-js .vjs-touch-overlay.skip.reverse {
    background-position: 20% center;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}
.video-js .vjs-touch-overlay .vjs-play-control {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 30%;
    height: 80%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.video-js .vjs-touch-overlay .vjs-play-control .vjs-icon-placeholder::before {
    content: "";
    background-size: 60%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
	top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
	width: 40px;
	height: 40px;
}

.video-js .vjs-touch-overlay .vjs-play-control.vjs-paused .vjs-icon-placeholder::before {
    content: "";
	background-color: var(--vjs-theme-lw--primary);
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
	background-position:center center;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
	width: 40px;
	height: 40px;
}


.video-js .vjs-touch-overlay .vjs-play-control.vjs-ended .vjs-icon-placeholder::before {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/></svg>');
}
.video-js .vjs-touch-overlay.show-play-toggle .vjs-play-control {
    opacity: 1;
    pointer-events: auto;
}
.video-js.vjs-mobile-ui-disable-end.vjs-ended .vjs-touch-overlay {
    display: none;
}


.vjs-theme-lw button{outline:none !important;}