body{
	margin:0;
	background-color:#000;
}

body.scrolldisabled{
	overflow:hidden;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #0b1018; 
  border-left:1px solid #223043;

}

.eq-track::-webkit-scrollbar-track {
  background: #233042; 
  /*border-left:1px solid #223043;*/

}

.eq-track::-webkit-scrollbar-thumb {
  background: #171e26; 
 /* border-left:1px solid #223043;*/
  border-radius:3px;

}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #223043; 
  border-left:1px solid #223043;
  border-radius:3px;

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #3c4b5e; 
}





.mobile-menu-button{
	color:#233042;
	font-size:24px;
	align-items:center;
	padding:6px 10px;
	margin-right:15px;
	cursor:pointer;
}

.mobile-menu-button.visibility{
	display:none;
}

@media (max-width: 900px){
	
	.mobile-menu-button.visibility{
		display:inline-flex;
	}

}



.header{
	display:flex;
	position:sticky;
	z-index:1000;
	top:0;
	height:50px;
	background-color:#ffa700;
	white-space:nowrap;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	padding:0px 25px;
}

@media (max-width: 900px){

	.header.modify{
		padding:0px 40px;
	}

}

@media (max-width: 650px){

	.header.modify{
		padding:0px 20px;
	}

}




.search__block{
	position:relative;
	color:#233042;
	width:100%;
	min-width:100px;
	max-width:300px;
	font-size:25px;
	font-family:Alata-Regular;
	margin-right:15px;
}

.search__block.visibility{
	display:inline-block;
}

.mobile-search-button{
	color:#233042;
	font-size:24px;
	align-items:center;
	padding:6px 10px;
	cursor:pointer;
}

.mobile-search-button.visibility{
	display:none;
}

@media (max-width: 650px){
	
	.search__block.visibility{
		display:none;
	}

	.mobile-search-button.visibility{
		display:inline-flex;
		margin-right:0px;
	}

}


.auth-btn__block{
	color:#233042;
	font-size:16px;
	/*font-family:Alata-Regular;*/
}

.auth-btn__block.visibility{
	display:inline-block;
}

.mobile-auth-btn{
	color:#233042;
	font-size:27px;
	align-items:center;
	padding:6px 10px;
}

.mobile-auth-btn.visibility{
	display:none;
}

@media (max-width: 650px){
	
	.auth-btn__block.visibility{
		display:none;
	}
	.mobile-auth-btn.visibility{
		display:inline-flex;
		margin-right:0px;
	}

}

.site-nav-block{
	position: sticky;
	top: 50px;
	height: 100vh;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 200px;
	background-color:#223043;
}

.site-nav-block.visibility{
	display:block;
}


@media (max-width: 900px){

	.site-nav-block.visibility{
		display:none;
	}
	.site-nav-block.modify{
		position: fixed;
		width:100%;
		height:auto;
		padding-bottom:15px;
		-webkit-box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75);
		z-index:999;
		
	}

}

.site-nav-block.show{
	display:block;
}

/********channel*********/

.player-option-block{
	flex-wrap:wrap;
	align-items:center;
	gap:15px;
	background-color:#131d2b;
	border-radius:0px 0px 5px 0px;
	font-family: Cabin-Regular;
	padding:15px 20px 15px 20px;
	white-space:nowrap;

}

.player-option-block.visibility{
	display:flex;
}

.player-option-block2{
	flex-wrap:wrap;
	align-items:center;
	gap:15px;
	background-color:#131d2b;
	border-radius:0px 0px 5px 5px;
	font-family: Cabin-Regular;
	padding:15px 20px 15px 20px;
	white-space:nowrap;
}

.player-option-block2.visibility{
	display:none;
}

@media (max-width: 1370px){

	.player-option-block.visibility{
		display:none;
	}

	.player-option-block2.visibility{
		display:flex;
	}

}



.volume-block{
	display:grid;
	grid-template-columns: 30px 30px auto;
	/*grid-template-columns:30px auto;*/
	max-width:250px;
	width:60px;
	/*width:30px;*/
	transition:all 350ms ease;
	border-radius:3px;
	background-color:#131d2b;
	border:1px solid #263141;
}

.volume-block:hover{
	width:82%;
}

input[type="range"].volume-control{
-webkit-appearance: none;
  appearance: none; 
  width: 100%;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  border-radius: 16px;
  background:transparent;
}

