:root {
    --muzmetal-color-primary: #090000;
    --muzmetal-color-link: #224faa;
    --muzmetal-color-hover: #300101;
	--cassiopeia-color-hover: #300101;
}

.youtub {
  display: none;
}

.site-grid {
     background-color: #090000;
  margin-top: 60px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #FFF;
}

.card-header {
    background-color: #1A0101;
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
    padding: 0.5rem 1rem;
}

a {
   color: #9B723D;
   text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: none;
   }

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    background-color: #150101;
}

*, :after, :before {
    color: #fff;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    background-color: #270101;
}

.btn-primary {
    background-color: var(--muzmetal-color-primary);
    border-color: #fff;
}

.bukva li,
nav.bukva ul li{
  	float:left
}

.bukva,
nav.bukva ul{
  	list-style:none;
}

.bukva li a,
nav.bukva ul li a{
  background: #2b2b2b;
    display: block;
    border: 1px solid #fff;
    border-radius: 5px;
    width: max-content;
    padding: 5px;
    margin: 5px;
	font-weight: 700;  
}

.bukva li a:hover,
nav.bukva ul li a:hover{
    background:#393939;
    border-color: #966b35;
    
}
.mod-menu.bukva {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 20px;
}

.str {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #600C0C;
   }

.str:hover {
    background: #1A1717;
   }

.str-sostav {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #600C0C;
   }

.sostav {
   vertical-align: top;
 }

