@import url('https://fonts.googleapis.com/css?family=Archivo');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Style+Script');
:root {
	--normaltext: #B5B5B5;
	--normalline: #2D2F2C;
	--normalbg: #1E1E20;
	--altbg: #272727;
	--sidebarhoverbg: #000;
	
	--table-normaltext: #CCC;
	--table-border-color: #2D2F2C;
	--table-striped-odd-color: #1E1E20;
	--table-striped-even-color:transparent;
	
	--altlink: #289744;
	
	/* Audio Player */
	--primary-color: #67D20F;
	--background-color: #121212;
	--text-color: #ffffff;
	--light-grey: #b0b0b0;
	--border-radius: 8px;
	--thumbnail-size: 80px;
}
/* Audio Player */
.player-bg-image { 
object-fit: cover;
      width: 100%;
      height: 120px;
}
.custom-audio-controls:hover {
    cursor:pointer;
}
.custom-audio-controls button,
.custom-audio-controls input {
    margin: 0 5px;
}
input[type="range"] {
	position:relative;
	top:-12px;
	left:10px;
	-webkit-appearance: none; /* For Chrome, Safari, and Opera */
	height: 2px;
	border-radius: 5px;
	background: #000;
	outline: none;
	opacity: 0.9;
	transition: opacity .2s;
}
.aplayer-dj { color:#BE3877; }
.aplayer-songtitle { color:#CD568E;  }
.aplayer-songartist { color:#CD568E; }
/* Top Alerts */
.top-alert {
  border-radius: 0;   /* Removes rounded corners */
  margin-bottom: 0;   /* Removes margin at the bottom */
}
/* Tables */
.normal_table { font-size:14px; }
.normal_table td { color:var(--normaltext);  }
.normal_table th { background-color:transparent !important;color:var(--normaltext);margin:5px 0 !important;font-weight:bold;font-size:13px;  }

/* Input Fields */
.form-control { background: #343a40;border:1px solid #495057;color:#CCC; }
.form-control::placeholder { color: #ccc;opacity: 1; }
 .form-control:focus {
    background: #495057;color:#fff;
    box-shadow: none;
  }
.form-select { 
	background: #1C1C1C;border:1px solid #282828;color:#CCC;
	background-image:linear-gradient(45deg, transparent 50%, #CCC 50%),linear-gradient(135deg, #CCC 50%, transparent 50%),linear-gradient(to right, transparent, transparent);
	background-position:calc(100% - 20px) calc(0.575em + 8px),calc(100% - 15px) calc(0.575em + 8px),100% 0;      
	background-size:5px 5px,5px 5px,1px 1.5em;
	background-repeat: no-repeat;
 }

/* Global */
html { 
	position: relative;
	box-sizing: border-box; 
}
html, body {
	min-height: 100%;
}
body { 
	min-height:100%;
	margin-bottom: 60px;
	font-family: 'Roboto', sans-serif;
	color:var(--normaltext);
	background:#1A1A1A;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}

.btn-clearwhite { color:#B5B5B5; }

.icon::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
h1 { font-size:35px; }
h2 { font-size:30px; }
h3 { font-size:25px; }
h4 { font-size:20px; }
hr { border-top:1px solid #666; }

.green { color:#93C763; }
.red { color:#FF4848; }
.orange { color:#D57633; }

a { 
	color: var(--normaltext); 
	text-decoration:none;
}
a:hover { 
	color:#ccc;
	text-decoration:none; 
}
.commentsinput, .formfields input, .formfields textarea {

}
.altheader h1:before, .addfaicon:before {  
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f004";
	margin-right:5px;
	color:#F7AB44;
}

/* Tables */
.table-style {
 border-color: var(--table-border-color);
color: var(--table-normaltext);
}

.table-style th,
.table-style td,
.table-style thead th {
  border-color: var(--table-border-color);
  color: var(--table-normaltext);
}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: var(--table-striped-odd-color); 
 }

.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: var(--table-striped-even-color); 
 }

/* Global Classes */
.nodisplay { 
	display:none; 
}

.flex-auto {
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
}
.border-top { 
	border-top: 1px solid #e5e5e5; 
}
.border-bottom { 
	border-bottom: 1px solid #e5e5e5; 
}
.box-shadow { 
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); 
}
.card-img-right {
	height: 100%;
	border-radius: 0 3px 3px 0;
}
.rmheight {
	max-height: 300px;
	position: relative;
	overflow: hidden;	
}
.rmheight .view-allcode { 
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 100%; 
	text-align: center; 
	margin: 0; padding: 30px 0; 
	font-size:13px;
	color:grey;
	background-image: -moz-linear-gradient(top, transparent, black);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, black));
}

/* Buttons */
.btn-group-xs > .btn, .btn-xs { 
	padding: .3rem .5rem;
	font-size  : .775rem;
	line-height  : .9;
	border-radius : .2rem;
}

/* Dim */
#dimer { display:none;position:absolute; top:0; left:0; z-index:99998; overflow:hidden;position:fixed; width:100%; height:100%;background:#000;opacity:0.5;filter: alpha(opacity = 50); }

#dim {
	background: rgba(0,0,0,.8);
	width:250px;
	height:80px;
	position:fixed;
    top:50%;
	right:50%;
	z-index:99999;
	margin-top:-40px;
	margin-right:-125px;	
}
#dimicon {
	font-size:50px;
	color:white;
	line-height:80px;
}


/* Navbar */
.navbar-mainmenu {
	background:rgba(0, 0, 0, .5) !important;
}
.navitemicon {
	position:relative;
}
.navbar-mainmenu .nav-item .nav-link .badge-counter  {
	font-size:10px !important;
	padding:3px 5px;
}
.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}
.nav-scroller .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.nav-scroller .nav-link {
	font-size: .875rem;
	padding-top: .75rem;
	padding-bottom: .75rem;
}

.navbar-mainmenu .dropdown-menu { background-color:#161819 !important;color:#CCC; }
.navbar-mainmenu .dropdown-menu a { color:#CCC; }
.navbar-mainmenu .dropdown-menu a:hover { color:#FFF;background:transparent; }
.dropdown.no-arrow .dropdown-toggle:after {
	display: none;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}
@media only screen and (max-width: 991px) {
	.searchbaricon {
		position:absolute;
		top:10px;
		left:20px;
	}
	.themeicon {
		position:absolute;
		top:10px;
		left:50px;
	}
	.offcanvas { background:transparent !important; }
	.navbar-mainmenu .offcanvas-body {
		background:rgba(22, 24, 25, .9);
	}
	.navbar-mainmenu .offcanvas-header {
		background: #161819;
		color:white;
		margin:0px;
	}
	#searchbarlink {
		
	}
	#userdropdown {

	}
}
.closebutton { color:white; }
/* Notification Dropdown */
.dropdown-notification {}
.dropdown-notification .dropdown-header {
	color:white;
}
.dropdown-notification .icon-circle { 
	font-size:13px;
	height: 2rem;
	width: 2rem;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:13px; 
}
.dropdown-notification-item { 
	border-bottom:1px solid #CCC;
	font-size:17px;
	margin:3px 0;
	font-size:17px; 
}
.dropdown-notification-time { 
	color:#ccc; 
}
.dropdown-notification-message { 
	color:#666; 
}
a.dropdown-notification-viewall { 
	color:#666; 
}
.alertsdropdown { 
	overflow-wrap: break-word !important;
	word-wrap: break-word !important;
	hyphens: auto;min-width: 400px;
	width: 50%;max-width: 700px; 
}
.alertsdropdown a { 
	white-space:normal !important; 
}
/* Search Results */
.search-box .searchinput {
	background:#F9F9F9 !important;
	border:0px;
}

.search-box .search_sel_text, .search-box .btn-success {
	background:#1E1E20;
	color:#B5B5B5;
	border:0px !important;	
}
.search-results-holder {border-bottom:1px solid var(--normalline);margin-bottom:15px;padding-bottom:10px;}
.search-results-content {font-size:14px;margin-top:5px; }
.search-results-keywords {font-size:13px;margin-top:5px;color:grey; }
.search-results-fulllink { margin-top:10px; }
.search-results-fulllink a {font-weight:bold;font-size:13px;color:#666 !important;}
.search-results-fulllink a:hover {color:#FFF !important;}
.search-results-title a { color:#CCC;font-weight:bold;text-decoration:none !important; }
.search-results-title a:hover { color:#FFF;text-decoration:none; }
.foundit, a.foundit { color:#93C763 !important;}
/* Search Bar */
.searchbar {
	background:rgba(0, 0, 0, .5);
	padding:0 0 5px 0;
}
.searchbar .searchinput {

}
.searchbar .search_sel_text {
	background:#1E1E20;
	color:#B5B5B5;
	border:0px !important;
}
.searchbar .btn-success {
	background:#1E1E20;
	color:#B5B5B5;
	border:0px !important;
}
/* Main Page Holder */
.page-holder { 
	padding:20px 20px 80px 20px;
	margin-top:20px;
	background:rgba(0, 0, 0, .9);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
	border-radius: .25rem !important; 
}

/* Breadcrumbs */
.mainnavbreadcrumb {
	color:red !important;
	font-size:0.8rem;
	background:transparent;
	padding:0 10px;
}
.mainnavbreadcrumb .active {
	color:#666 !important;
}
.mainnavbreadcrumb a { color:var(--normaltext);text-decoration:none; }
.mainnavbreadcrumb a:hover { color:#FFF;  }

.mainnavbreadcrumb .breadcrumb-item+.breadcrumb-item::before {
       color: #666;
    }
/* Jumbotron & Main Header with Logo */
.jumbotron-main {
	font-family:Archivo;
	padding:20px 20px;
	background-color:transparent;
}
.jumbotron-main p { 
	font-family:'Courier New';
	font-size:16px; 
}

/* Logo Header */
.altheader {
	font-family:Archivo;
	margin-bottom:15px;
	padding:10px 20px;
}
.altheader hr { 
	margin:0 0 10px 0; 
}
.altheader h1:before, .addfaicon:before {  }
.altheader h2 { 
	font-size:16px;
	color:#B5B5B5;
	font-family:'Courier New'; 
}
/* Blog */
.avatar-mainpage { 
	margin-right:8px;
	height:40px;
	width:40px;
}
.blog-post { 
	margin-bottom:40px !important;
	padding:10px 20px;
	background:rgba(39, 39, 39, .5);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	border-radius: .25rem !important; 
}
.blog-post:last-child {   }
.blog-post-idimg { 

}
.blog-post-idimg .img-thumbnail {
    border: 1px solid var(--normalline);
    box-shadow: none;
	background: #000;
}
.blog-post-title {
	overflow:hidden;
}
.blog-post-title a {
	color: #B5B5B5;
}
.blog-post-title a:hover {
	color: #ccc;
}
.blog-post-meta {
  	color: #ccc;
  	font-size: .85rem;
}
.blog-post-meta span {

}
.blog-post-meta-date { color:#B5B5B5;font-weight:bold; }
.blog-post-meta a {
	color: #B5B5B5;
	font-weight:bold;
}
.blog-post-meta a:hover {
	color: #ccc;
}
.blog-post-meta-comments .badge { font-size:.7rem;white-space: nowrap;color:#CCC !important;font-weight:normal; }
.blog-post-meta #comnum_b, .file-single-holder #comnum_b {
	font-style: normal !important;
}
.post-avatar .img-thumbnail {
	border: 0px solid var(--normalline);
    box-shadow: none;
	background: transparent;
}
.blog-content a { color:#72C75C; }
.blog-content a:hover { color:#77AF13; }
/* Main Post Holder for various page info */
.main-post { 
	padding:10px 20px;
	background:rgba(39, 39, 39, .5);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	border-radius: .25rem !important; 
}

/* Various Blog/Page Content */

/* Meta Grabber */
.metaoutput a { 
	color:#B5B5B5; 
}
.metaoutput-box { 
	background:#1E1E20;
	display: flex;
	border:1px solid var(--normalline) !important;
}
.metaoutput-box:hover {
	background:#343A3D;
}
.metaoutput-image {
	height: 125px;
	width: 125px;
	display: inline-block;
	float: left;
}
.metaoutput-box-text {
	flex: 1;
}
.metaoutput-box-text p {
	font-size:0.95rem;
}

/* Attachments */
.post_attachment a {
	border:1px solid var(--normalline);
	background:#1E1E20;
	color:#B5B5B5;
	display:inline-block;
	padding:5px 10px;
}
.post_attachment a:hover {
	border-color:#ccc;
	background:#343A3D;
}
.post_attachment_icon {
	font-size:27px;
	color:#666;
	opacity:0.9;
	float:left;
}
.post_attachment_title {
	font-size:14px;
	margin-left:30px;
}
.post_attachment_info {
	font-size:13px;
	margin-left:30px;
}
.post_attachment_info span:first-of-type {
	margin-right: 10px;
}
/* Code Line Number */
.hljs-ln-numbers {
    text-align: center;
    color: #ccc;
    border-right: 1px solid #CCC;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    padding-right: 5px !important;
}
.hljs-ln-code {
   display:block;
   margin-left:10px !important;
}

/* Side Menu */
.side-menu { 
	margin-bottom:20px !important;
	padding:10px 20px;
	background:rgba(39, 39, 39, .5);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	border-radius: .25rem !important; 
	color:#B5B5B5;
}
.side-menu ul {list-style-type: none;
	margin: 0;
	padding: 0; 
} 
.side-menu ul li:after {
	content: "";
	display: table;
	clear: both;
}
.side-menu .badge { 
	border:1px solid var(--normalline);
	color:#B5B5B5;
	margin-top:2px !important; 
}
.side-menu ul li a { 
	color:#B5B5B5;
	color:#B5B5B5;
	display:inline-block;
	width:100%;padding:3px;
    border-bottom: 1px dashed #363636;	
} 
.side-menu ul li a:hover { 
	background: var(--sidebarhoverbg);
	text-decoration:none; 
}
.side-menu .socialbuttons {  
}
.side-menu .socialbuttons a { 
	margin:0 3px; 
}
.side-menu .list-group a {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
	background:transparent !important;
	border-top:0px !important;
	border-left:0px !important;
	border-right:0px !important;
	border-bottom:1px dashed var(--normalline);
	color: var(--normaltext);
}
.side-menu .list-group .accordion-item {
	border-bottom:1px dashed var(--normalline) !important;
}	
.side-menu .list-group .accordion-item, .side-menu .list-group .accordion-button { 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
	background:transparent !important;
	border-top:0px !important;
	border-left:0px !important;
	border-right:0px !important;
	border-bottom:0px;
	color: var(--normaltext);
	padding-left:1px;
}
.accordion-button .addsign { font-size:12px; }
.accordion-button::after {
	display: none;
}
.accordion-button .material-icons.expand-icon {
	display: inline-block;
}
.accordion-button.collapsed .material-icons.expand-icon {
	display: inline-block;
}
.accordion-button.collapsed .material-icons.collapse-icon {
	display: none;
}
.accordion-button .material-icons.collapse-icon {
	display: none;
}
.accordion-button:not(.collapsed) .material-icons.collapse-icon {
	display: inline-block;
}
.accordion-button:not(.collapsed) .material-icons.expand-icon {
	display: none;
}
.accordion-button .icon-wrapper {
	margin-left: auto;
	display: inline-flex;
	align-items: right;
	margin-right:-2px;
}
 .accordion-button:not(.collapsed) {
	border: none;
	box-shadow: none;
}
.accordion-button.collapsed {
	border: none;
	box-shadow: none;
}
#disqus_thread {
  background-color: #141414; /* set a fallback background color */
  color: var(--normaltext); /* set a fallback text color */
}
/* Comments */
.comments_real_holder .img-thumbnail {
    border: 1px solid var(--normalline);
    box-shadow: none;
	background: #000;
	width:60px;
}
.comments_real_holder .media-body {
	margin-left:15px;
}
.comments_real_holder textarea {

}
.comments_posting_as {
	display:inline;
	font-size:12px;
	padding:0 0 0 5px;
	color:#ccc;	
}
.comments_character_counter {
	float:right;
	color:#ccc;
	font-size:12px;
}
.comments_single_holder:nth-of-type(odd){
	background: var(--normalbg);
}
.comments_single_holder:nth-of-type(even){
	
}
.comments_single_holder .media {
	padding:10px 10px 10px 10px !important;

}
.comments_single_holder .media-body h4 {
	font-size:15px;	
	font-weight:bold;
}
.comments_single_holder .comments_posted_time { 
	color:#666;padding-left:5px;
}
.comments_single_holder .media-body p {
	font-size:14px;	
	margin-bottom:0px;
}
.comments_single_holder img {
	
}
.comments_single_holder .rounded-circle {
	width:35px;margin-top:5px;
}
.comments_single_holder .media-body {
	margin-left:15px;
}
a.comments_delete {
	float:right;
	color:red;
	font-weight:bold;
	margin:0 6px 0 0;
	opacity:0.5;
	font-size:18px;
}
a.comments_delete:hover {
	opacity:1;
}
/* Links */
.link-card { 
	background:#1E1E20; 
	color:#B5B5B5;
	border:1px solid var(--normalline);
}
.link-card-bg {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center; 
	height:100px;
}
.link-card-bg-holder {
	background:#000;
	border:1px dashed var(--normalline);
	padding:5px;
	margin:5px 5px 0 5px;
}
.link-card .card-body {
	font-size:14px;
	padding:5px 15px 10px 15px;
	position:relative;
}
.link-card .card-body a {

}
.link-card h4 {
	font-size:18px;
	margin:5px 0 3px 0px;
	padding:0px;
	font-weight:bold;
}	
/* Footer */
.blog-footer {
  	color: #ccc;
  	text-align: center;
  	font-size:14px;
  	background:rgba(0, 0, 0, .5);
	position: absolute;
  	bottom: 0;
  	width: 100%;
	display:block;
  	padding:10px 5px;
}



/* Profile */
.profile-side-info { 
	margin:10px 0; 
}
.profile-pic {
	max-width:200px;
}
.profile-info {
	margin:4px 0;
} 
.profile-about-header {
	font-weight:bold;
	border:1px dashed var(--normalline);
	background:#1E1E20;
	margin:20px 0 20px 0;
	padding:5px 10px;
}


.blog-footer a {
	color: #ccc;
}
.blog-footer a:hover {
	color:white;
	text-decoration:none;
}
.blog-footer p:last-child {
	margin-bottom: 0;
}

/* Cookie Bar */
.cookie-consent-bar {
    z-index: 1050; /* Ensure it is above other elements */
}
/* Audio Player */

.eplayer-audio-player {
            display: flex;
            align-items: center;
            width: 100%;
            max-width: 600px;
            margin: 20px 0;
            padding: 10px;
            background-color: #1f1f1f;
            border-radius: var(--border-radius);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
            position: relative;
            transition: all 0.3s ease;
        }
        .eplayer-audio-thumbnail {
            width: var(--thumbnail-size);
            height: var(--thumbnail-size);
            background-size: cover;
            background-position: center;
            margin-right: 15px;
            border-radius: var(--border-radius);
        }
        .eplayer-audio-content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex-grow: 1;
        }
        .eplayer-audio-title {
            font-weight: bold;
            margin-bottom: 5px;
            font-size: 14px; /* Reduced font size for more compact text */
            color: var(--text-color);
        }
        .eplayer-audio-controls-container {
            display: flex;
            align-items: center;
        }
        .eplayer-audio-controls {
            cursor: pointer;
            font-size: 28px; /* Adjusted icon size */
            color: var(--text-color);
            transition: color 0.3s ease;
            margin: 0 5px;
            position: relative;
        }
        .eplayer-audio-controls:hover {
            color: var(--primary-color);
        }
		
		.eplayer-audio-progress::-moz-range-thumb {
			width: 14px;
			height: 14px;
			background: #67D20F; /* Change this to the desired color */
			border-radius: 50%;
			cursor: pointer;
			transition: background 0.3s ease;
		}

		.eplayer-audio-progress::-moz-range-thumb:hover {
			background: #55AC0D; /* Change this to the desired hover color */
		}
		
		
        .eplayer-audio-progress {
            flex-grow: 1;
            margin: 0 5px;
            width: 100%;
            max-width: calc(100% - 120px); /* Making it responsive */
            -webkit-appearance: none;
            height: 6px; /* Reduced height for more compact design */
            border-radius: 5px;
            background: #3b3b3b;
            outline: none;
        }
        .eplayer-audio-progress::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 14px;
            height: 14px;
            background: var(--primary-color);
            border-radius: 50%;
            cursor: pointer;
            transition: background 0.3s ease;
        }
        .eplayer-audio-progress::-webkit-slider-thumb:hover {
            background: #ffffff;
        }
        .eplayer-audio-time {
            min-width: 40px; /* Reduced min-width */
            text-align: center;
            font-weight: bold;
            font-size: 12px; /* Reduced font size */
            color: var(--light-grey);
        }
        .eplayer-volume-control {
            position: relative;
            display: flex;
            align-items: center;
        }
        .eplayer-volume-slider {
            display: none;
            position: absolute;
            bottom: -70px;
            transform: rotate(-90deg);
            transform-origin: left bottom;
            background-color: #1f1f1f;
            border-radius: var(--border-radius);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            padding: 5px;
        }
        .eplayer-volume-slider input {
            -webkit-appearance: none;
            width: 100px;
            height: 6px;
            background: #67D20F;
            outline: none;
            border-radius: 5px;
        }
        .eplayer-volume-slider input::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 12px;
            height: 12px;
            background: var(--primary-color);
            border-radius: 50%;
            cursor: pointer;
            transition: background 0.3s ease;
        }
        .eplayer-volume-slider input::-webkit-slider-thumb:hover {
            background: #55AC0D;
        }
        .eplayer-cms-label {
            position: absolute;
            bottom: 5px;
            right: 10px;
            font-size: 10px;
            color: var(--light-grey);
        }
        .eplayer-volume-control:hover .eplayer-volume-slider {
            display: block;
        }