input[type="range"].volume-control::-webkit-slider-runnable-track {
  height: 8px;
  background: #233042;
  border-radius: 16px;
}

input[type="range"].volume-control::-webkit-slider-thumb {
 -webkit-appearance: none;
  appearance: none; 
  height: 0px;
  width: 0px;
  background-color: #233042;
  border-radius: 0%;
  border: 1px solid #ffa700;
  box-shadow: -400px 0 0 400px #ffa700;
}

.channel-title-1{
	font-family:Cabin-Bold;
	color:#fff;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.channel-title-1.modify{
	font-size:36px;
}

.channel-title-2{
	border-bottom:0px solid #233042;
	font-family:Cabin-Bold;
	color:#fff;
	font-size:32px;
	padding: 0px 25px 0px 35px;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

.channel-title-2.modify{
	font-size:24px;
}

.channel-title-0{
	border-bottom:1px solid #233042;
	font-family:Cabin-Regular;
	color:#fff;
	font-size:24px;
	padding: 25px 25px 25px 35px;
}

.label-audio-quality{
	font-size: 12px;
	position: relative;
	margin-left: 0px;
	font-family: Cabin-Regular;
	bottom: 26px;
	color:#fba72c;
}

.label-audio-quality-text{
	font-size: 10px;
	color:#fff;
}

@media (max-width: 470px){

	.channel-title-1.modify{
		font-size:30px;
	}
	.channel-title-2.modify{
		font-size:22px;
	}

	.label-audio-quality{
		font-size: 10px;
		bottom: 20px;
	}

	.label-audio-quality-text{
		font-size: 8px;
	}


}


.channel-info-description{
	display:none;
	justify-content:center;
	align-items:center;
	width:26px;
	height:26px;
	border:2px solid #ffa700;
	border-radius:50%;
	font-size:12px;
	font-family:Cabin-Regular;
	cursor:pointer;
	margin-right:10px;
	-webkit-box-shadow: -1px 2px 4px -3px rgba(0,0,0,0.5);
	-moz-box-shadow: -1px 3px 8px -3px rgba(0,0,0,0.5);
	box-shadow: -1px 3px 8px -3px rgba(0,0,0,0.5);
	color:#fff;
}

.channel-favorite{
	display:flex;
	justify-content:center;
	align-items:center;
	width:26px;
	height:26px;
	font-size:26px;
	font-family:Cabin-Regular;
	cursor:pointer;
	margin-right:10px;
	margin-left:10px;
	color:#fff;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}


@media (max-width: 470px){

	.channel-info-description.modify{
		width:20px;
		height:20px;
		font-size:9px;
	}

	.channel-favorite.modify{
		width:22px;
		height:22px;
		font-size:22px;
	}

}


.channel-info-description-block{
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}


.channel-info-description-text{
	display:inline-block;
	position:absolute;
	top:35px;
	right:40px;
	width:500px;
	pointer-events:none;
	opacity:0;
	cursor:default;
	text-shadow: none;
	z-index:600;
	background-color:#ffa700;
	color:#253040;
	padding:15px;
	border-radius:5px 0px 5px 5px;
	line-height:1.4em;
	font-family:Cabin-Regular;
	font-size:14px;
	-webkit-box-shadow: -1px 2px 4px -3px rgba(0,0,0,0.5);
	-moz-box-shadow: -1px 3px 8px -3px rgba(0,0,0,0.5);
	box-shadow: -1px 3px 8px -3px rgba(0,0,0,0.5);
	overflow:hidden;
	transition:all 300ms ease;
}


.channel-info-description:hover + .channel-info-description-text{
	top:38px;
	pointer-events:auto;
	opacity:1;
	transition:all 300ms ease;
}

@media (max-width: 636px){

	.channel-info-description-block.modify{
		position:static;
	}

	.channel-info-description-text{
		display:inline-block;
		position:absolute;
		top:121px;
		right:0px;
		width:100%;
		pointer-events:none;
		opacity:0;
		cursor:default;
		text-shadow: none;
		z-index:600;
		background-color:#ffa700;
		color:#253040;
		padding:15px;
		border-radius:0px;
		line-height:1.4em;
		font-family:Cabin-Regular;
		font-size:14px;
		-webkit-box-shadow: -1px 2px 4px -3px rgba(0,0,0,0.5);
		-moz-box-shadow: -1px 3px 8px -3px rgba(0,0,0,0.5);
		box-shadow: -1px 3px 8px -3px rgba(0,0,0,0.5);
		overflow:hidden;
		box-sizing: border-box;
		transition:all 300ms ease;
	}


	.channel-info-description:hover + .channel-info-description-text{
		top:124px;
		pointer-events:auto;
		opacity:1;
		transition:all 300ms ease;
	}


}



.prev-placeholder-text{
	color:#3f4a59;
	font-family: Cabin-Bold;
	font-size:18px;
	padding:15px;
	text-align:center;
}

@media (max-width: 470px){

	.prev-placeholder-text.modify{
		font-size:16px;
	}

}

.pre-previous-block{
	display:flex;
	width:100%;
	justify-content: center;
	min-height:382px;
}

.previous-block{
	display:none;
	width:100%;
	min-height:382px;
}

.previous{
	display:grid;
	grid-gap:8px;
	grid-template-columns:1fr 1fr;
	width:100%;
}

@media (max-width: 1372px) {
	
	.previous{
		display:flex;
		flex-direction: column;
		gap:8px; width:100%;
	}

}

.channel-title-block{
	display:grid;
	grid-template-columns:auto min-content;
	padding: 25px 25px 5px 35px;
}

@media (max-width: 470px){

	.channel-title-block.modify{
		padding: 20px 25px 0px 35px;
	}

}

/*******************************************/


.filter-block{
	display:grid;
	font-family:Cabin-Regular;
	background-color:#1d2735;
	color:#fff;
	margin:5px 0px 0px 0px;
	line-height:1.6em;
	padding:0px 0px 25px 25px;
	-webkit-box-shadow: -1px 3px 8px -3px rgba(0,0,0,0.5);
	background: rgb(29,39,53);
	background: linear-gradient(180deg, rgba(29,39,53,1) 0%, rgba(26,42,63,1) 100%);
}

.filter-block.modify{
	grid-template-columns:repeat(5, 1fr);

}

@media (max-width: 1280px){
	
	.filter-block.modify{
		grid-template-columns:repeat(3, 1fr);
	}

}


@media (max-width: 650px){
	
	.filter-block.modify{
		grid-template-columns:repeat(2, 1fr);
	}

}

@media (max-width: 440px){
	
	.filter-block.modify{
		grid-template-columns:repeat(1, 1fr);
	}

}






/*******************************************/






.search-result-block{
	display:none;
	position:absolute;
	top:60px;
	right:0px;
	background-color:#111b29; /*#202937*/
	color:#fff;
	width:400px;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	border:1px solid #2c3a47;
	max-height:calc(100vh - 75px);
	overflow:auto;
	/*overflow-x:hidden;*/
	box-sizing:border-box;
	white-space:normal;
	word-break: keep-all;
	font-family: Cabin-Regular;
	font-size:14px;
	opacity:0.95;
}

.search-result{
	display:none;
	width:100%;
}

.search-no-result{
	font-family: Cabin-Italic;
	color:#8e9aa9;
	padding:15px;
}

.search-result-item{
	padding:10px 15px 10px 30px;
	border-bottom: 1px solid #1c272f;
	transition: all 150ms ease;
}


ul.search-result-list > li > a{
	color:#cbcab6;
	display:block;
}

.search-result-item:hover{
	background-color:#223043;
	color:#ffa700;
	padding-left:25px;
	font-family: Cabin-Bold;
}

.search-result-item:hover a{
	color:#ffa700;
}


ul.search-result-list{
	list-style:none;
	padding:0;
	margin:0;
}

ul.search-result-list > lh > h2{
	font-weight:normal;
	font-family: Cabin-Bold;
	color:#fff;
	margin:0;
	padding:10px 25px 10px 25px;
	font-size:18px;
	border-bottom: 1px solid #1c272f;
	background-color: #0b1018;

}

.channel-item{
	cursor:pointer;
	border-radius:6px;
	overflow:hidden;
	transition:all 250ms ease;
	position:relative;
}

.channel-item:hover{
	transform:scale(1.01);
	-webkit-box-shadow: 0px 6px 13px -2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 6px 13px -2px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 13px -2px rgba(0,0,0,0.5);
	z-index:10;
}

.channel-info-track-block{
	font-family:Cabin-Regular;
	background-color:#121923;
	color:#fff;
	padding:15px;
	transition:all 250ms ease;
}

.channel-item:hover .channel-info-track-block{
	background:#0a1525;

}

.channel-item-info{
	font-family:Cabin-Regular;
	background-color:#121923;
	color:#fff;
	border-radius:0px 0px 5px 5px;
	padding:15px;
	transition:all 150ms ease;
}



.channel-item:hover .channel-item-info{
	background-color:#161718;
}


/************************************************/


.slide-block{
	display:inline-block;
	height:100%;
	min-width:250px;
	background-color:#1d2735;
	border-radius:5px;
	box-sizing:border-box;
	padding:5px 15px;
	font-family:Poppins-Bold;
	font-size:25px;
	color:#000;
	background-size:cover;
	background-position:center;
	transition:all 250ms ease;
}

.slide-block:hover{
	transform:scale(1.1);
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.75);
	z-index:10;
}

.layer-1{
	display:flex;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	justify-content:space-between;
	align-items:center;
	pointer-events: none;
	z-index:100;
}

.btns{
	display:flex;
	color:#fff;
	font-family:Poppins-Bold;
	font-size:40px;
	margin:15px;
	padding:20px;
	cursor:pointer;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.9);
	user-select:none;
	pointer-events: auto;
	z-index:1000;


}

