body {
background: url(img/fon5n.jpg) no-repeat right bottom fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}	
p {
margin-top: 0px; /* Отступ сверху */
margin-bottom: 0px; /* Отступ снизу */
}
.song {
    margin: 30px 0 5px 0;
    padding: 0;
	Font-Family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	Font-size: 18px;
	Text-decoration: none;
	Text-align: left;
}
.meny5{
Font-Family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
Font-size: 20px;
Text-decoration: none;
Text-align: center;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
}
.meny5 A {Font-Family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
Text-decoration: none;
color: #fff;
}
.meny5 A:hover{
color: #d39097;
}
.meny6 {
Font-Family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
padding-top: 20px;
Font-size: 18px;
Text-decoration: none;
Text-align: left;
padding-bottom: 10px;
color: red;
}
.meny6 A {Font-Family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
Text-decoration: none;
color: red;
}
.meny6 A:hover{
color:  #820510;
}
.text {
Font-Family: Arial;
text-indent: 20px;
color: #424040;
Font-weight: normal; Font-size: 14px;
Line-height: 20px;
Text-align: justify;
Padding-top: 15px; Padding-right: 15px;
Padding-left: 15px;
padding-bottom: 10px;
}
.text1 {
Font-Family: Arial;
color: #424040;
Font-weight: normal; Font-size: 14px;
Line-height: 20px;
Text-align: justify;
Padding-top: 15px; Padding-right: 15px;
Padding-left: 15px;
padding-bottom: 10px;
}
.text1-1{
Font-Family: Arial;
color: #424040;
Font-weight: normal; Font-size: 14px;
Line-height: 20px;
Padding-top: 15px; Padding-right: 15px;
Padding-left: 15px;
padding-bottom: 10px;
}
.text2 {
Font-Family: Arial;
color: #424040;
Text-align: justify;
Font-weight: normal; Font-size: 12px;
Padding-top: 2px; 
padding-bottom: 2px;
Padding-left: 4px;
padding-right: 2px;
}
.text-forum{
Font-Family: Arial;
color: #424040;
Font-weight: normal; Font-size: 14px;
Padding-top: 4px; Padding-right: 2px;
padding-bottom: 4 px;
Padding-left: 4px;
}
.text-forum-i{
Font-Family: Arial;
color: #424040;
font-style:italic;
Font-weight: normal; Font-size: 12px;
Padding-top: 4px; Padding-right: 2px;
padding-bottom: 4 px;
Padding-left: 4px;
}
ul.number li {
	display: inline;
	padding: 2px;
}
.number{
Font-Family: Arial;
color: red;
Font-weight: normal; Font-size: 12px;
Padding-top: 4px; 
padding-bottom: 4px;
Text-align: center;
}
.number A{
color: #424040;
text-decoration: none;
}
.number .selected A{
color: red;
text-decoration: none;
}
.number A:hover{
color: #be303e;
text-decoration:underline;
}
.f2 {Padding-top: 4px;
padding-left: 4px; 
padding-bottom: 4px;
}
.rub {
Font-Family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
color: #be303e;
Font-weight: bold ; Font-size: 16px;
Padding-left: 15px;
}
.rub A{
color: #be303e;
text-decoration:underline;
}
.rub A:hover{
color: #820510;
}
.form {Font-Family: Arial;
Font-weight: normal; Font-size: 14px;
}
.form A {
color: #857067;
text-decoration:underline;
}
.form A:hover {
color: #be303e;
text-decoration:underline;
color: #820510;
}
.z {
Font-Family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
Font-weight: bold;
Font-size: 22px;
Text-align: center;
color: #be303e;
padding: 20px;  
}
.z A{
text-decoration:none;
color: #be303e;
}
.z A:hover{
color: #820510;
} 
.buy {
Font-Family: Arial;
font-size: 14px;
color:RED;
padding-top: 5px;
padding-bottom: 5px;
text-align:center;
}
.buy A {
Font-Family: Arial;
font-size: 13px;
color: #4b433f;
text-decoration:underline; 
}
.buy A: hover {
Font-Family: Arial;
font-size: 14px;
color: #a69c97;
text-decoration:underline; 
}
.block {
background-image:url(img/ff1.jpg);	
height:auto;     
}
.block1 {	 
padding:.5rem;
background-color: #be303e;
border:1px solid #857067;
border-radius:.5rem;
height:auto;
width:auto;
}
.block2 {	 
 padding:.5rem;
 background-color: rgba(250, 231, 199, 0.5); 
 border-radius:.5rem;
 height:auto;
 width:auto;
}
TR {
Font-Family: Arial;
Font-size: 12px;
}
.otst {
padding-top: 30px;
}
.otst1 {
padding-top: 20px;
}
.otst3 {
padding-top: 10px;
}
.podp {
Font-Family: Arial;
Font-weight: normal; Font-size: 12px;
font-style:italic;
color: #424040;;
}
@media (min-width:900px) {
	.meny1 {
	Font-Family: Arial;
	font-style:normal;
	padding-left: 10px;
	padding-right: 10px;
	Font-size: 14px;
	Text-align: center;  
	color: #fff;
	}
	.meny1 A {
	Text-decoration: none;
	color: #fff;
	}
	.meny1 A:hover {
	color: #ccc6c3;
	}
	.meny2 {
	Font-Family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style:italic;
	Font-size: 20px;
	Text-align: right;
	padding-bottom: 10px;
	color: red;
	}
	.meny2 A{
	color: red;
	text-decoration: none;
	}
	.meny2 A:hover{
	color:  #820510;;
	}
	.meny3{
	Font-Family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style:italic; 
	Font-size: 20px;
	Text-decoration: none;
	Text-align: left;
	padding-bottom: 10px;
	color: red;
	}
	.meny3 A{
	Text-decoration: none;
	color: red;
	}
	.meny3 A:hover{
	color:  #820510;
	}
}
@media (max-width:899.9px) {
	.meny1 {
	Font-Family: Arial;
	font-style:normal;
	Font-size: 12px;
	Text-align: center;
	padding-left: 10px;
	padding-right: 10px;  
	color: #fff;
	}
	.meny1 A {
	Text-decoration: none; 
	color: #fff;
	}
	.meny1 A:hover {
	color: #ccc6c3;
	}
	.meny2 {
	Font-Family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	line-height: 100%;
	font-style:italic;
	Font-size: 16px;
	Text-align: right;
	padding-bottom: 10px;
	color: red;
	}
	.meny2 A{
	Text-decoration: none;
	color: red;
	}
	.meny2 A:hover{
	color: #820510;
	}
	.meny3{
	Font-Family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	line-height: 100%;
	font-style:italic; 
	Font-size: 16px;
	Text-align: left;
	padding-bottom: 10px;
	color: red;
	}
	.meny3 A{
	Text-decoration: none;
	color: red;
	}
	.meny3 A:hover{
	color:  #820510;
	}
}
.img-thumbnail{
padding:.80rem;
background-color:#fff;
border:1px solid #a8a1a2;
border-radius:.5rem;
max-width:100%; 
height:auto; 
} 
@media (max-width:575.9px){
.sm1{	
display:none;
}}
@media (max-width:767.9px){
.md1{	
display:none;
}}
@media (min-width:576px){
.sm2{	
display:none;
}}	
#poz {
text-align: right;
}	
#poz1 {
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
}
#poz2 {	
margin-top: 5px;
margin-right: 5px;
float:right;
}
@media (min-width:400px) {
.col-sm1 {
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}}
.fon1 {
background:#857067;
padding-bottom: 8px;
padding-top: 8px;	
}	
.fon2 {
background:#e3e3e3;
}		
.kv {
margin-right: 10px;} 
.kv2 {
margin-left: 10px; }
.player {
	width: 30em;
}
#wrapper
{
width: 30em; /* 480 */
height: 8.75em; /* 140 */
/* 70 240 */
}
.player2
{
	width: 20em; /* 480 */
	height: auto;
	 /* 70 240 */
}

