.vjs-custom.video-js{font-size: 13px;}


.vjs-custom{max-width: 100%;font: var(--font-body);}
.vjs-custom .vjs-time-tooltip{line-height: 12px;}
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip{font-size: 0;bottom: 12px;top: auto;padding: 0 8px;border-radius: 4px;}
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip:after, .video-js .vjs-progress-control:hover .vjs-time-tooltip:after{content: attr(data-time);font: var(--font-body);font-size: 11px;bottom: 52px;}





/* ------------------------------- start icon ------------------------------- */

.vjs-custom .vjs-control svg {stroke: #fff;stroke-width: 1px;animation-name: path;fill: none;}
.vjs-custom svg path {transition: transform 0.2s ease-out, d 0.2s ease-out, opacity 0.15s ease-out 0.15s;}
.vjs-custom .vjs-play-control path:nth-child(1) {d: path('M1 24 21.56 12.66A.76.76 0 0021.61 11.37L21.25 11.17C20.9 10.9767 20.55 10.7833 20.2 10.59L1.08.07A.76.76 0 000 .81V23.25A.76.76 0 001 24Z');transition-delay: 0.15s}
.vjs-custom .vjs-play-control.vjs-paused path:nth-child(1) {d: path('M1 24 21.56 12.66A.76.76 0 0021.61 11.37L21.25 11.17C20.9 10.9767 20.55 10.7833 20.2 10.59L1.08.07A.76.76 0 000 .81V23.25A.76.76 0 001 24Z');transition-delay: 0.15s;transform: translateX(5px);}
.vjs-custom .vjs-play-control.vjs-playing path:nth-child(1) {d: path('M1.35 24 9.35 24A1 1 0 009.69 23.47L9.69.45C9.69.21 9.61 0 9.26 0L1.26 0A1.2 1.2 0 000 1.23V22.72A1.23 1.23 0 001.35 24Z');transition-delay: 0s;transform: translateX(0);}
.vjs-custom .vjs-play-control path:nth-child(2) {transform: translateX(0px);opacity: 0;}
.vjs-custom .vjs-play-control.vjs-playing path:nth-child(2) {transform: translateX(15px);opacity: 1;transition-delay: 0.15s;}
.vjs-custom .vjs-play-control.vjs-ended svg {opacity: 0; width: 0;}
.vjs-custom .vjs-play-control:before {content: "\e134";font: normal 24px/24px 'khamenei_ir icon';color: var(--gray-3);font-size:0;opacity: 0;transition: 0.25s;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.vjs-custom .vjs-play-control.vjs-ended:before {width: auto;font-size:24px;opacity: 1;}
.vjs-custom .vjs-play-control.vjs-ended:hover:before {color: var(--yellow);}


.vjs-custom .vjs-volume-panel .vjs-mute-control #volumeControl {transform: translateX(0);transition: 0.2s;}
.vjs-custom .vjs-volume-panel .vjs-mute-control #volumeControl path {transition: 0.2s;}
.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-0 #volumeControl {opacity: 0;transform: translateX(0);}
.vjs-custom .vjs-volume-panel .vjs-mute-control #mute {transform: translate(17px, 11px) scale(0);transition: 0.2s;}
.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-0 #mute {transform:translate(0, 0) scale(1);transition-delay: 0.15s;}

.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-0 #volumeControl path:nth-child(1) {opacity: 0;transform: translate(6px, 5px) scale(0.5);}
.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-0 #volumeControl path:nth-child(2) {opacity: 0;transform: translate(6px, 5px) scale(0.3);}
.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-0 #volumeControl path:nth-child(3) {opacity: 0;transform: translate(6px, 5px) scale(0.19);}

.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-1 #volumeControl path:nth-child(1) {opacity: 1;transform: translate(0, 0) scale(1);}
.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-1 #volumeControl path:nth-child(2) {opacity: 0;transform: translate(6px, 5px) scale(0.56);}
.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-1 #volumeControl path:nth-child(3) {opacity: 0;transform: translate(6px, 5px) scale(0.19);}

.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-2 #volumeControl path:nth-child(1) {opacity: 1;transform: translate(0, 0) scale(1);}
.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-2 #volumeControl path:nth-child(2) {opacity: 1;transform: translate(0, 0) scale(1);}
.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-2 #volumeControl path:nth-child(3) {opacity: 0;transform: translate(6px, 4px) scale(0.65);}

.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-3 #volumeControl path:nth-child(1) {opacity: 1;transform: translate(0, 0) scale(1);}
.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-3 #volumeControl path:nth-child(2) {opacity: 1;transform: translate(0, 0) scale(1);}
.vjs-custom .vjs-volume-panel .vjs-mute-control.vjs-vol-3 #volumeControl path:nth-child(3) {opacity: 1;transform: translate(0, 0) scale(1);}


.vjs-custom .vjs-fullscreen-control:hover svg g{transition: 0.2;}
.vjs-custom .vjs-fullscreen-control:hover svg .top-arrow{transform: translate(-1px, 1px);}
.vjs-custom .vjs-fullscreen-control:hover svg .bottom-arrow{transform: translate(1px, -1px);}


.vjs-custom .vjs-control-bar .vjs-resolution-change>.vjs-badge{position: absolute; right: 8px; top: 8px; background-color: var(--yellow); color: #000; padding: 0px 2px; border-radius: 5px; font-size: 10px; line-height: 10px; padding-top: 1px;z-index: 1;}
.vjs-custom .vjs-control-bar .vjs-resolution-change svg .fill{stroke: none;fill: #fff;transition: 0.25s;}
.vjs-custom .vjs-control-bar .vjs-resolution-change>button:after {content: "";position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 1;}


.vjs-custom .vjs-control-bar .vjs-subs-caps-button{padding: 0;}
.vjs-custom .vjs-control-bar .vjs-subs-caps-button svg path{stroke-width: 2.3;}


.vjs-custom .vjs-control-bar .vjs-button>button,
.vjs-custom .vjs-control-bar .vjs-button>svg{ cursor: pointer;height: 100%;}
 
    



/* ------------------------------- end icon ------------------------------- */


.vjs-custom .vjs-control-bar .vjs-duration{display: block;margin-right: auto;}
.vjs-custom .vjs-remaining-time{display: none;}
.vjs-custom .vjs-time-divider{padding: 0;min-width: 2px;}
.vjs-custom .vjs-time-divider,.vjs-custom .vjs-control-bar .vjs-duration,.vjs-custom .vjs-control-bar .vjs-current-time{display: block;}
.vjs-custom .vjs-control-bar .vjs-current-time .vjs-current-time-display,.vjs-custom .vjs-control-bar .vjs-duration .vjs-duration-display{font-size: 0;display: flex; align-items: center; justify-content: center;height: 100%;}
.vjs-custom .vjs-control-bar .vjs-time-divider>div{display: flex;align-items: center;height: 100%;}
.vjs-custom.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar .vjs-time-divider{opacity: 0;}
.vjs-custom .vjs-control-bar .vjs-current-time .vjs-current-time-display:after{content: attr(data-time);font-size: 13px;transition: 0.3s;line-height: 13px;display: inline-block;}
.vjs-custom .vjs-control-bar .vjs-duration .vjs-duration-display:after{content: attr(data-time);font-size: 13px;transition: 0.3s;line-height: 13px;display: inline-block;}



.vjs-custom .vjs-control-bar{height: 48px;display: flex;}
.vjs-custom.video-js .vjs-control,.vjs-custom.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .vjs-custom.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .vjs-custom.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal, .vjs-custom.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .vjs-custom.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .vjs-custom.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width: 58px;}
.vjs-custom .vjs-progress-control .vjs-progress-holder{margin: 0;}
.vjs-custom.vjs-has-started.vjs-playing .vjs-control-bar{transition: 0.3s;}
.vjs-custom.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-menu,.vjs-custom.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control.vjs-control-bar-menu .vjs-main-menu{display: none !important;}

.vjs-custom .vjs-play-progress:before{font-size: 0;}
.vjs-custom .vjs-volume-bar{margin: 23px 0;width: 58px;}
.vjs-custom .vjs-volume-level{background-color: var(--yellow);}
.vjs-custom .vjs-volume-level:before{font-size: 0;}
.vjs-custom.video-js .vjs-volume-panel.vjs-volume-panel-horizontal{width: 125px;}
.vjs-custom.video-js .vjs-volume-panel .vjs-volume-control{opacity: 1;}
.vjs-custom.video-js .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip{font-size: 0;top: auto;bottom: 12px;border-radius: 4px;padding: 0 8px;}
.vjs-custom.video-js .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip:after{content: attr(title);font-size: 13px;}

.vjs-custom .vjs-progress-holder .vjs-play-progress{background-color: var(--yellow);}

.vjs-custom .vjs-progress-holder .keywords-wrapper{position: absolute;top: 0;bottom: 0;right: 0;left: 0;display: none;}
.vjs-custom .vjs-progress-holder .keywords-wrapper.active{display: block;}
.vjs-custom .vjs-progress-holder .keywords-wrapper .keyword{position: absolute;background-color: rgba(0, 0, 0, 0.3);height: 100%;z-index: 1;}
.vjs-custom .vjs-progress-holder .keywords-wrapper .keyword:hover:before,
.vjs-audio-custom .vjs-progress-holder .keywords-wrapper .keyword.show:before{position: absolute;content: attr(data-keyword);display: block;bottom: 20px;left: 50%;transform: translateX(-50%);font: var(--font-body);color: var(--light-3);background-color: rgba(0, 0, 0, 0.5);white-space: nowrap;padding: 0 8px;border-radius: 4px;backdrop-filter: blur(2px);z-index: 1;}
.vjs-custom .vjs-progress-holder .keywords-wrapper .keyword:hover:after,
.vjs-audio-custom .vjs-progress-holder .keywords-wrapper .keyword.show:after{position: absolute;content: "";display: block;bottom: 16px;left: 50%;transform: translateX(-50%) rotate(45deg);backdrop-filter: blur(2px);border: 4px solid rgba(0, 0, 0, 0.5);border-top-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);}

.vjs-custom.video-js .vjs-control-bar .vjs-control{position: relative;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.vjs-disabled svg{cursor: auto;}
.vjs-custom.video-js .vjs-control-bar .vjs-control svg{transition: 0.25s;}
.vjs-custom.video-js .vjs-control-bar .vjs-control:not(.vjs-disabled):hover>svg,
.vjs-custom.video-js .vjs-control-bar .vjs-control.active>button>svg,
.vjs-custom.video-js .vjs-control-bar .vjs-control:not(.vjs-disabled):hover>button>svg,
.vjs-custom.video-js .vjs-control-bar .vjs-control.active>svg,
.vjs-custom.video-js .vjs-control-bar .vjs-play-control.vjs-paused svg,
.vjs-custom.video-js .vjs-control-bar .vjs-mute-control.vjs-vol-0 svg{stroke: var(--yellow);}
.vjs-custom.video-js .vjs-control-bar .vjs-control:hover>svg .fill,.vjs-custom.video-js .vjs-control.active>svg .fill{fill: var(--yellow);}
.vjs-custom.video-js .vjs-control-bar .vjs-control:focus{text-shadow:none;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.active .vjs-menu + svg,.vjs-custom.video-js .vjs-control-bar .vjs-control.active .vjs-main-menu + svg, .vjs-custom.video-js .vjs-control-bar .vjs-control-bar-menu.active>svg, .vjs-custom.video-js .vjs-control-bar .vjs-subs-caps-button.active{background-color: #333;}
.vjs-custom.video-js .vjs-control-bar .vjs-subs-caps-button-custom.show-caption>svg{stroke: var(--yellow);}
.vjs-custom.video-js .vjs-control-bar svg line{transition: 0.25s;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.vjs-embed .embed-section{position: absolute;bottom: 48px;background-color: var(--gray-3);padding: 8px;display: none;right: 0;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.vjs-embed.active .embed-section{display: flex;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.vjs-embed.active .embed-section span{padding: 0 12px;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.vjs-embed .embed-section .embed-code{display: flex;background-color: var(--gray-4);}
.vjs-custom.video-js .vjs-control-bar .vjs-control.vjs-embed .embed-section .embed-code code{position: relative;cursor: pointer;white-space: nowrap;padding: 0 12px;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.vjs-embed .embed-section .embed-code code:after{content: attr(data-tooltip);opacity: 0;font:var(--font-body);font-size: 0;direction: rtl;transition: 0.25s;position: absolute;left: 50%;transform: translateX(-50%);bottom: 36px;background-color: rgba(0, 0, 0, 0.3);backdrop-filter: blur(2px);padding: 0 4px;border-radius: 4px;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.vjs-embed .embed-section .embed-code code.copied:after{font-size: 10px;opacity: 1;}

.vjs-audio-custom.video-js .vjs-control-bar-menu.active svg line:first-child,
.vjs-custom.video-js .vjs-control-bar-menu.active>button>svg line:first-child{transform: rotate(45deg) translate(5px, -5px);}
.vjs-audio-custom.video-js .vjs-control-bar-menu.active svg line:nth-child(2),
.vjs-custom.video-js .vjs-control-bar-menu.active>button>svg line:nth-child(2){opacity: 0;}
.vjs-audio-custom.video-js .vjs-control-bar-menu.active svg line:last-child,
.vjs-custom.video-js .vjs-control-bar-menu.active>button>svg line:last-child{transform: rotate(-45deg) translate(-12px, -2px);}

.vjs-custom.video-js .vjs-control-bar .vjs-control>.vjs-menu{position: absolute;display: none !important;bottom: 48px;right: 0;left: auto;height: auto;margin: 0;background-color: var(--dark-4);}
.vjs-custom.video-js .vjs-control-bar .vjs-control.active>.vjs-menu{display: block !important;padding: 8px 0;min-width: 90px;width: auto;}
.vjs-custom.video-js .vjs-control-bar .vjs-control .vjs-menu .vjs-menu-content{position: static;background-color: unset;}
.vjs-custom.video-js .vjs-control-bar .vjs-control .vjs-menu .vjs-menu-content .vjs-embed-code{width: 100%; height: auto; background: #444;color: #fff; overflow-y: hidden; resize: none; border: none;margin-bottom: 8px;}
.vjs-custom.video-js .vjs-control-bar .vjs-control .vjs-menu .vjs-menu-content .vjs-copy-embed-code{background-color: #666; padding: 0 8px; float: left;}


.vjs-custom.video-js .vjs-control-bar .vjs-control.active .vjs-menu .title{position: relative;display: block;color: var(--yellow);padding: 16px 32px 8px 8px;font-size: 13px;text-align: right;}
.vjs-custom.video-js .vjs-control-bar>.vjs-control.active>.vjs-menu .title{padding: 16px 16px 8px 8px;text-align: center;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.active .vjs-menu .title i{position: absolute; right: 16px; font-size: 16px; color: #fff; line-height: 13px;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.active .vjs-menu span{font-size: 13px;text-align: start;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.active .vjs-menu .vjs-menu-content li{padding: 0; cursor: pointer;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.active .vjs-menu .vjs-menu-content li a{display: block;padding: 4px 16px;white-space: nowrap;color: var(--white);font-size: 11px;line-height: 21px;direction: rtl;}
.vjs-custom.video-js .vjs-control-bar .vjs-control.active .vjs-menu .vjs-menu-content li.selected a{color: var(--yellow);}


.vjs-custom.video-js .vjs-control-bar .vjs-text-track-display{bottom: 48px;}
.vjs-custom.video-js .vjs-control-bar .vjs-text-track-display .vjs-text-track-cue{direction: rtl !important;font-size: 13px !important;height: auto !important;inset: unset !important;bottom: 0 !important;}
.vjs-custom.video-js .vjs-control-bar .vjs-text-track-display .vjs-text-track-cue>div{display: inline-block !important;background-color: rgba(0, 0, 0, 80%) !important;padding: 16px 32px;}