.sback{

}

.snext{
}



.form-button{
	padding:8px 20px;
	background-color:#ffa700;
	color:#000;
	border:0px solid #ff7595;
	border-radius:5px;
	font-size:16px;
	font-family:PTSans-Regular;
	white-space:nowrap;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	transition:all 250ms ease;
	cursor:pointer;
}

.form-button:hover{
	background-color:#ffb900;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.7);
	
}


.modal-auth{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:5000;
	align-items: center;
	justify-content: center;
}

.modal-auth.show{
	display:flex;
}


.modal-reg{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:5000;
	align-items: center;
	justify-content: center;
}

.modal-reg.show{
	display:flex;
}


.modal-confirm{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:5000;
	align-items: center;
	justify-content: center;
}

.modal-confirm.show{
	display:flex;
}


.site-search-m{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	z-index:5000;
	background-color:#111b29;
	width:100%; height:100vh;
	/*height:calc(100vh - 50px);*/
	border:#111b29 0px solid;
	box-sizing:border-box;
	opacity:0.95;
	grid-template-rows:min-content auto;
	font-family: Cabin-Regular;
}


.site-search-m.visibility{
	/*display:none;*/
}

.site-search-m.show{
	display:grid;
}

.close-search-m{
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	font-size: 20px;
	cursor:pointer;
	color:#fff;
	background-color:#3c4b5e;
}