#copyright
{
font-size: 0.875em; /* 14 */
text-align: center;
margin-top: 1.429em; /* 20 */
}
#copyright a
{
font-weight: 700;
}
/*
PLAYER
*/
.audioplayer
{
height: 2.5em; /* 40 */
color: #fff;
text-shadow: 1px 1px 0 #000;
border: 1px solid #222;
position: relative;
z-index: 1;
background: #333;
}
/* mini mode (fallback) */
.audioplayer-mini
{
width: 2.5em; /* 40 */
margin: 0 auto;
}
/* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */
.audioplayer > div
{
position: absolute;
}
/* play/pause button */
.audioplayer-playpause
{
width: 2.5em; /* 40 */
height: 100%;
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 2;
top: 0;
left: 0;
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause
{
border-right: 1px solid #555;
border-right-color: rgba( 255, 255, 255, .1 );
}
.audioplayer-mini .audioplayer-playpause
{
width: 100%;
}
.audioplayer-playpause:hover,
.audioplayer-playpause:focus
{
background-color: #222;
}
.audioplayer-playpause a
{
display: block;
}
.audioplayer-stopped .audioplayer-playpause a
{
width: 0;
height: 0;
border: 0.5em solid transparent; /* 8 */
border-right: none;
border-left-color: #fff;
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -0.5em 0 0 -0.25em; /* 8 4 */
}
.audioplayer-playing .audioplayer-playpause a
{
width: 0.75em; /* 12 */
height: 0.75em; /* 12 */
position: absolute;
top: 50%;
left: 50%;
margin: -0.375em 0 0 -0.375em; /* 6 */
}
.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after
{
width: 40%;
height: 100%;
background-color: #fff;
content: '';
position: absolute;
top: 0;
}
.audioplayer-playing .audioplayer-playpause a:before
{
left: 0;
}
.audioplayer-playing .audioplayer-playpause a:after
{
right: 0;
}
/* timers */
.audioplayer-time
{
width: 4.375em; /* 70 */
height: 100%;
line-height: 2.375em; /* 38 */
text-align: center;
z-index: 2;
top: 0;
}
.audioplayer-time-current
{
border-left: 1px solid #111;
border-left-color: rgba( 0, 0, 0, .25 );
left: 2.5em; /* 40 */
}
.audioplayer-time-duration
{
border-right: 1px solid #555;
border-right-color: rgba( 255, 255, 255, .1 );
right: 2.5em; /* 40 */
}
.audioplayer-novolume .audioplayer-time-duration
{
border-right: 0;
right: 0;
}
/* progress bar of loaded/played */
.audioplayer-bar
{
height: 0.875em; /* 14 */
background-color: #222;
cursor: pointer;
z-index: 1;
top: 50%;
right: 6.875em; /* 110 */
left: 6.875em; /* 110 */
margin-top: -0.438em; /* 7 */
}
.audioplayer-novolume .audioplayer-bar
{
right: 4.375em; /* 70 */
}
.audioplayer-bar div
{
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.audioplayer-bar-loaded
{
background-color: #333;
z-index: 1;
}
.audioplayer-bar-played
{
background: #007fd1;
z-index: 2;
}
/* volume button */
.audioplayer-volume
{
width: 2.5em; /* 40 */
height: 100%;
border-left: 1px solid #111;
border-left-color: rgba( 0, 0, 0, .25 );
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 2;
top: 0;
right: 0;
}
.audioplayer-volume:hover,
.audioplayer-volume:focus
{
background-color: #222;
}
.audioplayer-volume-button
{
width: 100%;
height: 100%;
}
.audioplayer-volume-button a
{
width: 0.313em; /* 5 */
height: 0.375em; /* 6 */
background-color: #fff;
display: block;
position: relative;
z-index: 1;
top: 40%;
left: 35%;
}
.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after
{
content: '';
position: absolute;
}
.audioplayer-volume-button a:before
{
width: 0;
height: 0;
border: 0.5em solid transparent; /* 8 */
border-left: none;
border-right-color: #fff;
z-index: 2;
top: 50%;
right: -0.25em;
margin-top: -0.5em; /* 8 */
}
.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after
{
/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
width: 0.313em; /* 5 */
height: 0.313em; /* 5 */
border: 0.25em double #fff; /* 4 */
border-width: 0.25em 0.25em 0 0; /* 4 */
left: 0.563em; /* 9 */
top: -0.063em; /* 1 */
-webkit-border-radius: 0 0.938em 0 0; /* 15 */
-moz-border-radius: 0 0.938em 0 0; /* 15 */
border-radius: 0 0.938em 0 0; /* 15 */
-webkit-transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
-o-transform: rotate( 45deg );
transform: rotate( 45deg );
}
/* volume dropdown */
.audioplayer-volume-adjust
{
height: 6.25em; /* 100 */
cursor: default;
position: absolute;
left: 0;
right: -1px;
top: -9999px;
background: #333;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
{
opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust
{
top: auto;
bottom: 100%;
}
.audioplayer-volume-adjust > div
{
width: 40%;
height: 80%;
background-color: #222;
cursor: pointer;
position: relative;
z-index: 1;
margin: 30% auto 0;
}
.audioplayer-volume-adjust div div
{
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
background: #007fd1;
}
.audioplayer-novolume .audioplayer-volume
{
display: none;
}
/* CSS3 decorations */
.audioplayer
{
-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
}
.audioplayer-volume-adjust
{
-webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
-moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
}
.audioplayer-bar,
.audioplayer-volume-adjust > div
{
-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
-moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
}
.audioplayer-volume-adjust div div,
.audioplayer-bar-played
{
-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
-moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
}
.audioplayer-playpause,
.audioplayer-volume a
{
-webkit-filter: drop-shadow( 1px 1px 0 #000 );
-moz-filter: drop-shadow( 1px 1px 0 #000 );
-ms-filter: drop-shadow( 1px 1px 0 #000 );
-o-filter: drop-shadow( 1px 1px 0 #000 );
filter: drop-shadow( 1px 1px 0 #000 );
}
.audioplayer,
.audioplayer-volume-adjust
{
background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
background: -webkit-linear-gradient( top, #444, #222 );
background: -moz-linear-gradient( top, #444, #222 );
background: -ms-radial-gradient( top, #444, #222 );
background: -o-linear-gradient( top, #444, #222 );
background: linear-gradient( to bottom, #444, #222 );
}
.audioplayer-bar-played
{
background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) );
background: -webkit-linear-gradient( left, #007fd1, #c600ff );
background: -moz-linear-gradient( left, #007fd1, #c600ff );
background: -ms-radial-gradient( left, #007fd1, #c600ff );
background: -o-linear-gradient( left, #007fd1, #c600ff );
background: linear-gradient( to right, #007fd1, #c600ff );
}
.audioplayer-volume-adjust div div
{
background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
background: -moz-linear-gradient( bottom, #007fd1, #c600ff );
background: -ms-radial-gradient( bottom, #007fd1, #c600ff );
background: -o-linear-gradient( bottom, #007fd1, #c600ff );
background: linear-gradient( to top, #007fd1, #c600ff );
}
.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div
{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.audioplayer
{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.audioplayer-volume-adjust
{
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.audioplayer *,
.audioplayer *:before,
.audioplayer *:after
{
	-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}
/* responsiveness */
@media ( max-width: 990px) and (min-width:768px)
{
	body
	#wrapper
	{
	width: 100%;
	height: auto;
	position: static;				
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 1.25em; /* 20 */
	margin: 0;
	}
	.player {
	width: 100%;
	}
}
@media ( max-width: 576px) 
{
	body
	#wrapper
	{
	width: 100%;
	height: auto;
	position: static;				
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 1.25em; /* 20 */
	margin: 0;
	}
	.player {
	width: 100%;
	}
}

@media ( max-width: 380px) 
{
	body
	.player2
	{
		width: 100%;
		height: auto;
		position: static;				
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 1.25em; /* 20 */
		margin: 0;
	}
}