.deep {
  background: #000;
  background: linear-gradient(to right, #008EC4 0%, #000 45%, #000 100%);
}

.white-gr {
  background: #000;
  background: linear-gradient(to right, #D4C4AA 0%, #000 45%, #000 100%);
}

.white {
  background: #000;
  background: linear-gradient(to right, #FFFFFF 0%, #000 45%, #000 100%);
}

.vishny {
  background: #000;
  background: linear-gradient(to right, #9C2136 0%, #000 45%, #000 100%);
}

.bezh-svetl {
  background: #000;
  background: linear-gradient(to right, #FAF3BD 0%, #000 45%, #000 100%);
}


.haki {
  background: #000;
  background: linear-gradient(to right, #6A5F02 0%, #000 45%, #000 100%);
}

.gold {
  background: #000;
  background: linear-gradient(to right, #916735 0%, #000 45%, #000 100%);
}

.olive {
  background: #000;
  background: linear-gradient(to right, #5F7649 0%, #000 45%, #000 100%);
}

.olive-peru {
  background: #000;
  background: linear-gradient(to right, #A3A167 0%, #000 45%, #000 100%);
}

.indigo {
  background: #000;
  background: linear-gradient(to right, #3F284A 0%, #000 45%, #000 100%);
}

.pink {
  background: #000;
  background: linear-gradient(to right, #DA9A9A 0%, #000 45%, #000 100%);
}

.pinker {
  background: #000;
  background: linear-gradient(to right, #F0E1D5 0%, #000 45%, #000 100%);
}

.pink-peru {
  background: #000;
  background: linear-gradient(to right, #D4C2A9 0%, #000 45%, #000 100%);
}

.rustic {
  background: #000;
  background: linear-gradient(to right, #925250 0%, #000 45%, #000 100%);
}

.biryuza {
  background: #000;
  background: linear-gradient(to right, #4FA299 0%, #000 45%, #000 100%);
}

.biryuza-svetl {
  background: #000;
  background: linear-gradient(to right, #C8FCE3 0%, #000 45%, #000 100%);
}

.gray {
  background: #000;
  background: linear-gradient(to right, #A9A9A9 0%, #000 45%, #000 100%);
}

.red {
  background: #000;
  background: linear-gradient(to right, #FF0000 0%, #000 45%, #000 100%);
}

.blue {
  background: #000;
  background: linear-gradient(to right, #8FB2FC 0%, #000 45%, #000 100%);
}

.tom-blue {
  background: #000;
  background: linear-gradient(to right, #192C3A 0%, #000 45%, #000 100%);
}

.bluesin {
  background: #000;
  background: linear-gradient(to right, #293387 0%, #000 45%, #000 100%);
}

.peru {
  background: #000;
  background: linear-gradient(to right, #866C5B 0%, #000 45%, #000 100%);
}

.redperu {
  background: #000;
  background: linear-gradient(to right, #AE1C13 0%, #000 45%, #000 100%);
}


.salat {
  background: #000;
  background: linear-gradient(to right, #01B680 0%, #000 45%, #000 100%);
}

.orang {
  background: #000;
  background: linear-gradient(to right, #FF5F1B 0%, #000 45%, #000 100%);
}

.green {
  background: #000;
  background: linear-gradient(to right, #006600 0%, #000 45%, #000 100%);
}

.tom-green {
  background: #000;
  background: linear-gradient(to right, #347648 0%, #000 45%, #000 100%);
}

.bel-green {
  background: #000;
  background: linear-gradient(to right, #6CB97A 0%, #000 45%, #000 100%);
}

.luk {
  background: #000;
  background: linear-gradient(to right, #74C209 0%, #000 45%, #000 100%);
}

.green-blue {
  background: #000;
  background: linear-gradient(to right, #25AF9B 0%, #000 45%, #000 100%);
}

.tomgray {
  background: #000;
  background: linear-gradient(to right, #657F73 0%, #000 45%, #000 100%);
}

.bezh {
  background: #000;
  background: linear-gradient(to right, #FADE7B 0%, #000 45%, #000 100%);
}

.ryzh {
  background: #000;
  background: linear-gradient(to right, #6F2C01 0%, #000 45%, #000 100%);
}

.hakorang {
  background: #000;
  background: linear-gradient(to right, #FFAB25 0%, #000 45%, #000 100%);
}

.bra{
    transition: 0.5s;
}

.bra:hover {
    transform: scale(1.1);
}

.big{
    box-shadow: 0px 0px 10px 1px #fff;
    transition: 0.5s;
}

.big:hover {
    transform: scale(1.1);
}

.container-header .mod-menu .parent > ul {
	color: #22262a;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
}
.mod-menu > li.parent:hover > .mod-menu__sub, .mod-menu > li.parent:hover > .mod-menu__subl {
	display: block;
}
.container-header .container-search {
	margin-top: .5em;
	margin-right: 1.5em;
}

.btn-info {
    background-color: #2b2b2b;
    border-color: #fff;
    color: #fff;
    
}

.btn-info:hover  {
    background-color: #2b2b2b;
    border-color: #966b35;
    color: #966b35;
    
}

.yan {
    background: #2b2b2b;
    display: block;
    border: 1px solid #fff;
    border-radius: 5px;
    width: max-content;
    padding: 5px;
    margin: 5px;
}

.yan:hover  {
    background-color: #2b2b2b;
    border-color: #966b35;
    color: #966b35;
}

.comments-list-footer joomla-alert[type="warning"],
.comments-list-footer joomla-alert[type="success"],
#system-message-container joomla-alert[type="warning"],
#system-message-container joomla-alert[type="danger"], 
#system-message-container joomla-alert[type="error"]
#system-message-container joomla-alert[type="message"], 
#system-message-container joomla-alert[type="success"] {
	background-color: #000;
}
.comments-list-footer joomla-alert[type="success"]{
	border-radius: .25rem;
}
.list-group-item {background-color: transparent;}
.list-group-item {
	background-color: transparent;
	color: inherit;
}
.com-users-registration.registration,
.com-users-login.login {
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
}
.input-group {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.text-muted {color: #fff !important;}
.extravote {
	margin: 0 0 10px;
	width: revert;
}
#system-message-container joomla-alert .joomla-alert--close:first-child{z-index:2;}
/*JTLogin*/
.navbar-brand #jtl .modal.fade.show {
	opacity: 1;
	overflow: revert;
}
.navbar-brand #jtl .modal-dialog .modal-content {
	position: relative;
	background-color: #000;
	background-clip: padding-box;
	border: 0;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
	outline: 0;
	padding: 35px 40px 30px 40px;
}
.navbar-brand #jtl .btn-close {background: #000;}
.navbar-brand #jtl .btn-close path{fill:#fff;}
.btn-primary:focus, .btn-primary:hover {
	background-color: var(--cassiopeia-color-hover);
	border-color: #575e65;
}

/*JTLogin*/
.fnt12{font-size: 12pt;}
.album_name{
	font-weight:700;
	font-size:24pt;
}
.album_band_name{font-size:16pt;}
.band_label,
.album_label{color:#966b35;}
.album_label + td{padding-left:10px;}
.album_info_block figure {margin: 0;}
.album_info_block {margin-bottom: 40px;}

.com-finder__results-list {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.com-finder__results-list .result__item {
	width: calc(100% / 8 - 15px);
	margin: 7.5px;
}
.com-finder__results-list .result__item + .result__item {
	border-top: none;
	margin-top: 7.5px;
	padding-top: 0;
}
.com-finder__results-list .result__title-text {
	font-size: 0.9rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	text-align: center;
}

.album_info_block > tbody > tr > td {
	width: 50%;
}

.result__image{
	box-shadow: 0px 0px 10px 1px #fff;
	
}

.mod_jfields_title{
	font-size: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;	
}

.mod_jfields_title a{
	text-decoration:none;
	color:#9B723D;
}

.v_top {vertical-align: top;}
.bold{font-weight:700;}
.text-left{text-align:left;}
/*Other Release*/
.other-release.card {
	border: none;
	background: none;
	width: 100%;
}
.other-release .card-body,
.other-release .card-header {
	background: transparent;
}
.other-release .card-body {
	padding: 0;
}
.otherrelease_row {
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid currentColor;
	justify-content:space-between;
	margin: 6px 0;
}
.otherrelease_row > div{
	padding:8px 4px;
	display:flex;
	align-items:center;
	min-width:1.5rem;
}
.otherrelease_row > div:last-child{padding-right:8px;}
.otherrelease_img{padding:8px 4px 8px 8px;}
.otherrelease_img figure {
	margin: 0;
	width: 80px;
	float: none !important;
	box-shadow: 0px 0px 10px 1px #fff;
}
.pv1{
	padding-top:1px;
	padding-bottom:1px;
}
.poligrafiya_insert{
	display:none;
	margin-bottom:26px;
	text-align:center
}
.poligrafiya_insert.view{display:block;}
.poligrafiya_list{
	display:block;
	margin-bottom:26px;
}
.poligrafiya_name{
	background-color: #200101;
	color: #966b35;
	margin-bottom:26px;
	cursor:pointer;
}
.fancybox-container,
.df-lightbox-wrapper {z-index: 9999999 !important;}
.thumb {
	height: 60px;
	width: auto;
	margin: 3px;
}
.tabs_block{
	--sostav-width:300px;
}
.tabs_block .d-flex{padding:0;}
.tabbs_block_right{
	width:var(--sostav-width);
}
.tab_content,
.tab_label{
	width:calc(100% - var(--sostav-width));
}
.tab_label {
	display: flex;
	gap: 10px;
	justify-content: center;
	padding-bottom: 1rem;
}
.tab_name {
	padding: 0 20px 0;
	cursor: pointer;
	border-left: 1px solid #600C0C;
	color: rgba(var(--warning-rgb), 1);
}
.tab_name.active {color:#fff;}
.tab_name:first-child {border:none;}
.tab_item {
	display: none;
}
.tab_item.active {
	display: block;
}
.str.video_tr {
	background-color: #200101;
}
.video_tr{
	width:95%;
	gap:30px;
	border-bottom:1px solid #600C0C;
}
.video_preview {
	width: 150px;
	padding: 5px 0;
}
.w95{width:95%}
.band_photo {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.photo_caption {
	background: #200101;
	width: 100%;
}


@media (max-width: 991px) {
	.audio_player_block.audio_player_active {
		height: 83px;
		width: 100%;
		left: 0;
		bottom: 0;
		right: 0;
		background: #000;
	}
	.audio_player_img_block {
		width: 25px;
		height: 30px;
		margin-left: 13px;
	}
	.audio_top {
		height: 30px;
		display: flex;
		align-items: center;
	}
	.audio_title {
		font-size: 14px;
		padding-top: 0;
		padding-left: 51px;
	}
	.left_controls {
		width: 100%;
		flex: 1 0 0;
	}
	.volume_area {flex: 1 0 0;}
	.right_controls {display: none;}
	.progress_bar_container {bottom: 43px;}
	.progress_bar {height: 3px;}
	.scrubber_container {top: 0;}
	.scrubber_button{
		height:3px;
		width:3px;
	}
	.scrubber_button::before {
		height: 3px;
		top: 0;
	}
	.audio_player_active .audio_player_close, 
	.video-player--floating .video-player-close {
		right: 5px;
		top: -34px;
		background: #000;
		border-radius: 50%;
	}
	.audio_info {background-image: none;}
	.player-bar {display: none;}
  	.player-bar + .navbar-brand {padding-left: 20px;}
	.tab_content, .tab_label, .tabbs_block_right {width: 100%;}
	.tab_label + .tabbs_block_right {display: none;}
	
	
	
	
}/*992*/

@media (max-width: 768px) {
  	.album_info_block {
		margin-bottom: 40px;
		margin-left: var(--mrgn);
		margin-right: var(--mrgn);
        width: auto !important;
        padding: var(--pddng);
        --pddng: calc((100vw - 100%) /2);
        --mrgn: calc(var(--pddng) * -1);
        display: block;
	}
	.album_info_block + table > tbody > tr > td,
  	.album_info_block > tbody > tr > td {
		display: block;
		width: 100% !important;
	}
  	.album_info_block .left.item-image {float: none;}
  	.album_info_block > tbody,
	.album_info_block > tbody > tr{display:block;}
  	.album_info_block > tbody > tr > td:last-child table {margin: 0 auto;}
  
}/*768*/