.typs-slide-description{
	margin-top:15px;
	margin-bottom:15px;
	font-family:Poppins-Light;
	color:#fff;
	text-shadow: -1px -1px 30px rgba(0,0,0,0.5);
	max-width:500px;
	font-size:16px;
}


@media (max-width: 900px){

	.typs-slide-description.modify{
		font-size:14px;
	}

}


@media (max-width: 650px){
	
	.typs-slide-description.modify{
		font-size:12px;
	}

}

































.mobile-track-info__block{
	display:block;
	opacity:0.9;
	color:#fff;
	background-color:rgba(34,48,67,0.8);
	width:100%;
	font-size:25px;
	text-shadow: 0px 0px 9px #000000;
}

.mobile-track-info{
	color:#fff;
}

.mobile-track-info-author{
	font-size:18px;
	font-family:Cabin-Bold;
	padding:15px 15px  5px  15px ;
}

.mobile-track-info-title{
	font-size:14px;
	font-family:Cabin-Regular;
	padding:5px 15px  15px  15px ;
}

.mobile-control__block{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.mobile-control__block.visible{
	display:none;
}

.track-info__block{
	background-color:rgba(34,48,67,0.8);
	width:100%;
	font-size:25px;
	padding:15px 30px;
	color:#fff;
	opacity:0.9;
}

.track-info__block.visible{
	display:block;
}

.track-info{
	color:#fff;
}

.track-info-author{
	font-size:23px;
	font-family:Cabin-Bold;
}

.track-info-title{
	font-size:14px;
	font-family:Cabin-Regular;
	margin-top:10px;
}



.img-track-cover{
	display:block;
	background-color:#ffa700;
	object-fit:cover;
	
}

.img-track-cover.modify{
	border-radius:3px 0px 0px 3px;
	width:190px;
	height:190px;
}

.auth-button{
	display:inline-block;
	cursor:pointer;
	padding:3px 10px 6px 10px;
	border:1px solid transparent;
	border-radius:3px;
	margin-top:8px;
	margin-bottom:5px;	
}

.interactive__block{
	background-color:#151f2d;
	color:#fff;
	border-radius:0px 0px 3px 3px;
	padding:5px 10px 10px 10px;
	font-size:14px;
	font-family:Cabin-Regular;
}


.interactive__block.modify{
	display:block;
}

.title-channel{
	color:#fff;
	font-family:Cabin-Bold;
}

.title-channel.padding{
	padding:25px 50px;
}

.title-channel.fontsize{
	font-size:50px;
}


.media-content{

}

.media-content.padding{
	padding: 5px 50px 50px 50px;

}


.mobile-player-control-button{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	color:#fff;
	font-size:100px;
	opacity:0.5;
	text-shadow: 0px 0px 4px #000000;
}




































.xb-modal{
	display:none;
	justify-content:center;
	align-items:center;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:9000;
	background-color:#14181e96;
	transition:all 50ms ease;
}

.xb-modal.show{
	display:flex;
}

.xb-btn{
	border:none;
	margin:0px;
	background-color:#455469;
	color:#fff;
	font-family:Poppins-Light;
	font-size:14px;
	box-sizing:border-box;
	padding:8px 15px;
	border-radius:3px;
	transition:background 150ms ease;
	cursor:pointer;
	width:100%;
	user-select:none;
}	

.xb-btn:hover{
	background-color:#3a4d69;
}


.xb-btn-min{
	border:none;
	margin:0px;
	background-color:#274d74;
	color:#fff;
	font-family:Poppins-Light;
	font-size:14px;
	box-sizing:border-box;
	padding:8px 15px;
	border-radius:0px 0px 8px 8px;
	transition:background 150ms ease;
	cursor:pointer;
	width:100%;
	user-select:none;
}	


.xb-social-btn{
	display:flex;
	gap:15px;
	background-color:#fff;
	box-sizing:border-box;
	padding:8px 15px;
	border-radius:3px;
	transition:background 150ms ease;
	cursor:pointer;
	width:100%;
	user-select:none;
	align-items:center;
}

.xb-social-btn:hover{
	background-color:#fbfdef;
}

.xb-social-label{
	color:#000;
	font-family: Cabin-Regular;
    font-size: 16px;
    line-height: 1.1em;
}	

.xb-social-icon img{
	width:18px;
	height:18px;
}

.xb-input{
	padding:5px 8px;
	background-color:#fff;
	outline:none;
	max-width:450px;
	width:100%;
	font-size:16px;
	border:none;
	border-bottom:1px solid #233042;
	font-family:PTSans-Regular;
	color:#000;
	border-radius:3px;
}

.m-top-15{
	margin-top:15px;
}
.m-top-10{
	margin-top:10px;
}

.m-top-5{
	margin-top:5px;
}

.m-top-2{
	margin-top:2px;
}

.w-100-p{
		width:100%;
}

.xb-modal-close{
	color:#9aafb9;
	text-shadow:0px 2px 3px rgb(0 0 0 / 30%);
	cursor:pointer;
	font-size:16px;
}

.m-0{
	margin:0;
}

/* Chrome, Safari, Edge, Opera */
input[type=number].reg-confirm::-webkit-outer-spin-button,
input[type=number].reg-confirm::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].reg-confirm {
  -moz-appearance: textfield;
}

