.play-online {display:flex;justify-content:center;cursor:pointer;}
.play-box {font-size:16px;display:flex;align-items:center;gap:10px;padding:1px 30px;border-radius:8px; background:linear-gradient(180deg,rgba(255, 129, 48, 0.97) 0%,rgba(253, 123, 39, 0.37) 100%);box-shadow:0px 0px 8px rgb(106, 106, 106);}
.play-box .play-icon {width:50px;height:50px;}
.play-box:hover{background:linear-gradient(180deg,rgba(255, 113, 21, 0.97) 0%,rgba(253, 123, 39, 0.37) 100%);}

.video-body {width:100%;text-align:center;}
.video{max-width:100%;}
/* پلیر */
.player {direction:ltr;color:#FFF;background:#252525;height:70px;position:fixed;bottom:0;left:0;width:100%;z-index:11000;transition: all 0.3s linear 0s;font-size:15px;}

.player-slider {width:100%;position:relative;height:10px;}
.player-slider-position-div{height:10px;position:absolute;top:0px;left:7px;width:calc(100% - 14px);}
.player-slider-position{width:14px;height:14px;z-index:113;position:absolute;top:-2px;left:calc(0% - 7px);background:#252525;border-radius: 50%;border:1px solid #fff;}
.player-seek-slider{width:100%;height:10px;z-index:114;position:absolute;top:0px;left:0px;opacity: 0.2;cursor:pointer;}
.player-slider-back{width:100%;height:10px;z-index: 110;border-radius:5px;position:absolute;top:0px;left:0px; background:#686868;border:2px solid #000;opacity:1;}
.player-slider-loaded{width:0%;height:10px;z-index: 111;border-radius:5px;position:absolute;top:0px;left:0px; background:#9b9b9b;opacity:0.8;border-bottom:2px solid #000;border-top:2px solid #000;}
.player-slider-played{width:0%;height:10px;z-index: 112;border-radius:5px;position:absolute;top:0px;left:0px; background:#d7d7d7;opacity:1;border-bottom:2px solid #000;border-top:2px solid #000;}
.player-seek-slider{-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-transition: .2s;transition: opacity .2s;}
.player-seek-slider::-webkit-slider-thumb{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 0px;height: 0px;}
.player-seek-slider::-moz-range-thumb{width: 0px;height: 0px;}

.player-body{width:100%;display:flex;align-items:center;height:60px;}

.player-buttons {width:200px;margin:0 15px;display:flex;align-items:center;gap:10px;justify-content:center;}
.player-buttons-playpause-track{height:45px;width:45px;background:#0C0D0D;border-radius:20%;}
.player-buttons-next-track, .player-buttons-previous-track{height:45px;width:45px;background:#0C0D0D;border-radius:50%;}
.player-buttons-playpause-track img, .player-buttons-previous-track img, .player-buttons-next-track img{height:45px;width:45px;cursor:pointer;}

.player-slider-time {width:100px;margin:0 10px;display:flex;align-items:center;gap:3px;justify-content:center;}

.player-info-music {max-width:calc(100% - 600px);min-width:50px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: auto;margin-left:20px;}
.player-info-music a{color:#fff;}

.player-volume {width:150px;white-space:nowrap;margin:0 10px;display:flex;align-items:center;justify-content:left;gap:8px;}

.player-volume-img{height:25px;width:25px;background:#000;border-radius:50%;}
.player-volume-img img{height:25px;width:25px;border-radius:50%;}

.player-volume-body{width:110px;}
.player-volume-slider{width:110px;}

.player-volume-slider {-webkit-appearance: none;-moz-appearance: none;appearance: none;height:3px;-webkit-transition: .2s;transition: opacity .2s;background:#fff;border-radius:5px;cursor:pointer;}
.player-volume-slider::-webkit-slider-thumb {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 10px;height:10px;background: #fff;cursor: pointer;border-radius: 50%;border:1px solid #fff;}
.player-volume-slider::-moz-range-thumb {width: 10px;height: 10px;background:#fff;cursor: pointer;border-radius:50%;border:1px solid #fff;}

.player-volume-slider {opacity: 0.7;}
.player-volume-slider:hover {opacity: 1.0;}

.player-auto-select{height:30px;width:35px;background:#fff;border-radius:20%;margin:0 10px;}
.player-auto-select img{height: 30px; width: 35px;}

@media screen and (max-width:900px){
	.player-buttons {width:160px;}
	.player-info-music {max-width:calc(100% - 560px);}
}
@media screen and (max-width:800px) {
	.player{font-size:14px;}
	.player-info-music {max-width:calc(100% - 460px);}
	.player-volume {width:50px;}
	.player-volume-img{height:20px;width:20px;}
	.player-volume-img img{height:20px;width:20px;}
	.player-volume-body{width:20px;height:60px;display:flex;justify-content:center;align-items:center;}
	.player-volume-slider {transform: rotate(-90deg);width:50px;}
}
@media screen and (max-width:710px){
	.player-buttons-previous-track{display:none;}
	.player-buttons {width:95px;margin:0 5px;gap:5px;}
	.player-buttons-playpause-track{height:40px;width:40px;}
	.player-buttons-next-track{height:40px;width:40px;}
	.player-buttons-playpause-track img, .player-buttons-next-track img{height:40px;width:40px;}
	.player-auto-select{height:27px;width:30px;margin:0 7px;}
	.player-auto-select img{height:27px;width:30px;}
	.player-slider-time {width:50px;margin:0 2px;display:flex;flex-direction:column;gap:0px;font-size:12px;}
	.player-info-music {max-width:calc(100% - 310px);font-size:13px;margin-left:10px;}
}
@media screen and  (max-width:480px){
.play-box .play-icon {width:40px;height:40px;}
.telegram-bot a,.down-box a,.play-box{font-size:15px;padding:11px 30px;}
.play-box{font-size:15px;padding:1px 20px;}
.player-volume {display:none;}
.player-info-music {max-width:calc(100% - 210px);margin-left:3px;margin-right:5px;}
}
@media screen and (max-width:280px) {
.telegram-bot a,.down-box a,.play-box{padding:9px 20px;}
}
@media screen and (max-width:230px) {
.telegram-bot a,.down-box a,.play-box{font-size:14px;}
.player-info-music{display:none;}
}
@media screen and (max-width:160px) {
.player-auto-select,.player-slider-time{display:none;}
}