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

.vjs-theme-novraz .vjs-big-play-button {width:76px;height:76px;border-radius:76px;background:rgba(33,33,33,.8);line-height:76px;font-size:52px;border:none;top:50%;left:50%;margin-top:-38px;margin-left:-38px;color:var(--vjs-theme-novraz--primary)}
.vjs-theme-novraz:hover .vjs-big-play-button, .vjs-theme-novraz.vjs-big-play-button:focus {background:rgba(33,33,33,1);color:#fff}

.vjs-theme-novraz .vjs-control-bar {height:40px;background:rgba(33,33,33,.8)}
.vjs-theme-novraz .vjs-button > .vjs-icon-placeholder::before {line-height:40px}
.vjs-theme-novraz .vjs-time-control {line-height:40px}

.vjs-theme-novraz .vjs-play-control {width:3em;font-size:1.5em;position:relative}
.vjs-theme-novraz .vjs-play-control .vjs-icon-placeholder::before {color:rgba(255,255,255,0.6)}
.vjs-theme-novraz .vjs-play-control:hover .vjs-icon-placeholder::before {border:0;color:rgba(255,255,255,1)}

.vjs-theme-novraz .vjs-current-time {display:block;font-size:1.2em}

.vjs-theme-novraz .vjs-picture-in-picture-control {display: none;}

.vjs-theme-novraz .vjs-progress-control {font-size:15px;order:1}
.vjs-theme-novraz .vjs-progress-control .vjs-progress-holder {font-size:1em}
.vjs-theme-novraz .vjs-progress-control:hover .vjs-progress-holder {font-size:1em}
.vjs-theme-novraz .vjs-progress-control:hover .vjs-time-tooltip {font-size:0.8em;top:-3.8em}
.vjs-theme-novraz .vjs-play-progress {background-color:var(--vjs-theme-novraz--primary)}
.vjs-theme-novraz .vjs-play-progress::before {height:0.8em;width:0.8em;content:'';background-color: var(--vjs-theme-novraz--primary);border:0;border-radius:0.8em;top:-0.25em}
.vjs-theme-novraz .vjs-progress-holder {background-color:rgba(255,255,255,0.2)}
.vjs-theme-novraz .vjs-load-progress div {background-color:rgba(255,255,255,0.2)}

.vjs-theme-novraz .vjs-duration {display:block;order:2;font-size:1.2em}
.vjs-theme-novraz .vjs-remaining-time {display:none}

.vjs-theme-novraz .vjs-quality-selector {width:3em;order:4}

.vjs-theme-novraz .vjs-share-control {width:40px;height:40px;border-radius:40px;font-size:1.5em;position:absolute;top:20px;right:20px;background:rgba(33,33,33,.8)}

.vjs-theme-novraz .vjs-volume-panel {font-size:1.2em;order:5}
.vjs-theme-novraz .vjs-volume-panel.vjs-volume-panel-vertical {width:3em}
.vjs-theme-novraz .vjs-volume-panel .vjs-icon-placeholder::before {color:rgba(255,255,255,0.6)}
.vjs-theme-novraz .vjs-volume-panel:hover .vjs-icon-placeholder::before {color:rgba(255,255,255,1)}
.vjs-theme-novraz .vjs-volume-control.vjs-volume-vertical {background:rgba(33,33,33,.8)}
.vjs-theme-novraz .vjs-volume-bar {background-color:rgba(255,255,255,0.2)}

.vjs-theme-novraz .vjs-fullscreen-control {width:3em;font-size:1.5em;order:5}
.vjs-theme-novraz .vjs-fullscreen-control .vjs-icon-placeholder::before {color:rgba(255,255,255,0.6)}
.vjs-theme-novraz .vjs-fullscreen-control:hover .vjs-icon-placeholder::before {color:rgba(255,255,255,1)}

/* ---------- share window */

.video-js.vjs-videojs-share_open .vjs-modal-dialog {background:rgba(0,0,0,0.8)}
.video-js.vjs-videojs-share_open .vjs-modal-dialog .vjs-modal-dialog-content {background:none}
.video-js.vjs-videojs-share_open .vjs-modal-dialog .vjs-close-button .vjs-icon-placeholder {display:none}
.video-js.vjs-videojs-share_open .vjs-modal-dialog .vjs-close-button {width:40px;height:40px}
.video-js.vjs-videojs-share_open .vjs-modal-dialog .vjs-close-button:before {font-size:30px}

.video-js .vjs-share {display:flex;flex-direction:row;justify-content:center;align-items:center}
.video-js .vjs-share__top {display:none}
.video-js .vjs-share__middle {order:2;flex-direction:row;padding:0}
.video-js .vjs-share__middle .vjs-share__subtitle {display:none}
.video-js .vjs-share__middle .vjs-share__short-link-wrapper {width:40px;margin-bottom:0;margin-right:6px;overflow:visible}
.video-js .vjs-share__middle .vjs-share__short-link-wrapper input.vjs-share__short-link {width:40px;height:40px;padding:0}
.video-js .vjs-share__middle .vjs-share__btn-text {bottom:-40px}
.video-js .vjs-share__middle .vjs-share__btn svg {display:none}
.video-js .vjs-share__middle .vjs-share__btn {background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2299.7%22%20viewBox%3D%220%200%20100%2099.7%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M43.6%2026.5L35.1%2018c-4.7-4.7-12.3-4.7-17%200-4.7%204.7-4.7%2012.3%200%2016.9l17%2016.9c4.7%204.7%2012.2%204.7%2016.9.1l8.5%208.5-4.2%204.2c-7%207-18.5%207-25.5%200L5.3%2039.2c-7-7-7-18.4%200-25.4l8.5-8.5c7-7%2018.5-7%2025.5%200L52.1%2018l-8.5%208.5z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M56.4%2073.2l8.5%208.5c4.7%204.7%2012.3%204.7%2017%200%204.7-4.7%204.7-12.3%200-16.9l-17-16.9c-4.7-4.7-12.2-4.7-16.9-.1l-8.5-8.5%204.2-4.2c7-7%2018.5-7%2025.5%200l25.5%2025.4c7%207%207%2018.4%200%2025.4l-8.5%208.5c-7%207-18.5%207-25.5%200L47.9%2081.7l8.5-8.5z%22%2F%3E%3C%2Fsvg%3E");}
.video-js .vjs-share__middle .vjs-share__btn:hover {padding:0}
.video-js .vjs-share__middle .vjs-share__short-link-wrapper:last-child .vjs-share__btn {background-size:24px 24px;background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22175.5%22%20height%3D%22100%22%20viewBox%3D%22412.6%20557.2%20175.5%20100%22%3E%3Cstyle%3E.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M528.8%20558.4c3.9%202.3%205.3%207.2%203%2011.1L483%20653.3c-2.3%203.9-7.2%205.1-11.1%203-3.9-2.3-5.3-7.2-3-11.1l48.8-83.8c2.1-4.1%207.2-5.3%2011.1-3zM556.5%20575.2l29.2%2029.2c3.2%203.2%203.2%208.4%200%2011.6l-29.2%2029.2c-3.2%203.2-8.4%203.2-11.8%200-3.2-3.2-3.2-8.4%200-11.6l23.4-23.4-23.4-23.4c-3.2-3.2-3.2-8.4%200-11.6%203.4-3.3%208.5-3.3%2011.8%200zM455.9%20575.2c3.2%203.2%203.2%208.4%200%2011.6l-23.4%2023.4%2023.4%2023.4c3.2%203.2%203.2%208.4%200%2011.6-3.2%203.2-8.4%203.2-11.8%200L414.9%20616c-3.2-3.2-3.2-8.4%200-11.6l29.2-29.2c3.3-3.3%208.4-3.3%2011.8%200z%22%2F%3E%3C%2Fsvg%3E");}
.video-js .vjs-share__bottom {position:relative}
.video-js .vjs-share__bottom:before {content:"Поделиться";position:absolute;top:-32px;left:0;color:#fff;font-size:1.4em}
.video-js .vjs-share__bottom .vjs-share__social {margin-bottom:0}

@media (max-width: 660px) {
    .video-js .vjs-share__middle .vjs-share__short-link-wrapper {width:32px;height:32px}
    .video-js .vjs-share__middle .vjs-share__short-link-wrapper input.vjs-share__short-link {width:32px;height:32px}
    .video-js .vjs-share__middle .vjs-share__btn  {height:32px;width:32px}
}



/* ---------- global replace */

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {text-shadow:unset}