.ajax-message-block{
	text-align:center;
}

.sys-mess-block{
	display:flex;
	justify-content: flex-end;
	box-sizing:border-box;
	padding:8px;
	position:fixed;
	top:50px;
	right:0px;
	width:100%;
	opacity:0.9;
	z-index:1000;
	flex-direction: column-reverse;
	align-content: flex-end;
	flex-wrap: wrap;
}

.temp-message{
	display:block;
	padding:12px 15px;
	margin-bottom:5px;
	border-radius:3px;
	box-shadow: -1px 3px 8px -3px rgba(0,0,0,0.5);
	background-color:#fff;
	max-width:500px;
	width:100%;
	color:#000;
	font-family: PTSans-Regular;
	font-size:14px;
	




}

.temp-message.default{
	background-color:#fff;
	color:#000;
}
.temp-message.error{
	background-color:#9f2a00;
	color:#fff;
}
.temp-message.success{
	background-color:#448b31;
	color:#fff;
}
.temp-message.warning{
	background-color:#b7782e;
	color:#fff;
}
.temp-message.info{
	background-color:#2880c9;
	color:#fff;
}














.disable-ads{
	position:absolute;
	top:-19px;
	right:0px;
	font-family: Cabin-Regular;
	border:none;
	border-radius:3px 3px 0px 0px;
	background-color:#233042;
	padding:2px 10px;
	font-size:12px;
	color:#fff;
	cursor:pointer;
	transition:all 300ms ease;
	background: rgb(35,48,66);
	background: linear-gradient(180deg, rgba(35,48,66,1) 0%, rgba(19,29,43,1) 100%);
}

.disable-a-ads{
	position:absolute;
	top:-19px;
	right:0px;
	font-family: Cabin-Regular;
	border:none;
	border-radius:3px 3px 0px 0px;
	background-color:#233042;
	padding:2px 10px;
	font-size:12px;
	color:#fff;
	cursor:pointer;
	transition:all 300ms ease;
	background: rgb(35,48,66);
	background: linear-gradient(180deg, rgba(35,48,66,1) 0%, rgba(19,29,43,1) 100%);
}

.disable-ads:hover{
	background-color:#256d3b;
}









.main-menu-item{
	padding-left:25px;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	font-family:Poppins-Regular;
	transition:all 250ms ease;
}

.main-menu-item:hover{
	color:#d3c577;
}

.main-menu-item.selected{
	/*color:#e5bc5a;*/
	/*color:#d5cc9b;*/
	
	/*color:#d3c577;*/
	color:#fba72c;
	
	/*color:#c1b76c;*/
}



























.home-channel-card{
	border-radius:5px;
	width:100%;
	background: rgb(25,26,33);
	background: linear-gradient(180deg, rgba(25,26,33,0) 0%, rgba(0,0,0,0.7035189075630253) 100%);
	position:absolute;
	bottom:0px;
	left:0px;
	padding:20px;
	padding-top:80px;
	box-sizing: border-box;
}

.new-channel-card-border{
	position: absolute;
	top:0px;
	left:0px;
	width:98.2%;
	height:97%;
	border:2px solid #30a200;
	border-radius:5px;
}

.new-channel-card-block{
	display:flex;
	position: absolute;
	top:0px;
	left:0px;
	font-size: 12px;
	color: #000000;
	
}

.new-channel-card-block2{
	display: flex;
	overflow:hidden;
	border-radius: 5px 0px 0px 0px;
}

.new-channel-card-title{
	display: flex;
    align-items: center;
    background: #30a200;
    height: 26px;
    z-index: 1;
    padding: 0px 12px 0px 20px;
    color: #ffffff;
    font-family: PTSans-Regular;
}

.new-channel-card-title + div{
	display: inline-block;
    width: 0px;
    height: 0px;
    border: 16px solid transparent;
    border-top: 26px solid #30a200;
    position: relative;
    left: -16px;
}










.label-new{
	display: block;
    position: absolute;
    top: 16px;
    left: 20px;
    background-color: #b8ff00;
    color: #191a1a;
    font-family: PTSans-Bold;
    font-size: 10px;
    border-radius: 2px;
    padding: 2px 6px;
    width: 40px;
    text-align: center;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	background: linear-gradient(45deg,  #b8ff00 0%,#67bfa7 100%);

}

.label-quality{
	display: block;
    position: absolute;
    top: 16px;
    right: 20px;
    background-color: #fff;
    color: #74621c;
    font-family: PTSans-Bold;
    font-size: 10px;
    /*font-size: 12px;*/
    border-radius: 8px;
    /*border-radius: 10px;*/
    padding: 2px 8px;
    /*padding: 2px 10px;*/
    /*width: 76px;*/
    text-align: center;
box-shadow: rgb(60 64 67 / 72%) 0px 1px 15px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
background: linear-gradient(216deg, rgb(202 232 205) 0%, rgba(255, 255, 255, 1) 100%);
}